:root{color:#f4f8ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#598f4138,#0000 40%),linear-gradient(#151a17 0%,#09100c 100%);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,canvas{font:inherit}button{cursor:pointer;border:0}.app-shell{place-items:center;min-height:100vh;padding:24px 16px 32px;display:grid}.game-card{background:#0a110de0;border:1px solid #9adc6f2e;border-radius:28px;gap:20px;width:min(100%,1040px);padding:24px;display:grid;box-shadow:0 32px 80px #0000005c}.hero-copy{text-align:center;justify-items:center;gap:10px;max-width:760px;margin:0 auto;display:grid}.hero-copy h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.95}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#a0df76;margin:0 0 8px;font-size:.82rem}.lede,.instruction-panel p{color:#f4f8efd6;margin:0;line-height:1.6}.instruction-panel{background:#5d9c3c14;border:1px solid #9adc6f29;border-radius:18px;gap:10px;padding:16px 18px;display:grid}.instruction-panel-bottom{text-align:center;width:min(92vw,620px);margin:0 auto}.game-stage{justify-items:center;gap:14px;display:grid}.hud{gap:10px;width:min(92vw,620px);display:grid}.status-row{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.status-pill{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;min-width:132px;padding:10px 14px}.status-pill strong{color:#9edf74;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;display:block}.status-pill span{font-size:1.1rem;font-weight:700}.score-status{align-items:center;gap:8px;display:inline-flex}.status-verified{color:#aaf57d}.status-connecting{color:#ffe17a}.status-practice,.status-rejected{color:#ff9a78}.fuel-track{background:#ffffff14;border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden}.fuel-fill{border-radius:inherit;background:linear-gradient(90deg,#e5ff7a 0%,#8fe26b 55%,#1eba60 100%);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.fuel-fill.low{background:linear-gradient(90deg,#ffdd57 0%,#ff8748 70%,#ff5046 100%)}.verification-note{color:#f4f8efbd;margin:0;font-size:.9rem;line-height:1.4}.canvas-shell{aspect-ratio:540/800;background:linear-gradient(#31641f 0%,#143015 100%);border:1px solid #ffffff14;border-radius:26px;width:min(92vw,51.3dvh,620px);position:relative;overflow:hidden;box-shadow:0 24px 52px #0000006b}.game-canvas{width:100%;height:100%;display:block}.canvas-overlay{text-align:center;background:linear-gradient(#09100c2e,#09100cbd);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050907c2;border:1px solid #ffffff14;border-radius:22px;gap:12px;max-width:320px;padding:22px 20px;display:grid}.overlay-card h2{margin:0;font-size:clamp(1.6rem,3vw,2rem)}.overlay-card p{color:#f4f8efd1;margin:0;line-height:1.5}.overlay-card .button-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary-button,.secondary-button{border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .12s,filter .12s}.primary-button{color:#10200f;background:linear-gradient(135deg,#b0f16a 0%,#59d861 100%)}.secondary-button{color:#f4f8ef;background:#ffffff14}.primary-button:hover,.secondary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.72;filter:none;transform:none}.leaderboard-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:14px;width:min(100%,920px);padding:18px;display:grid}.leaderboard-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.leaderboard-header h3{margin:0;font-size:1.35rem}.leaderboard-status{color:#f4f8efad;max-width:34rem;margin:8px 0 0;line-height:1.45}.leaderboard-cap{color:#f4f8ef9e;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.leaderboard-empty{color:#f4f8efb3;margin:0;line-height:1.5}.leaderboard-list{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:10px 12px;display:grid}.leaderboard-row{background:#0a110d85;border:1px solid #9adc6f1f;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.leaderboard-row-empty{border-style:dashed;border-color:#9adc6f29}.leaderboard-rank{color:#a0df76;min-width:44px;font-weight:700}.leaderboard-details{gap:4px;display:grid}.leaderboard-name{letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.leaderboard-row-empty .leaderboard-name{color:#f4f8ef94}.leaderboard-meta{color:#f4f8efb8;font-size:.92rem}.nickname-panel{gap:10px;display:grid}.nickname-rank{color:#a0df76;font-weight:700}.nickname-input{color:#f4f8ef;text-align:center;text-transform:uppercase;letter-spacing:.08em;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;width:100%;padding:12px 14px}.nickname-input::placeholder{color:#f4f8ef66}.nickname-hint,.nickname-error{margin:0;font-size:.88rem}.nickname-hint{color:#f4f8efad}.nickname-error{color:#ff9a78}@media (width<=680px){.game-card{border-radius:22px;padding:18px}.canvas-shell,.hud,.instruction-panel-bottom,.leaderboard-card{width:min(94vw,48.6dvh,540px)}.status-row{flex-direction:column}.status-pill{min-width:0}.leaderboard-header{flex-direction:column;align-items:flex-start}.leaderboard-list{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}.leaderboard-row{gap:10px}}