#open-moves{color:#f8d85d;border-color:#967c37}.move-library{width:min(1040px,95vw);max-height:94vh;overflow:auto;background:#101a2c;border:3px solid #677a95;color:#e0e8ef;padding:22px;box-shadow:0 0 0 4px #080e18}.move-library::backdrop{background:#070c16db}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.library-heading h2{font-family:'Press Start 2P',monospace;font-size:15px;margin:8px 0 14px}.move-library p{font:12px/1.6 monospace;color:#8ca2b5}.library-controls{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.library-controls label{font:10px monospace;color:#9ab0c4;display:grid;gap:7px;flex:1;min-width:120px}.library-controls input,.library-controls select{background:#1b2b43;border:2px solid #405672;color:#edf3da;padding:10px;font:13px monospace;border-radius:0;width:100%}.move-library canvas{width:100%;height:auto;border:2px solid #4e665a;image-rendering:pixelated}.preview-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.preview-toolbar label{color:#9db6a5;font-size:12px}.preview-toolbar button{font-size:12px}#preview-status{color:#e6cc67;min-height:20px}#move-count{font:10px monospace;color:#80bfa2}.move-source a{color:#90bde0}@media(max-width:600px){.move-library{padding:12px}.library-heading h2{font-size:11px}#open-moves{font-size:10px;padding:8px}.brand{gap:5px}header{gap:8px}}

.preview-tags{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;font:10px monospace;color:#8bd7b7;padding:6px 0}footer a{color:#8ec7b3}#preview-style{color:#e9cc65}

.scrub-label{font:9px monospace;color:#92b2a5;display:flex;align-items:center;gap:15px;margin-top:12px}.scrub-label input{flex:1;accent-color:#c7df69}

.palette-label{display:flex;align-items:center;gap:10px}#type-swatches{display:inline-flex;gap:4px}#type-swatches span{display:block;width:16px;height:12px;border:1px solid #ffffff30}.library-controls label{min-width:105px}

.arena-dialog{width:min(1180px,96vw)}.arena-settings{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.arena-settings label{display:grid;gap:5px;font:10px monospace;color:#9bb8ba}.arena-settings select{padding:9px;background:#1a2d40;color:#e4efdd;border:2px solid #466274}.arena-score{display:grid;grid-template-columns:1fr 40px 1fr;gap:16px;padding:12px;background:#142336}.arena-score>div{min-width:0}.arena-score span{float:right;font-size:11px;color:#9ebba8}.arena-score>b{align-self:center;text-align:center;color:#e4c76d}.arena-score strong{font:14px monospace}.arena-dialog canvas{border-color:#53706a}.arena-dialog .actions button span{flex:1}.arena-dialog .actions button:disabled{opacity:.45;cursor:default}.arena-dialog .actions small{color:#a3d993}#arena-log{color:#d4dfaa;min-height:20px}#open-arena{border-color:#629a8a;color:#b8ead7}header{gap:12px}@media(max-width:600px){.arena-score{gap:6px;padding:8px}.arena-score strong{font-size:11px}.arena-score span{float:none;display:block;font-size:9px}.arena-settings button{font-size:10px;padding:8px}.arena-settings{gap:5px}.arena-dialog .actions button{font-size:9px}.arena-dialog .actions kbd{padding:8px 5px;min-width:18px}}

/* The practice arena fills the viewport; the field takes the remaining height. */
.arena-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;box-sizing:border-box;padding:12px;margin:auto;overflow:auto}
.arena-dialog[open]{display:flex;flex-direction:column;gap:7px}
.arena-dialog .library-heading h2{margin:3px 0;font-size:13px}.arena-dialog .library-heading{flex:none}.arena-dialog .eyebrow{font-size:9px}
.arena-dialog .arena-settings{margin:0;flex:none}.arena-dialog .arena-settings button,.arena-dialog .arena-settings select{padding:7px}
.arena-dialog .arena-score{padding:8px 12px;flex:none}.arena-stage{position:relative;flex:1 1 500px;min-height:240px;background:#10191e;border:2px solid #736f52;overflow:hidden}
.arena-dialog .arena-stage canvas{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}
.arena-dialog .actions{flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.arena-dialog .actions button{min-height:48px}
.arena-dialog p{margin:0;font-size:11px}.arena-dialog #arena-log{min-height:16px}
@media(max-width:600px){.arena-dialog{padding:8px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.arena-dialog .arena-settings{gap:4px}.arena-dialog .arena-score{padding:6px}.arena-stage{min-height:220px}}

.arena-dialog .arena-stage canvas{background:#10191e}

#arena-pause,#arena-step,#arena-inspect{border-color:#79936a;color:#dcf0bf}.arena-settings #arena-speed{min-width:70px}

/* Inspection uses exactly the same backing resolution and court scale as live combat. */
#move-gallery{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;box-sizing:border-box;padding:12px;margin:auto;overflow:auto}
#move-gallery[open]{display:flex;flex-direction:column;gap:7px}
#move-gallery .library-heading h2{margin:3px 0;font-size:13px}#move-gallery .library-heading{flex:none}
#move-gallery>p{margin:0;font-size:10px}#move-gallery .library-controls{margin:0;gap:7px;flex:none}
#move-gallery .library-controls label{font-size:9px;gap:3px}#move-gallery .library-controls input,#move-gallery .library-controls select{padding:6px;font-size:12px}
#move-gallery .preview-tags{padding:0;flex:none}.preview-stage{position:relative;flex:1 1 500px;min-height:260px;background:#10191e;border:2px solid #736f52;overflow:hidden}
#move-gallery .preview-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;background:#10191e}
#move-gallery .scrub-label{margin:0;flex:none}#move-gallery .preview-toolbar{margin:0;flex:none}
#move-gallery .move-source{display:none}#move-gallery #preview-status{min-height:14px;font-size:10px}
@media(max-width:600px){#move-gallery{width:calc(100vw - 12px);height:calc(100dvh - 12px);padding:8px}#move-gallery .library-controls{gap:5px}.preview-stage{min-height:230px}}

/* Mega Evolve button: rainbow edge so it stands out next to the other controls. */
.mega-button{border:2px solid transparent;background:linear-gradient(#2a0f33,#2a0f33) padding-box,linear-gradient(90deg,#ff5f6d,#ffc371,#7dff9b,#5fc9ff,#c77dff,#ff5f6d) border-box;color:#ffe6fb;font-weight:bold}
.mega-button:disabled{opacity:.45}
#arena-mute{border-color:#7a8fb8;color:#dbe6ff}.arena-settings input[type=range]{width:110px;accent-color:#e4c76d}