.game-shell{max-width:1180px;margin:0 auto;padding:28px 32px 48px}.game-top{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.game-heading{margin-bottom:26px}.game-heading h1{margin:10px 0 8px;font-size:34px}.game-heading p{color:var(--muted);max-width:620px;font-size:14px}.sprite{image-rendering:auto;background-repeat:no-repeat;flex-shrink:0}.hub-title{align-items:center;gap:10px;margin:38px 0 16px;font-size:22px;display:flex}.cast-row{background:#f4efe3;border:1px solid #ebe3d2;border-radius:18px;flex-wrap:wrap;justify-content:center;gap:28px;padding:18px 18px 22px;display:flex}.cast-row figure{justify-items:center;gap:4px;margin:0;display:grid}.cast-row figcaption{color:var(--muted);justify-items:center;font-size:12px;display:grid}.cast-row strong{font:750 16px/1.3 var(--font-display);color:var(--ink);letter-spacing:-.3px}.film-card{border:1px solid var(--line);background:#fffefa;border-radius:16px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:24px;padding:16px;display:grid}.film-card video{aspect-ratio:16/9;background:#f3ebdc;border-radius:10px;width:100%;display:block}.film-card h3{margin:0 0 6px;font-size:20px}.film-card p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.game-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.game-card{border:1px solid var(--line);background:#fffefa;border-radius:16px;flex-direction:column;gap:6px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}a.game-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6c55b414}.game-card.soon{opacity:.72}.game-art{background:#f4efe3;border-radius:12px;place-items:center;margin-bottom:8px;display:grid}.game-card h3{font-size:17px}.game-card p{color:var(--muted);font-size:12.5px;line-height:1.65}.game-card small{color:#8a8496;font-size:11px}.game-cta{color:var(--purple-dark);align-items:center;gap:7px;margin-top:auto;padding-top:10px;font-size:12px;font-weight:650;display:inline-flex}.soon .game-cta{color:#8e8c95}.rhythm-stage{background:#f4efe3;border:1px solid #ebe3d2;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;padding:24px;display:grid}.rhythm-character{background:radial-gradient(circle at 50% 70%,#fffaf0,#f4efe3 70%);border-radius:16px;place-items:center;display:grid}.rhythm-board{gap:18px;display:grid}.rhythm-meta{color:#8a8496;gap:14px;font-size:12px;font-weight:600;display:flex}.rhythm-steps{gap:10px;display:grid}.rhythm-steps.steps-4{grid-template-columns:repeat(4,1fr)}.rhythm-steps.steps-8{grid-template-columns:repeat(8,1fr)}.step{aspect-ratio:1;color:var(--purple-dark);background:#fffefa;border:2px solid #e6dfcf;border-radius:14px;place-items:center;font-size:22px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s;display:grid}.step.on-beat{border-color:#d7cdb6}.step.clap{background:#efebfa;border-color:#cfc3f0}.step.lit{border-color:var(--purple);transform:scale(1.08);box-shadow:0 0 0 4px #7660cf22}.step.hit{color:#5c7230;background:#e5edcb;border-color:#a9bd73}.step.missed{color:#b1603f;background:#fbe9e2;border-color:#e9b49f}.step.extra{color:#a07a1d;background:#fdf3dc;border-color:#e8cf8d}.rhythm-status{font:650 17px/1.5 var(--font-display);letter-spacing:-.2px;min-height:52px}.rhythm-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button.big{min-height:54px;padding:14px 26px;font-size:15px}.tap-pad{min-width:220px;font:700 17px/1.2 var(--font-display);color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fffefa;border:2px solid #d9cfb8;border-radius:18px;justify-items:center;gap:4px;padding:18px 26px;animation:.14s ease-out tap-pop;display:grid}.tap-pad small{font:500 11px/1.4 var(--font-body);color:#8a8496}.tap-pad.your-turn{background:var(--purple);border-color:var(--purple-dark);color:#fff}.tap-pad.your-turn small{color:#e7e0ff}@keyframes tap-pop{0%{transform:scale(.94)}to{transform:scale(1)}}.companion-switch{flex-wrap:wrap;gap:8px;display:flex}.game-note{color:#8e8c95;margin-top:18px;font-size:11px}[data-age="13-16"] .rhythm-stage{background:#e9eef0;border-color:#d6e0e3}[data-age="13-16"] .rhythm-character{background:radial-gradient(circle at 50% 70%,#f6fbfb,#e9eef0 70%)}@media (prefers-reduced-motion:reduce){.tap-pad{animation:none}.step{transition:none}}@media (max-width:760px){.game-shell{padding:20px 16px 40px}.game-heading h1{font-size:27px}.film-card,.rhythm-stage{grid-template-columns:1fr}.rhythm-character{justify-self:center}.rhythm-steps.steps-8{gap:6px}.step{border-radius:10px;font-size:17px}.tap-pad{width:100%}}