.arcade-stage{background:#102d2c}.magic-spells{display:flex;gap:8px}.magic-spell{min-width:88px;border-bottom:3px solid var(--spell)}.magic-spell[aria-pressed=true]{background:var(--spell);color:#fff;border-color:var(--spell);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--spell)}
.magic-boss{position:absolute;left:50%;top:92px;transform:translateX(-50%);width:min(380px,70%);height:9px;border:1px solid #ffe4a3;border-radius:4px;background:#102a2c;z-index:3;overflow:hidden;pointer-events:none}.magic-boss span{display:block;height:100%;background:#f4b968;transition:width .12s linear}
.magic-stick{position:relative;width:52px;height:52px;border:1px solid #b8cbc7;border-radius:50%;background:#edf3f0;touch-action:none;flex-shrink:0}.magic-stick:before,.magic-stick:after{content:"";position:absolute;background:#b8cbc7;left:50%;top:50%;transform:translate(-50%,-50%)}.magic-stick:before{width:36px;height:1px}.magic-stick:after{height:36px;width:1px}.magic-stick span{position:absolute;width:25px;height:25px;border-radius:50%;background:#307a70;border:2px solid white;box-shadow:0 1px 4px #163c3b35;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
.arcade-controls{gap:22px;padding:10px 18px}.arcade-status{bottom:12px}.magic-combo{font-variant-numeric:tabular-nums;font-weight:800;color:#287468;font-size:13px;min-width:66px;text-align:center}
@media(max-width:640px){.arcade-controls{gap:12px;padding:9px 12px}.magic-spells{gap:6px}.magic-spell{min-width:70px;padding:8px 10px}.magic-stick{width:48px;height:48px}.magic-combo{display:none}.magic-boss{top:78px}.arcade-stat{min-width:78px;padding:7px 12px}}
@media(max-height:500px) and (orientation:landscape){.magic-boss{left:50%;top:12px;width:220px}.magic-stick{width:42px;height:42px}.arcade-controls{padding:6px 12px;gap:18px}.magic-spell{min-height:38px;padding:6px 14px}.arcade-status{bottom:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.magic-boss span{transition:none}}