:root{--lime:#a8cf28;--lime2:#d4f35f;--ink:#0b0c0c;--coal:#171918;--panel:#222523;--white:#fff;--muted:#aeb4af;--red:#ff4b3e;--gold:#f5c842;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090b0a;color:var(--white);font-family:Impact,'Arial Narrow',Arial,sans-serif;overscroll-behavior:none}body{background:radial-gradient(circle at 50% 5%,#273027 0,#0c0e0d 45%,#050606 100%);letter-spacing:.02em}button,input,a{font:inherit}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:68px;padding:10px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0b0c0cf2,#0b0c0caa,transparent)}.logo{width:150px;height:45px;object-fit:contain;object-position:left center;background:#fff;border-radius:3px;padding:4px}.header-actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#191b1a;color:white;font-size:20px}.screen{display:none;min-height:100svh;padding:80px 18px 28px}.screen.active{display:flex}.intro-screen{align-items:center;flex-direction:column;text-align:center;justify-content:center;background:linear-gradient(rgba(4,7,5,.25),rgba(4,7,5,.85)),repeating-linear-gradient(100deg,transparent 0 37px,rgba(168,207,40,.035) 38px 40px)}.eyebrow,.step{font:800 13px Arial,sans-serif;letter-spacing:.24em;color:var(--lime)}h1{font-size:clamp(66px,20vw,112px);line-height:.74;margin:18px 0 16px;letter-spacing:-.035em;font-style:italic;text-shadow:8px 9px 0 #000}h1 span{color:var(--lime)}.rule{height:5px;width:min(340px,80vw);background:var(--lime);transform:skewX(-25deg);margin:8px auto 18px}.intro-screen h2{font-size:clamp(25px,7vw,38px);line-height:1;margin:0}.intro-screen h2 em{font-style:normal;color:var(--lime)}.intro-copy{font:700 16px/1.5 Arial,sans-serif;color:#d8ddd8;margin:18px 0 22px}.btn{min-height:54px;border:0;padding:0 22px;border-radius:3px;font-size:20px;letter-spacing:.04em;cursor:pointer;transform:skewX(-4deg)}.btn.primary{background:var(--lime);color:#10120e;box-shadow:0 7px 0 #65830f,0 10px 24px #000}.btn.primary:active{transform:skewX(-4deg) translateY(4px);box-shadow:0 3px 0 #65830f}.intro-screen .btn{width:min(360px,90vw)}.mini-links{display:flex;gap:22px;margin:25px 0 12px}.mini-links a,.cta-row a{font:800 13px Arial,sans-serif;color:white;text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:4px}.marketing{max-width:410px;font:14px/1.45 Arial,sans-serif;color:#929992}.card-screen{align-items:center;justify-content:center}.card{width:min(440px,100%);background:linear-gradient(145deg,#222522,#121413);border:1px solid var(--line);padding:30px 24px;border-radius:8px;box-shadow:0 24px 80px #000;position:relative}.card h2{font-size:42px;line-height:.94;margin:16px 0 26px}.card label{display:block;color:var(--lime);font:800 12px Arial,sans-serif;letter-spacing:.16em;margin-bottom:8px}.card input{width:100%;height:58px;background:#090a09;border:2px solid #4b504b;color:white;padding:0 15px;font:700 18px Arial,sans-serif;border-radius:3px}.card input:focus{outline:2px solid var(--lime)}.card small{display:block;font:12px Arial,sans-serif;color:var(--muted);margin:7px 0 22px}.card .btn{width:100%}.tutorial{text-align:center}.tutorial-visual{height:110px;display:grid;place-items:center;color:var(--lime);font-size:32px;background:#090a09;border-radius:4px;margin:20px 0}.tutorial p{font:16px/1.5 Arial,sans-serif}.dots{display:flex;gap:8px;justify-content:center;margin:18px}.dots i{width:8px;height:8px;border-radius:50%;background:#555}.dots i.on{width:24px;border-radius:5px;background:var(--lime)}.text-btn{background:none;color:#d7dbd7;border:0;min-height:44px;margin-top:12px;text-decoration:underline;font:800 13px Arial,sans-serif;letter-spacing:.08em}.game-screen{padding:70px 0 0;flex-direction:column;overflow:hidden;height:100svh}.hud{display:grid;grid-template-columns:repeat(4,1fr);background:#101210;border-bottom:1px solid #394037;min-height:61px}.hud div{padding:9px 5px;text-align:center;border-right:1px solid #2e322e}.hud small{font:700 9px Arial,sans-serif;color:#aeb4ae;margin:0}.hud strong{display:block;font-size:18px;margin-top:3px}.game-meta{height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#a8cf28;color:#111;font:900 11px Arial,sans-serif;letter-spacing:.12em}#fieldWrap{position:relative;flex:1;min-height:210px;overflow:hidden;background:#28562c}#field{width:100%;height:100%;display:block;touch-action:none}.banner{position:absolute;top:14px;left:50%;transform:translateX(-50%) scale(.8);background:#0b0d0bdf;border-left:5px solid var(--lime);padding:10px 18px;font-size:22px;opacity:0;pointer-events:none;white-space:nowrap;transition:.15s}.banner.show{opacity:1;transform:translateX(-50%) scale(1)}.coach{position:absolute;right:10px;bottom:12px;max-width:210px;background:#090a09ee;border:1px solid #555;padding:10px;display:none}.coach.show{display:block}.coach span{font:800 9px Arial,sans-serif;color:var(--lime);letter-spacing:.15em}.coach p{font:700 13px/1.25 Arial,sans-serif;margin:5px 0 0}.phase-panel{background:linear-gradient(180deg,#242724,#101210);min-height:255px;padding:13px 18px max(15px,env(safe-area-inset-bottom));border-top:3px solid var(--lime)}.phase-head{display:flex;justify-content:space-between;align-items:center}.phase-head span{font:800 10px Arial,sans-serif;color:var(--lime)}.phase-head h2{font-size:28px;margin:0}.phase-panel>p{font:14px Arial,sans-serif;color:#cdd2cd;text-align:center;margin:9px 0}.meter{height:38px;background:#0a0b0a;margin:12px 0;position:relative;border:2px solid #4e554d;border-radius:2px;overflow:hidden}.meter-zones{position:absolute;inset:0;display:grid;grid-template-columns:36% 28% 36%}.meter-zones span{background:linear-gradient(90deg,#822b27aa,#d7a92b44)}.meter-zones span:last-child{background:linear-gradient(90deg,#d7a92b44,#822b27aa)}.meter-zones b{background:#84c12688;border-left:1px solid var(--lime);border-right:1px solid var(--lime)}.meter>i{position:absolute;top:2px;bottom:2px;width:6px;background:white;box-shadow:0 0 10px white;transform:translateX(-50%)}.game-btn{width:100%}.hint{font-size:10px!important;margin:6px!important}.drive-hud label{display:flex;justify-content:space-between;font:800 11px Arial,sans-serif;letter-spacing:.08em;margin:7px 0 4px}.bar{height:12px;background:#090a09;border:1px solid #4c524c}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),var(--gold));transition:width .08s}.steer{height:24px;background:linear-gradient(90deg,#7c2929,#30352f 25% 75%,#7c2929);display:flex;justify-content:space-between;align-items:center;padding:0 5px;position:relative;font:700 8px Arial,sans-serif}.steer i{position:absolute;left:50%;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 0 8px white;transform:translateX(-50%)}.hidden{display:none!important}.overlay-screen{position:fixed;z-index:20;inset:0;background:#050605dc}.result-card{text-align:center}.result-card h2{font-size:45px;color:var(--lime)}.big-stat{font-size:60px}.result-card>p:not(.eyebrow){font:700 18px/1.3 Arial,sans-serif}.comment{padding:14px;background:#080a08;border-left:4px solid var(--lime)}.gameover{padding-top:80px;align-items:flex-start}.gameover .card{text-align:center}.gameover h2{font-size:62px;margin-bottom:0;color:var(--lime)}.final-label{font:800 11px Arial,sans-serif;letter-spacing:.18em;color:#aaa}.new-best{background:var(--lime);color:#111;padding:8px;margin:12px 0;transform:rotate(-1deg)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#404440;margin:18px 0}.stats div{background:#151715;padding:12px 5px}.stats b{display:block;font-size:25px;color:var(--lime)}.stats small{font-size:9px;margin:3px 0}.rank{border:1px solid var(--lime);padding:10px;margin:14px 0;color:var(--lime);font-size:22px}.through-copy{font-size:24px;line-height:1}.through-copy b{color:var(--lime)}.secondary{background:transparent;border:2px solid var(--lime);color:white;box-shadow:none;margin-top:12px}.cta-row{display:flex;justify-content:center;gap:20px;margin-top:12px}.wide{max-width:520px}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:white;font-size:32px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.tabs button{height:40px;background:#0c0e0c;border:1px solid #3c413b;color:#aaa;font:800 11px Arial,sans-serif}.tabs button.on{background:var(--lime);color:#111}.row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:12px 6px;border-bottom:1px solid #353935}.row b{font-size:20px}.row span{font:700 13px Arial,sans-serif;color:#aeb4ae}.row strong{color:var(--lime)}#toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;background:#fff;color:#111;padding:12px 18px;font:700 14px Arial,sans-serif;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){.game-screen{max-width:560px;margin:auto;border-left:1px solid #333;border-right:1px solid #333}.gameover{align-items:center}.card{padding:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}