.game-page{margin:0}.game-shell{box-sizing:border-box;min-height:100dvh;width:100%;max-width:none;margin:0;padding:20px 5vw;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.game-header h1{font-size:22px;margin:0}.game-header a{color:var(--ink)}.game-score{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:18px 0;font-size:20px}.game-shell .chord-pair{flex:1;margin:10px 0;align-items:center}.game-shell .current h2{font-size:clamp(48px,9vh,104px);margin:6px}.game-shell .next h2{font-size:clamp(30px,5vh,60px);margin:6px}.game-shell .current svg{height:clamp(190px,36vh,390px);width:auto;max-width:100%}.game-shell .next svg{height:clamp(120px,23vh,250px);width:auto}.game-shell .stage-recognition{align-self:center;margin:5px}.game-shell .actions{margin:12px 0;flex-wrap:wrap}.game-shell .stage-volume{margin-top:12px;padding-top:12px}.game-shell .beats{margin:10px}.game-shell #game-message,.game-shell #error{text-align:center;margin:4px}.game-shell meter{width:100%}@media(max-width:600px){.game-header h1{font-size:17px}.game-header{gap:8px}.game-shell{padding:14px}.game-score{font-size:16px}.game-shell .actions button{font-size:13px;padding:10px}}
.game-shell .game-header{padding:0;height:auto;min-height:48px;letter-spacing:0}.game-shell .game-header>a:first-child{font-size:14px;font-weight:400}

.countdown-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(246,245,239,.94);color:var(--green);pointer-events:none}.countdown-overlay[hidden]{display:none}.countdown-overlay>span{font-size:24px}.countdown-overlay>strong{font-size:clamp(160px,35vmin,360px);line-height:1.2;font-variant-numeric:tabular-nums}

.game-result{width:min(480px,calc(100vw - 32px));padding:32px;border:1px solid var(--line);border-radius:24px;text-align:center;overflow:visible}.game-result::backdrop{background:rgba(0,0,0,.55)}.game-result h2{font-size:28px;margin:0}.game-result p{margin:20px 0 0}.game-result #final-score{display:block;font-size:72px;color:var(--green);font-variant-numeric:tabular-nums}.result-details{display:flex;justify-content:space-evenly;gap:20px;margin:24px 0}.result-details strong{display:block;font-size:30px;margin-top:8px}.game-result .actions{flex-wrap:wrap}.game-result .actions .primary{min-width:0}#confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none}#confetti i{position:absolute;top:-25px;width:10px;height:18px;animation:confetti-fall 3s linear both}@keyframes confetti-fall{to{transform:translate(var(--drift),110vh) rotate(720deg)}}@media(prefers-reduced-motion:reduce){#confetti{display:none}}

.game-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.game-rules{width:min(680px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:20px}.game-rules::backdrop{background:rgba(0,0,0,.55)}.rules-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.rules-heading h2{font-size:22px;margin:0}.game-rules h3{margin:24px 0 8px}.game-rules li{line-height:1.8;margin:6px 0}.game-rules p{font-size:14px}.rules-table{overflow-x:auto}.rules-table table{width:100%;border-collapse:collapse;font-size:13px}.rules-table caption{text-align:left;font-size:16px;font-weight:bold;padding:12px 0}.rules-table th,.rules-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.rules-table th{background:var(--soft)}

.game-shell .game-header{justify-content:flex-start;gap:12px}.game-heading{display:flex;align-items:center;gap:16px;order:0}.game-heading a{font-size:14px;white-space:nowrap}.game-heading h1{white-space:nowrap;font-size:20px}.game-header-actions{order:2;margin-left:auto}.game-options{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin:12px 0}.game-options label{display:flex;align-items:center;gap:8px}.game-options select{width:auto}.game-shell #open-mic-settings{width:auto;margin:0}.game-playing .game-heading a,.game-playing .theme-controls,.game-playing #open-ranking,.game-playing #open-rules,.game-playing #open-mic-settings,.game-playing #mic-toggle,.game-playing #stage-volume,.game-playing .bpm-option,.game-playing .fast-option{display:none!important}@media(min-width:950px){.game-header button{padding:9px 10px;font-size:12px}.game-header .theme-controls{gap:8px}.game-header .theme-controls select{padding:8px 4px}.game-shell .game-header{gap:10px}.game-heading{gap:12px}.game-header-actions{gap:6px}}

.game-heading .back-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.game-heading .back-button:hover{background:var(--soft)}

.memory-game .chord-pair{grid-template-columns:1fr}.memory-game .current{border:0}.memory-game .next,.memory-game .fast-option{display:none}.memory-game #target{font-family:inherit;font-size:clamp(48px,9vh,100px)}#memory-sequence{flex:1;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:clamp(12px,2vw,32px);padding:20px 0;min-width:0}#memory-sequence[hidden]{display:none}

.memory-game .chord-pair[hidden],#memory-countdown[hidden],.game-playing .memory-duration-option{display:none!important}
#memory-countdown{text-align:center;font-size:18px;color:var(--muted);margin:12px 0 4px;font-variant-numeric:tabular-nums}
.memory-card{box-sizing:border-box;flex:0 1 min(42vw,48dvh,500px);min-width:0;max-width:100%;padding:clamp(12px,2vw,24px);border:1px solid var(--line);border-radius:14px;background:var(--selected);text-align:center}
.memory-card strong{display:block;font-size:clamp(24px,4dvh,44px);margin-bottom:12px}
.memory-card svg{display:block;margin:auto;width:min(38vw,42dvh,440px);height:auto;max-width:100%}
@media(max-width:600px){#memory-sequence{gap:12px}.memory-card{flex-basis:calc(50% - 6px);padding:10px}.memory-card strong{font-size:clamp(20px,5vw,28px)}.memory-card svg{width:100%}#memory-countdown{font-size:16px}}

.memory-card{perspective:1200px}
.memory-card-inner{display:grid;transform-style:preserve-3d;transition:transform .55s ease}
.memory-card[data-flipped=true] .memory-card-inner{transform:rotateY(180deg)}
.memory-card-front,.memory-card-back{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.memory-card-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;font-size:clamp(72px,16dvh,180px);font-weight:bold;color:var(--green)}
.memory-card[data-current=true]{border-color:var(--green);box-shadow:0 0 0 3px var(--green)}
@media(prefers-reduced-motion:reduce){.memory-card-inner{transition:none}}

.game-playing .memory-casual-option,.memory-casual.game-playing #beats{display:none!important}

.memory-card[role=button]{cursor:pointer}.memory-card[role=button]:focus-visible{outline:3px solid var(--green);outline-offset:5px}