:root{color-scheme:dark;--bg:#111716;--panel:#1d2825;--text:#f0f1df;--muted:#b5c0b7;--lime:#d2ef83;--coral:#ff8b70;--line:#3a4640}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--coral);outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{padding:29px 36px;display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.025em}.brand span{font-weight:400;color:var(--lime)}nav{margin-left:auto;display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--lime)}.edition{font-size:11px;letter-spacing:.1em;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:68px 36px 64px;align-items:center}h1{font-size:clamp(48px,5.8vw,78px);line-height:1.03;letter-spacing:-.04em;font-weight:800;margin:0 0 28px}h1 span{color:var(--lime)}.intro>p{color:var(--muted);font-size:18px;margin-bottom:26px}.primary{border:0;background:var(--lime);color:var(--bg);display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 22px;font-weight:700;border-radius:5px}.primary:hover{background:#e4ffaa}.primary span{font-size:22px}.intro .small{font-size:12px;margin-top:16px}.cabinet{background:var(--panel);padding:20px;border-radius:14px;box-shadow:0 24px 60px #0004;scroll-margin-top:20px}.cabinet-top{display:flex;align-items:center;justify-content:space-between;font-weight:700;letter-spacing:.08em;font-size:15px}.live{color:var(--lime);font-size:9px;letter-spacing:.08em}.scoreboard{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:var(--muted);padding:17px 0 12px}.scoreboard b{font-size:19px;color:var(--text);margin-left:10px;font-variant-numeric:tabular-nums}.screen{position:relative;background:#101a15;border:1px solid #40513c;aspect-ratio:1}.screen canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#101a15df}.overlay[hidden]{display:none}.overlay h2{font-size:39px;line-height:1.08;letter-spacing:-.03em;margin:0 0 14px}.overlay p{color:var(--muted);font-size:14px;margin:0 0 25px}.game-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;padding-top:12px}#pause,.touch button{border:1px solid #627263;background:transparent;color:var(--text);border-radius:4px;padding:5px 13px}#pause:disabled{opacity:.4;cursor:default}.game-hint{text-align:center;color:var(--muted);font-size:9px;letter-spacing:.07em;margin:12px 0 0}.touch{text-align:center;margin-top:12px}.touch button{min-height:42px;min-width:48px;font-size:20px;margin:2px}.touch button:hover{background:#3a4838}.ribbon{border-block:1px solid var(--line);display:flex;justify-content:space-around;padding:20px 24px;color:var(--lime);font-size:11px;letter-spacing:.13em}.section{padding:80px 36px;border-bottom:1px solid var(--line)}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}.section p{max-width:62ch;color:var(--muted)}.how{display:grid;grid-template-columns:1fr 1fr;gap:70px}.how ol{margin:0;padding-left:25px}.how li{padding:0 0 24px 12px}.how li::marker{color:var(--lime)}.how li strong,.how li span{display:block}.how li span{font-size:14px;color:var(--muted);margin-top:5px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:45px}.roadmap article{border-top:2px solid var(--lime);padding-top:20px}.roadmap article:nth-child(2){border-color:var(--coral)}.roadmap article:nth-child(3){border-color:#a4c6df}.tag{font-size:10px;letter-spacing:.1em;color:var(--muted)}h3{font-size:25px;margin:14px 0 8px;letter-spacing:-.02em}.roadmap p{font-size:14px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:55px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-weight:600}.faq p{font-size:14px}footer{padding:32px 36px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}.skip{position:absolute;top:-100px;background:var(--lime);color:var(--bg);padding:10px}.skip:focus{top:0;z-index:10}@media(min-width:850px) and (pointer:fine){.touch{display:none}}@media(max-width:850px){.edition{display:none}.hero{gap:30px;padding-top:45px}h1{font-size:52px}.cabinet{padding:14px}.overlay h2{font-size:30px}.how,.faq{gap:30px}.section{padding-top:55px;padding-bottom:55px}}@media(max-width:640px){header{padding:20px;flex-wrap:wrap;gap:15px}nav{gap:20px;width:100%;margin:0;font-size:12px}.hero{grid-template-columns:1fr;padding:38px 20px 40px;gap:30px}h1{font-size:58px}.intro>p{font-size:16px}.cabinet{max-width:470px;width:100%;margin:auto}.ribbon{gap:18px;font-size:8px;padding:17px 12px}.section{padding:48px 20px}.how,.faq{grid-template-columns:1fr;gap:20px}.roadmap{grid-template-columns:1fr;gap:30px;margin-top:30px}footer{padding:25px 20px;gap:10px}footer p,footer>span{width:100%;margin:0}.game-hint{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero>*,.how>*,.faq>*{min-width:0}@media(max-width:640px){h1{font-size:clamp(40px,13vw,52px)}}
