.v27-world,.v27-project,.v27-quest,.v27-blog{width:min(1120px,calc(100% - 40px));margin:auto}.v27-world{padding:70px 0 28px}.v27-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.v27-head h2,.v27-project h2,.v27-quest h2{margin:6px 0;font-size:clamp(34px,5vw,56px);letter-spacing:-2.5px;line-height:1}.v27-head>p,.v27-project p,.v27-quest p{color:#8e97a8;font-size:13px;line-height:1.6}.v27-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:25px}.v27-tab{min-height:78px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025);color:#9ca4b4;font-size:22px}.v27-tab span{display:block;font-size:10px;font-weight:800;margin-top:7px}.v27-tab.active{background:rgba(120,103,255,.12);border-color:rgba(130,112,255,.55);color:#fff}.v27-panel{margin-top:8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}.v27-panel article{padding:23px 26px}.v27-panel small{color:#9588ff;font-weight:850}.v27-panel h3{font-size:27px;margin:7px 0}.v27-panel p{color:#9199aa;line-height:1.6;font-size:13px}.v27-panel a,.v27-quest a{display:inline-block;margin-top:8px;color:#b6adff;text-decoration:none;font-size:10px;font-weight:850}.fa-toggle,#projectToggle,#allPosts{min-height:32px;border:1px solid rgba(255,255,255,.11);border-radius:99px;background:transparent;color:#aaa2ff;padding:0 11px;font-weight:800;font-size:10px}.fa-copy{padding:10px 12px!important;border-radius:10px;background:rgba(120,103,255,.07);font-family:Tahoma,"Segoe UI",sans-serif;text-align:right}.v27-project{margin-top:18px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:1fr auto;align-items:center}.v27-project h2{font-size:40px}.v27-project>div:first-child p{margin-bottom:0}.v27-project #projectMore{grid-column:1/-1;margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08);color:#8f97a8;font-size:12px}.v27-quest{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-top:14px;padding:28px;border:1px solid rgba(130,112,255,.2);border-radius:20px;background:linear-gradient(120deg,rgba(120,103,255,.12),rgba(255,255,255,.02))}.v27-quest h2{font-size:36px}.v27-blog{padding:60px 0 80px}.v27-blog #realPosts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.v27-blog .real-post:nth-child(n+3){display:none}.v27-blog.open .real-post:nth-child(n+3){display:block}#allPosts{display:block;margin:14px auto}.v27-blog .real-post{margin:0!important}.v27-blog #blogEmpty{color:#747d8f;font-size:12px}@media(max-width:650px){.v27-world,.v27-project,.v27-quest,.v27-blog{width:calc(100% - 28px)}.v27-world{padding-top:52px}.v27-head{display:block}.v27-tabs{grid-template-columns:repeat(3,1fr)}.v27-tab{min-height:68px}.v27-panel article{padding:19px}.v27-project,.v27-quest{grid-template-columns:1fr;gap:12px;padding:20px}.v27-project #projectMore{grid-column:auto}.v27-quest h2{font-size:29px}.v27-blog #realPosts{grid-template-columns:1fr}}#allPosts[hidden]{display:none!important}
.build-cta{display:flex;flex-direction:column;gap:9px;margin:0 0 32px;padding:24px;border:1px solid #34384a;border-radius:22px;text-decoration:none;background:linear-gradient(135deg,#111522,#17142b)}
.build-cta small{font-weight:800;letter-spacing:.14em;color:#9b87ff}
.build-cta strong{font-size:clamp(22px,5vw,30px);color:#fff}
.build-cta span{color:#aeb4c6;line-height:1.5}
.pro-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(calc(100% - 48px),1180px);margin:16px auto 8px;padding:15px 18px;border:1px solid #6254c9;border-radius:16px;background:linear-gradient(90deg,#151329,#111522);text-decoration:none}.pro-strip b{color:#9d8cff;font-size:12px;letter-spacing:.12em}.pro-strip span{color:#fff;font-weight:650}.pro-strip strong{color:#b9adff;font-size:13px}@media(max-width:700px){.pro-strip{grid-template-columns:1fr auto;width:calc(100% - 32px);gap:5px 12px;margin-top:12px}.pro-strip b{grid-column:1}.pro-strip span{grid-column:1;font-size:14px}.pro-strip strong{grid-column:2;grid-row:1/3;font-size:0}.pro-strip strong:after{content:"↗";font-size:22px}}
