.game-header{width:min(1120px,calc(100% - 48px));margin:25px auto;display:flex;justify-content:space-between;gap:20px;font:13px/1.5 Arial,sans-serif}.game-header a{color:#285e87;text-underline-offset:5px}.game-header span{color:#7a7062}.game-wrap{max-width:780px;width:calc(100% - 36px);margin:40px auto 32px}.game-intro{position:relative;padding:0 120px 0 5px;margin:0 0 25px}.game-intro .eyebrow{font-size:10px;letter-spacing:.14em}.game-intro h1{font:600 65px/1.1 Caveat,cursive;margin:8px 0 12px;color:#285681;letter-spacing:0}.game-intro p:not(.eyebrow){font:20px/1.4 Georgia,serif}.game-intro img{position:absolute;right:25px;top:15px;width:130px;height:160px;object-fit:contain;transform:rotate(7deg)}.game-board{padding:26px 34px 30px;background:radial-gradient(ellipse at 20% 40%,#fff9de,#faf2e5 55%,#eaf1ee);border:1px solid #e3d8c3;border-radius:24px 8px 25px 10px;text-align:center;box-shadow:0 13px 35px #a2875010}.game-top{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px}.game-top h2{font:400 26px/1.25 Georgia,serif;margin:5px 0}.game-top p{font:11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#657179}:where(#rhythm-game) button{font:15px/1.3 Arial,sans-serif;cursor:pointer;border-radius:7px;touch-action:manipulation}:where(#rhythm-game) button:focus-visible{outline:3px solid #285e87;outline-offset:5px}:where(#rhythm-game) button:disabled{cursor:default;opacity:.6}#sound-toggle{background:#fffaf0;color:#173b60;padding:10px 14px;border:1px solid #d6cbb6;white-space:nowrap}#game-phase{font:600 32px/1.3 Caveat,cursive;margin:20px 0 9px;min-height:42px}#rhythm-dots{display:flex;align-items:center;justify-content:center;gap:13px;margin:10px auto 15px}.beat-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #bac2be;background:#fffdf8;font:13px Arial,sans-serif;color:#5c747c}.beat-dot.heard{background:#315e73;color:white;border-color:#315e73}#drum-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;width:185px;height:185px;border-radius:50%;margin:0 auto;background:#f2d380;border:8px solid #fff8e2;box-shadow:0 0 0 2px #d7b456,0 9px 0 #c9a350;color:#254f6a;user-select:none;-webkit-user-select:none;transition:transform .08s,background .08s}#drum-pad:disabled{opacity:1}#drum-pad .drum-sign{font:76px/.95 Georgia;margin-bottom:12px}#drum-pad>span:last-child{font:13px Arial,sans-serif}#drum-pad.pulse{transform:translateY(5px) scale(.98);background:#f8e8af;box-shadow:0 0 0 2px #c6a84b,0 4px 0 #c9a350}#rhythm-game[data-phase=input] #drum-pad{background:#dfb4a3;border-color:#fff2e9;box-shadow:0 0 0 2px #b57d6a,0 9px 0 #b57d6a}#rhythm-game[data-phase=input] #drum-pad.pulse{background:#ebcaba;box-shadow:0 0 0 2px #b57d6a,0 4px 0 #b57d6a}#tap-count{font:12px/1.5 Arial;color:#5a6d74;margin:18px 0 12px}.game-feedback{min-height:64px;max-width:580px;margin:auto}.game-feedback p{font:14px/1.5 Arial,sans-serif}#game-result{font:600 22px/1.2 Caveat,cursive;color:#8a4b40;margin-bottom:6px}#game-result:empty{display:none}.game-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.game-controls button{min-height:44px;padding:12px 20px;border:1px solid #c8b99f;color:#234e67;background:#fffaf1}.game-controls #play-rhythm{background:#285e87;color:#fff;border-color:#285e87}.game-controls #next-rhythm{background:#be655b;color:#fff;border-color:#be655b}.game-controls #reset-rhythm{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}#rhythm-game [hidden]{display:none!important}.game-footnote{font:12px/1.6 Arial,sans-serif;text-align:center;color:#677578;margin:20px auto 0;max-width:560px}@media(max-width:600px){.game-header{margin:18px auto;width:calc(100% - 36px);font-size:11px;align-items:start}.game-header span{text-align:right;max-width:150px}.game-wrap{margin-top:30px}.game-intro{padding-right:82px;margin-bottom:24px}.game-intro h1{font-size:49px}.game-intro p:not(.eyebrow){font-size:17px}.game-intro img{width:83px;height:111px;right:0;top:28px}.game-board{padding:21px 17px 24px}.game-top h2{font-size:21px}.game-top p{font-size:10px}#sound-toggle{font-size:12px;padding:10px}#game-phase{margin-top:15px;font-size:30px}#drum-pad{width:161px;height:161px}.game-feedback{min-height:84px}.game-controls{gap:8px}.game-controls button{padding:12px 15px;font-size:14px}}@media(prefers-reduced-motion:reduce){#drum-pad{transition:none}#drum-pad.pulse{transform:none}}

.game-wrap{max-width:720px;margin:0 auto 28px;width:calc(100% - 36px)}