:root{--bg:#0c0f15;--panel:#151a24;--panel-2:#1d2431;--cream:#f7f0db;--muted:#a9afbd;--cyan:#3fe3e0;--coral:#ff6c66;--yellow:#ffd456;--purple:#9d82ff;--line:#2b3445;--wrap:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.72;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(63,227,224,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(63,227,224,.15) 1px,transparent 1px);background-size:44px 44px}.wrap{width:var(--wrap);margin-inline:auto}img{max-width:100%}a{color:inherit}
.arcade-header{position:sticky;top:0;z-index:50;border-bottom:2px solid var(--cyan);background:rgba(12,15,21,.94);backdrop-filter:blur(14px)}.header-shell{min-height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;margin-right:auto;text-decoration:none}.brand img{display:block;width:56px;height:56px;object-fit:contain;border:2px solid var(--line);border-radius:11px;background:#777b85}.brand span{display:grid;line-height:1.05}.brand b{font-size:1rem;letter-spacing:.025em}.brand small{margin-top:6px;color:var(--cyan);font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.17em}.main-menu{display:flex;gap:22px}.main-menu a{position:relative;text-decoration:none;color:#cfd4df;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.main-menu a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:3px;background:var(--coral);transition:right .2s ease}.main-menu a:hover::after,.main-menu a.active::after{right:0}.menu-button{display:none;border:2px solid var(--cyan);border-radius:8px;background:transparent;color:var(--cream);padding:9px 12px;font:800 .76rem/1 inherit;text-transform:uppercase;letter-spacing:.06em}
.hero{position:relative;border-bottom:2px solid var(--line);background:radial-gradient(circle at 78% 30%,rgba(157,130,255,.18),transparent 32%),linear-gradient(150deg,#161c28 0%,#0c0f15 74%);overflow:hidden}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 5px,#000 5px 7px)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:72px;align-items:center;min-height:650px;padding:86px 0}.hero-copy{max-width:830px}.status-line{display:flex;align-items:center;gap:11px;margin-bottom:25px;color:var(--cyan);font-size:.7rem;font-weight:950;letter-spacing:.18em}.status-line i{width:7px;aspect-ratio:1;border-radius:50%;background:var(--coral);box-shadow:0 0 14px var(--coral)}.eyebrow{margin:0 0 14px;color:var(--yellow);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.18em}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin-top:0;line-height:1.1}h1{max-width:880px;margin-bottom:27px;font-size:clamp(2.45rem,5vw,4.85rem);letter-spacing:-.055em;text-wrap:balance}.lead{font-size:1.11rem;color:#e2e5ec}.hero-copy p{max-width:790px}.anchor-link{color:var(--yellow);font-weight:900;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:4px}.anchor-link:hover{color:var(--cyan)}
.control-panel{padding:24px;border:3px solid #080a0f;border-radius:24px;background:linear-gradient(150deg,#30384a,#171b26);box-shadow:0 0 0 3px var(--purple),15px 17px 0 rgba(0,0,0,.45);transform:rotate(2deg)}.screen{display:grid;place-items:center;min-height:165px;border:4px solid #090b10;border-radius:13px;background:#081c1d;color:var(--cyan);box-shadow:inset 0 0 30px rgba(63,227,224,.12)}.screen span{font-size:4rem;font-weight:950;line-height:.9}.screen small{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:27px 0 17px}.controls i{width:55px;height:18px;border:4px solid #090b10;border-radius:12px;background:var(--yellow);transform:rotate(-20deg)}.controls b{width:33px;aspect-ratio:1;border:4px solid #090b10;border-radius:50%;background:var(--coral)}.controls b:last-child{background:var(--cyan)}.control-panel>p{margin:4px 0 0;color:var(--muted);font-size:.63rem;font-weight:900;text-align:center;letter-spacing:.14em}
.game-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;padding:80px 0 105px}.level-select{position:sticky;top:110px;align-self:start;border:2px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden;box-shadow:10px 12px 0 rgba(0,0,0,.3)}.level-select>p{margin:0;padding:14px 16px;border-bottom:2px solid var(--line);background:var(--panel-2);color:var(--cyan);font-size:.7rem;font-weight:950;letter-spacing:.14em}.level-select a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);text-decoration:none}.level-select a:last-child{border-bottom:0}.level-select a span{display:grid;place-items:center;width:34px;aspect-ratio:1;border:2px solid var(--line);border-radius:8px;color:var(--muted);font-size:.68rem;font-weight:950}.level-select a b{font-size:.77rem;line-height:1.25}.level-select a:hover,.level-select a.active{background:#212a38}.level-select a.active span{border-color:var(--coral);background:var(--coral);color:#141720}
.levels{display:grid;gap:42px;min-width:0}.level{position:relative;padding:53px 58px 59px;border:2px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#19202c,var(--panel));box-shadow:13px 15px 0 rgba(0,0,0,.28);scroll-margin-top:112px}.level::before{content:attr(data-level);position:absolute;right:28px;top:26px;color:rgba(255,255,255,.045);font-size:7rem;font-weight:950;line-height:.75}.level.coral{border-top:5px solid var(--coral)}.level.cyan{border-top:5px solid var(--cyan)}.level.yellow{border-top:5px solid var(--yellow)}.faq-level{border-top:5px solid var(--purple)}.level-head{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:24px}.level-head span,.level-head i{padding:6px 10px;border:2px solid var(--line);border-radius:7px;font-size:.68rem;font-style:normal;font-weight:950;letter-spacing:.11em}.level-head span{border-color:var(--coral);background:var(--coral);color:#12141a}.level-head i{color:var(--muted)}.level h2{position:relative;z-index:1;max-width:780px;margin-bottom:25px;font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.045em;text-wrap:balance}.level h3{margin:31px 0 16px;color:var(--cyan);font-size:.82rem;text-transform:uppercase;letter-spacing:.105em}.level p{max-width:810px;color:#d7dbe4}
.mission-list{display:grid;gap:10px;margin:22px 0 31px;padding:0;list-style:none}.mission-list li{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:13px;padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:#111620}.mission-list span{color:var(--coral);font-size:.72rem;font-weight:950;letter-spacing:.08em}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:24px 0 29px}.stat-grid span{display:grid;place-items:center;min-height:86px;padding:13px;border:2px solid #343d50;border-radius:11px;background:#10141c;color:#f2e9d1;font-size:.82rem;font-weight:850;text-align:center}.stat-grid span:nth-child(2n){border-color:rgba(255,108,102,.52)}
.banner-slot{margin:0;padding:12px;border:2px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:13px 15px 0 rgba(0,0,0,.28)}.banner-slot img{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:contain;border-radius:9px;background:#777b85}.banner-slot figcaption{padding:11px 4px 1px;color:var(--muted);font-size:.74rem;text-align:center}.banner-slot code{color:var(--cyan)}
.dual-screen{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:28px}.dual-screen article{padding:25px;border:2px solid var(--line);border-radius:12px;background:#0f141d}.dual-screen article>span{display:inline-block;margin-bottom:13px;color:var(--cyan);font-size:.72rem;font-weight:950;letter-spacing:.14em}.dual-screen article:last-child>span{color:var(--yellow)}.dual-screen article p{margin:0}
.faq-list{display:grid;gap:11px}.faq-list details{border:2px solid var(--line);border-radius:11px;background:#111620;overflow:hidden}.faq-list summary{position:relative;padding:17px 54px 17px 18px;cursor:pointer;font-weight:850;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:18px;top:10px;color:var(--cyan);font-size:1.7rem}.faq-list details[open] summary{border-bottom:2px solid var(--line);background:#1b2230}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:0;padding:17px 18px}
.arcade-footer{border-top:2px solid var(--line);background:#080a0f}.footer-grid{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;min-height:155px}.footer-grid img{display:block;width:60px;height:60px;object-fit:contain;border:2px solid var(--line);border-radius:10px}.footer-grid strong{display:block}.footer-grid p{margin:3px 0 0;color:var(--muted);font-size:.86rem}.footer-grid>a{color:var(--cyan);font-weight:900;text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:980px){.header-shell{min-height:76px}.menu-button{display:block}.main-menu{display:none;position:absolute;left:20px;right:20px;top:68px;flex-direction:column;gap:0;border:2px solid var(--cyan);border-radius:12px;background:#111620;overflow:hidden}.main-menu.open{display:flex}.main-menu a{padding:14px 16px;border-bottom:1px solid var(--line)}.main-menu a:last-child{border-bottom:0}.main-menu a::after{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 210px;gap:35px}.control-panel{padding:18px}.screen{min-height:130px}.game-layout{grid-template-columns:1fr;gap:24px;padding-top:35px}.level-select{position:sticky;top:76px;z-index:20;display:flex;overflow:auto;white-space:nowrap;border-radius:10px}.level-select>p{display:none}.level-select a{flex:0 0 auto;border-right:1px solid var(--line);border-bottom:0}.level-select a:last-child{border-right:0}}
@media(max-width:700px){:root{--wrap:min(100% - 26px,1180px)}body{font-size:16px}.brand img{width:49px;height:49px}.brand small{display:none}.hero::after{opacity:.07}.hero-grid{grid-template-columns:1fr;min-height:0;padding:58px 0 64px}.control-panel{display:none}h1{font-size:clamp(2.25rem,11vw,3.4rem)}.level-select a{grid-template-columns:29px 1fr;padding:9px 11px}.level-select a span{width:28px}.level-select a b{font-size:.7rem}.levels{gap:29px}.level{padding:36px 22px 40px;border-radius:13px;box-shadow:7px 9px 0 rgba(0,0,0,.28)}.level::before{right:16px;top:24px;font-size:4.8rem}.level h2{font-size:2.1rem}.stat-grid,.dual-screen{grid-template-columns:1fr}.stat-grid span{min-height:58px}.banner-slot{padding:7px;box-shadow:7px 9px 0 rgba(0,0,0,.28)}.banner-slot figcaption{font-size:.68rem}.footer-grid{grid-template-columns:52px 1fr;padding:26px 0}.footer-grid img{width:52px;height:52px}.footer-grid>a{grid-column:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}