@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111b19;--text:#eff1e6;--muted:#98aaa1;--accent:#d7ed9e;--line:#30413a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;background-image:radial-gradient(ellipse at 80% 45%,#29412a55,transparent 60%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.13)}.site-bar{max-width:1200px;width:calc(100% - 80px);height:85px;margin:auto;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font:800 32px 'Manrope',sans-serif;letter-spacing:-3px}.brand span{color:var(--accent);font-size:20px;vertical-align:top;letter-spacing:0}.site-bar>span,footer>span{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.site-bar>a:last-child{font-size:11px;color:var(--muted)}.shell{max-width:1060px;width:calc(100% - 80px);margin:50px auto;display:grid;grid-template-columns:1fr minmax(300px,396px);align-items:center;gap:100px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:500;color:var(--accent);display:flex;align-items:center;gap:8px;margin:0 0 25px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--accent)}h1{font:500 clamp(42px,4.7vw,65px)/1.08 'Manrope',sans-serif;letter-spacing:-3px;margin:0}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.description{font-size:20px;line-height:1.45;margin:27px 0 14px}.how-to{font-size:13px;line-height:1.8;color:var(--muted);max-width:350px;margin:0}.difficulty{padding:0;border:0;margin:34px 0 28px}.difficulty legend{font-size:9px;letter-spacing:1.6px;color:var(--muted);padding:0;margin-bottom:15px}.mode-list{display:flex;gap:8px}.mode{background:#1a2722;border:1px solid var(--line);border-radius:5px;padding:14px 18px;text-align:left;flex:1}.mode strong{display:block;font-size:12px;font-weight:500}.mode small{display:block;color:var(--muted);font-size:9px;margin-top:6px;white-space:nowrap}.mode.active{border-color:#aecb78;background:#2c3b29}.mode.active strong{color:var(--accent)}.instructions{border-top:1px solid var(--line);padding-top:25px}.instructions .eyebrow{color:var(--muted);margin-bottom:18px}.instructions>div{display:flex;gap:20px;align-items:center;margin:10px 0}.instructions>div>span{min-width:78px;display:flex;gap:5px}kbd{font:12px 'DM Sans',sans-serif;display:inline-grid;place-items:center;min-width:34px;height:29px;border:1px solid #425448;border-bottom-width:3px;border-radius:4px;color:#cbd7cb;background:#1a2722}.wide-key{width:73px;font-size:10px}.instructions p{font-size:11px;margin:0}.instructions p small{color:var(--muted);margin-left:8px;font-size:10px}.mobile-hint{color:var(--muted);font-size:10px!important;line-height:1.7;margin-top:20px!important;max-width:330px}.signature{margin-top:32px;display:flex;align-items:center;gap:13px;font-size:10px;color:var(--muted)}.signature span{font-size:31px;color:var(--accent)}.game-panel{padding:12px;border:1px solid #43523d;border-radius:13px;background:#1c2922;box-shadow:0 25px 80px #0005}.dashboard{display:flex;align-items:center;padding:7px 10px 16px;gap:27px}.dashboard>div{display:grid;gap:5px}.dashboard span{font-size:7px;letter-spacing:1.3px;color:var(--muted)}.dashboard strong{font:500 25px 'Manrope',sans-serif;font-variant-numeric:tabular-nums}.dashboard>button{margin-left:auto;border:1px solid var(--line);background:transparent;border-radius:4px;font-size:9px;padding:10px 8px;color:var(--muted)}.canvas-wrap{position:relative;border-radius:6px;overflow:hidden;background:#111e1a;isolation:isolate}canvas{display:block;width:100%;height:auto;aspect-ratio:3/5;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(#101d1930,#0b161bd9 36%,#0b161b80);padding:20px}.game-overlay[hidden]{display:none}.overlay-kicker{font-size:8px;letter-spacing:2px;color:var(--accent);margin-bottom:22px}.game-overlay h2{font:500 45px/1.04 'Manrope',sans-serif;letter-spacing:-1.8px;margin:0}.game-overlay p{font-size:12px;line-height:1.8;color:#bac9c0;margin:20px 0 26px}.game-overlay button{background:var(--accent);color:#1a251a;padding:15px 23px;border-radius:4px;display:flex;gap:48px;font-size:12px;font-weight:600}.overlay-hint{font-size:9px;color:var(--muted);margin-top:13px}.road-label{position:absolute;bottom:13px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#d9eac1b0;pointer-events:none}.controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;margin-top:10px}.controls button{min-height:46px;border:1px solid #44523d;border-radius:5px;background:#29372b;font-size:22px}.controls #pauseBtn{font-size:10px;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:13px}.controls button:active{background:#50633b}.game-status{margin:11px 2px 2px;min-height:24px;font-size:9px;color:var(--muted);line-height:1.5}footer{max-width:1200px;width:calc(100% - 80px);margin:auto;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px}footer>a{font-size:10px;color:var(--muted)}
@media(min-width:1000px) and (max-height:850px){.shell{margin-block:28px;grid-template-columns:1fr 340px;gap:100px;max-width:990px}.site-bar{height:70px}.description{margin-top:20px}.difficulty{margin-block:25px}.signature{margin-top:18px}.game-overlay h2{font-size:40px}.canvas-wrap{max-width:100%}.game-status{min-height:14px}}
@media(min-width:681px){.canvas-wrap{width:min(100%,calc((100svh - 250px)*.6));margin-inline:auto}}
@media(max-width:900px){.shell{gap:35px;width:calc(100% - 48px);grid-template-columns:1fr minmax(290px,370px)}h1{font-size:45px}.mode{padding:12px 10px}.site-bar,footer{width:calc(100% - 48px)}}
@media(max-width:680px){.site-bar{width:calc(100% - 36px);height:64px}.site-bar>span{font-size:7px}.shell{display:flex;flex-direction:column;width:calc(100% - 32px);margin:26px auto;gap:23px}.intro-panel{width:100%;max-width:400px}h1{font-size:38px;letter-spacing:-2px}h1 br{display:none}h1 em{display:block}.intro-panel>.eyebrow{font-size:8px;margin-bottom:13px}.description,.how-to,.instructions,.signature{display:none}.difficulty{margin:22px 0 0}.difficulty legend{font-size:8px;margin-bottom:10px}.mode{padding:10px 13px;min-height:49px}.mode small{display:none}.game-panel{width:min(100%,400px);padding:9px}.dashboard{padding:3px 7px 10px}.canvas-wrap{width:min(100%,calc((100svh - 210px)*.6));margin:auto;min-width:240px}.game-overlay h2{font-size:36px}.game-overlay p{margin-block:16px}.overlay-kicker{font-size:7px;margin-bottom:15px}.road-label{font-size:6px}footer{width:calc(100% - 36px);align-items:center}footer>span{font-size:7px;max-width:130px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}