@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ultra-realistic-vinyl-player/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ultra-realistic-vinyl-player/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ultra-realistic-vinyl-player/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ultra-realistic-vinyl-player/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ultra-realistic-vinyl-player/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ultra-realistic-vinyl-player/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ultra-realistic-vinyl-player/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#e8e5e0)var(--lightningcss-dark,#1a1a1e);--surface:var(--lightningcss-light,#f5f3ef)var(--lightningcss-dark,#242428);--surface-raised:var(--lightningcss-light,#eae7e2)var(--lightningcss-dark,#2e2e33);--border:var(--lightningcss-light,#c2beb6)var(--lightningcss-dark,#3f3f45);--text:var(--lightningcss-light,#1a1a1e)var(--lightningcss-dark,#e8e8e8);--text-muted:var(--lightningcss-light,#666)var(--lightningcss-dark,#9a9aa0);--accent-default:#e8562a;--accent-ink-default:#1a1208;--accent:var(--custom-accent,var(--cover-accent,var(--accent-default)));--accent-ink:var(--custom-accent-ink,var(--accent-ink-default));--focus:var(--lightningcss-light,#a23a17)var(--lightningcss-dark,#ffd27a);--label:var(--accent);--label-ink:var(--accent-ink);--meter-face:#f3e9cf;--meter-ink:#2a2118;--meter-red:#c0392b;--led-off:#5a2a24;--led-on:#ff4b3a;--strip:#c9c9c5;--strip-shade:#a9a9a5;--strip-key:#b7b7b3;--strip-ink:#232326;--strip-focus:#8f3214;--cover-tint:#464e5857;--cover-edge:#fff6;--scrim:#0000008c;--plate:#47484b;--plate-lo:#38393c;--plate-hi:#5d5e62;--plate-texture:speckle;--plinth-a:#3a3b3e;--plinth-b:#27282a;--plinth-edge:#19191b;--radius-s:6px;--radius-m:10px;--radius-l:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow:0 4px 24px #0006;--motion:.18s;--motion-slow:.52s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-plinth=walnut]{--plate:#6b4226;--plate-lo:#57341c;--plate-hi:#84552f;--plate-texture:grain;--plinth-a:#5a3e28;--plinth-b:#3d2414;--plinth-edge:#24150b}:root[data-plinth=aluminium]{--plate:#c3c5c9;--plate-lo:#aaadb1;--plate-hi:#e1e3e6;--plate-texture:brushed;--plinth-a:#cfd2d6;--plinth-b:#8f949a;--plinth-edge:#6a6e74}:root[data-plinth=gloss]{--plate:#151517;--plate-lo:#0a0a0b;--plate-hi:#303035;--plate-texture:gloss;--plinth-a:#2c2c31;--plinth-b:#050506;--plinth-edge:#000}:root[data-plinth=clear]{--plate:#ffffff1a;--plate-lo:#00000024;--plate-hi:#ffffff57;--plate-texture:none;--plinth-a:#ffffff1f;--plinth-b:#ffffff08;--plinth-edge:#ffffff38}@media (prefers-reduced-motion:reduce){:root{--motion:0s;--motion-slow:0s}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.45}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}h1{letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:650}.layout{gap:var(--space-4);padding:0 var(--space-4) var(--space-5);max-width:1400px;margin:0 auto;display:grid}@media (orientation:landscape) and (width>=700px){.layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:start}}.plinth{border-radius:var(--radius-l);background:linear-gradient(135deg, var(--plinth-a), var(--plinth-b));border:2px solid var(--plinth-edge);width:min(100%,74vh);box-shadow:var(--shadow);margin:0 auto;position:relative;overflow:hidden}:root[data-plinth=clear] .plinth{-webkit-backdrop-filter:blur(40px)saturate(150%);backdrop-filter:blur(40px)saturate(150%);box-shadow:var(--shadow), inset 0 1px 1px #ffffff4d}.deck-top{position:relative}.strip{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);color:var(--strip-ink);letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(90deg, #ffffff12 0 1px, transparent 1px 3px), linear-gradient(var(--strip), var(--strip-shade));border-top:1px solid #ffffff8c;grid-template-columns:auto auto minmax(90px,1fr) auto auto auto;font-size:.72rem;font-weight:600;display:grid}.strip :focus-visible{outline-color:var(--strip-focus)}.led{background:var(--led-off);border-radius:50%;width:7px;height:7px;box-shadow:inset 0 0 0 1px #00000059}.led.is-on{background:var(--led-on);box-shadow:0 0 6px var(--led-on)}.plate{min-width:52px;min-height:40px;padding:var(--space-1) var(--space-3);color:var(--strip-ink);font:inherit;letter-spacing:inherit;text-transform:inherit;background:linear-gradient(var(--strip-key), var(--strip-shade));cursor:pointer;border:1px solid #00000047;border-radius:3px;box-shadow:inset 0 1px #fff9,0 2px 3px #0000004d}.plate-wide{min-width:96px}.plate[aria-pressed=true]{box-shadow:inset 0 2px 4px #0006, inset 0 -3px 0 var(--accent);transform:translateY(1px)}.strip .speed{border:1px solid #00000047;border-radius:3px;gap:0;display:flex;overflow:hidden;box-shadow:0 2px 3px #0000004d}.strip .speed label{background:linear-gradient(var(--strip-key), var(--strip-shade));cursor:pointer;place-items:center;min-width:38px;min-height:40px;display:grid;position:relative}.strip .speed label+label{border-left:1px solid #00000038}.strip .speed input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.strip .speed label:has(input:checked){box-shadow:inset 0 2px 4px #0006, inset 0 -3px 0 var(--accent)}.strip .speed label:has(input:focus-visible){outline:3px solid var(--strip-focus);outline-offset:-3px}.pitch-well{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2);background:#0000001f;border-radius:3px;grid-template-columns:auto 1fr auto;display:grid;box-shadow:inset 0 1px 3px #00000059}.pitch-well input[type=range]{min-width:0;min-height:28px;accent-color:var(--strip-ink)}.pitch-well output{text-align:right;font-variant-numeric:tabular-nums;text-transform:none;min-width:6.5ch}@media (width<=560px){.strip{justify-content:space-between;gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(5,auto);font-size:.66rem}.pitch-well{order:9;grid-column:1/-1}.plate{min-width:42px;padding:var(--space-1) var(--space-2)}.plate-wide{min-width:64px}.strip .speed label{min-width:32px}}#platter{aspect-ratio:1;touch-action:none;cursor:grab;width:100%;display:block}#platter.is-dragging{cursor:grabbing}.dust-cover{border-radius:inherit;background:var(--cover-tint);border:1px solid var(--cover-edge);transform-origin:top;opacity:.18;pointer-events:none;transition:transform var(--motion-slow) ease-in-out, opacity var(--motion-slow) ease-in-out;position:absolute;inset:0;transform:perspective(1400px)rotateX(-88deg)}.plinth.cover-closed .dust-cover{opacity:1;pointer-events:auto;transform:perspective(1400px)rotateX(0)}#platter{transition:filter var(--motion-slow)}.plinth.cover-closed #platter{filter:brightness(.7)}.controls{gap:var(--space-3);display:grid}.panel{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);display:grid}.button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}button,select,input{font:inherit;color:inherit}.btn{min-height:34px;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);cursor:pointer;transition:background var(--motion), border-color var(--motion), color var(--motion);font-size:.8rem}.btn:hover{border-color:var(--accent)}.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn:disabled{opacity:.35;cursor:not-allowed}@media (pointer:coarse){.btn{min-height:44px}}.time{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem}fieldset{border:0;margin:0;padding:0}legend,.field>label{color:var(--text-muted);padding:0;font-size:.85rem}.field{align-items:center;gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto;display:grid}.field>label{grid-column:1/-1}.field output{text-align:right;font-variant-numeric:tabular-nums;min-width:4.5ch}input[type=range],input[type=radio],input[type=checkbox]{accent-color:var(--accent)}input[type=range]{width:100%;min-height:28px}select,textarea,input[type=text],input[type=number],input[type=file]{min-height:40px;padding:var(--space-1) var(--space-2);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-s);grid-column:1/-1;max-width:100%}.status{min-height:1.45em;color:var(--text-muted);margin:0}h2{margin:0;font-size:1rem;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.hint{color:var(--text-muted);margin:0;font-size:.85rem}.check{align-items:center;gap:var(--space-2);min-height:32px;display:flex}.import{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.import progress{accent-color:var(--accent);flex:120px}.tracks{gap:var(--space-1);max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.tracks li{align-items:stretch;gap:var(--space-1);border-radius:var(--radius-s);display:flex}.tracks li.is-dragging{opacity:.6;outline:2px dashed var(--accent)}.handle{width:28px;color:var(--text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.track{min-width:0;min-height:44px;padding:var(--space-2) var(--space-3);text-align:left;background:var(--surface-raised);border-radius:var(--radius-s);cursor:pointer;border:1px solid #0000;flex:1;gap:2px;display:grid}.track:hover{border-color:var(--border)}.track[aria-current=true]{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.track-title,.track-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-meta{color:var(--text-muted);font-size:.85rem}.remove{width:44px;min-height:44px;color:var(--text-muted);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:1px solid #0000;flex:none}.remove:hover{color:var(--text);border-color:var(--border)}.remove:focus-visible,.track:focus-visible{outline-offset:-3px}.topbar-tools{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.inline{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.85rem;display:inline-flex}.inline select{color:var(--text)}.menu{position:relative}.menu summary{align-items:center;list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu-items{z-index:20;min-width:220px;margin-top:var(--space-1);padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow);display:grid;position:absolute;right:0}.menu-items button{min-height:40px;padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0}.menu-items button:hover{background:var(--surface-raised)}.meters{gap:var(--space-3);display:flex}.meter{text-align:center;max-width:180px;color:var(--text-muted);flex:1;gap:2px;font-size:.75rem;display:grid}.meter-face{fill:var(--meter-face);stroke:var(--border)}.meter-scale,.meter-red{fill:none;stroke:var(--meter-ink);stroke-width:2px}.meter-red{stroke:var(--meter-red);stroke-width:4px}.meter-needle{stroke:var(--meter-ink);stroke-width:1.5px;stroke-linecap:round}.meter-hub{fill:var(--meter-ink)}.meter-led{fill:var(--led-off)}.meter-led.is-on{fill:var(--led-on)}dialog{max-width:min(92vw,640px);max-height:86vh;padding:var(--space-5);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow)}dialog::backdrop{background:var(--scrim)}dialog h2{margin-bottom:var(--space-3)}dialog form{margin-top:var(--space-4)}dialog table{border-collapse:collapse}dialog th,dialog td{padding:var(--space-1) var(--space-3) var(--space-1) 0;text-align:left;vertical-align:top}dialog tbody th{white-space:nowrap;font-weight:600}#credits-text{max-height:50vh;padding:var(--space-3);white-space:pre-wrap;background:var(--surface-raised);border-radius:var(--radius-s);margin:0;font-size:.8rem;overflow:auto}.coach{inset:auto var(--space-3) var(--space-3) auto;z-index:30;width:min(360px, calc(100vw - 2 * var(--space-3)));padding:var(--space-4);border-color:var(--accent);margin:0;position:fixed}.coach p{margin:0 0 var(--space-3)}.coach-target{outline:3px dashed var(--accent);outline-offset:4px}body.focus-mode .topbar,body.focus-mode .meters,body.focus-mode .transport label,body.focus-mode .controls>.panel:not(.transport){display:none}body.focus-mode .layout{padding-top:var(--space-3);grid-template-columns:1fr;padding-bottom:140px}body.focus-mode .plinth{width:min(100%,100vh - 240px)}body.focus-mode .transport{bottom:var(--space-3);z-index:10;width:max-content;max-width:calc(100vw - 2 * var(--space-3));box-shadow:var(--shadow);position:fixed;left:50%;transform:translate(-50%)}@media (width<=420px){.topbar,.layout{padding-left:var(--space-2);padding-right:var(--space-2)}.panel{padding:var(--space-3)}.btn{padding-left:var(--space-3);padding-right:var(--space-3)}}.toast{top:var(--space-3);z-index:40;justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);width:max-content;max-width:calc(100vw - 2 * var(--space-3));padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-m);box-shadow:var(--shadow);flex-wrap:wrap;display:flex;position:fixed;left:50%;transform:translate(-50%)}.fold>summary{cursor:pointer;font-weight:600}.fold-body{gap:var(--space-3);margin-top:var(--space-3);display:grid}.colour{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 9ch;display:grid}.colour label{color:var(--text-muted);font-size:.85rem}.colour input[type=color]{border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;background:0 0;width:44px;height:32px;padding:0}.colour input[type=text]{font-variant-numeric:tabular-nums;grid-column:auto;min-height:32px}[aria-invalid=true]{border-color:var(--led-on)}textarea{font:inherit;color:inherit;resize:vertical}.eq-sliders{gap:var(--space-1);grid-template-columns:repeat(11,minmax(0,1fr));display:grid}.eq-sliders.is-off{opacity:.55}.eq-band{justify-items:center;gap:var(--space-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:.65rem;display:grid}.eq-band input[type=range]{writing-mode:vertical-lr;direction:rtl;width:24px;height:110px}.eq-preamp{border-right:1px solid var(--border)}.desktop{z-index:35;background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--accent) 30%, var(--bg)), var(--bg));color:var(--text);grid-template-rows:auto 1fr;align-content:start;display:grid;position:fixed;inset:0}.desk-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.desk-hint{color:var(--text-muted);flex:1;margin:0;font-size:.8rem}.desk-icons{align-content:flex-start;align-items:flex-start;gap:var(--space-2);min-height:0;padding:var(--space-4);flex-flow:column wrap;display:flex}.desk-windows{pointer-events:none;position:absolute;inset:0;overflow:hidden}.desk-icon{width:104px;padding:var(--space-2);border-radius:var(--radius-s);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;justify-items:center;gap:2px;display:grid}.desk-icon:hover,.desk-icon:focus-visible,.desk-icon.is-target{background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent)}.desk-glyph{font-size:2rem;line-height:1}.desk-folder .desk-glyph:before{content:"📁"}.desk-file .desk-glyph:before{content:"🎵"}.desk-deck .desk-glyph:before{content:"💿"}.desk-queue .desk-glyph:before{content:"📋"}.desk-name{overflow-wrap:anywhere;font-size:.8rem}.desk-meta{color:var(--text-muted);font-size:.7rem}.desk-window{pointer-events:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);grid-template-rows:auto 1fr;width:min(420px,100vw - 32px);max-height:60vh;display:grid;position:absolute;box-shadow:0 12px 32px #00000059}.desk-window-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--surface-raised);border-bottom:1px solid var(--border);cursor:grab;touch-action:none;font-size:.85rem;font-weight:600;display:flex}.desk-close{cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px}.desk-window-body{gap:var(--space-1);padding:var(--space-2);flex-wrap:wrap;display:flex;overflow:auto}body.has-stage{--glass:color-mix(in srgb, var(--surface) 78%, transparent);--glass-border:color-mix(in srgb, var(--text) 14%, transparent);height:100dvh;overflow:hidden}.scene{z-index:0;cursor:grab;touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.scene[hidden]{display:none}.scene[data-hover=arm],.scene[data-hover=record],.scene[data-hover=cover],.scene[data-hover=pitchWheel]{cursor:grab}.scene[data-hover=speedPlate],.scene[data-hover=startPlate],.scene[data-hover=cuePlate],.scene[data-hover=unlockPin]{cursor:pointer}.scene.is-grabbing{cursor:grabbing}body.has-stage .topbar{top:var(--space-3);left:var(--space-3);right:calc(380px + 2 * var(--space-3));z-index:3;padding:var(--space-2) var(--space-3);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);position:fixed}body.has-stage .layout{z-index:2;pointer-events:none;max-width:none;padding:0;display:block;position:fixed;inset:0}body.has-stage .layout>*{pointer-events:auto}body.has-stage .deck{left:var(--space-3);right:calc(380px + 2 * var(--space-3));bottom:var(--space-3);justify-content:center;display:flex;position:fixed}body.has-stage .deck .plinth{width:min(100%,760px);box-shadow:none;background:0 0;border:0;margin:0;overflow:visible}body.has-stage .deck-top[hidden]{display:none}body.has-stage .deck .strip{border-radius:var(--radius-m);width:min(100%,760px);box-shadow:0 10px 30px #00000059}body.has-stage .controls{top:var(--space-3);right:var(--space-3);bottom:var(--space-3);overscroll-behavior:contain;width:380px;padding:var(--space-2);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);align-content:start;position:fixed;overflow-y:auto}body.has-stage.focus-mode .controls{top:auto;bottom:calc(var(--space-3) + 96px);width:max-content;max-width:calc(100vw - 2 * var(--space-3));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;left:50%;right:auto;overflow:visible;transform:translate(-50%)}body.has-stage.focus-mode .deck{right:var(--space-3)}body.has-stage.focus-mode .transport{position:static;transform:none}@media (width<=760px),(orientation:portrait) and (width<=1100px){body.has-stage .topbar{right:var(--space-2);left:var(--space-2);top:var(--space-2);gap:var(--space-2);padding:var(--space-1) var(--space-2);flex-wrap:nowrap}body.has-stage .topbar h1{white-space:nowrap;font-size:.85rem}body.has-stage .topbar-tools{gap:var(--space-1);flex-wrap:nowrap}body.has-stage .topbar .inline{gap:0;font-size:0}body.has-stage .topbar select,body.has-stage .topbar summary{max-width:7.5rem;font-size:.75rem}body.has-stage .controls{border-radius:var(--radius-l) var(--radius-l) 0 0;border-bottom:0;width:auto;max-height:44dvh;inset:auto 0 0}body.has-stage .deck{left:var(--space-2);right:var(--space-2);bottom:calc(44vh + var(--space-2));bottom:calc(44dvh + var(--space-2))}body.has-stage .deck .plinth{width:min(100%,760px);box-shadow:none;background:0 0;border:0;margin:0;overflow:visible}body.has-stage .deck-top[hidden]{display:none}body.has-stage .deck .strip{justify-content:center;gap:var(--space-1) var(--space-2);padding:var(--space-2);grid-template-columns:auto auto auto auto;font-size:.64rem}body.has-stage .deck .strip .pitch-well{order:9;grid-column:1/-1}body.has-stage.focus-mode .deck{bottom:var(--space-2)}}@media (width<=420px){body.has-stage .topbar h1{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.tour-caption{z-index:4;max-width:min(90vw,560px);padding:var(--space-2) var(--space-3);color:var(--text);text-align:center;background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid color-mix(in srgb, var(--text) 14%, transparent);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0;position:fixed;top:76px;left:50%;transform:translate(-50%)}.tour-caption[hidden]{display:none}.drop-overlay{z-index:60;border:2px dashed var(--accent);background:color-mix(in srgb, var(--bg,#000) 60%, transparent);pointer-events:none;border-radius:14px;place-items:center;font-weight:600;display:none;position:fixed;inset:12px}.drop-overlay.active{display:grid}.trk-side{opacity:.7;margin-inline-start:.5em;font-size:.75em}