/* Shared arcade shell. Staffs and explanations keep a calm paper surface. */
body.warm-dojo .play-arcade-stage:has(>.show-header){--stage-ink:#173d38;--stage-accent:#a6e9ce;border-radius:20px;padding:clamp(16px,2.4vw,28px);background:#f8f6ee;border:1px solid #d5ddd2;box-shadow:0 8px 0 #1c473317}
body.warm-dojo .play-arcade-stage[data-arcade-theme=keys]{--stage-ink:#243d60;--stage-accent:#bddfff}body.warm-dojo .play-arcade-stage[data-arcade-theme=meter],body.warm-dojo .play-arcade-stage[data-arcade-theme=rhythm]{--stage-ink:#653b2d;--stage-accent:#ffe0a3}body.warm-dojo .play-arcade-stage[data-arcade-theme=symbols]{--stage-ink:#31543b;--stage-accent:#c6e9a6}body.warm-dojo .play-arcade-stage[data-arcade-theme=terms]{--stage-ink:#28545d;--stage-accent:#b2eceb}body.warm-dojo .play-arcade-stage[data-arcade-theme=trivia]{--stage-ink:#634233;--stage-accent:#ffe3a4}
body.warm-dojo .play-arcade-stage>.show-header{background:linear-gradient(120deg,var(--stage-ink),#152d30);color:#fffdf1;margin:0 0 22px;padding:20px;border-radius:16px;box-shadow:none;min-height:0;border:0}
body.warm-dojo .play-arcade-stage[data-arcade-chapter="1"]>.show-header{background:linear-gradient(145deg,#182e40,var(--stage-ink))}body.warm-dojo .play-arcade-stage[data-arcade-chapter="2"]>.show-header{background:linear-gradient(115deg,var(--stage-ink),#624732)}
.play-arcade-stage .show-brand,.play-arcade-stage .show-round{color:var(--stage-accent)}.play-arcade-hud{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:14px 0 4px;color:#f5f4e8;font-size:14px;line-height:1.5}.play-combo{white-space:nowrap;border-radius:8px;background:#ffffff15;padding:6px 10px;color:var(--stage-accent)}.play-arcade-stage .show-cue{min-height:46px}.play-arcade-stage .arcade-audio{max-width:none;border-top:1px solid #ffffff24;padding-top:12px;margin-top:8px}.play-arcade-stage .arcade-audio label{color:#fffdf1}.play-arcade-stage .show-header .arcade-audio button{color:#234439;background:#fff9e8;min-height:42px}.play-arcade-stage :is(.symbols-choices button,.key-choices button,.terms-answer,.trivia-answer){min-height:52px;border-radius:12px;border:2px solid #b7c9bc;background:#fffefa;box-shadow:0 4px 0 #b7c9bc;padding:14px;color:#223d34;font-weight:700}.play-arcade-stage .symbol-correct{background:#d9f2e7!important;border-color:#429d7c!important;color:#164d3c!important}.play-arcade-stage :is(.symbol-explanation,.terms-feedback,.trivia-feedback,#keys-feedback,#rhythm-feedback):not(:empty){background:#eaf1e6;border-radius:12px;padding:16px;line-height:1.65;color:#243b31}.play-arcade-stage img{background:#fffdf7;border-radius:12px;max-width:100%;object-fit:contain}.play-arcade-stage button:focus-visible{outline:3px solid #b8672c;outline-offset:4px}.play-rules{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.play-rules span{background:#ffffffb0;padding:10px 14px;border-radius:10px;color:#243c32;font-size:14px;font-weight:650}
body.warm-dojo #quiz-menu .dojo-match{min-height:168px;border:1px solid #c9d5c8!important;border-top:5px solid #407c66!important;border-radius:16px!important;background:linear-gradient(145deg,#fffdf5,#e8efe4)!important;padding:22px;box-shadow:0 6px 0 #29453212}body.warm-dojo #quiz-menu .dojo-match:nth-child(2){border-top-color:#42688f!important;background:linear-gradient(145deg,#fffdf5,#e7eef4)!important}body.warm-dojo #quiz-menu .dojo-match:nth-child(3){border-top-color:#ac603e!important;background:linear-gradient(145deg,#fffdf5,#f5e9df)!important}body.warm-dojo #quiz-menu .dojo-match:hover{border-color:#55776a!important;box-shadow:0 9px 20px #213e3220}#quiz-menu .dojo-match-label{font-size:11px;letter-spacing:.12em;margin-bottom:9px;display:block}#quiz-menu .dojo-match strong{font-size:22px}#quiz-menu .nav-action svg{width:44px;height:44px}#quiz-menu .match-topic-group{margin-top:30px}
@media(max-width:600px){.play-arcade-hud{align-items:flex-start;gap:10px;font-size:13px}.play-combo{font-size:12px}.play-arcade-stage .show-title-row{flex-wrap:wrap}.play-arcade-stage .show-format{white-space:normal;text-align:right}body.warm-dojo .play-arcade-stage>.show-header{padding:15px}.play-rules{gap:6px}.play-rules span{font-size:12px;padding:8px}.play-arcade-stage .arcade-audio{gap:8px}}
/* One question counter per game; retain level labels and teaching content. */
.play-arcade-stage:not([data-show-result])>.show-header .show-cue{display:none}.play-arcade-stage .terms-round-top strong,.play-arcade-stage>progress,.trivia-content:has(.play-arcade-stage)>.trivia-round-meta strong,.trivia-content:has(.play-arcade-stage)>progress{display:none}.play-arcade-stage .terms-round-top{margin:8px 0}.play-arcade-stage>.show-header .show-title{font-size:clamp(22px,3vw,30px)}.play-arcade-stage>.show-header .play-arcade-hud{margin:10px 0}.play-arcade-stage>.show-header .arcade-audio{padding-top:9px;margin-top:9px}.play-arcade-stage>h2{margin-top:20px}
body.warm-dojo #quiz-menu .dojo-header{padding:24px!important;border-radius:18px!important;overflow:visible;background:linear-gradient(120deg,#e6eddf,#f7f3e5)!important}body.warm-dojo #quiz-menu .dojo-header p{max-width:850px;line-height:1.6}body.warm-dojo #quiz-menu .dojo-header .quiet{margin-bottom:0}@media(max-width:600px){body.warm-dojo #quiz-menu .dojo-header{padding:18px!important}}