.classic-controls{margin:22px 0;padding:18px 20px;border:1px solid #70805a;border-radius:12px;background:#1d302be8;color:#f1eddb;font:14px/1.55 system-ui,sans-serif;text-align:left}.classic-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.classic-controls h2{font-size:18px;margin:0}.classic-controls button,.classic-controller-dialog button{font:inherit;color:#fff1cc;border:1px solid #6e805b;background:#2b493b;padding:9px 12px;border-radius:6px;cursor:pointer}.classic-controls button:hover,.classic-controller-dialog button:hover{background:#3a5e45}.classic-controls button:focus-visible,.classic-controller-dialog button:focus-visible,.classic-controller-dialog select:focus-visible,.classic-controller-dialog input:focus-visible{outline:3px solid #edca73;outline-offset:3px}.classic-controls button:disabled,.classic-controller-dialog button:disabled{opacity:.45;cursor:default}.classic-controller-status{margin:12px 0;color:#d2dec3;font-size:12px;min-height:20px}.classic-screen-controls{display:flex;flex-wrap:wrap;gap:8px}.classic-screen-button{touch-action:none;user-select:none;min-width:90px}.classic-screen-button.is-held{background:#6f743b;color:#fff9da;box-shadow:0 0 0 2px #edca7355}.classic-controller-help{font-size:12px;color:#b7c8ad;margin:12px 0 0}.classic-controller-dialog{color:#f1eddb;background:#172f29;border:1px solid #8a986b;border-radius:12px;width:min(690px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;padding:24px;font:14px/1.6 system-ui,sans-serif;text-align:left}.classic-controller-dialog::backdrop{background:#061812a6}.classic-controller-dialog h2{font-size:23px;color:#f0cc7c;margin:0 0 12px}.classic-controller-choice,.classic-deadzone{display:flex;align-items:center;gap:14px;margin:16px 0;flex-wrap:wrap}.classic-controller-choice select{min-width:150px;max-width:100%;flex:1;color:#f1eddb;background:#254638;border:1px solid #6b825c;border-radius:6px;padding:10px;font:inherit}.classic-mapping-status{font-size:13px;color:#f0d691;min-height:22px}.classic-mapping-row{display:grid;grid-template-columns:1.1fr 1.4fr auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #69806655}.classic-action-binding{font-size:12px;color:#bfd0b3}.classic-calibration-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.classic-deadzone input{flex:1;min-width:110px;accent-color:#dbb65d}.classic-controller-close{margin-top:18px}@media(max-width:620px){.classic-controls{padding:14px}.classic-controls-heading{align-items:flex-start}.classic-controls h2{font-size:15px}.classic-controls button{font-size:12px;padding:9px}.classic-screen-button{min-width:84px}.classic-controller-dialog{padding:18px}.classic-mapping-row{grid-template-columns:1fr auto auto}.classic-action-binding{grid-column:1;grid-row:auto}.classic-mapping-row .classic-action-label{grid-column:1}.classic-mapping-row button{grid-row:span 2}.classic-controller-dialog button{padding:8px;font-size:12px}}
.classic-player-page .classic-controls{margin:12px 0;padding:12px 16px}.classic-player-page .classic-controller-status{margin:7px 0}.classic-player-page .classic-controller-help{margin-top:7px}@media(min-width:740px){.classic-player-page #stage:not(:fullscreen){height:clamp(220px,calc(100svh - 430px),560px);aspect-ratio:auto}.classic-player-page #stage:fullscreen{max-height:none}.classic-player-page .classic-controls-heading h2{font-size:16px}}