:root{color:#edf0f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101217;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #fff}button{cursor:pointer}button:disabled{cursor:not-allowed}main{max-width:1200px;margin:auto;padding:32px 40px}.page-header,.game-heading,.controls,.result,.next-actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{color:#f5f6fa;letter-spacing:-1px;font-size:23px;font-weight:750;text-decoration:none}.brand-mark{color:#18230b;background:#c3f16b;border-radius:9px;place-items:center;width:34px;height:34px;margin-right:8px;display:inline-grid}.badge{color:#939ba8;letter-spacing:1.5px;border:1px solid #343943;border-radius:20px;padding:8px 12px;font-size:10px}.intro{margin:76px 0 38px}.eyebrow{color:#bcdf83;letter-spacing:2px;margin:0 0 12px;font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:0 0 18px;font-size:clamp(34px,4vw,50px);line-height:1.1}.intro>p:last-child{color:#a5adbb;font-size:15px}.game{background:#191c23;border:1px solid #303540;border-radius:20px;padding:30px;box-shadow:0 20px 70px #0003}.game-heading{margin-bottom:32px}.game-heading .eyebrow{color:#9ba4b4}h2{letter-spacing:-.4px;margin:0;font-size:19px;font-weight:600}.tempo{color:#a4adbb;white-space:nowrap;letter-spacing:1px;font-size:11px}.tempo strong{color:#edf0f5;font-size:17px}.tempo span{color:#535e70;margin:0 10px}.grid-scroll{margin:-5px;padding:5px;overflow-x:auto}.sequencer{min-width:740px}.grid-line{grid-template-columns:106px repeat(16,minmax(0,1fr));align-items:center;gap:8px;display:grid}.step-labels{text-align:center;color:#8993a5;margin:14px 0 10px;font-size:10px}.instrument-row{--accent:#c3ef83;margin-bottom:10px}.snare{--accent:#b6a0f6}.hat{--accent:#78cbd8}.row-label{align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.cell{color:#192020;background:#262b35;border:1px solid #414754;border-radius:7px;height:48px;padding:0;transition:background .12s,border-color .12s}.beat-start{color:#e1e6ed;font-weight:700}.cell:enabled:hover{background:#353e4b;border-color:#8894a7}.cell.active{background:var(--accent);border-color:var(--accent)}.cell.active:hover{filter:brightness(1.1)}.cell span{font-size:12px}.controls{border-top:1px solid #303540;margin-top:24px;padding-top:24px}.audio-controls,.action-controls{gap:10px;display:flex}.controls button{color:#e5e9ef;background:#242933;border:1px solid #414754;border-radius:8px;min-width:100px;padding:12px 18px;font-size:13px;font-weight:600}.controls button:disabled{color:#939ba8;background:#20242b;border-color:#343a45}.controls .reset{background:0 0}.controls .check,.controls .primary-listen{color:#17200b;background:#c3f16b;border-color:#c3f16b;min-width:128px}.check span{margin-left:22px}.controls button:enabled:hover{filter:brightness(1.15)}.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}.result{color:#a7b0bf;background:#12151b;border:1px solid #2b313c;border-radius:10px;min-height:80px;padding:18px 20px}.result p{margin:0;font-size:12px}.result strong{color:#edf0f5;margin-bottom:6px;font-size:15px;display:block}.percentage{color:#c3f16b;letter-spacing:-1px;font-size:29px;font-weight:650}footer{text-align:center;letter-spacing:2px;color:#8b95a5;margin:32px 0 16px;font-size:9px}@media (width<=650px){main{padding:24px 18px}.badge{letter-spacing:.5px;padding:7px;font-size:8px}.intro{margin-top:48px}.game{padding:20px 16px}.game-heading{align-items:flex-start}.tempo{font-size:9px}.controls{flex-direction:column;align-items:stretch;gap:12px}.controls button{flex:1}}.audio-error{color:#ffc2b7;background:#352422;border:1px solid #86584f;border-radius:8px;padding:12px;font-size:13px}.cell{width:100%;min-width:0;position:relative}.beat-divider:before{content:"";pointer-events:none;background:#737e90;width:1px;position:absolute;top:4px;bottom:4px;left:-5px}.cell:disabled{opacity:.45;cursor:default}.row-label{color:#edf0f5;text-align:left;background:0 0;border:0;padding:10px 0}.row-label span{color:var(--accent);font-size:10px}.row-label:hover{color:var(--accent)}.controls button[aria-pressed=true]{color:#c3f16b;border-color:#c3f16b}.intro{margin-top:56px}.row-label{cursor:default;gap:8px}.row-label>span{color:#edf0f5;font-size:12px}.audition{height:30px;color:var(--accent);cursor:pointer;background:#29303b;border:1px solid #596373;border-radius:7px;flex:0 0 30px;place-items:center;padding:0;display:inline-grid}.audition:hover{border-color:var(--accent);background:#414c5c}.audition:focus-visible{outline-offset:3px;outline:3px solid #fff}.listen-count{color:#acb7c8;margin:0 0 24px;font-size:12px}.listen-count strong{color:#e7edf5}.round-results{background:#151c17;border:1px solid #414c3d;border-radius:12px;grid-template-columns:2fr repeat(3,1fr);gap:16px;margin:0 0 26px;padding:22px;display:grid}.round-results>div{flex-direction:column;gap:8px;display:flex}.round-results span,.round-results small{color:#b5c1b6;font-size:12px}.round-results strong{font-size:30px}.round-results .accuracy strong{color:#c3f16b;font-size:42px}.revealed .cell:disabled{opacity:1}.cell.outcome-correct{background:var(--accent);color:#132018;border-color:var(--accent)}.cell.outcome-missed{color:#f5d68d;background:#393124;border:2px dashed #c9a563}.cell.outcome-extra{color:#ffc4ba;background:#452b2b;border-color:#d28879}.cell.outcome-missed span,.cell.outcome-extra span{font-size:22px}.grid-legend{color:#c6cfdb;flex-wrap:wrap;gap:12px 20px;margin:20px 0;font-size:12px;display:flex}.grid-legend p{color:#9daabc;flex-basis:100%;margin:0}.intro h1:focus{outline:none}.round-meta{align-items:center;gap:10px;display:flex}.difficulty-chip{color:#e8edf4;letter-spacing:1px;text-transform:uppercase;border:1px solid #53606f;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:750}.difficulty-chip.easy{color:#c3f16b;border-color:#6d955e}.difficulty-chip.normal{color:#98caff;border-color:#627d9e}.difficulty-chip.hard{color:#ffadbd;border-color:#9b6573}.difficulty-chip.insane{color:#efa8ff;border-color:#a169b4}.difficulty-intro{max-width:760px}.difficulty-picker{background:#191c23;border:1px solid #303540;border-radius:20px;padding:30px}.difficulty-options{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.difficulty-card{color:#edf0f5;cursor:pointer;background:#222731;border:1px solid #3c4450;border-radius:14px;place-items:center;min-height:112px;padding:24px;transition:border-color .15s,transform .15s,background .15s;display:grid}.difficulty-card:hover{background:#29303a;border-color:#c3f16b;transform:translateY(-3px)}.difficulty-card:focus-visible{outline-offset:4px;outline:3px solid #fff}.difficulty-name{letter-spacing:1.6px;text-transform:uppercase;font-size:14px;font-weight:750}.difficulty-easy .difficulty-name{color:#c3f16b}.difficulty-normal .difficulty-name{color:#98caff}.difficulty-hard .difficulty-name{color:#ffadbd}.difficulty-insane .difficulty-name{color:#efa8ff}.rows-2 .instrument-row{margin-bottom:14px}.rows-2 .cell{height:56px}.listen-count>span{color:#606b7a;margin:0 7px}.result-difficulty{text-transform:capitalize;font-size:22px!important}.next-actions{border-top:1px solid #303540;justify-content:flex-end;margin-top:24px;padding-top:24px}.next-actions button{color:#e5e9ef;min-width:150px;font:inherit;cursor:pointer;background:#242933;border:1px solid #414754;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600}.next-actions .check{color:#17200b;background:#c3f16b;border-color:#c3f16b}.next-actions button:hover{filter:brightness(1.15)}@media (width<=760px){.difficulty-options{grid-template-columns:1fr 1fr}.round-results{grid-template-columns:1fr}.round-meta .badge{display:none}.next-actions{flex-direction:column;align-items:stretch}}