/* xxtra: block-built Minecraft interface. Loaded after the shared responsive layout. */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
:root{--bg:#100d17;--panel:#1c1726;--muted:#aaa0b7;--line:#3b3049;--green:#ff842e;--text:#faf6ff;--pixel:'Press Start 2P',monospace;--emerald:#7ed450;--radius:0px}html{scroll-padding-top:105px}body{background-color:var(--bg);background-image:linear-gradient(#b99ad904 1px,transparent 1px),linear-gradient(90deg,#b99ad904 1px,transparent 1px);background-size:32px 32px}h1,h2,h3,.logo,.button,.desktop-nav,.hero-categories,.filters,.text-link,.cover-brand,.nav-telegram,.step-number{font-family:var(--pixel);font-weight:400}.wrap{width:min(1280px,calc(100% - 96px))}.header{position:fixed;background:linear-gradient(#0d0a17dd,#0d0a1730);border-color:#ffffff18;transition:background .2s}.header.scrolled{background:#100d17f2;box-shadow:0 5px 20px #0006}.nav{height:82px;gap:28px}.logo{font-size:25px;letter-spacing:-1px;gap:10px;text-shadow:3px 3px #0008}.logo-dot{display:none}.logomark{font-size:0;letter-spacing:0;border-radius:0;transform:none;background:url('assets/xxtra-avatar-192.webp') center/cover;width:39px;height:39px;border:2px solid #f18a3e;box-shadow:3px 3px #0007}.desktop-nav{font-size:9px;gap:24px;color:#c7bbd6;line-height:1.6}.nav-telegram{font-size:9px;line-height:1.5;border-radius:0;border-color:#e8944f;background:#e45f12;box-shadow:inset 2px 2px #ffae58,inset -2px -3px #8f350a,3px 3px #0006;color:white;padding:15px}.nav-telegram:hover{background:#f8781c}.scroll-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--green);width:var(--progress,0%);box-shadow:0 0 12px #ff842e77}.hero{height:100svh;min-height:820px;max-height:1100px}.hero-art{background-image:url('assets/xxtra-world-v2.webp');background-position:center center}.hero-shade{background:linear-gradient(0deg,#100d17 0%,transparent 25%,#120b2620 75%,#100d1750),radial-gradient(ellipse at 50% 46%,#170b3b45 0%,#100b2530 35%,transparent 70%)}.hero-inner{justify-content:center;padding-top:64px}.hero-copy{text-align:center;max-width:920px;width:100%;padding:25px 20px;text-shadow:2px 3px #10071966}.hero-copy>.eyebrow{justify-content:center;color:#d6c9ed;font-size:9px;letter-spacing:3px}.live-dot{background:var(--emerald);border-radius:0;box-shadow:0 0 10px #81ef3877;animation:none}.hero-categories{display:flex;justify-content:center;gap:9px;margin:27px 0 20px}.hero-categories button{font-size:10px;background:#34234790;border:1px solid #a17abd55;color:#e2d2f1;padding:12px 15px;line-height:1.5;box-shadow:inset 0 1px #ffffff14;transition:background .2s,transform .2s}.hero-categories button:hover{background:#6c3d8c90;transform:translateY(-2px)}.hero h1{font-size:clamp(30px,3.5vw,47px);line-height:1.65;letter-spacing:-1.8px;margin:19px -20px 22px;text-shadow:4px 5px 0 #10091f,0 4px 40px #0007}.accent-word{color:#ff7d24}.accent-word svg{display:none}.hero-copy>p{font-size:15px;line-height:1.8;color:#e2d3ec;margin:18px 0 27px;text-shadow:1px 2px #000a}.hero-actions{justify-content:center;gap:14px;margin:28px 0 0}.button{border-radius:0;font-size:11px;line-height:1.7;gap:20px;padding:20px 23px;transition:transform .15s,background .15s,box-shadow .15s}.primary{color:#fff;background:#f26917;border:2px solid #ff9a40;box-shadow:inset 2px 2px #ffac57,inset -3px -4px #ad3c0c,5px 5px 0 #07050dbb;text-shadow:2px 2px #8a320e}.primary:hover{background:#ff8527;box-shadow:inset 2px 2px #ffb169,inset -3px -4px #bd4b12,5px 7px 0 #07050dbb;transform:translateY(-2px)}.button:active{transform:translate(2px,3px);box-shadow:inset 2px 2px #0003}.glass{background:#1d1429b8;border:2px solid #81738e;box-shadow:inset 2px 2px #aea1b55c,inset -2px -3px #08050c,5px 5px #07050d99;color:#eee5f5;backdrop-filter:blur(3px);font-size:10px}.glass svg{fill:#d8c8e5}.hero-meta{justify-content:center;margin-top:23px;font-size:10px;color:#c5b5d5;gap:23px}.hero-meta i{color:var(--emerald)}.world-caption{display:none}.hero-bottom{bottom:24px;color:#9d8daf;font-size:8px}.hero-bottom a{color:#d2bbeb}.hotbar{display:flex;justify-content:center;background:#18131ee0;border:3px solid #8c8594;outline:3px solid #100c17;box-shadow:inset 2px 2px #d3cbd9,inset -2px -2px #302a37,0 5px 20px #0007;width:max-content;padding:4px;gap:3px;margin:28px auto 0}.hotbar button,.hotbar-empty{width:36px;height:36px;background:#37303d;border:2px solid;border-color:#1c1721 #665e6c #665e6c #1c1721;position:relative;display:grid;place-content:center;padding:0}.hotbar button:hover{outline:2px solid #fbf6ff;z-index:1;background:#695672}.hotbar button span{font-size:24px;filter:drop-shadow(2px 2px #0008)}.hotbar small{position:absolute;right:2px;bottom:0;font:8px var(--pixel);color:#c6bcce;text-shadow:1px 1px black}.ticker{background:#17111f;border-color:#3c2b4d;color:#ae99bf;font:9px var(--pixel);letter-spacing:0;padding:23px 0}.ticker b{color:var(--emerald);font-size:20px}.section{padding-block:90px}.section-heading{margin-bottom:35px}.eyebrow.subdued{color:#a58ebc;font-size:9px;letter-spacing:1.7px}.section h2,.translation-copy h2,.club-copy h2,.final-cta h2{font-family:var(--pixel);font-size:26px;font-weight:400;line-height:1.8;letter-spacing:-1px;margin-top:18px;text-shadow:2px 3px #0007}.section-heading>p{font-size:12px;color:#b3a3c2}.filters button{border-radius:0;font-size:9px;line-height:1.7;padding:13px 16px;color:#b8a3c8;border:1px solid transparent}.filters button.selected{background:#f07824;color:white;border:1px solid #ffad5b;box-shadow:inset 2px 2px #ffb16a55,inset -2px -3px #9f3d0d;font-weight:400}.filters button:hover:not(.selected){background:#31233e;color:#e5d7f3}.filters button span{font-size:8px}.search{border-radius:0;background:#181120;border:1px solid #493555;box-shadow:inset 2px 2px #0006}.search svg{stroke:#af91c5}.search input{color:#e5d7f3}.search input::placeholder{color:#9479ab}.catalog-caption{color:#a089b1}.catalog-caption select{color:#c2aed4}.product-grid{gap:24px}.product-card{border:2px solid #493950;border-radius:0;background:#1c1525;box-shadow:4px 4px 0 #09060e;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{border-color:#db874d;transform:translateY(-5px);box-shadow:5px 9px 0 #08040f}.product-cover{height:220px;border-bottom:2px solid #493950}.cover-label{border-radius:0;background:#110b1bd9;border:1px solid #ffffff45;font:8px var(--pixel);line-height:1.6;left:13px;top:13px;max-width:calc(100% - 26px)}.cover-brand{font-size:18px;line-height:1.6;max-width:80%;left:20px;bottom:16px;letter-spacing:-1px;text-shadow:2px 3px #000c}.cover-brand small{font-family:Manrope,Arial,sans-serif;letter-spacing:2px;color:#ddcdec;font-size:8px;margin-bottom:5px}.cover-icon{font-size:25px;right:14px;bottom:17px;color:#e5c8ff}.product-body{padding:23px}.product-body h3{font-family:var(--pixel);font-size:13px;line-height:1.8;letter-spacing:-.5px;min-height:46px;display:flex;align-items:center;margin:12px 0}.product-body p{font-size:12px;line-height:1.8;color:#b0a0bf}.product-tags{color:#c3a7d9}.product-tags span{border-radius:0;background:#b47bff0b;border:1px solid #80618f30}.price{font-family:var(--pixel);font-size:17px;line-height:1.5;font-weight:400;letter-spacing:-.8px}.price small{font-family:Manrope,Arial,sans-serif;font-size:10px;color:#9b86ad;letter-spacing:0}.price .green{color:#e6b84e}.card-button{border-radius:0;border:1px solid #6f547f;background:#392843;box-shadow:inset 1px 1px #b795c755,inset -2px -2px #180f20;font-size:11px;gap:16px;padding:11px 13px;color:#eadcf5}.card-button:hover{background:#5c3e72;color:#fff;border-color:#a27cb8}.catalog-note{color:#ad98bd;font-size:10px;padding:12px 16px;background:#6d422114;border-left:2px solid #d88035;margin-top:26px}.empty{border-radius:0}.empty h3{font-family:var(--pixel);font-size:18px;line-height:1.8}.translation-section{border-radius:0;border:2px solid #5f3e73;background:radial-gradient(ellipse at left bottom,#8136bc23,transparent 65%),#1b1325;box-shadow:6px 6px #08050c;padding:55px 40px;gap:45px}.translation-copy h2{font-size:21px;margin-bottom:20px;line-height:1.8}.translation-copy>p{color:#b2a1c1;font-size:13px}.language-card{border-radius:0;background:#242026;border:3px solid #63546f;box-shadow:inset 2px 2px #ffffff18,7px 7px #08050c6b;transform:rotate(-5deg);width:190px}.language-card strong{font-family:var(--pixel);font-size:15px;line-height:1.7;letter-spacing:-1px}.language-card small,.language-card>span{color:#b1a1bd}.language-card.russian{background:#32263e;border:3px solid #df8e44;box-shadow:inset 2px 2px #d8924a33,7px 7px #08050c9b;color:#fff2df;transform:rotate(5deg) translateY(15px)}.language-card.russian small,.language-card.russian>span{color:#e9ad75}.language-card.russian b{color:#89d959}.pixel-spark,.language-arrow{color:#8ddd53}.text-link{font-size:9px;line-height:1.8;color:#ff9c52;letter-spacing:-.3px}.steps{gap:45px}.steps article{border-color:#614276}.step-number{font-size:10px;color:#a781bf}.step-icon{color:#ed9b53;font-size:30px}.steps h3{font-size:13px;line-height:1.8;letter-spacing:-.4px;min-height:46px}.steps p{font-size:12px;line-height:1.9;color:#ae9fbd}.club-section{border-radius:0;border:2px solid #634273;background:linear-gradient(100deg,#1c1128 25%,#3c205a99),url('assets/xxtra-world-v2.webp') center/cover;box-shadow:6px 6px #08050c;gap:40px;padding:65px 55px 0}.club-section::before{background-image:linear-gradient(#c8a6e009 1px,transparent 1px),linear-gradient(90deg,#c8a6e009 1px,transparent 1px);background-size:32px 32px}.club-copy h2{font-size:25px;line-height:1.8}.club-copy .eyebrow{color:#d59be9}.club-copy>p{color:#c5b1d5}.club-footnote{color:#a58cbb;line-height:1.8}.phone{border-radius:15px 15px 0 0;border:5px solid #5e4771;border-bottom:0;background:#12111c;transform:rotate(3deg) translateY(16px);box-shadow:9px 5px 0 #09050f88}.phone-bar{background:#252035;border-radius:10px 10px 0 0}.phone-bar>span,.phone-bar small{color:#b7a5cc}.bot-avatar{font-size:0;background:url('assets/xxtra-avatar-192.webp') center/cover;border:1px solid #ff842e88;border-radius:3px}.bot-banner{padding:0;border-radius:0;aspect-ratio:16/9;background:url('assets/xxtra-market.webp') center/cover}.bot-banner>*{visibility:hidden}.bot-message{background:#262234;border-radius:0}.bot-message p{color:#beb1cb}.bot-buttons button{background:#3b6c2c;border-color:#6b9a52;border-radius:3px;box-shadow:inset 0 1px #91b47d44;padding:11px;font-size:11px}.bot-buttons button:hover{background:#4b8738}.bot-buttons button:last-child{background:#285878;border-color:#487998}.phone-input{background:#242032;color:#9d88ae}.phone-input span{color:#b898d7}.faq-section{grid-template-columns:1fr 1.2fr}.faq-intro h2{font-size:25px}.faq-intro>p{color:#b29ac2}.faq-list details{border-color:#3e2e4b}.faq-list summary{font-size:13px}.faq-list details p{color:#b19bc3}.final-cta{border-color:#513561;padding:65px 0 80px}.final-cta h2{font-size:34px;line-height:1.8}.cta-symbol{font-size:270px;color:#7545a2;opacity:.35;right:20px;top:40px}.footer-top>span,.footer-top>a:last-child{color:#ac96be}.footer-bottom p{color:#9680a8}.footer-bottom button{color:#b39cc7}dialog{border-radius:0;border:3px solid #796086;background:#1b1425;box-shadow:inset 2px 2px #b698c633,8px 8px #08050cdd;padding:34px;width:min(680px,calc(100% - 32px))}dialog::backdrop{background:#090511db;backdrop-filter:blur(5px)}dialog h2{font-family:var(--pixel);font-size:20px;line-height:1.8;letter-spacing:-.8px}dialog p{color:#c3adcf}.modal-close{border-radius:0;background:#3d2e49;border:1px solid #876295;width:30px;height:30px;line-height:25px;color:#f0e0f7;top:9px;right:9px}.modal-close:hover{background:#694775}.modal-specs div{border-radius:0;background:#120c1b;border-color:#4b355b;color:#ddc6ec}.modal-specs small{color:#ac88c3}.modal-features{color:#c5add5}.modal-features li::before{color:#8ed95c}.modal-buy{border-color:#513961}.modal-buy .button{font-family:Manrope,Arial,sans-serif;font-size:12px}.demo-warning{font-size:12px!important;color:#c1aacb!important}.product-modal-cover{height:180px;margin:-34px -34px 24px;border-bottom:2px solid #664379}.product-modal-cover .cover-brand{font-size:23px}.product-tabs{display:flex;border-bottom:1px solid #583f68;gap:5px;margin:23px 0 14px}.product-tabs button{font-size:11px;padding:12px 14px;color:#aa8ebf;border:1px solid transparent;border-bottom:0}.product-tabs button[aria-selected=true]{color:#ffad66;background:#31203f;border-color:#583f68}.product-tabs button:hover{color:#ffad66}.product-tab-panel{min-height:118px}.install-list{padding-left:20px;font-size:12px;line-height:1.9;color:#c8b4d5}.install-list li{margin-bottom:8px}.modal-telegram-link{color:#c5a5df;font-size:11px;display:block;text-align:center;margin-top:18px;text-decoration:underline;text-underline-offset:3px}.modal-note{font-size:10px;color:#8e759d}.stars i{border-radius:0;background:#8ed953;box-shadow:0 0 7px #7be246;width:4px;height:4px}.button:disabled{opacity:.7;background:#514459;border-color:#80708d;text-shadow:none;box-shadow:inset 1px 1px #ffffff16,inset -2px -3px #2a2032}.mobile-nav:not([hidden]){background:#1a1124;border-color:#5e3b73;font-size:12px}.skip{background:#ff842e;color:#fff}.noscript{background:#3c244a}
@media(min-width:1700px){.wrap{width:min(1400px,calc(100% - 160px))}.hero h1{font-size:51px}.hero-copy{max-width:1000px}.hero-copy>p{font-size:17px}.product-cover{height:240px}}
@media(max-width:1150px){.desktop-nav{gap:17px;font-size:8px}.nav{gap:20px}.wrap{width:calc(100% - 64px)}.hero h1{font-size:37px}.section h2{font-size:23px}.product-body{padding:18px}.cover-brand{font-size:16px}.translation-section{padding:40px 25px;gap:25px}.translation-copy h2{font-size:18px}.language-card{width:165px}.language-card strong{font-size:13px}.club-section{padding:45px 35px 0}.club-copy h2{font-size:21px}.final-cta h2{font-size:29px}.steps h3{font-size:11px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:74px}.hero{min-height:800px;height:100svh}.hero-art{background-position:center}.hero-copy{padding-inline:0;max-width:650px}.hero h1{font-size:34px;letter-spacing:-1px;margin-inline:0}.hero-copy>p{font-size:14px}.hero-shade{background:linear-gradient(0deg,#100d17,transparent 30%,#11092235),linear-gradient(90deg,#190b3066,#1c103f30,#190b3066)}.hero-meta{max-width:none}.hero-actions{flex-direction:row;align-items:center}.hero-categories button{font-size:9px}.product-grid{gap:20px}.section{padding-block:65px}.section h2{font-size:23px}.section-heading{gap:15px}.translation-section{grid-template-columns:1fr;padding:30px}.translation-copy h2{font-size:23px}.language-card{width:190px;height:205px}.language-card strong{font-size:16px}.club-section{grid-template-columns:1fr;padding:35px 40px 0;gap:20px}.club-copy{padding:0}.club-copy h2{font-size:26px}.club-footnote{display:none}.phone{width:320px;transform:none;justify-self:center}.phone:hover{transform:none}.faq-section{grid-template-columns:1fr}.faq-intro h2{font-size:24px}.final-cta h2{font-size:27px}.hotbar{margin-top:25px}.product-body h3{font-size:12px}.card-button{gap:8px;padding:10px}.price{font-size:15px}.cover-brand{font-size:17px}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.nav{height:68px;gap:9px}.logo{font-size:21px;letter-spacing:-1px;gap:7px}.logomark{width:31px;height:31px}.nav-telegram{font-size:7px;padding:11px 9px;gap:5px}.nav-telegram span{font-size:16px}.menu-toggle{padding:8px}.hero{height:auto;min-height:820px;max-height:none}.hero-inner{min-height:820px;padding-top:45px}.hero-copy{padding:25px 0 45px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-categories{gap:5px;margin:23px 0}.hero-categories button{font-size:8px;padding:11px 10px}.hero h1{font-size:23px;letter-spacing:-1px;line-height:1.75;margin:20px -4px;text-shadow:3px 4px #0b0519}.hero-copy>p{font-size:13px;line-height:1.9;margin-top:25px}.desktop-break{display:none}.hero-actions{flex-direction:column;gap:16px;margin-top:26px}.hero-actions .button{min-width:260px;padding:18px 20px;font-size:10px;gap:20px}.hero-actions .glass{font-size:9px;min-width:220px;padding:16px 20px}.hotbar{gap:2px;padding:3px;border-width:2px}.hotbar button,.hotbar-empty{width:29px;height:31px}.hotbar button span{font-size:21px}.hotbar small{font-size:6px}.hero-meta{gap:8px 18px;max-width:290px;margin:23px auto 0;font-size:9px}.hero-meta i{font-size:13px}.hero-bottom>span{max-width:150px;font-size:7px;line-height:1.8}.hero-bottom a{font-size:9px}.ticker{font-size:8px;padding:21px 0}.ticker>div{gap:28px}.section h2{font-size:18px;line-height:1.8;letter-spacing:-.5px}.section-heading>p{font-size:12px}.eyebrow.subdued{font-size:8px;letter-spacing:1.4px}.filters{gap:2px}.filters button{font-size:7px;padding:12px 8px;letter-spacing:-.3px}.filters button span{font-size:7px}.product-grid{grid-template-columns:1fr}.product-cover{height:225px}.cover-brand{font-size:21px}.product-body{padding:22px}.product-body h3{font-size:14px;min-height:0;margin:15px 0}.product-body p{font-size:12px}.price{font-size:18px}.card-button{padding:12px 17px;gap:16px}.product-tags{font-size:9px}.translation-section{padding:25px 14px}.translation-copy h2{font-size:18px;line-height:1.9;letter-spacing:-.5px}.translation-art{min-height:220px}.language-card{width:154px;height:180px;padding:18px 12px}.language-card strong{font-size:12px;line-height:1.8;letter-spacing:-.7px;margin-top:20px}.language-card>span{margin-top:21px}.language-card small{font-size:7px}.translation-copy{padding:10px 7px 15px}.steps{gap:30px}.steps h3{font-size:12px;min-height:0;line-height:1.8;margin-top:4px;max-width:230px}.steps article{padding-left:42px}.step-number{font-size:8px;top:26px}.steps p{font-size:12px}.club-section{padding:30px 22px 0}.club-copy h2{font-size:19px;line-height:1.9}.club-copy .eyebrow{font-size:8px;line-height:1.8}.club-copy>p{font-size:12px}.club-copy .button{font-size:9px;padding:18px 15px}.phone{max-width:100%;width:285px;margin-top:5px}.faq-intro h2{font-size:18px}.faq-list summary{font-size:12px}.final-cta h2{font-size:21px;line-height:1.9}.final-cta .button{font-size:9px}.cta-symbol{top:100px;font-size:170px;right:-30px;opacity:.2}.footer-top{padding-block:30px}.footer-bottom p{font-size:9px}.footer-bottom>div{gap:15px}.footer-bottom button{font-size:9px}.product-modal-cover{margin:-28px -19px 22px;height:155px}.product-modal-cover .cover-brand{font-size:19px}dialog{padding:28px 19px;width:calc(100% - 26px)}dialog h2{font-size:16px;line-height:1.8}.modal-specs{gap:6px}.modal-specs div{padding:12px 8px;font-size:11px}.modal-specs small{font-size:8px}.product-tabs button{font-size:10px;padding:11px 9px}.modal-buy{gap:20px}.modal-buy .button{width:100%;font-size:12px}.modal-features{font-size:12px;line-height:2.2}.modal-telegram-link{font-size:10px}}
@media(max-width:370px){.hero h1{font-size:20px}.hero-categories button{font-size:7px;padding:11px 9px}.nav-telegram{font-family:Manrope,Arial,sans-serif;font-size:9px}.hero-copy>.eyebrow{font-size:7px}.hero-meta{font-size:8px}.hotbar button,.hotbar-empty{width:27px;height:29px}.section h2,.translation-copy h2{font-size:16px}.cover-brand{font-size:18px}.filters button{font-size:6px;padding:12px 8px}.logo{font-size:19px}}
.motion-off .hero-art{translate:none!important}.motion-off .header{transition:none}