@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,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(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0b1220;--bg-2: #111a2b;--panel: #141f33;--panel-2: #182740;--panel-3: #1e3050;--line: #55719e;--line-soft: #2b4066;--text: #e6eefc;--text-dim: #93a4c4;--text-faint: #7b8ead;--accent: #38bdf8;--accent-2: #22d3ee;--warn: #f59e0b;--error: #ef4444;--ok: #22c55e;--purple: #a78bfa;--on-accent: #04202c;--overlay: rgba(14, 24, 40, .94);--overlay-strong: rgba(6, 13, 26, .95);--backdrop: rgba(3, 8, 16, .72);--scrollbar: #2b405f;--scrollbar-hover: #3a5480;--selection-glow: rgba(56, 189, 248, .35);--row-selected: rgba(56, 189, 248, .14);--row-hover: rgba(56, 189, 248, .09);--tail-wash: rgba(3, 8, 16, .42);--tail-stripe: rgba(148, 163, 184, .16);--shadow: 0 8px 26px rgba(0, 0, 0, .42);--danger-bg: #3b1418;--danger-text: #fca5a5;--blocked-bg: rgba(127, 29, 29, .95);--brand-fg: #071018;--tone-home: #3b6fb0;--tone-away: #c0533f;--tone-ball: #d18a1c;--tone-mark: #7a8699;--tone-kit: #d1712c;--tone-home-bg: rgba(59, 111, 176, .22);--tone-home-line: rgba(59, 111, 176, .55);--tone-home-text: #b7d0ee;--tone-away-bg: rgba(192, 83, 63, .22);--tone-away-line: rgba(192, 83, 63, .55);--tone-away-text: #f0bcb1;--tone-ball-bg: rgba(209, 138, 28, .22);--tone-ball-line: rgba(209, 138, 28, .55);--tone-ball-text: #f2d29a;--radius: 8px;--radius-sm: 5px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xl: 18px;--text-lg: 15px;--text-md: 13px;--text-sm: 11px;--text-xs: 10px;--pad-1: 10px;--pad-2: 14px;--pad-3: 18px;--s0: 2px;--s1: 4px;--s1h: 6px;--s2: 8px;--s2h: 12px;--s3: 16px;--s4: 24px;--s5: 32px;--s6: 48px;--topbar-h: 52px;--tool-btn: 34px;--font-ui: var(--text-md);--font-sm: var(--text-sm)}:root[data-theme=light]{--bg: #eef2f7;--bg-2: #e3e9f1;--panel: #ffffff;--panel-2: #f2f5fa;--panel-3: #e4ebf5;--line: #828fa3;--line-soft: #dde4ee;--text: #0f172a;--text-dim: #465569;--text-faint: #63738a;--accent: #0369a1;--accent-2: #0e7490;--warn: #b45309;--error: #dc2626;--ok: #15803d;--purple: #7c3aed;--on-accent: #ffffff;--overlay: rgba(255, 255, 255, .96);--overlay-strong: rgba(255, 255, 255, .98);--backdrop: rgba(30, 41, 59, .45);--scrollbar: #c2cddc;--scrollbar-hover: #a5b4c8;--selection-glow: rgba(2, 132, 199, .3);--row-selected: rgba(2, 132, 199, .13);--row-hover: rgba(2, 132, 199, .075);--tail-wash: rgba(15, 23, 42, .055);--tail-stripe: rgba(15, 23, 42, .11);--shadow: 0 8px 26px rgba(15, 23, 42, .16);--danger-bg: #fee2e2;--danger-text: #b91c1c;--blocked-bg: rgba(185, 28, 28, .95);--brand-fg: #ffffff;--tone-home: #1d3f6f;--tone-away: #a4372a;--tone-ball: #b45309;--tone-mark: #4b5563;--tone-kit: #c2410c;--tone-home-bg: #dbeafe;--tone-home-line: #b7d4fb;--tone-home-text: #14385f;--tone-away-bg: #fde5e0;--tone-away-line: #f6c8bd;--tone-away-text: #7a2418;--tone-ball-bg: #fef3c7;--tone-ball-line: #f2d29a;--tone-ball-text: #78350f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:var(--font-ui);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.app{display:grid;grid-template-rows:var(--topbar-h) 1fr var(--timeline-h, 258px);grid-template-columns:var(--rail-w, 82px) 1fr var(--right-w, 300px);grid-template-areas:"top top top" "rail stage right" "timeline timeline timeline";position:relative;height:100vh;width:100vw;background:var(--bg)}.app.right-collapsed{--right-w: 0px}.app.timeline-collapsed{--timeline-h: 42px}.topbar{grid-area:top;display:flex;align-items:center;gap:var(--s2);padding:0 var(--pad-1);background:var(--panel);border-bottom:1px solid var(--line);z-index:20}.stage{grid-area:stage;position:relative;overflow:hidden;background:var(--bg-2);border-left:1px solid var(--line);border-right:1px solid var(--line)}.left-panel{grid-area:left;background:var(--panel);overflow-y:auto;overflow-x:hidden}.right-panel{grid-area:right;background:var(--panel);overflow-y:auto;overflow-x:hidden}.timeline-area{grid-area:timeline;background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0;position:relative}.timeline-resizer{position:absolute;top:-4px;left:0;right:0;height:9px;cursor:ns-resize;z-index:14;display:grid;place-items:center;touch-action:none}.timeline-resizer .grip{width:46px;height:3px;border-radius:2px;background:var(--line);transition:background .12s,width .12s}.timeline-resizer:hover .grip,.timeline-resizer.dragging .grip{background:var(--accent);width:72px}.timeline-resizer.dragging{cursor:ns-resize}.brand{display:flex;align-items:center;gap:var(--s1h);font-weight:700;letter-spacing:.02em;padding-right:var(--s1h);white-space:nowrap}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent) 0%,var(--purple) 100%);display:grid;place-items:center;font-size:var(--text-sm);color:var(--brand-fg);font-weight:900}.project-name{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--s1) var(--s1h);color:var(--text);min-width:170px;font-weight:600}.project-name:hover{border-color:var(--line)}.project-name:focus{outline:none;border-color:var(--accent);background:var(--bg)}.spacer{flex:1}.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s1h) var(--s2h);color:var(--text-dim);display:inline-flex;align-items:center;gap:var(--s1h);white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.btn:hover{background:var(--panel-3);color:var(--text)}.btn.active,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{filter:brightness(1.08);color:var(--on-accent)}.btn.secondary{background:transparent;border-color:var(--accent);color:var(--accent)}.btn.secondary:hover{background:var(--row-hover);color:var(--accent)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--panel-2)}.btn.danger:hover{background:var(--danger-bg);border-color:var(--error);color:var(--danger-text)}.btn.sm{padding:var(--s1h) var(--s2);font-size:var(--font-sm)}.btn.icon{padding:var(--s1h) var(--s2)}.btn:disabled{opacity:.4;cursor:not-allowed}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.seg button{background:transparent;border:none;padding:var(--s1h) var(--s2h);color:var(--text-faint);border-right:1px solid var(--line-soft);display:inline-flex;align-items:center;justify-content:center;gap:var(--s1)}.seg button:last-child{border-right:none}.seg button:hover{color:var(--text);background:var(--panel-2)}.seg button.active{background:var(--accent);color:var(--on-accent);font-weight:600}select.input,input.input,textarea.input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);padding:var(--s1) var(--s1h);width:100%}select.input:focus,input.input:focus,textarea.input:focus{outline:none;border-color:var(--accent)}input[type=range]{accent-color:var(--accent);width:100%}input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--line);border-radius:4px;background:transparent}input[type=checkbox]{accent-color:var(--accent)}.panel-section{border-bottom:1px solid var(--line-soft)}.panel-head{display:flex;align-items:center;gap:var(--s1h);padding:var(--pad-1) var(--s2h);font-size:var(--text-sm);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);-webkit-user-select:none;user-select:none}.panel-head button{background:none;border:none;color:var(--text-faint);padding:0}.panel-body{padding:var(--s1) var(--pad-1) var(--s2h);display:flex;flex-direction:column;gap:var(--s1h)}.row{display:flex;align-items:center;gap:var(--s1h)}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:var(--s0);flex:1;min-width:0}.field label,.lbl{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:4}.tabs button{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:var(--s2h) var(--s1);color:var(--text-faint);font-size:var(--text-sm);font-weight:600}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.roster-item{display:flex;align-items:center;gap:var(--s2);padding:var(--s1h) var(--s1h);border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent}.roster-item:hover{background:var(--panel-2)}.roster-item.selected{background:var(--panel-3);border-color:var(--accent)}.roster-item.has-ball{box-shadow:inset 2px 0 0 var(--warn)}.chip-token{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:var(--text-xs);font-weight:800;flex-shrink:0;color:#fff}.roster-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.roster-meta{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--mono)}.tiny-btn{display:grid;place-items:center;background:none;border:none;color:var(--text-faint);padding:var(--s1);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer}.tiny-btn:hover{background:var(--panel-3);color:var(--text)}.tiny-btn.on{color:var(--accent)}.tiny-btn.mode.on,.tiny-btn.mode.on:hover{background:var(--accent);color:var(--on-accent)}.tiny-btn.mode.on:hover{filter:brightness(1.08)}.dope-row.focused{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:default}.viewport-canvas{display:block;width:100%;height:100%}.viewport-hover{position:absolute;background:var(--overlay-strong);border:1px solid var(--line);padding:var(--s0) var(--s1h);border-radius:4px;font-size:var(--text-sm);pointer-events:none;white-space:nowrap;z-index:5}.viewport-blocked{position:absolute;left:50%;top:14px;transform:translate(-50%);background:var(--blocked-bg);border:1px solid #ef4444;color:#fee2e2;padding:var(--s1h) var(--s2h);border-radius:999px;font-size:var(--text-sm);font-weight:600;pointer-events:none;z-index:6}.viewport-passhint{position:absolute;left:50%;top:14px;transform:translate(-50%);background:#080f1cf0;border:1px solid var(--accent);color:var(--text);padding:var(--s1h) var(--pad-2);border-radius:999px;font-size:var(--text-sm);pointer-events:none;z-index:6;white-space:nowrap;box-shadow:var(--shadow)}.viewport-passhint strong{color:var(--warn)}.viewport-passhint.empty{border-color:var(--warn)}.viewport-violations{position:absolute;left:12px;bottom:calc(46px + var(--strip-h, 0px));display:flex;flex-direction:column;gap:var(--s1);max-width:62%;pointer-events:none;z-index:5}.vio{background:var(--overlay-strong);border-left:3px solid var(--text-faint);padding:var(--s1) var(--s2);border-radius:4px;font-size:var(--text-sm);color:var(--text)}.vio-error{border-left-color:var(--error)}.vio-warning{border-left-color:var(--warn)}.vio-info{border-left-color:var(--accent)}.viewport-readout{position:absolute;right:12px;bottom:calc(12px + var(--strip-h, 0px));font-family:var(--mono);font-size:var(--text-sm);color:var(--text-faint);background:var(--overlay);padding:var(--s0) var(--s2);border-radius:4px;pointer-events:none}.stage-tools{position:absolute;left:10px;top:10px;display:grid;grid-template-columns:repeat(2,var(--tool-btn));gap:var(--s0);background:var(--overlay);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s1h);z-index:8;box-shadow:var(--shadow)}.stage-tools .tool-sep,.stage-tools .swatches,.stage-tools .pattern-picker,.stage-tools .width-slider{grid-column:1 / -1}.tool-btn{width:var(--tool-btn);height:var(--tool-btn);display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text-dim);font-size:var(--text-md);padding:0}.tool-btn:hover{background:var(--panel-2);color:var(--text)}.tool-btn.active{background:var(--accent);color:var(--on-accent)}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s0);padding:1px var(--s0)}.swatch{width:100%;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.22);padding:0}.swatch.on{box-shadow:0 0 0 1.5px #fff}input[type=range].width-slider{width:100%;margin:var(--s0) 0 0}.tool-sep{height:1px;background:var(--line);margin:var(--s0) 1px}.cam-sep{width:1px;background:var(--line);margin:var(--s0) var(--s0)}.stage-cam{position:absolute;right:10px;top:10px;display:flex;gap:var(--s1);background:var(--overlay);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s1);z-index:8;box-shadow:var(--shadow)}.transport{display:flex;align-items:center;gap:var(--s2);padding:var(--s1h) var(--pad-1);border-bottom:1px solid var(--line-soft);flex-shrink:0}.time-display{font-family:var(--mono);font-size:var(--text-md);font-weight:600;color:var(--accent);min-width:74px}.tl-views{display:flex;gap:var(--s0)}.timeline-body{flex:1;min-height:0;overflow:auto;position:relative}.dope{display:grid;grid-template-columns:190px 1fr;min-height:100%;min-width:max-content}.dope-labels{background:var(--panel);border-right:1px solid var(--line);position:sticky;left:0;z-index:10}.dope-labels .dope-row{padding-right:calc(var(--s2) + var(--track-gutter, 24px))}.dope-labels.over-content{box-shadow:3px 0 6px -1px #00000047}.dope,.dope-tracks{position:relative}.dope-row{height:24px;display:flex;align-items:center;gap:var(--s1h);padding:0 var(--s2);border-bottom:1px solid var(--line-soft);font-size:var(--text-sm);white-space:nowrap;overflow:hidden}.dope-row.head{height:30px;background:var(--panel-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:700}.dope-row.head{position:sticky;top:0;z-index:7}.dope-row.ball-row,.dope-lane.ball-lane{position:sticky;top:30px;z-index:6;background:linear-gradient(#f59e0b1a,#f59e0b1a),var(--panel);box-shadow:0 1px 0 var(--line)}.dope-row.selected{background:var(--panel-3)}.dope-lane{height:24px;border-bottom:1px solid var(--line-soft);position:relative}.dope-lane.head{height:30px;background:var(--panel-2)}.dope-lane{cursor:pointer}.keyframe{position:absolute;width:11px;height:11px;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:var(--key-tone, var(--text));border:1.5px solid var(--panel);border-radius:2px;cursor:ew-resize}.keyframe:hover{background:var(--accent)}.keyframe.selected{background:var(--accent);box-shadow:0 0 0 2px var(--selection-glow)}.keyframe.hold{border-radius:0}.ball-ev{position:absolute;top:50%;transform:translateY(-50%);height:15px;padding:0 var(--s1h);border-radius:8px;font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;color:var(--on-accent);white-space:nowrap;cursor:pointer}.ball-ev.possession{background:var(--warn)}.ball-ev.release{background:var(--accent-2)}.ball-ev.loose{background:var(--text-faint)}.ball-flight{position:absolute;top:calc(50% - 3px);height:6px;background:linear-gradient(90deg,var(--accent-2),rgba(34,211,238,.15));border-radius:2px}.event-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--purple);border:1px solid #0b1220;cursor:pointer}.ruler{position:sticky;top:0;z-index:7;height:30px;background:var(--panel-2);border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none}.ruler-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--line);font-size:var(--text-xs);color:var(--text-faint);padding-left:var(--s0);padding-top:var(--s3);font-family:var(--mono);pointer-events:none}.storyboard-band{position:absolute;top:2px;height:14px;border-top:3px solid;border-radius:3px 3px 0 0;font-size:var(--text-xs);font-weight:700;overflow:hidden;white-space:nowrap;display:flex;align-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.storyboard-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:0 1px;pointer-events:none}.storyboard-grip{width:7px;align-self:stretch;flex-shrink:0;border-radius:3px;cursor:inherit}.storyboard-band.selected .storyboard-grip{cursor:ew-resize;background:#00000052}.storyboard-band{cursor:default}.storyboard-band.selected{z-index:2;cursor:grab;outline:2px solid var(--accent);outline-offset:-2px}.storyboard-band.selected:active{cursor:grabbing}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);pointer-events:none;z-index:6}.playhead-marker{position:absolute;top:0;bottom:0;width:0;pointer-events:none;z-index:9}.playhead-arrow{position:absolute;top:0;left:-6px;width:13px;height:13px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}.playhead-marker:after{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--accent)}.playhead-time{position:absolute;top:14px;left:4px;font-family:var(--mono);font-size:var(--text-xs);font-weight:700;color:var(--on-accent);background:var(--accent);padding:0 var(--s0);border-radius:3px;white-space:nowrap}.playhead-time.flip{left:auto;right:4px}.violation-band{position:absolute;height:9px;min-width:12px;border-radius:3px;top:3px;cursor:pointer;box-shadow:0 0 0 1px var(--panel)}.violation-band:after{content:"";position:absolute;top:-6px;right:-4px;bottom:-6px;left:-4px}.violation-band.warning{background:var(--warn);color:var(--warn)}.violation-band.error{background:var(--error);color:var(--error)}.violation-band.info{background:var(--accent);color:var(--accent)}.foul-mark{position:absolute;bottom:0;height:6px;min-width:12px;border-radius:3px 3px 0 0;background:var(--text-faint);cursor:pointer;transition:height .1s}.foul-mark.warning{background:var(--warn)}.foul-mark.error{background:var(--error)}.foul-mark.info{background:var(--accent)}.foul-mark:hover{height:10px}.foul-mark.many{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.34) 0 2px,transparent 2px 5px)}.violation-band:hover{filter:brightness(1.2);transform:scaleY(1.4)}.storyboards{display:flex;gap:var(--s2h);padding:var(--s2h);overflow-x:auto;overflow-y:hidden;height:100%;align-items:flex-start}.storyboards-empty{max-width:46ch;padding:var(--s4);color:var(--text-dim);font-size:var(--text-sm);line-height:1.5}.storyboards-empty b{color:var(--text)}.storyboard-card{position:relative;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);width:182px;flex-shrink:0;overflow:hidden;cursor:pointer;transition:border-color .12s,transform .12s}.storyboard-card:hover{border-color:var(--accent);transform:translateY(-2px)}.storyboard-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.storyboard-card-head{display:flex;align-items:center;gap:var(--s1h);padding:var(--s1h) var(--s2);border-bottom:1px solid var(--line);font-size:var(--text-sm);font-weight:700}.storyboard-num{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:var(--text-xs);color:var(--on-accent);font-weight:800}.storyboard-card-body{padding:var(--s1h);position:relative}.storyboard-card.section{border-color:var(--accent);background:var(--panel)}.storyboard-card.section .storyboard-card-head{border-bottom-color:var(--accent)}.storyboard-num.section-num{background:var(--accent);color:var(--on-accent)}.section-badge{position:absolute;left:calc(var(--s1h) + var(--s1));top:calc(var(--s1h) + var(--s1));padding:2px var(--s1);border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:8.5px;font-weight:800;letter-spacing:.05em;pointer-events:none}.section-framing{position:absolute;left:var(--s1h);right:var(--s1h);bottom:var(--s1h);padding:3px var(--s1);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--overlay);color:var(--text-dim);font-size:9.5px;line-height:1.3;text-align:center;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ann-btn.publish{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);width:100%;color:var(--accent);font-weight:700}.storyboard-name{flex:1;min-width:0;padding:var(--s0) var(--s1);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:700 var(--text-sm) / 1.2 var(--font)}.storyboard-name:hover{border-color:var(--line-soft)}.storyboard-name:focus{outline:none;border-color:var(--accent);background:var(--bg)}.storyboard-meta{display:grid;gap:var(--s1);padding:var(--s1h) var(--s2) var(--s2);font-size:var(--text-xs);border-top:1px solid var(--line-soft)}.storyboard-row{display:flex;gap:var(--s1)}.add-storyboard{width:132px;min-height:150px;border:1px dashed var(--line);border-radius:var(--radius);background:transparent;color:var(--text-faint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3);text-align:center;font:500 var(--text-sm) / 1.3 var(--font);cursor:pointer;flex-shrink:0}.add-storyboard:hover{border-color:var(--accent);color:var(--accent)}.curves{padding:var(--s3);height:100%;overflow:auto}.curves-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.curves-empty{padding:var(--s5);max-width:42ch;margin:0 auto;text-align:center;color:var(--text-dim);font-size:var(--text-sm)}.curve-block{margin-bottom:var(--s3)}.curve-head{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);margin-bottom:var(--s1)}.curve-head strong{font-size:var(--text-sm)}.curve-stat{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-faint)}.curve-token{width:18px;height:18px;font-size:var(--text-xs);flex:0 0 auto}.curve-token-ball{background:var(--tone-ball);color:var(--brand-fg)}.curve-graph{width:100%;height:54px;display:block;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-sm);cursor:pointer}.curve-graph-ball{height:42px;cursor:default}.curve-graph:hover{border-color:var(--line)}.curve-mid{stroke:var(--line-soft)}.curve-key{stroke:var(--line);opacity:.7}.curve-playhead{stroke:var(--accent)}.curve-ball-fill{fill:var(--tone-ball);opacity:.18}.curve-ball-line{fill:none;stroke:var(--tone-ball)}.events-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.events-table th{text-align:left;padding:var(--s1h) var(--s2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}.events-table td{padding:var(--s1) var(--s2);border-bottom:1px solid var(--line-soft)}.events-table tr:hover td{background:var(--panel-2)}.events-table td:last-child{text-align:right}.ev-wrap{padding-bottom:var(--s3)}.ev-c-time{width:74px}.ev-c-kind{width:140px}.ev-c-who{width:62px}.ev-c-x{width:44px}.ev-time{font-family:var(--mono);font-size:var(--text-xs);background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-dim);padding:var(--s0) var(--s1h);cursor:pointer}.ev-time:hover{color:var(--accent);border-color:var(--line);background:var(--panel-2)}.ev-kind{display:inline-flex;padding:var(--s0) var(--s1h);border-radius:999px;font-size:var(--text-xs);font-weight:650;letter-spacing:.02em;white-space:nowrap;background:var(--panel-2);color:var(--text-dim)}.ev-kind-pass{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.ev-kind-ball{background:var(--tone-ball-bg);color:var(--tone-ball-text)}.ev-kind-loose{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.ev-who{width:22px;height:22px;font-size:var(--text-xs)}.ev-who-none{color:var(--text-faint);font-size:var(--text-xs)}.ev-detail{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.ev-to{display:inline-flex;align-items:center;gap:var(--s1);color:var(--text-faint)}.ev-field{display:inline-flex;align-items:center;gap:var(--s1h)}.ev-field>span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.ev-note{color:var(--text-faint);font-size:var(--text-sm)}.ev-empty{padding:var(--s5);text-align:center;color:var(--text-dim)}.events-table input,.events-table select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);padding:var(--s0) var(--s1h)}.events-table input{width:64px;font-family:var(--mono)}.events-table select{width:124px}.events-table input:focus-visible,.events-table select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.badge{display:inline-flex;align-items:center;gap:var(--s1);padding:1px var(--s1h);border-radius:999px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.warn{background:#f59e0b2e;color:#fcd34d}.badge.error{background:#ef44442e;color:#fca5a5}.badge.info{background:#38bdf829;color:#7dd3fc}.badge.ok{background:#22c55e29;color:#86efac}.hint{font-size:var(--text-sm);color:var(--text-faint);line-height:1.5}.muted{color:var(--text-faint)}.mono{font-family:var(--mono)}.rule-row{display:flex;align-items:center;gap:var(--s1h);padding:var(--s1h) 0;border-bottom:1px solid var(--line-soft)}.rule-name{flex:1;min-width:0;font-size:var(--text-sm)}.rule-desc{font-size:var(--text-xs);color:var(--text-faint);line-height:1.4;margin-top:var(--s0)}.mode-seg{display:inline-flex;gap:var(--s0);padding:var(--s0);border-radius:var(--radius-sm);background:var(--panel-2);flex-shrink:0}.mode-seg button{background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--s0) var(--s1h);font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;font-weight:700;cursor:pointer}.mode-seg button:hover:not(.active){color:var(--text)}.mode-seg button.active{background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent)}.mode-seg button.active.warn{background:color-mix(in srgb,var(--warn) 16%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 44%,transparent);color:var(--warn)}.mode-seg button.active.block{background:color-mix(in srgb,var(--error) 15%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--error) 44%,transparent);color:var(--error)}.toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s1h);z-index:60;align-items:center}.toast{background:var(--panel-3);border:1px solid var(--line);border-radius:999px;padding:var(--s1h) var(--s3);font-size:var(--text-sm);box-shadow:var(--shadow);animation:toast-in .16s ease-out}.toast.success{border-color:var(--ok)}.toast.warn{border-color:var(--warn)}.toast.error{border-color:var(--error)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:grid;place-items:center;z-index:80}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(860px,92vw);max-height:84vh;overflow:auto;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;padding:var(--pad-2) var(--pad-3);border-bottom:1px solid var(--line);font-weight:700;font-size:var(--text-lg)}.modal-body{padding:var(--s3) var(--pad-3)}.drill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s2h)}.drill-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2h);cursor:pointer;text-align:left}.drill-card:hover{border-color:var(--accent)}.drill-card h4{margin:0 0 var(--s1h);font-size:var(--text-md)}.drill-card p{margin:0;font-size:var(--text-sm);color:var(--text-faint);line-height:1.45}.list-reset{list-style:none;margin:0;padding:0}.bullet-list{margin:var(--s1) 0 0;padding-left:var(--s3);font-size:var(--text-sm);line-height:1.6;color:var(--text-dim)}.collapse-handle{position:absolute;z-index:12;background:var(--panel-2);border:1px solid var(--line);color:var(--text-faint);width:18px;height:34px;display:grid;place-items:center;border-radius:4px;top:50%;transform:translateY(-50%);font-size:var(--text-xs)}.collapse-handle:hover{color:var(--text);background:var(--panel-3)}.collapse-left{left:0}.collapse-right{right:0}.kbd{font-family:var(--mono);font-size:var(--text-xs);background:var(--bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:3px;padding:1px var(--s1);color:var(--text-dim)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1h)}.stat{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:var(--s1h) var(--s2)}.stat .v{font-family:var(--mono);font-size:var(--text-md);font-weight:700;color:var(--text)}.stat .k{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s0)}.equip-chip{display:flex;align-items:center;gap:var(--s1h);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s1h) var(--s1h);text-align:left;color:var(--text-dim);min-width:0}.equip-chip:hover{background:var(--panel-3);color:var(--text);border-color:var(--text-faint)}.equip-chip.armed{border-color:var(--accent);background:var(--panel-3);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.equip-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.equip-name{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marquee{position:absolute;border:1px solid var(--accent);background:#38bdf81f;border-radius:2px;pointer-events:none;z-index:7}.tool-hint{position:absolute;left:50%;bottom:calc(12px + var(--strip-h, 0px));transform:translate(-50%);display:flex;align-items:center;gap:var(--s2);background:var(--overlay-strong);border:1px solid var(--line);border-radius:999px;padding:var(--s1h) var(--pad-2);font-size:var(--text-sm);color:var(--text-dim);pointer-events:none;z-index:5;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-hint b{color:var(--accent);font-weight:700}.tool-hint .kbd{pointer-events:none}.panel-head.sticky{position:sticky;top:0;z-index:3;width:100%;background:var(--panel);border:none;border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer}.panel-head.sticky:hover{background:var(--panel-2);color:var(--text-dim)}.panel-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.chev{display:inline-block;transition:transform .14s ease;font-size:var(--text-xs);width:9px;flex-shrink:0}.chev.open{transform:rotate(90deg)}.panel-actions{display:inline-flex;gap:var(--s1);align-items:center}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--backdrop)}.tour-spot{position:absolute;border-radius:8px;box-shadow:0 0 0 9999px var(--backdrop),0 0 0 2px var(--accent);transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease;pointer-events:none}.tour-card{position:absolute;width:356px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:var(--s3) var(--pad-3);box-shadow:var(--shadow)}.tour-card.centred{top:50%;left:50%;transform:translate(-50%,-50%);width:420px}.tour-card h3{margin:var(--s1h) 0 var(--s2);font-size:var(--text-lg)}.tour-body p{margin:0 0 var(--s2);font-size:var(--text-sm);line-height:1.55;color:var(--text-dim)}.tour-body p:last-child{margin-bottom:0}.tour-body b{color:var(--text)}.tour-progress{display:flex;gap:var(--s1)}.tour-progress span{height:3px;flex:1;border-radius:2px;background:var(--line)}.tour-progress span.on{background:var(--accent)}.tour-progress span.done{background:var(--accent-2);opacity:.5}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1h)}.preset-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s1h);display:flex;flex-direction:column;gap:var(--s1);align-items:stretch;color:var(--text-dim)}.preset-chip:hover{border-color:var(--text-faint);color:var(--text)}.preset-chip.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text)}.preset-swatch{height:30px;border-radius:3px;padding:var(--s1);display:block}.preset-inner{display:flex;height:100%;border-radius:2px;overflow:hidden;position:relative}.preset-inner>span{flex:1}.preset-line{position:absolute!important;left:33%;top:0;bottom:0;width:1px;flex:none!important}.preset-name{font-size:var(--text-sm);text-align:left}.dope-row.hovered,.dope-lane.hovered{background:var(--row-hover)}.dope-row.selected,.dope-row.selected.hovered{background:var(--row-selected);box-shadow:inset 3px 0 0 var(--accent),inset 0 -1px 0 var(--accent);color:var(--text);font-weight:600}.dope-lane.selected,.dope-lane.selected.hovered{background:var(--row-selected);box-shadow:inset 0 -1px 0 var(--accent)}.dope-row.selected .roster-name{color:var(--accent)}.ruler,.dope-row.head,.dope-lane.head{height:38px}.dope-row.ball-row,.dope-lane.ball-lane{top:38px}.storyboard-band{top:3px;height:19px;font-size:var(--text-xs);letter-spacing:.01em;box-shadow:0 1px 3px #00000047}.ruler-tick{padding-top:var(--s4)}.violation-band{top:24px!important;height:9px}.violation-band.many{box-shadow:0 0 0 1px var(--panel),0 5px 0 -1px currentColor}.playhead-time{top:22px}.inline-text-edit{position:absolute;transform:translate(-50%,-50%);min-width:170px;background:var(--overlay-strong);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);padding:var(--s1h) var(--s2);font-size:var(--text-md);z-index:12;box-shadow:var(--shadow)}.inline-text-edit:focus{outline:none}.seg button{white-space:nowrap}.topbar{overflow-x:auto;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.ball-roll{position:absolute;top:calc(50% - 2px);height:4px;border-radius:2px;pointer-events:none;z-index:2;background:repeating-linear-gradient(90deg,#22d3ee6b 0,#22d3ee6b 5px,#22d3ee1f 5px,#22d3ee1f 10px)}.ball-flight{cursor:grab;touch-action:none;border-radius:3px}.ball-flight:active{cursor:grabbing}.ball-flight:hover{box-shadow:0 0 0 1px var(--accent-2)}.flight-grip{position:absolute;right:0;top:-3px;bottom:-3px;width:9px;cursor:ew-resize;border-radius:2px}.ball-flight:hover .flight-grip{background:var(--accent)}.ball-ev{z-index:4}.flight-grip{z-index:6;width:11px}.ball-flight:hover .flight-grip,.flight-grip:hover{background:var(--accent);box-shadow:0 0 0 1px var(--overlay-strong)}.flight-time{position:absolute;left:50%;top:-12px;transform:translate(-50%);padding:0 var(--s0);border-radius:3px;background:var(--panel);font-size:var(--text-xs);line-height:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent-2);pointer-events:none;white-space:nowrap}.pattern-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1)}.pattern-swatch{height:27px;padding:0;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.pattern-swatch:hover{border-color:var(--text-faint)}.pattern-swatch.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pattern-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9}.pat-none:after{background:linear-gradient(45deg,transparent 46%,var(--text-faint) 46%,var(--text-faint) 54%,transparent 54%);opacity:.7}.pat-solid:after{background:currentColor;opacity:.5}.pat-hatch:after{background:repeating-linear-gradient(45deg,currentColor 0 3px,transparent 3px 8px)}.pat-cross-hatch:after{background:repeating-linear-gradient(45deg,currentColor 0 2px,transparent 2px 8px),repeating-linear-gradient(-45deg,currentColor 0 2px,transparent 2px 8px)}.pat-grid:after{background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 7px)}.pat-dots:after{background-image:radial-gradient(currentColor 1.6px,transparent 1.9px);background-size:7px 7px}.pat-checker:after{background-image:linear-gradient(45deg,currentColor 25%,transparent 25% 75%,currentColor 75%),linear-gradient(45deg,currentColor 25%,transparent 25% 75%,currentColor 75%);background-size:11px 11px;background-position:0 0,5.5px 5.5px;opacity:.65}.stage-tools .pattern-picker{grid-template-columns:repeat(3,1fr);width:100%;padding:0 var(--s0)}.stage-tools .pattern-swatch{height:20px}.sub-section{margin-top:var(--s2h);padding-top:var(--s2);border-top:1px solid var(--line-soft)}.sub-head{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:700;margin-bottom:var(--s1h)}.tl-tail{position:absolute;top:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(-45deg,var(--tail-stripe) 0 5px,transparent 5px 12px),var(--tail-wash);border-left:1px solid var(--line)}.tl-tail-hint{position:absolute;top:44px;right:100%;margin-right:var(--s2);font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-faint);white-space:nowrap;opacity:0;transition:opacity .14s}.dope-tracks:hover .tl-tail-hint{opacity:1}.end-cap{position:absolute;top:0;width:15px;margin-left:-var(--s1h);cursor:ew-resize;z-index:9;touch-action:none}.end-cap:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:3px;border-radius:2px;background:var(--ok);opacity:.75}.end-cap:hover:before,.end-cap.dragging:before{opacity:1;box-shadow:0 0 0 1px var(--overlay-strong),0 0 9px var(--ok)}.end-cap-flag{position:absolute;top:3px;left:6px;display:inline-flex;align-items:center;gap:var(--s1);padding:var(--s0) var(--s1h) var(--s0) var(--s0);border-radius:0 3px 3px 0;background:var(--ok);color:var(--on-accent);font-family:var(--mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;white-space:nowrap;pointer-events:none}.end-cap-grip{width:3px;height:9px;border-radius:1px;background:currentColor;opacity:.55}.end-cap:hover .end-cap-grip,.end-cap.dragging .end-cap-grip{opacity:1}.play-end{position:absolute;top:0;width:0;border-left:1px dashed var(--warn);opacity:.8;z-index:7;pointer-events:none}.play-end-flag{position:absolute;top:22px;left:3px;padding:1px var(--s1);border-radius:0 3px 3px 0;background:var(--panel);border:1px solid var(--warn);font-family:var(--mono);font-size:var(--text-xs);line-height:11px;color:var(--warn);white-space:nowrap}.zoom-ctl{display:inline-flex;align-items:center;gap:var(--s0);padding:0 var(--s0)}.zoom-slider{width:66px;accent-color:var(--accent)}.zoom-ctl .tiny-btn{width:20px;font-size:var(--text-md);line-height:1}.viewport-insert-hint{position:absolute;padding:var(--s0) var(--s1h);border-radius:var(--radius-sm);background:var(--overlay-strong);border:1px solid var(--ok);color:var(--text);font-size:var(--text-sm);white-space:nowrap;pointer-events:none;z-index:9}.focus-chip{position:absolute;left:50%;top:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1h) var(--s2) var(--s1h) var(--pad-1);border-radius:999px;background:var(--overlay-strong);border:1px solid var(--accent);font-size:var(--text-sm);white-space:nowrap;z-index:9;box-shadow:var(--shadow)}.rail{grid-area:rail;background:var(--panel);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--s1);padding:var(--s2) var(--s1);z-index:12}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:var(--s0);padding:var(--s2) var(--s0) var(--s1);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);transition:background .12s,color .12s}.rail-btn svg{width:21px;height:21px}.rail-btn:hover{background:var(--panel-2);color:var(--text)}.rail-btn.on{background:var(--row-selected);border-color:var(--accent);color:var(--accent)}.rail-label{font-size:var(--text-xs);letter-spacing:.01em}.rail-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rail-panel{position:absolute;left:var(--s2);top:var(--s2);width:268px;max-height:calc(100% - var(--s3));display:flex;flex-direction:column;background:var(--overlay);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:14;overflow:hidden}.rail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s2) var(--s2) var(--s2) var(--s3);border-bottom:1px solid var(--line-soft);font-size:var(--text-md);font-weight:600}.rail-panel-body{overflow-y:auto;padding-bottom:var(--s2)}.drawer-sections{display:block}.draw-tools{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3)}.draw-section{display:flex;flex-direction:column;gap:var(--s2)}.draw-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:600}.draw-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s1)}.draw-tools .swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s1)}.draw-tools .swatch{height:22px}.draw-tools .width-slider{width:100%}.start-card{position:absolute;left:50%;bottom:var(--s5);transform:translate(-50%);width:min(520px,calc(100% - var(--s6)));padding:var(--s4) var(--s4) var(--s3);background:var(--overlay);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:13;text-align:center}.start-close{position:absolute;top:var(--s2);right:var(--s2)}.start-title{margin:0 0 var(--s1);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em}.start-lede{margin:0 0 var(--s3);color:var(--text-dim);font-size:var(--text-md)}.start-gesture{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4);padding:var(--s2);background:var(--panel-2);border-radius:var(--radius-sm);font-size:var(--text-sm)}.start-step{display:inline-flex;align-items:center;gap:var(--s1h);white-space:nowrap}.start-num{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);font-weight:700}.start-result{color:var(--accent);font-weight:600}.start-arrow{color:var(--text-faint)}.start-actions{display:flex;gap:var(--s2);justify-content:center;flex-wrap:wrap}.strip-row{position:absolute;left:calc(var(--rail-w, 82px) + var(--s2h));right:calc(var(--right-w, 300px) + var(--s2h));bottom:calc(var(--timeline-h, 258px) + var(--s2h));display:flex;z-index:6;pointer-events:none}.strip-row>*{pointer-events:auto}.tp-group{display:flex;align-items:center;gap:var(--s1);flex:0 0 auto}.tp-sep{width:1px;height:22px;margin:0 var(--s1h);flex:0 0 auto;background:var(--line-soft)}.tp-clock{display:flex;align-items:baseline;gap:var(--s1h);flex:0 0 auto;font-variant-numeric:tabular-nums}.tp-clock b{font-size:var(--text-lg);font-weight:600}.tp-clock em{font-style:normal;font-size:var(--text-sm);color:var(--text-faint)}.tp-inline{display:flex;align-items:center;gap:var(--s1h);font:500 var(--text-sm) / 1 var(--font);color:var(--text-dim)}.tp-inline>span{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.tp-inline select,.tp-inline input{padding:var(--s1h) var(--s1h);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:500 var(--text-md) / 1 var(--font);font-variant-numeric:tabular-nums}.tp-inline input{width:60px}.tp-inline em{font-style:normal}.list{display:flex;flex-direction:column;gap:var(--s0)}.list .k-toggle{width:100%;justify-content:flex-start;border-radius:var(--radius-sm)}.list .k-toggle em{margin-left:auto;font-style:normal;font-size:var(--text-xs);opacity:.75}.list.zones{gap:var(--s1)}.list-zone{display:flex;align-items:center;gap:var(--s1h);font-size:var(--text-sm);color:var(--text-dim)}.list-zone i{width:11px;height:11px;flex:0 0 auto;border-radius:3px}.list.zones .k-toggle{margin-top:var(--s1)}.card-slot{grid-area:right;display:flex;min-height:0}.card-slot>.card{flex:1;min-width:0}.ref-call{position:absolute;left:50%;top:84px;transform:translate(-50%);width:min(420px,calc(100% - var(--s6)));background:var(--panel);border-radius:var(--radius);box-shadow:0 0 0 1px var(--line),0 18px 48px #00000057;z-index:40;overflow:hidden;animation:ref-call-in .16s ease-out}@keyframes ref-call-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}}.ref-call.warning{border-top:3px solid var(--warn)}.ref-call.error{border-top:3px solid var(--error)}.ref-call.info{border-top:3px solid var(--accent)}.ref-call-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s2h) var(--s3) var(--s2)}.ref-call.warning .ref-call-head svg{color:var(--warn)}.ref-call.error .ref-call-head svg{color:var(--error)}.ref-call-title{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--s2)}.ref-call-title b{font-size:var(--text-md);font-weight:700}.ref-call-title em{font-style:normal;font-family:var(--mono);font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.ref-call-x{border:0;background:transparent;color:var(--text-faint);border-radius:var(--radius-sm);width:24px;height:24px;display:grid;place-items:center;cursor:pointer}.ref-call-x:hover{background:var(--panel-2);color:var(--text)}.ref-call-msg{margin:0 var(--s3) var(--s1h);font-size:var(--text-sm);line-height:1.45}.ref-call-law{margin:0 var(--s3) var(--s2h);font-size:var(--text-xs);line-height:1.45;color:var(--text-faint)}.ref-call-acts{padding:0 var(--s2h) var(--s2h);display:flex;flex-direction:column;gap:var(--s1h)}.ref-call-fix{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--pad-2) var(--pad-2);border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);text-align:left;cursor:pointer}.ref-call-fix:hover{filter:brightness(1.08)}.ref-call-fix b{display:block;font-size:var(--text-sm);font-weight:700}.ref-call-fix em{display:block;font-style:normal;font-size:var(--text-xs);opacity:.82;margin-top:1px;line-height:1.35}.ref-call-row{display:flex;gap:var(--s1h)}.ref-call-row button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s1h);padding:var(--pad-1) var(--s2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-dim);font:500 var(--text-sm) / 1 var(--font);cursor:pointer}.ref-call-row button:hover{border-color:var(--accent);color:var(--accent)}.bar-fouls{position:relative;display:inline-flex;align-items:stretch;flex:0 0 auto;border-radius:var(--radius-sm);font:600 var(--text-sm) / 1 var(--font)}.bar-fouls.on{background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.bar-fouls button{display:flex;align-items:center;gap:var(--s1h);padding:var(--s1h) var(--s2) var(--s1h) var(--s1h);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font:inherit;white-space:nowrap;cursor:pointer}.bar-fouls:not(.on) button svg{opacity:.55}.bar-fouls:not(.on) button:hover{color:var(--text)}.bar-fouls:not(.on) button:hover svg{opacity:1}.bar-fouls.on button{color:var(--accent)}.bar-fouls.split .bar-fouls-toggle{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.bar-fouls.split .bar-fouls-count{border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding-left:var(--s1h);padding-right:var(--s1h);gap:3px;font-variant-numeric:tabular-nums;color:var(--warn);box-shadow:inset 1px 0 color-mix(in srgb,var(--accent) 30%,transparent)}.bar-fouls.split .bar-fouls-count svg{opacity:.7}.bar-fouls-toggle:hover,.bar-fouls-count:hover,.bar-fouls-count.open{background:color-mix(in srgb,var(--accent) 12%,transparent)}.bar-fouls-count.open svg{transform:rotate(180deg)}.foul-list{display:flex;flex-direction:column;gap:var(--s1)}.foul-note{margin:0 0 var(--s1);font-size:var(--text-xs);line-height:1.45;color:var(--text-faint)}.foul-note.clean{display:flex;align-items:center;gap:var(--s1h);color:var(--text-dim)}.foul-row{display:flex;align-items:stretch;gap:var(--s1);border-radius:var(--radius-sm);background:var(--panel-2);border-left:3px solid var(--text-faint)}.foul-row.warning{border-left-color:var(--warn)}.foul-row.error{border-left-color:var(--error)}.foul-go{flex:1;min-width:0;display:flex;align-items:baseline;white-space:normal;gap:var(--s1h);padding:var(--s1h) var(--s2);border:0;background:transparent;color:var(--text);font:400 var(--text-sm) / 1.35 var(--font);text-align:left;border-radius:var(--radius-sm);cursor:pointer}.foul-go:hover{background:var(--panel-3)}.foul-at{flex:0 0 auto;font-family:var(--mono);font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.foul-what{flex:1;min-width:0;white-space:normal}.foul-what em{display:block;font-style:normal;font-size:var(--text-xs);color:var(--text-faint);margin-top:1px}.foul-fix{flex:0 0 auto;display:flex;align-items:center;gap:4px;margin:var(--s1) var(--s1) var(--s1) 0;padding:0 var(--s2);border:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);font:600 var(--text-xs) / 1 var(--font);cursor:pointer}.foul-fix:hover{background:var(--accent);color:var(--on-accent);box-shadow:none}.foul-unmute{flex:0 0 auto;display:flex;align-items:center;gap:4px;align-self:center;margin-right:var(--s1);padding:3px var(--s1h);border:0;border-radius:var(--radius-sm);background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--text-faint);font:600 var(--text-xs) / 1 var(--font);white-space:nowrap;cursor:pointer}.foul-unmute:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.labels-resizer{position:absolute;top:0;right:-6px;width:12px;height:100%;z-index:8;cursor:col-resize;touch-action:none}.labels-resizer:after{content:"";position:absolute;top:0;left:4px;width:4px;height:100%;background:var(--accent);opacity:0;transition:opacity .12s}.labels-resizer:hover:after,.labels-resizer.dragging:after{opacity:.65}.storyboard-authoring{position:absolute;inset:0 0 auto 0;z-index:8;cursor:crosshair;touch-action:none}.storyboard-ghost{position:absolute;top:0;bottom:0;border-left:2px solid;border-right:2px solid;pointer-events:none}.storyboard-ghost.fresh{border-style:dashed}.storyboard-ghost-label{position:absolute;top:2px;left:4px;font-size:var(--text-xs);font-weight:700;white-space:nowrap}.storyboard-draft{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--accent);pointer-events:none}.storyboard-draft-time{position:absolute;top:2px;left:4px;padding:0 3px;font-size:var(--text-xs);font-weight:700;color:var(--on-accent);background:var(--accent);border-radius:2px}.storyboard-naming{position:absolute;top:20px;z-index:2}.storyboard-naming input{width:150px;padding:2px 5px;font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius-sm)}.storyboard-authoring-hint{position:sticky;left:0;z-index:11;float:left;margin-top:2px;padding:2px var(--s1h);font-size:var(--text-xs);color:var(--on-accent);background:var(--accent);border-radius:var(--radius-sm);pointer-events:none}.k-seg{display:flex;gap:var(--s0);padding:var(--s0);border-radius:var(--radius);background:var(--panel-2);flex:0 0 auto}.k-seg button{display:flex;align-items:center;gap:var(--s1);padding:var(--s1h) var(--pad-1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font:600 var(--text-md) / 1 var(--font);white-space:nowrap;cursor:pointer}.k-seg button:hover{color:var(--text)}.k-seg button.on,.k-toggle.on{background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);font-weight:650}.k-seg button.on svg,.k-toggle.on svg{color:var(--accent)}.k-seg-sm button{padding:var(--s1h) var(--s2);font-size:var(--text-sm)}.k-toggle{display:flex;align-items:center;gap:var(--s1);padding:var(--s1h) var(--pad-1);border:0;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text-dim);font:600 var(--text-md) / 1 var(--font);white-space:nowrap;flex:0 0 auto;cursor:pointer}.k-toggle:not(.on) svg{opacity:.55}.k-toggle:hover:not(.on){color:var(--text)}.k-toggle:hover:not(.on) svg{opacity:1}.k-seg-multi .k-toggle:not(.on){background:transparent}.k-toggle-sm{gap:var(--s1h);padding:var(--s1h) var(--s2) var(--s1h) var(--s1h);font-size:var(--text-sm)}.k-iconbtn{display:grid;place-items:center;flex:0 0 auto;width:var(--tool-btn);height:var(--tool-btn);border:0;border-radius:var(--radius);background:transparent;color:var(--text-dim);cursor:pointer}.k-iconbtn:hover:not(:disabled),.k-iconbtn.on{background:var(--panel-2);color:var(--text)}.k-iconbtn:disabled{opacity:.4;cursor:default}.k-iconbtn-sm{width:26px;height:26px;border-radius:var(--radius-sm)}.k-iconbtn-primary{background:var(--accent);color:var(--on-accent);border-radius:50%}.k-iconbtn-primary:hover:not(:disabled){background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}.k-iconbtn-danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-text)}.k-chip{display:inline-flex;align-items:center;gap:var(--s1h);padding:var(--s1h) var(--s2h);border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:500 var(--text-sm) / 1.2 var(--font);white-space:nowrap;cursor:pointer}.k-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.k-chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.k-chip.blocked{opacity:.55;border-style:dashed;cursor:default;flex-wrap:wrap}.k-chip.blocked em{flex:0 0 100%;font-style:normal;font-size:var(--text-xs);color:var(--text-faint)}.k-chip-home{background:var(--tone-home-bg);border-color:var(--tone-home-line);color:var(--tone-home-text)}.k-chip-away{background:var(--tone-away-bg);border-color:var(--tone-away-line);color:var(--tone-away-text)}.k-chip-ball{background:var(--tone-ball-bg);border-color:var(--tone-ball-line);color:var(--tone-ball-text)}.k-chip-danger{color:var(--danger-text);border-color:var(--danger-text)}.k-readout{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.k-readout b{font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.k-readout em{font-style:normal;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.k-readout-sm b{font-size:var(--text-md)}.k-readout-edit{width:6ch;padding:0;border:0;border-bottom:1px dotted var(--text-faint);background:transparent;color:var(--text);font:600 var(--text-lg) / 1.15 var(--font);font-variant-numeric:tabular-nums}.k-readout-edit:focus{outline:none;border-bottom-color:var(--accent)}.k-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1) var(--s1h)}.k-field{display:flex;flex-direction:column;gap:var(--s0);min-width:0}.k-field.wide{grid-column:1 / -1}.k-field-label{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.k-field-label em{font-style:normal;letter-spacing:0;text-transform:none;font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.k-field-box{display:flex;align-items:center;gap:var(--s1h);padding:0 var(--s2);height:30px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);overflow:hidden}.k-field-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--selection-glow)}.k-field-box input,.k-field-box select{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:500 var(--text-md) / 1 var(--font)}.k-field-box select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.k-field-box input:focus,.k-field-box select:focus{outline:none}.k-field-box.number input{font-variant-numeric:tabular-nums}.k-field-box.select{background:var(--panel-2)}.k-field-box.select svg{flex:0 0 auto;color:var(--text-faint)}.k-field-box.colour i{width:16px;height:16px;flex:0 0 auto;border-radius:4px;border:1px solid var(--line)}.k-field-box.colour input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.k-field-box.colour{position:relative}.k-field-hex{font:500 var(--text-sm) / 1 var(--mono);color:var(--text-dim)}.k-slider{width:100%;margin:var(--s1h) 0 var(--s0);accent-color:var(--accent)}.k-card{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.k-card-head{display:flex;align-items:center;gap:var(--s2);flex:0 0 auto;padding:var(--s2) var(--s2) var(--s2) var(--s2h);border-bottom:1px solid var(--line-soft)}.k-card-chip{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;color:#fff;font-size:var(--text-xs);font-weight:700}.k-tone-home{background:var(--tone-home)}.k-tone-away{background:var(--tone-away)}.k-tone-ball{background:var(--tone-ball)}.k-tone-mark{background:var(--tone-mark)}.k-tone-kit{background:var(--tone-kit)}.k-tone-none{background:var(--panel-3);color:var(--text-faint)}.k-card-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.k-card-title b{font-size:var(--text-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-card-title em{font-style:normal;font-size:var(--text-sm);color:var(--text-faint)}.k-card-x{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer}.k-card-x:hover{background:var(--panel-2);color:var(--text)}.k-fold{border-top:1px solid var(--line-soft)}.k-fold:first-of-type{border-top:0}.k-fold-head{display:flex;align-items:center;gap:var(--s1h);width:100%;padding:var(--s2) var(--s1);border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.k-fold-head svg{flex:0 0 auto;color:var(--text-faint)}.k-fold-head b{font-size:var(--text-md);font-weight:600;white-space:nowrap}.k-fold-head em{flex:1;min-width:0;font-style:normal;font-size:var(--text-sm);text-align:right;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-fold-body{padding:var(--s0) var(--s0) var(--s2)}.k-pop{position:absolute;z-index:40;width:250px;max-height:60vh;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.k-pop-left{left:0}.k-pop-right{right:0}.k-pop-below{top:calc(100% + 6px)}.k-pop-above{bottom:calc(100% + 6px)}.k-pop-head{display:flex;align-items:center;flex:0 0 auto;padding:var(--s1h) var(--s1h) var(--s2) var(--pad-1);border-bottom:1px solid var(--line-soft);font-size:var(--text-md)}.k-pop-head b{flex:1}.k-pop-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--s1h)}.k-pop-body *{overflow-wrap:anywhere}.k-pop-foot{flex:0 0 auto;border-top:1px solid var(--line-soft)}.k-pop-foot button{width:100%;padding:var(--s2);border:0;border-radius:0 0 var(--radius) var(--radius);background:transparent;color:var(--text-dim);font:500 var(--text-sm) / 1 var(--font);cursor:pointer}.k-pop-foot button:hover:not(:disabled){color:var(--accent)}.k-pop-foot button:disabled{opacity:.55;cursor:default}.k-pop .k-toggle{width:100%;margin-bottom:var(--s0);border-radius:var(--radius-sm);justify-content:flex-start}.k-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--backdrop)}.k-sheet{position:fixed;z-index:51;left:0;right:0;bottom:0;max-height:74vh;display:flex;flex-direction:column;border-radius:var(--s4) var(--s4) 0 0;background:var(--panel);box-shadow:0 -14px 44px #00000047}.k-sheet-head{display:flex;align-items:center;gap:var(--s2);flex:0 0 auto;padding:var(--pad-2) var(--s4);border-bottom:1px solid var(--line-soft);font-size:var(--text-xl)}.k-sheet-head b{flex:1;font-weight:600}.k-sheet-head svg{color:var(--accent)}.k-sheet-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s3) var(--s4) var(--s4)}.k-sheet-body>*{max-width:1100px;margin-left:auto;margin-right:auto}.k-group{margin-bottom:var(--s3)}.k-group:last-child{margin-bottom:0}.k-group h3{margin:0 0 var(--s1h) var(--s0);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.k-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:var(--s2)}.k-tile{display:flex;flex-direction:column;align-items:center;gap:var(--s1h);padding:var(--s2h) var(--s2);min-height:78px;border:1.5px solid var(--line-soft);border-radius:12px;background:var(--panel);color:var(--text);font:500 var(--text-sm) / 1.25 var(--font);text-align:center;cursor:pointer}.k-tile:hover,.k-tile.on{border-color:var(--accent)}.k-tile svg{color:var(--accent)}.k-tile em{font-style:normal;font-size:var(--text-xs);color:var(--text-faint)}.k-tile.drag{cursor:grab}.k-tile.drag:active{cursor:grabbing}.kg{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:var(--s4);background:var(--bg);color:var(--text);font-family:var(--font)}.kg-top{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--line-soft)}.kg-top h1{margin:0;font-size:var(--text-xl)}.kg-top p{flex:1;margin:0;font-size:var(--text-md);color:var(--text-dim)}.kg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--s3);align-items:start}.kg-item{padding:var(--s3);border:1px solid var(--line-soft);border-radius:12px;background:var(--panel)}.kg-item h2{margin:0 0 var(--s1);font-size:var(--text-md);font-weight:600}.kg-item p{margin:0 0 var(--s2);font-size:var(--text-sm);line-height:1.45;color:var(--text-faint)}.kg-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}.kg-row.wide{gap:var(--s3)}.kg-anchor{position:relative;display:inline-block}.kg-cardbody{padding:0 var(--s2) var(--s2)}.kg-item .k-card{border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}.bar{grid-area:top;display:flex;align-items:center;gap:var(--s2);height:var(--topbar-h);padding:0 var(--pad-2);border-bottom:1px solid var(--line-soft);background:var(--panel)}.bar-app{position:relative;flex:0 0 auto;display:flex}.bar-mark{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:var(--text-lg);cursor:pointer}.bar-mark:hover,.bar-mark.on{filter:brightness(1.1);box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.bar-appmenu{display:grid;gap:var(--s1);min-width:210px}.bar-appmenu button{display:flex;align-items:center;gap:var(--s2h);padding:var(--s2) var(--pad-1);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text);font:500 var(--text-md) / 1 var(--font);text-align:left;cursor:pointer}.bar-appmenu button:hover{border-color:var(--accent);color:var(--accent)}.bar-name{flex:0 1 auto;width:168px;min-width:90px;padding:var(--s1) var(--s0);border:0;background:transparent;color:var(--text);font:600 var(--text-lg) / 1.2 var(--font);text-overflow:ellipsis}.bar-name:focus{outline:2px solid var(--accent);border-radius:var(--radius-sm)}.bar-menus{display:flex;gap:var(--s0);margin-left:var(--s1h);flex:0 0 auto}.bar-menu{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;gap:var(--s1);width:74px;padding:var(--s1h) var(--s1) var(--s1h);border:0;border-bottom:3px solid transparent;border-radius:var(--radius) var(--radius) 0 0;background:transparent;color:var(--text-dim);font:600 var(--text-sm) / 1 var(--font);cursor:pointer}.bar-menu:hover{background:var(--panel-2);color:var(--text)}.bar-menu.on{background:var(--panel-2);border-bottom-color:var(--accent);color:var(--accent)}.bar-gap{flex:1;min-width:var(--s2)}.bar-look{display:flex;align-items:center;gap:var(--s0);flex:0 1 auto;min-width:0}.bar-sep{width:1px;height:22px;margin:0 var(--s1h);flex:0 0 auto;background:var(--line-soft)}.bar-shown{position:relative;flex:0 0 auto}.bar-shown-btn{display:flex;align-items:center;gap:var(--s1h);padding:var(--s1h) var(--s2) var(--s1h) var(--pad-1);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font:500 var(--text-md) / 1 var(--font);cursor:pointer}.bar-shown-btn svg{color:var(--text-dim)}.bar-shown-btn:hover,.bar-shown-btn.on{border-color:var(--accent);color:var(--accent)}.bar-shown-btn:hover svg,.bar-shown-btn.on svg{color:var(--accent)}.bar-shown-btn em{display:grid;place-items:center;min-width:19px;height:19px;padding:0 var(--s1h);border-radius:999px;background:var(--accent);color:var(--on-accent);font-style:normal;font-size:var(--text-xs);font-weight:700}.bar-shown .k-pop{width:262px}.bar-save-note{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--s1h);font:500 var(--text-sm) / 1 var(--font)}.bar-save-note.failed{padding:var(--s1h) var(--pad-1);border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger-text);font-weight:600}.bar-history{position:relative;flex:0 0 auto;display:flex}.bar-hist-btn{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-dim);cursor:pointer}.bar-hist-btn:hover,.bar-hist-btn.on{border-color:var(--line);background:var(--panel-2);color:var(--text)}.hist{display:grid;gap:0;min-width:250px;max-height:340px;overflow-y:auto}.hist-empty{margin:0;padding:var(--s3);max-width:34ch;color:var(--text-dim);font-size:var(--text-sm)}.hist-now{padding:var(--s1h) var(--pad-1);font:700 var(--text-xs) / 1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-left:2px solid var(--accent)}.hist-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s1h) var(--pad-1);border:0;border-left:2px solid transparent;background:none;color:var(--text);font:500 var(--text-sm) / 1.2 var(--font);text-align:left;cursor:pointer}.hist-row svg{color:var(--text-faint);flex:0 0 auto}.hist-row span{flex:1}.hist-row em{font-style:normal;color:var(--text-faint);font-size:var(--text-xs)}.hist-row:hover{background:var(--row-hover);border-left-color:var(--accent)}.hist-row.undone{color:var(--text-faint)}.hist-row.undone span{text-decoration:line-through}.sheet-panel,.pop-panel{display:contents}.sheet-panel>*,.pop-panel>*{display:block}.sheet-panel .panel-section,.pop-panel .panel-section{border:0;background:transparent}.sheet-panel .panel-head,.pop-panel .panel-head{padding-left:0;padding-right:0}.pop-panel .panel-head{display:none}.pop-panel .panel-body{padding:0}.bar-snap{display:grid;gap:var(--s1);padding:var(--s2) var(--s1) var(--s1)}@media (max-width: 1420px){.bar-look .k-toggle span{display:none}.bar-fouls-toggle>span{display:none}.bar-fouls-toggle{padding-right:var(--s1h)}.bar-look .k-toggle{padding-left:var(--s1h);padding-right:var(--s1h)}}@media (max-width: 1100px){.bar-menu span{display:none}.bar-menu{width:auto;min-width:34px;padding-left:var(--s1h);padding-right:var(--s1h)}.bar-name{width:96px;min-width:44px}.bar-shown-btn>span{display:none}.bar-look .k-seg button{font-size:0;gap:0;padding-left:var(--s1h);padding-right:var(--s1h)}.bar-look .k-seg button svg{font-size:var(--text-md)}.bar-look{gap:1px}.bar-look .k-toggle{padding-left:var(--s1);padding-right:var(--s1)}}.bar-whistle{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:0;border-radius:var(--radius);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-dim);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}.bar-whistle:hover{background:var(--panel-3);color:var(--text)}.bar-whistle.on{background:var(--accent);box-shadow:none;color:var(--on-accent)}.bar-whistle.on:hover{filter:brightness(1.08)}.bar-account{position:relative;display:inline-flex;margin-left:var(--s1h);padding-left:var(--s1h);border-left:1px solid var(--line-soft)}.bar-account-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer}.bar-account-btn:hover,.bar-account-btn.on{background:var(--panel-2);color:var(--text)}.bar-account-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bar-account-initials{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--text)}.bar-account-dot{position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 2px var(--panel)}.bar-account-dot.saved{background:var(--ok)}.bar-account-dot.pending{background:var(--accent)}.bar-account-dot.waiting{background:var(--warn)}.account-panel{display:flex;flex-direction:column;gap:var(--s2);width:min(226px,calc(100vw - 32px))}.account-who{display:flex;align-items:center;gap:var(--s2)}.account-avatar{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700}.account-id{min-width:0}.account-email{display:block;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sub{display:block;font-size:11px;color:var(--text-faint)}.account-state{display:flex;align-items:center;gap:var(--s1h);padding:var(--s1h) var(--s2);border-radius:var(--radius-sm);background:var(--panel-2);font-size:12px;color:var(--text-dim)}.account-state .account-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ok)}.account-state.offline .account-dot{background:var(--warn)}.account-state.syncing .account-dot{background:var(--accent)}.account-state.error .account-dot{background:var(--error)}.account-note{margin:0;font-size:11px;line-height:1.5;color:var(--text-faint)}.account-actions{display:flex;justify-content:space-between;gap:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line-soft)}.account-link{border:0;background:transparent;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer}.account-link:disabled{color:var(--text-faint);cursor:default}.account-field{display:flex;flex-direction:column;gap:var(--s0)}.account-field>span{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.account-field>input{height:32px;padding:0 var(--s2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:13px}.account-field>input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.account-error{display:flex;align-items:flex-start;gap:var(--s1h);margin:0;font-size:11.5px;line-height:1.45;color:var(--error)}.account-submit{height:34px;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.account-submit:disabled{opacity:.6;cursor:default}.rail{grid-area:rail;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s2) var(--s1h);border-right:1px solid var(--line-soft);background:var(--panel);z-index:5}.rail-head{margin:0 0 var(--s0) var(--s0);font-size:var(--text-xs);font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint)}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:var(--s1h);width:66px;padding:var(--s2) var(--s1);border:1.5px solid transparent;border-radius:11px;background:var(--panel-2);color:var(--text);font:600 var(--text-sm) / 1 var(--font);cursor:pointer}.rail-btn svg{color:var(--text-dim)}.rail-btn:hover{border-color:var(--line)}.rail-btn.on{background:var(--accent);color:var(--on-accent)}.rail-btn.on svg{color:var(--on-accent)}.tray{position:absolute;z-index:20;left:0;top:0;bottom:0;width:292px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel);box-shadow:14px 0 34px #00000029}.tray-head{display:flex;align-items:center;flex:0 0 auto;padding:var(--pad-1) var(--s2) var(--pad-1) var(--pad-2);border-bottom:1px solid var(--line-soft);font-size:var(--text-md)}.tray-head b{flex:1;font-weight:600}.tray-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s2) var(--s2h) var(--s3)}.tray-how{margin:0 calc(-1 * var(--s2h)) var(--s2);padding:var(--s1h) var(--s2h);background:var(--panel-2);border-bottom:1px solid var(--line-soft);font-size:var(--text-sm);line-height:1.45;color:var(--text-dim)}.tray-how.now{background:var(--accent-soft, var(--panel-2));border-bottom-color:var(--accent, var(--line-soft));color:var(--text);font-weight:600}.tray-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:var(--s1)}.tray-token{display:grid;place-items:center;aspect-ratio:1;padding:var(--s0);border:0;background:none;cursor:grab}.tray-token:hover span,.tray-token:focus-visible span{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.tray-token.on span{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.tray-token span{display:grid;place-items:center;width:100%;height:100%;max-width:32px;max-height:32px;border-radius:50%;font-size:var(--text-xs);font-weight:700}.tray-token:active{cursor:grabbing}.tray-rows{display:grid;gap:var(--s1h)}.tray-rows.two{grid-template-columns:1fr 1fr}.tray-rows.two>.tray-select{grid-column:1 / -1}.tray-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--pad-1);border:1px solid var(--line-soft);border-radius:10px;background:var(--panel);color:var(--text);font:500 var(--text-sm) / 1.25 var(--font);text-align:left;cursor:grab}.tray-row svg{flex:0 0 auto;color:var(--text-dim)}.tray-row span{flex:1}.tray-row:hover{border-color:var(--accent)}.tray-row.on{border-color:var(--accent);background:var(--row-selected)}.tray-row.on svg{color:var(--accent)}.kit-glyph{width:26px;height:26px;flex:0 0 auto;display:block;line-height:0}.tray-kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--s1)}.kit-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:var(--s0);border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);cursor:grab}.kit-tile .kit-glyph{width:100%;height:100%;max-width:38px;max-height:38px}.kit-tile:hover,.kit-tile:focus-visible{border-color:var(--accent)}.kit-tile.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tray-ghost{position:fixed;top:-200px;left:-200px;display:grid;place-items:center;width:46px;height:46px;max-width:46px;max-height:46px;border-radius:50%;font:700 17px / 1 var(--font);pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.tray-pens{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:var(--s1)}.pen-tile{display:grid;place-items:center;aspect-ratio:1;padding:var(--s0);border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-dim);cursor:pointer}.pen-tile:hover,.pen-tile:focus-visible{border-color:var(--accent);color:var(--accent)}.pen-tile.on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.kit-tip{position:fixed;z-index:40;display:grid;gap:var(--s0);max-width:200px;padding:var(--s1h) var(--s2);transform:translateY(-50%);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--overlay-strong);box-shadow:var(--shadow);pointer-events:none}.kit-tip b{font:700 var(--text-sm) / 1.2 var(--font);color:var(--text)}.kit-tip em{font:400 var(--text-xs) / 1.35 var(--font);font-style:normal;color:var(--text-dim)}.tray-select{display:flex;align-items:center;gap:var(--s2);padding:var(--s1h) var(--pad-1);border:1px solid var(--line-soft);border-radius:10px;background:var(--panel)}.tray-select svg{color:var(--text-dim)}.tray-select select{flex:1;border:0;background:transparent;color:var(--text);font:500 var(--text-sm) / 1 var(--font);cursor:pointer}.tray-select select:focus{outline:none}.tray-foot{margin:var(--s3) -var(--s2h) 0;padding:var(--s2h) var(--pad-2) 0;border-top:1px solid var(--line-soft)}.tray-swatches{display:flex;gap:var(--s1h)}.tray-sw{width:26px;height:26px;border-radius:7px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #0000002e;cursor:pointer}.tray-sw.on{border-color:var(--text)}.tray-body .k-group{margin-bottom:var(--s2)}.tray-body .k-group h3{margin-bottom:var(--s1)}@media (max-height: 800px){.tray-how:not(.now){display:none}.tray-body .k-group{margin-bottom:var(--s1h)}}.moves-kinds{display:flex;gap:var(--s0);margin:0 0 10px}.moves-kind{flex:1;padding:var(--s0) var(--s1);font-size:var(--text-xs);font-weight:600;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.moves-kind:hover{color:var(--text);border-color:var(--line)}.moves-kind.on{color:var(--text);background:var(--panel-3);border-color:var(--accent)}.moves-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1)}.moves-card{position:relative}.moves-place{display:flex;flex-direction:column;gap:var(--s0);width:100%;padding:var(--s1);text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.moves-place:hover{border-color:var(--accent)}.moves-del{position:absolute;top:var(--s1);right:var(--s1);display:grid;place-items:center;width:18px;height:18px;padding:0;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:50%;cursor:pointer;opacity:0}.moves-card:hover .moves-del,.moves-del:focus-visible{opacity:1}.moves-del:hover{border-color:var(--accent)}.moves-confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--s1);align-items:center;justify-content:center;padding:var(--s1);font-size:var(--text-xs);color:var(--text);background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius-sm)}.moves-confirm button{padding:var(--s0) var(--s1h);font-size:var(--text-xs);color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.moves-confirm-yes{color:var(--on-accent)!important;background:var(--accent)!important;border-color:var(--accent)!important}.moves-thumb{display:block;width:100%;border-radius:4px;overflow:hidden}.moves-thumb svg{display:block;width:100%;height:auto}.moves-name{font-size:var(--text-sm);font-weight:600;color:var(--text);line-height:1.2}.moves-meta{font-size:var(--text-xs);color:var(--text-dim)}.moves-empty{padding:14px 0;text-align:center}.moves-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s1)}.moves-save{white-space:nowrap}.moves-naming{display:flex;gap:var(--s1);align-items:center;margin-top:var(--s1)}.moves-name-input{flex:1;min-width:0;padding:var(--s1) var(--s1h);font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.moves-name-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.strip{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;row-gap:var(--s2);width:100%;padding:var(--s1h) calc(var(--s2) + 24px + var(--s1h)) var(--s1h) var(--s1);border:1px solid var(--line-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-2) 88%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);box-shadow:var(--shadow);flex:0 0 auto}.strip-group{display:flex;flex-direction:column;gap:var(--s0);padding:0 var(--s3);border-left:1px solid var(--line-soft)}.strip-group:first-child{border-left:0}.strip-glabel{font-size:var(--text-xs);font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);opacity:.8}.strip-items{display:flex;gap:var(--s2h)}.strip-hide{position:absolute;top:6px;right:var(--s2);display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer}.strip-hide:hover{background:var(--panel-3);color:var(--text)}.strip-show{align-self:flex-end;background:color-mix(in srgb,var(--panel-2) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:var(--s1h);padding:var(--s1h) var(--s2h);border:1px dashed var(--line);border-radius:999px;background:transparent;color:var(--text-dim);font:500 var(--text-sm) / 1 var(--font);cursor:pointer}.card{overflow-y:auto;border-left:1px solid var(--line-soft)}.card-do{flex:0 0 auto;padding:var(--s2h);background:var(--row-selected);border-bottom:1px solid var(--line-soft)}.card-primary{display:flex;align-items:center;gap:var(--s2h);width:100%;padding:var(--s2h) var(--pad-2);border:0;border-radius:12px;background:var(--accent);color:var(--on-accent);text-align:left;cursor:pointer}.card-primary:hover{filter:brightness(1.06)}.card-primary span{flex:1;display:flex;flex-direction:column;gap:var(--s0)}.card-primary b{font-size:var(--text-lg);font-weight:700;line-height:1.15}.card-primary em{font-style:normal;font-size:var(--text-sm);line-height:1.35;opacity:.88}.card-targets{display:flex;flex-wrap:wrap;gap:var(--s1h);margin-top:var(--s2)}.card-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1h);margin-top:var(--s2)}.card-secondary button{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--pad-1);border:1px solid var(--line-soft);border-radius:10px;background:var(--panel);color:var(--text);font:500 var(--text-sm) / 1.25 var(--font);text-align:left;cursor:pointer}.card-secondary button svg{flex:0 0 auto;color:var(--text-dim)}.card-secondary button span{flex:1}.card-secondary button:hover:not(:disabled){border-color:var(--accent)}.card-secondary button.on{border-color:var(--accent);color:var(--accent)}.card-secondary button.active{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:650}.card-secondary button.active svg,.card-secondary button.active:hover svg{color:var(--on-accent)}.card-secondary button.active:hover:not(:disabled){filter:brightness(1.08)}.card-turns{display:flex;gap:var(--s0);margin-top:var(--s1h);padding:var(--s0);border-radius:var(--radius-sm);background:var(--panel-2)}.card-turns button{flex:1;display:grid;place-items:center;padding:var(--s1h) var(--s0);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font:600 var(--text-xs) / 1 var(--font);cursor:pointer}.card-turns button:hover:not(.on){color:var(--text)}.card-turns button.on{background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent)}.card-secondary button.on svg{color:var(--accent)}.card-secondary .danger{color:var(--danger-text);border-color:var(--danger-text)}.card-secondary .danger svg{color:var(--danger-text)}.card-secondary .blocked{opacity:.55;border-style:dashed;flex-wrap:wrap;cursor:default}.card-secondary .blocked em{flex:0 0 100%;margin-top:var(--s0);font-style:normal;font-size:var(--text-xs);color:var(--text-faint)}.card-change{padding:var(--s1) var(--s2h) var(--s3)}.card-none{margin:var(--s1) var(--s0);font-size:var(--text-sm);line-height:1.45;color:var(--text-faint)}.ann-fill{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line-soft)}.ann-fill h4{margin:0 0 var(--s1h) var(--s0);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.ann-fill .pattern-picker{margin-bottom:var(--s2)}.ann-row{display:flex;gap:var(--s1h);margin-top:var(--s2)}.ann-btn{flex:1;padding:var(--s1h) var(--s2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:500 var(--text-sm) / 1 var(--font);white-space:nowrap;cursor:pointer}.ann-btn:hover{border-color:var(--accent);color:var(--accent)}.card-change .k-toggle{margin:var(--s1) 0}.move-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s0)}.move-step{width:100%;display:flex;gap:var(--s1h);align-items:baseline;white-space:normal;padding:var(--s1h) var(--s1h) var(--s1h) var(--s1);border:0;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font:400 var(--text-sm) / 1.35 var(--font);text-align:left;cursor:pointer;transition:background .12s}.move-step svg{flex:0 0 auto;align-self:center;color:var(--text-faint)}.move-step:hover{background:var(--panel-3)}.move-step.now{background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.move-step.now .move-at{color:var(--accent);font-weight:700}.move-step.foul{background:color-mix(in srgb,var(--warn) 15%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 42%,transparent);color:var(--warn);font-weight:600}.move-step.foul svg,.move-step.foul .move-at{color:var(--warn)}.move-step.foul .move-what em{color:color-mix(in srgb,var(--warn) 74%,var(--text));font-weight:400}.move-step.foul:hover{background:color-mix(in srgb,var(--warn) 24%,var(--panel))}.move-step.foul.now{box-shadow:inset 0 0 0 2px var(--warn)}.move-step.ball svg{color:var(--warn)}.move-step.event svg{color:var(--purple)}.move-step.move svg{color:var(--text-dim)}.move-at{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums;flex:0 0 30px}.move-what{flex:1;min-width:0}.move-what em{display:block;font-style:normal;font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums;margin-top:1px}.contest-list{display:flex;flex-direction:column;gap:var(--s0);margin-top:var(--s2)}.contest-row-wrap{display:flex;flex-direction:column;gap:var(--s0)}.contest-row-top{display:flex;align-items:stretch;gap:var(--s0)}.contest-row-top .contest-row{flex:1;min-width:0}.contest-jump{display:flex;align-items:center;gap:3px;padding:0 var(--s1h);border:0;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text-faint);cursor:pointer}.contest-jump:hover{background:var(--panel-3);color:var(--text)}.contest-jump.on{background:color-mix(in srgb,var(--accent) 30%,var(--panel));color:var(--text)}.contest-reach{font:700 var(--text-xs) / 1 var(--font)}.contest-lifters{display:flex;align-items:center;gap:var(--s0);flex-wrap:wrap;padding:var(--s0) 0 var(--s0) var(--s2)}.contest-lift-label{color:var(--text-faint);font:500 var(--text-xs) / 1 var(--font)}.contest-lift{padding:3px var(--s1);border:0;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text-faint);font:600 var(--text-xs) / 1 var(--font);cursor:pointer}.contest-lift:hover{background:var(--panel-3);color:var(--text)}.contest-lift.on{background:color-mix(in srgb,var(--accent) 30%,var(--panel));color:var(--text)}.contest-lift.far{text-decoration:line-through;opacity:.65}.contest-row{display:flex;align-items:center;gap:var(--s1h);width:100%;padding:var(--s1) var(--s2);border:0;border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font:500 var(--text-sm) / 1 var(--font);text-align:left;cursor:pointer}.contest-row.theirs{border-left-color:var(--error)}.contest-row:hover{background:var(--panel-3)}.contest-row.wins{background:color-mix(in srgb,var(--accent) 15%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent);font-weight:700}.contest-row.wins.theirs{background:color-mix(in srgb,var(--error) 15%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--error) 42%,transparent)}.contest-who{flex:1;min-width:0}.contest-gap{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.contest{margin-top:var(--s2)}.contest-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s1);color:var(--text-dim);font:600 var(--text-xs) / 1.2 var(--font);letter-spacing:.04em;text-transform:uppercase}.contest-head-2{margin-top:var(--s3)}.contest-tally{text-transform:none;letter-spacing:0;font-weight:500}.contest-none{margin:0;color:var(--text-dim);font:400 var(--text-sm) / 1.45 var(--font)}.contest-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--s1)}.contest-act{display:flex;flex-direction:column;align-items:center;gap:var(--s0);padding:var(--s1h) var(--s1);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font:500 var(--text-xs) / 1.2 var(--font);text-align:center;white-space:normal;cursor:pointer}.contest-act:hover{background:var(--panel-3)}.contest-act.on{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:650}.contest-act.on svg{color:var(--on-accent)}.contest-act.bad{color:var(--error)}.contest-act.bad.on{border-color:var(--error);background:var(--error);color:var(--on-accent)}.contest-mate{display:flex;align-items:center;gap:var(--s1h);margin-top:var(--s1h);color:var(--text-dim);font:600 var(--text-xs) / 1 var(--font);text-transform:uppercase;letter-spacing:.04em}.contest-mate select{flex:1;min-width:0}.contest-say{margin:var(--s1h) 0 0;color:var(--text-dim);font:400 var(--text-sm) / 1.4 var(--font)}.contest-say.bad,.contest-none.bad{color:var(--error)}.wind{margin-top:var(--s2)}.wind-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s1h);color:var(--text-dim);font:600 var(--text-xs) / 1.2 var(--font);letter-spacing:.04em;text-transform:uppercase}.wind-words{text-transform:none;letter-spacing:0;font-weight:500}.wind-rose{display:grid;grid-template-areas:"p7 p0 p1" "p6 mid p2" "p5 p4 p3";gap:var(--s0);width:max-content;margin:0 auto}.wind-point{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font:500 15px / 1 var(--font);cursor:pointer}.wind-point:hover{background:var(--panel-3)}.wind-point.on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.wind-still{font-size:20px;line-height:.6}.wind-speed{display:block;min-width:0;margin-top:var(--s1h)}.wind-speed input{display:block;width:100%;margin:0;box-sizing:border-box}.wind-note{margin:var(--s1h) 0 0;color:var(--text-dim);font:400 var(--text-sm) / 1.4 var(--font)}.assist{position:absolute;z-index:22;right:var(--s2);bottom:calc(var(--strip-h, 0px) + var(--s2));width:min(400px,calc(100% - var(--s2) * 2));height:min(520px,calc(100% - var(--strip-h, 0px) - var(--s3) * 2));display:flex;flex-direction:column;border:1px solid var(--line-soft);border-radius:14px;background:var(--overlay);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.assist-head{display:flex;align-items:center;gap:var(--s1h);padding:var(--s2) var(--s2h);border-bottom:1px solid var(--line-soft);color:var(--text);font-size:var(--text-sm)}.assist-head svg{color:var(--accent)}.assist-gap{flex:1}.assist-clear{border:1px solid var(--line-soft);border-radius:7px;padding:2px var(--s1h);background:transparent;color:var(--text-dim);font:600 var(--text-xs) / 1.6 var(--font);cursor:pointer}.assist-clear:hover:not(:disabled){color:var(--text);border-color:var(--line)}.assist-clear:disabled{opacity:.4;cursor:default}.assist-log{flex:1;overflow-y:auto;padding:var(--s2h);display:flex;flex-direction:column;gap:var(--s2)}.assist-opening p{margin:0 0 var(--s2);color:var(--text-dim);font-size:var(--text-sm);line-height:1.55}.assist-off{color:var(--warn)}.assist-examples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)}.assist-examples button{width:100%;text-align:left;border:1px solid var(--line-soft);border-radius:9px;padding:var(--s1h) var(--s2);background:var(--panel-2);color:var(--text);font:500 var(--text-sm) / 1.4 var(--font);cursor:pointer}.assist-examples button:hover{border-color:var(--accent)}.assist-coach{align-self:flex-end;max-width:88%;margin:0;padding:var(--s1h) var(--s2);border-radius:12px 12px 3px;background:var(--accent);color:var(--on-accent);font:500 var(--text-sm) / 1.5 var(--font);white-space:pre-wrap}.assist-reply{display:flex;flex-direction:column;gap:var(--s1)}.assist-said{margin:0;color:var(--text);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap}.assist-reply.trouble .assist-said{color:var(--danger-text)}.assist-note{margin:0;color:var(--warn);font-size:var(--text-xs)}.assist-step>button{display:flex;align-items:center;gap:var(--s1);width:100%;border:0;padding:2px 0;background:transparent;color:var(--text-faint);font:500 var(--text-xs) / 1.5 var(--font);text-align:left;cursor:pointer}.assist-step>button:hover{color:var(--text-dim)}.assist-step.failed>button{color:var(--warn)}.assist-step pre{margin:var(--s1) 0 var(--s1) var(--s3);padding:var(--s1h) var(--s2);max-height:220px;overflow:auto;border-left:2px solid var(--line-soft);color:var(--text-dim);font-size:var(--text-xs);line-height:1.5;white-space:pre-wrap}.assist-busy{margin:0;color:var(--text-faint);font-size:var(--text-xs)}.assist-ask{display:flex;gap:var(--s1h);align-items:flex-end;padding:var(--s2);border-top:1px solid var(--line-soft)}.assist-ask textarea{flex:1;resize:none;border:1px solid var(--line-soft);border-radius:10px;padding:var(--s1h) var(--s2);background:var(--panel-2);color:var(--text);font:500 var(--text-sm) / 1.5 var(--font)}.assist-ask textarea:focus{outline:none;border-color:var(--accent)}.assist-ask textarea:disabled{opacity:.6}.assist-send{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:var(--accent);color:var(--on-accent);cursor:pointer}.assist-send:disabled{opacity:.35;cursor:default}