:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e18;--panel:#131725;--line:#292e40;--muted:#989fb4;--lime:#d8f878}*{box-sizing:border-box}body{background:var(--bg);color:#f3f4fa;margin:0;font-family:DM Sans,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;padding:0 5vw;display:flex}.brand{letter-spacing:-1px;font:700 28px Space Grotesk,sans-serif}.brand span{background:var(--lime);color:var(--bg);border-radius:12px;place-items:center;width:38px;height:38px;margin-right:12px;display:inline-grid}header p{color:var(--muted);font-size:14px}main{max-width:1440px;margin:auto;padding:36px 5vw 24px}.top{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:2px;color:var(--lime);font-size:12px;font-weight:700}h1{margin:8px 0;font:500 32px Space Grotesk,sans-serif}p{color:var(--muted);margin:0;line-height:1.6}.round{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;padding:12px 16px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px;display:grid}.arena{background:#101425;border:1px solid #343951;border-radius:20px;position:relative;overflow:hidden}.stats{z-index:1;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:24px 28px auto}.stats small{color:var(--muted);letter-spacing:1px;font-size:12px}.stats strong{margin-top:5px;font:500 28px Space Grotesk;display:block}.lives{color:#ecb2d5;letter-spacing:5px;font-size:22px}canvas{width:100%;height:410px;display:block}.overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101425b8;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:85px 0 0}.overlay[hidden]{display:none}.overlay h2{margin:0 0 12px;font:500 28px Space Grotesk}.primary{background:var(--lime);color:#17200b;border:0;border-radius:12px;margin-top:22px;padding:15px 29px;font-weight:700;box-shadow:0 0 30px #d8f87812}.overlay p{max-width:380px;font-size:15px}.keys{grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px;display:grid}.key{background:var(--panel);color:#fff;border:1px solid #30364a;border-radius:13px;padding:17px 0;transition:background .12s,transform .12s}.key b{font:500 23px Space Grotesk;display:block}.key small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.key:hover{border-color:var(--lime);transform:translateY(-2px)}.key.good{background:#566d27}.key.bad{background:#813c52}.key:disabled{cursor:default;opacity:.45}.hint{color:var(--muted);justify-content:space-between;margin-top:16px;font-size:13px;display:flex}.side{background:var(--panel);border:1px solid var(--line);border-radius:20px;height:fit-content;padding:24px}.side h2{margin:0 0 24px;font:500 18px Space Grotesk}.field{margin-bottom:23px}.field label{color:var(--muted);margin-bottom:9px;font-size:13px;display:block}select{color:#fff;background:#1c2133;border:1px solid #363b50;border-radius:9px;width:100%;padding:12px 10px;font-size:14px}.side hr{border:0;border-top:1px solid var(--line);margin:26px 0}.side p{font-size:14px}.side .icon{color:var(--lime);margin-bottom:10px;font-size:23px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:34px;padding-top:23px;font-size:12px;display:flex}.status{height:24px;color:var(--lime);text-align:center;margin-top:15px;font-size:14px}kbd{border:1px solid #353b50;border-radius:4px;padding:2px 5px;font-family:inherit}.progress{background:#252b3d;height:3px}.progress span{background:var(--lime);width:0;height:100%;transition:width .3s;display:block}.pill{color:var(--lime);border:1px solid #3c4930;border-radius:20px;padding:7px 12px;font-size:12px}@media (width<=850px){.layout{grid-template-columns:1fr}.side{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;display:grid}.side h2,.side hr,.side .tip{display:none}.field{margin:0}.top{align-items:center}header{height:75px}canvas{height:360px}}@media (width<=520px){main{padding:24px 16px}.top p{font-size:14px}h1{font-size:27px}.pill,header p{display:none}.side{grid-template-columns:1fr}.field{grid-template-columns:90px 1fr;align-items:center;display:grid}.field label{margin:0}.keys{gap:5px}.key{padding:13px 0}.key b{font-size:19px}.hint{font-size:11px}.footer{gap:20px;line-height:1.5}.stats{inset:20px 18px auto}canvas{height:340px}}.header-controls{align-items:center;gap:12px;display:flex}.header-controls select{width:auto;max-width:140px}.header-controls button{white-space:nowrap}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.voice-panel{border:1px solid var(--line);border-radius:13px;margin-top:18px;padding:20px}.voice-panel label{margin-bottom:10px;display:block}.voice-panel select{max-width:340px}.voice-panel p{margin-top:12px;font-size:14px}.voice-panel button{margin-top:12px}.voice-actions{align-items:center;gap:12px;display:flex}.voice-status{color:var(--lime)}.voice-panel progress{width:100%;accent-color:var(--lime);margin-top:12px;display:block}input[type=range]{width:100%;accent-color:var(--lime)}.side{position:sticky;top:20px}.overlay h2{margin-top:12px}button:disabled{cursor:default;opacity:.5}.hint{align-items:center;gap:10px}.hint .round{padding:7px 12px;font-size:13px}.status{height:auto;min-height:24px}@media (width<=850px){.side{grid-row:1;position:static}.side>p{grid-column:1/-1}.layout{gap:18px}}@media (width<=520px){header{gap:10px;padding:0 16px}.brand{font-size:22px}.brand span{width:28px;height:28px;margin-right:6px}.header-controls{gap:6px}.header-controls .round{padding:8px;font-size:12px}.header-controls select{max-width:110px;padding:8px}.voice-actions{flex-wrap:wrap}.side .field{grid-template-columns:100px 1fr}}