.arcade-game #play{display:grid;grid-template-columns:minmax(0,520px) minmax(220px,1fr);grid-template-areas:"track score" "controls side" "notice side";gap:0 24px;align-items:start}.arcade-game #track{grid-area:track;height:clamp(340px,56dvh,500px);max-height:none;min-height:0}.arcade-game .score-strip{grid-area:score;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px;border:1px solid #e0d4e8;border-radius:20px;background:#fffaf7d9;margin-bottom:16px}.arcade-game .score-strip>div{font-size:12px}.arcade-game .score-strip strong{font-size:28px;line-height:1.5}.arcade-game .score-strip .stage-tag{grid-column:1/-1;grid-row:1;font-size:12px;text-align:center}.arcade-game .score-strip .life{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:28px}.arcade-game #play>.controls{grid-area:controls}.arcade-game #notice{grid-area:notice;padding:6px 12px;border:1px solid #e3d8eb;border-radius:10px;background:#fffc;font-size:12px;min-height:34px;line-height:1.7}.arcade-game #play>.actions{grid-area:side;display:grid;grid-template-columns:1fr;align-content:start;margin-top:0;padding:20px;border:1px solid #e2d6e8;border-radius:18px;background:#f9f3ffb3}.arcade-side-note{font-size:13px;line-height:1.9;color:#897492;margin:0 0 4px}.arcade-game .big-score{font-size:54px}.arcade-game .result-stats{max-width:560px}.arcade-game .veil{backdrop-filter:blur(4px)}.arcade-game .gate{pointer-events:none}.arcade-game .runner{will-change:left}.arcade-game .track:focus-visible{outline:3px solid #8abbd2;outline-offset:3px}
@media(max-width:760px){.arcade-game #play{display:block}.arcade-game .score-strip{display:flex;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;gap:8px;justify-content:space-between}.arcade-game .score-strip strong{font-size:20px}.arcade-game .score-strip .life{gap:0;min-height:24px}.arcade-game .score-strip .stage-tag{order:1;font-size:11px}.arcade-game #track{height:clamp(280px,50dvh,430px)}.arcade-game #play>.actions{display:flex;flex-wrap:wrap;padding:12px;margin-top:12px;gap:8px;justify-content:center}.arcade-side-note{flex-basis:100%;text-align:left;font-size:12px}.arcade-game #play>.controls{margin:12px 0}.arcade-game #notice{margin-bottom:0}.arcade-game .veil{padding:18px}}
@media(max-width:420px){.arcade-game .score-strip{padding:8px 10px}.arcade-game .score-strip strong{font-size:19px}.arcade-game #track{height:clamp(280px,48dvh,390px)}.arcade-game .score-strip .life .eg-icon{width:16px;height:16px}.arcade-game .score-strip .stage-tag{flex-basis:100%}.arcade-game .instruction{font-size:11px}}
@media(max-height:520px) and (orientation:landscape){.arcade-game #track{height:260px}.arcade-game .intro{padding:15px}.arcade-game .intro-art{display:none}.arcade-game .score-strip{padding:10px}.arcade-game .veil h2{font-size:20px}}