:root{--bg:#070b16;--panel:#0e1526;--panel-2:#141d33;--line:#233154;--text:#e8edf7;--muted:#9aa6c2;--accent:#ffd166;--accent-2:#6fb7ff;--danger:#ff7a59;--radius:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font);margin:0}body{background:radial-gradient(1200px 600px at 70% -10%, #12234a 0%, transparent 60%), var(--bg);min-height:100vh}a{color:var(--accent-2)}kbd{font:600 .75em/1 var(--font);border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-bottom-width:2px;border-radius:6px;padding:.2em .45em}button,select,input{font:inherit;color:inherit}button,select{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:.5rem .8rem}button:hover,select:hover{border-color:var(--accent-2)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--accent);color:#000;z-index:10;border-radius:8px;padding:.5rem 1rem;top:1rem;left:1rem}.muted{color:var(--muted);font-size:.9em}h1,h2{font-family:var(--serif);letter-spacing:.01em;font-weight:600}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:1.05rem;font-family:var(--font);margin:0 0 .6rem}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.brand{align-items:center;gap:.9rem;display:flex}.brand h1{margin:0;font-size:1.7rem}.tag{color:var(--muted);margin:0}.logo{background:radial-gradient(circle at 35% 35%,#9fd3ff,#1d5fb8 55%,#0b2244 75%);border-radius:50%;width:44px;height:44px;position:relative;box-shadow:0 0 0 3px #ffd16640,0 0 30px #6fb7ff59}.logo:after{content:"";border:2px solid #0000;border-top-color:var(--accent);border-radius:50%;position:absolute;inset:-6px;transform:rotate(-30deg)}.links{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.links a{color:var(--text);opacity:.85;text-decoration:none}.links a:hover{opacity:1;text-decoration:underline}.layout{grid-template-columns:250px minmax(0,1fr) 320px;gap:1.2rem;padding:0 1.5rem 1.5rem;display:grid}.catalog,.side>section,.stage-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.side{align-content:start;gap:1rem;display:grid}.catalog ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.catalog li button{text-align:left;background:0 0;border-color:#0000;width:100%;padding:.55rem .7rem;line-height:1.3}.catalog li button[aria-current=true]{background:var(--panel-2);border-color:var(--accent)}.file{color:var(--muted);gap:.4rem;margin-top:1rem;font-size:.9em;display:grid}.file input{max-width:100%}.stage{aspect-ratio:2;background:#000;border-radius:10px;margin:0;position:relative;overflow:hidden}.visual,.visual>*{object-fit:contain;width:100%;height:100%;display:block}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.loading{text-align:center;background:#070b16d9;place-content:center;gap:.6rem;padding:1rem;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.loading progress{width:min(320px,70vw)}.caption h2{color:var(--text);text-transform:none;letter-spacing:0;font-family:var(--serif);margin:.9rem 0 .2rem;font-size:1.35rem}.caption p{margin:.2rem 0}.credit{color:var(--muted);font-size:.85em}.controls{flex-wrap:wrap;align-items:end;gap:.8rem 1.1rem;margin:1rem 0 .8rem;display:flex}.controls label{color:var(--muted);gap:.25rem;font-size:.85em;display:grid}.controls label.check{align-items:center;gap:.4rem;display:flex}.play{background:var(--accent);color:#111;border:0;min-width:7rem;padding:.7rem 1.4rem;font-size:1.05rem;font-weight:700}.play:hover{filter:brightness(1.08)}.sections{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;display:grid}.pad{--c:#fff;text-align:left;border:2px solid color-mix(in srgb, var(--c) 55%, transparent);background:color-mix(in srgb, var(--c) 16%, var(--panel));justify-items:start;gap:.4rem;min-height:84px;padding:.8rem;display:grid}.pad[aria-pressed=false]{opacity:.4;background:var(--panel);border-style:dashed}.pad span{font-size:.85em;line-height:1.25}.hint{color:var(--muted);margin:.8rem 0 0;font-size:.85em}#legend{gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.now{margin:0;font-size:.95em}.quality{gap:.4rem;margin:0;display:grid}.quality dt{color:var(--muted);font-size:.85em}.quality dd{margin:0;font-weight:600}.row{flex-wrap:wrap;gap:.6rem;display:flex}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);max-width:460px}dialog::backdrop{background:#0009}.keys{grid-template-columns:auto 1fr;gap:.5rem 1rem;display:grid}.keys dd{margin:0}.foot{color:var(--muted);padding:1rem 1.5rem 2rem;font-size:.85em}body.kiosk .layout{grid-template-columns:1fr}body.kiosk .catalog,body.kiosk .side,body.kiosk .links,body.kiosk .foot,body.kiosk .hint{display:none}@media (max-width:1100px){.layout{grid-template-columns:1fr}}@media (max-width:640px){.top,.layout{padding-left:16px;padding-right:16px}.sections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.kiosk-start{z-index:20;background:radial-gradient(900px 500px at 50% 40%, #12234a, var(--bg));border:0;border-radius:0;place-content:center;justify-items:center;gap:1rem;font-size:1.3rem;display:grid;position:fixed;inset:0}.kiosk-start strong{font-family:var(--serif);font-size:clamp(2rem,6vw,4rem)}.kiosk-start .logo{width:120px;height:120px}body.kiosk .stage{max-height:78vh}body.kiosk .controls .play{padding:1rem 2rem;font-size:1.3rem}