.arcade-shell{border:1px solid #776244;border-radius:5px;overflow:hidden;background:#141b19;box-shadow:0 24px 60px #0003}.arcade-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#292d22;border-bottom:1px solid #58573c}.arcade-bar strong{font:10px/1.6 ui-monospace,monospace;letter-spacing:1.5px;font-weight:400;color:#e2c598}.arcade-bar .demo-controls button{color:#dfccaa;border-color:#746a4b}.arcade-viewport{position:relative;background:#111b1a}.arcade-viewport canvas{width:100%;height:auto;aspect-ratio:960/420;display:block;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.arcade-viewport canvas:focus-visible{outline:2px solid #e6bb76;outline-offset:-3px}.arcade-scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,#00000012 3px,#00000012 4px);box-shadow:inset 0 0 60px #0005}.arcade-footer{background:#20271e;border-top:1px solid #655d40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}.arcade-caption{display:flex;gap:16px;align-items:center}.arcade-stage{font:11px ui-monospace,monospace;color:#e2bd86;white-space:nowrap}.arcade-caption strong{display:block;font-size:12px;font-weight:500;color:#efdfc3}.arcade-caption p{font-size:10px;color:#abb49b;margin:3px 0 0}.arcade-hit{background:#deb17b;color:#24291c;border:1px solid #deb17b;font:10px/1.4 ui-monospace,monospace;padding:11px 15px;white-space:nowrap;border-radius:3px}.arcade-hit:hover{background:#f1d7ab}.arcade-hit:active{transform:translateY(2px)}.arcade-note{display:flex;justify-content:space-between;gap:25px;align-items:center;color:#91a17e;font-size:9px;padding:12px 0 4px;line-height:1.7}.arcade-roster{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.arcade-roster span{font:8px ui-monospace,monospace;color:#a8b59a;padding:5px 8px;border:1px solid #526047;border-radius:2px}.arcade-roster span.active{color:#f4d5a4;border-color:#c69660}.arcade-roster span.defeated{color:#708465;border-color:#3c4c33;text-decoration:line-through}.arcade-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){.arcade-bar{padding:12px 11px;gap:9px;align-items:center}.arcade-bar strong{font-size:8px;letter-spacing:.7px;max-width:125px}.arcade-bar .demo-controls{gap:4px}.arcade-bar .demo-controls button{font-size:8px;padding:6px}.arcade-viewport canvas{aspect-ratio:480/420}.arcade-footer{padding:14px 12px;gap:14px;align-items:flex-start;flex-wrap:wrap}.arcade-caption{gap:10px}.arcade-stage{font-size:9px}.arcade-caption strong{font-size:11px}.arcade-caption p{font-size:9px;line-height:1.7}.arcade-hit{font-size:9px;padding:10px 13px}.arcade-note{align-items:flex-start;flex-direction:column;gap:9px;font-size:8px}.arcade-roster{gap:5px}.arcade-roster span{font-size:7px;padding:5px}.arcade-footer .arcade-hit{margin-left:41px}.arcade-viewport .arcade-scanlines{box-shadow:inset 0 0 25px #0005}}@media(prefers-reduced-motion:reduce){.arcade-scanlines{background:none}}