:root{--fs-body: 16px;--fs-ui: 14px;--fs-label: 12px;--bg: #17191a;--panel: #17191a;--panel-2: #212426;--line: #33373a;--line-soft: #2a2e30;--text: #ffffff;--text-dim: #9ca3a7;--text-faint: #7f868a;--brand-lime: #b6f34a;--brand-lime-hi: #c8f871;--brand-charcoal: #17191a;--raised: #212426;--menu: #ffffff;--glow-rgb: 182, 243, 74;--accent: #2f2f2f;--accent-hi: #3a3a3a;--accent-line: #565656;--accent-fg: #f4f4f4;--accent-soft: rgba(255, 255, 255, .06);--select-ring: #2c2c2c;--select-glow: var(--brand-lime);--good: #5bc78a;--warn: #e0a34a;--danger: #e2685f;--field: #f6f4ef;--field-line: #d3cec3;--field-line-strong: #b9b2a3;--endzone: #e7e1d3;--out-of-bounds: #ece8de;--first-down: #f2c200;--zone-blue: #2d6cb5;--zone-turquoise: #1fb5b0;--zone-green: #2f7d4f;--zone-yellow: #e3b21c;--zone-red: #c0392b;--zone-purple: #7b4bb3;--ink-off: #17191a;--ink-def: #c0392b;--fill-wr: #d1382b;--fill-wr-text: #fff6f4;--pc-blue: #2d6cb5;--pc-blue-on: #ffffff;--pc-red: #c0392b;--pc-red-on: #fff6f4;--pc-green: #2f7d4f;--pc-green-on: #ffffff;--pc-yellow: #c8930a;--pc-yellow-on: #241a00;--pc-orange: #d2600c;--pc-orange-on: #ffffff;--family-red: #d9483d;--family-blue: #3f82dc;--family-green: #3ba263;--family-yellow: #d4a21a;--family-purple: #9163d0;--family-turquoise: #22aaa5;--family-pink: #d8598f;--family-slate: #7d8a99;--ov-bg: var(--field);--ov-ink: var(--ink-off);--ov-edge: 2px solid var(--ink-off);--ov-shadow: 0 8px 22px rgba(23, 23, 23, .18), 0 2px 4px rgba(23, 23, 23, .12);--ov-glow: 0 0 0 3px rgba(182, 243, 74, .9), 0 0 0 4.5px #17191a;--ease-arrive: cubic-bezier(.22, 1.32, .36, 1);--ease-settle: cubic-bezier(.22, 1.04, .36, 1);--dur-arrive: .52s;--dur-pop: .36s;--dur-settle: .24s;--dur-press: .12s;--strip: 0px;--ring-scrim: rgba(15, 15, 15, .42);--type-scrim: rgba(15, 15, 15, .62);--ball: #8a4a1f;--stagger: 45ms;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--font: "Jost", "Futura PT", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}.app{display:grid;grid-template-rows:56px 1fr;height:100%}.app-editor{--rail-w: 56px;--left-w: minmax(264px, 320px);grid-template-columns:var(--rail-w) var(--left-w) minmax(420px,1fr);grid-template-areas:"top top top" "rail side canvas"}.app-editor.panel-shut{--left-w: 0}.app-editor.panel-shut .sidebar{visibility:hidden;padding:0;border:0}.dock{display:contents}@media(min-width:761px){.app-editor{--panel-w: clamp(264px, calc(100vw - 476px) , 320px);--left-w: var(--panel-w);overflow-x:clip;transition:grid-template-columns var(--dur-pop) var(--ease-settle)}.app-editor.panel-shut{--left-w: 0px}.app-editor .sidebar{width:var(--panel-w);justify-self:end;transition:visibility 0s,padding 0s,border-width 0s}.app-editor.panel-shut .sidebar{transition:visibility 0s linear var(--dur-pop),padding 0s linear var(--dur-pop),border-width 0s linear var(--dur-pop)}}.rail{grid-area:rail;position:relative;z-index:7;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;background:var(--brand-charcoal);border-right:1px solid var(--line)}.rail-btn{--tone: #9ca3a7;position:relative;width:40px;height:40px;padding:0;display:grid;place-items:center;background:transparent;color:color-mix(in srgb,var(--tone) 60%,#ffffff);border:0;border-radius:12px;transition:background var(--dur-press),box-shadow var(--dur-press)}.rail-btn:hover{background:var(--raised)}.rail-btn[aria-pressed=true]{background:color-mix(in srgb,var(--tone) 24%,var(--brand-charcoal));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 70%,#ffffff)}.rail-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--select-glow)}.rail-gap{margin-top:10px}.rail-gap:before{content:"";position:absolute;top:-9px;left:8px;right:8px;border-top:1px solid var(--line)}.rail-count{position:absolute;top:-3px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:var(--brand-lime);color:var(--brand-charcoal);font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--brand-charcoal)}.rail-tip{position:absolute;left:calc(100% + 10px);top:50%;padding:6px 10px;border-radius:8px;background:#fff;color:var(--brand-charcoal);font-size:var(--fs-label);font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-4px,-50%);transition:opacity .12s,transform .12s}.rail-btn:hover .rail-tip,.rail-btn:focus-visible .rail-tip{opacity:1;transform:translateY(-50%)}@media(hover:none){.rail-tip{display:none}}.rail .sec-field{--tone: var(--zone-green)}.rail .sec-formation,.rail .sec-offense{--tone: var(--zone-blue)}.rail .sec-defense{--tone: var(--ink-def)}.rail .sec-assign{--tone: var(--zone-purple)}.rail .sec-play{--tone: var(--zone-turquoise)}@media(min-width:761px)and (prefers-reduced-motion:reduce){.app-editor,.app-editor .sidebar{transition:none}}.panel-scrim{display:none}.app-plays,.app-system{grid-template-columns:1fr;grid-template-areas:"top" "page"}.topbar{grid-area:top;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand-logo{height:26px;width:auto;display:block;transform:translateY(-1px);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.nav-count{font-family:var(--mono);font-size:var(--fs-label);font-weight:700;background:var(--accent-soft);color:var(--text-dim);border-radius:3px;padding:1px 4px;margin-left:2px}.play-name{background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:5px 8px;color:var(--text);font-family:inherit;font-size:var(--fs-body);font-weight:500;min-width:200px;outline:none}.play-name:hover{border-color:var(--line)}.play-name:focus{border-color:var(--accent-line);background:var(--panel-2)}.spacer{flex:1}.tools{display:flex;gap:2px;background:var(--panel-2);padding:3px;border-radius:var(--r-md)}.tool{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 11px;border-radius:var(--r-sm);color:var(--text-dim);font-weight:500;transition:background .12s,color .12s}.tool:hover{color:var(--text);background:var(--line-soft)}.tool[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.tool kbd{font-family:var(--mono);font-size:var(--fs-label);opacity:.55;border:1px solid currentColor;border-radius:3px;padding:0 3px;line-height:14px}.btn{background:var(--panel-2);border:1px solid var(--line);padding:6px 12px;border-radius:var(--r-sm);color:var(--text-dim);font-weight:500;transition:background .12s,color .12s,border-color .12s}.btn:hover{background:var(--line-soft);color:var(--text);border-color:#3a3a3a}.btn:disabled{opacity:.35;cursor:default}.canvas-wrap{grid-area:canvas;position:relative;display:grid;place-items:center;min-height:0;min-width:0;padding:0;overflow:hidden;background:radial-gradient(1200px 600px at 50% -10%,#1a1a1a 0%,var(--bg) 70%)}.field-card{position:relative;height:calc(100dvh - 56px - var(--strip));width:100%;margin-top:var(--strip);overflow:visible}.field-svg{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#0f0f0fe0;border:1px solid var(--line);color:var(--text-dim);padding:6px 12px;border-radius:99px;font-size:var(--fs-body);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.hint b{color:var(--text);font-weight:600}.chip{position:absolute;z-index:20;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:16px;box-shadow:var(--ov-shadow);padding:8px 10px 10px;width:204px;animation:chip-pop var(--dur-pop) var(--ease-arrive) backwards}@keyframes chip-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1}}.chip-head{display:flex;align-items:center;gap:6px}input[type=text].chip-name{flex:1;min-width:0;background:transparent;border:none;border-radius:9px;padding:4px 7px;margin-left:-5px;color:var(--ov-ink);caret-color:var(--ink-off);font-size:18px;font-weight:750;letter-spacing:-.02em;transition:background var(--dur-settle) var(--ease-settle)}input[type=text].chip-name::placeholder{color:#17171759;font-weight:650}input[type=text].chip-name::selection{background:rgba(var(--glow-rgb),.25)}input[type=text].chip-name:focus{background:#1717170f}.chip-meta{font-size:var(--fs-label);font-weight:550;color:#1717178c;margin:4px 0 7px}.conf-bar{height:4px;background:var(--field-line);border-radius:99px;margin-bottom:9px;overflow:hidden}.conf-fill{height:100%;background:var(--pc-green);border-radius:99px;transform-origin:left;animation:conf-grow .6s var(--ease-settle) .12s backwards}.conf-fill.low{background:var(--pc-yellow)}@keyframes conf-grow{0%{transform:scaleX(0)}}.chip-alts{display:flex;flex-wrap:wrap;gap:5px}.alt{background:var(--ov-bg);border:var(--ov-edge);border-radius:99px;padding:3px 10px;font-size:var(--fs-ui);font-weight:650;color:var(--ov-ink);animation:alt-in var(--dur-pop) var(--ease-arrive) backwards;animation-delay:calc(80ms + var(--i, 0) * var(--stagger));transition:transform var(--dur-settle) var(--ease-settle),box-shadow var(--dur-settle) var(--ease-settle)}@keyframes alt-in{0%{opacity:0;transform:translateY(6px) scale(.7);pointer-events:none}99%{pointer-events:none}to{pointer-events:auto}}.alt:hover{transform:scale(1.07);box-shadow:var(--ov-glow)}.alt:active{transform:scale(.95);transition-duration:var(--dur-press)}.alt[aria-pressed=true]{background:var(--ov-ink);color:var(--ov-bg)}@media(prefers-reduced-motion:reduce){.chip,.alt,.conf-fill{animation:none}.alt,input[type=text].chip-name{transition:none}}.radial-btn{cursor:pointer}.ring-scrim{fill:var(--ring-scrim);cursor:default;animation:ring-scrim-in var(--dur-settle) ease-out backwards}@keyframes ring-scrim-in{0%{opacity:0}}.radial-dot{animation:radial-fly var(--dur-arrive) var(--ease-arrive) backwards;transition:transform var(--dur-settle) var(--ease-settle)}@keyframes radial-fly{0%{transform:translate(var(--fx),var(--fy)) scale(.62);opacity:0;pointer-events:none}55%{opacity:1}99%{pointer-events:none}to{transform:translate(0) scale(1);opacity:1;pointer-events:auto}}.radial-halo{fill:var(--select-glow);opacity:0;transform:scale(.7);transition:transform var(--dur-settle) var(--ease-settle),opacity var(--dur-settle) ease-out;pointer-events:none}.radial-btn:hover .radial-halo{opacity:.2;transform:scale(1.7)}.radial-btn:active .radial-halo{opacity:.3;transform:scale(1.3)}.radial-btn:hover .radial-dot{transform:scale(1.15)}.radial-btn:active .radial-dot{transform:scale(.95);transition-duration:var(--dur-press)}.radial-label{transition:font-size .24s ease-out}.radial-btn:hover .radial-label{font-size:8.1px}.radial-btn.is-off{cursor:not-allowed}.radial-btn.is-off:hover .radial-halo,.radial-btn.is-off:active .radial-halo{opacity:0}.radial-btn.is-off:hover .radial-dot,.radial-btn.is-off:active .radial-dot{transform:none}.radial-btn.is-off:hover .radial-label{font-size:7.5px}@media(prefers-reduced-motion:reduce){.radial-dot{animation:none;transition:none}.radial-halo{display:none}.ring-scrim{animation:none}.radial-label{transition:none}}.curve-bar{position:absolute;z-index:24;transform:translate(-50%);background:var(--ov-bg);border:var(--ov-edge);border-radius:99px;padding:7px 10px;box-shadow:var(--ov-shadow);animation:curve-bar-in var(--dur-pop) var(--ease-arrive) backwards}@keyframes curve-bar-in{0%{opacity:0;transform:translate(-50%,-6px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.curve-bar input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:108px;height:4px;background:var(--field-line);border-radius:99px;outline:none}.curve-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:99px;background:var(--select-glow);border:2px solid var(--ov-ink);cursor:grab;transition:transform var(--dur-settle) var(--ease-settle)}.curve-bar input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.curve-bar input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}@media(prefers-reduced-motion:reduce){.curve-bar{animation:none}}.branch-pulse{fill:var(--select-glow);transform-box:fill-box;transform-origin:center;animation:branch-pulse 1.4s var(--ease-settle) infinite;pointer-events:none}@keyframes branch-pulse{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.branch-target{animation:chip-pop var(--dur-pop) var(--ease-arrive) backwards;transform-box:fill-box}.branch-hint{position:absolute;z-index:18;transform:translate(-50%);background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:99px;box-shadow:var(--ov-shadow);padding:3px 10px;font-size:var(--fs-body);font-weight:650;white-space:nowrap;pointer-events:none;animation:alt-in var(--dur-pop) var(--ease-arrive) 80ms backwards}@media(prefers-reduced-motion:reduce){.branch-pulse{animation:none;opacity:.25;transform:scale(1.8)}.branch-target,.branch-hint{animation:none}}.sidebar{grid-area:side;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:14px}.sidebar{color-scheme:dark;--panel: #17191a;--panel-2: #212426;--raised: #212426;--menu: #2a2e30;--line: #33373a;--line-soft: #2a2e30;--text: #ffffff;--text-dim: #9ca3a7;--text-faint: #7f868a;--accent: var(--brand-lime);--accent-hi: var(--brand-lime-hi);--accent-fg: var(--brand-charcoal);--accent-line: var(--brand-lime);--accent-soft: rgba(var(--glow-rgb), .08);color:var(--text)}.sec{margin-bottom:20px}.row{display:flex;gap:6px;margin-bottom:6px}.row>*{flex:1;min-width:0}select,input[type=text],input[type=number],textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 9px;color:var(--text);font-family:inherit;font-size:var(--fs-body);outline:none}select:focus,input:focus,textarea:focus{border-color:var(--accent-line)}.seg{display:flex;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.seg button{flex:1;background:transparent;border:none;padding:7px 4px;color:var(--text-dim);font-size:var(--fs-ui);font-weight:500}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.seg button:hover:not([aria-pressed=true]){background:var(--line-soft);color:var(--text)}.btn-block{width:100%}.form-save{display:flex;flex-direction:column;gap:6px}.form-save .seg,.form-save .row{margin-bottom:0}.form-save .form-pers{flex:0 0 52px;text-align:center;font-family:var(--mono)}.form-save .btn{flex:0 0 auto}.assign-group+.assign-group{margin-top:12px}.assign-head{font-size:var(--fs-label);font-weight:700;letter-spacing:.09em;color:var(--text-dim);margin:0 0 5px 2px}.assign-list{display:flex;flex-direction:column;gap:3px}.assign{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid transparent;border-radius:var(--r-sm);padding:6px 8px;font-size:var(--fs-body)}.assign:hover{border-color:var(--line)}.assign.sel{border-color:var(--accent-line);background:var(--accent-soft)}.assign-who{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--line);font-size:var(--fs-label);font-weight:700;color:var(--text)}.assign-what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign{cursor:pointer}.assign-note{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body);color:var(--text-faint);margin-top:1px}.assign-noline .assign-what{color:var(--text-dim)}.assign-item.open .assign{border-bottom-left-radius:0;border-bottom-right-radius:0}.assign-edit{display:flex;flex-direction:column;gap:6px;background:var(--panel-2);border:1px solid var(--accent-line);border-top:0;border-radius:0 0 var(--r-sm) var(--r-sm);padding:6px 8px 8px}.assign-edit textarea{resize:vertical;min-height:58px;font-family:inherit;font-size:var(--fs-body);line-height:1.45}.assign-depth{font-family:var(--mono);font-size:var(--fs-label);color:var(--text-faint)}.assign-x{background:none;border:none;color:var(--text-faint);padding:0 2px;font-size:14px;line-height:1}.assign-x:hover{color:var(--danger)}.empty{color:var(--text-faint);font-size:var(--fs-body);line-height:1.55}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 9px}.stat-k{font-size:var(--fs-label);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.stat-v{font-size:16px;font-weight:650;margin-top:2px;letter-spacing:-.01em}.plays-page{grid-area:page;min-height:0;overflow-y:auto;background:var(--bg)}.plays-inner{max-width:1180px;margin:0 auto;padding:30px 28px 56px}.plays-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.plays-title{margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em}.plays-sub{margin:3px 0 0;font-size:var(--fs-body);color:var(--text-faint)}.plays-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px}.plays-tabs button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--line);border-radius:99px;font-size:var(--fs-ui);font-weight:600;transition:background .12s,color .12s,border-color .12s}.plays-tabs button:hover{color:var(--text);border-color:#3a3a3a}.plays-tabs button.on{background:var(--field);color:var(--ink-off);border-color:var(--field)}.plays-tabs button:focus-visible{outline:none;border-color:var(--select-glow)}.plays-tab-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#ffffff12;color:var(--text-faint);font-size:var(--fs-label);font-weight:600;font-variant-numeric:tabular-nums}.plays-tabs button.on .plays-tab-count{background:#1717171a;color:var(--ink-off)}.plays-note{margin:-8px 0 22px;font-size:var(--fs-body);color:var(--text-faint)}.plays-group+.plays-group{margin-top:30px}.plays-group-title{margin:0 0 12px;font-size:var(--fs-body);font-weight:650;letter-spacing:.02em;color:var(--text-dim)}.plays-group-title{display:flex;align-items:center;gap:8px}.plays-group-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-grid;place-items:center;background:#ffffff12;color:var(--text-faint);font-size:var(--fs-label);font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}.plays-empty{margin:-4px 0 12px;font-size:var(--fs-body);color:var(--text-faint)}.plays-empty-state{display:grid;justify-items:center;gap:14px;padding:64px 16px;border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--text-faint);font-size:var(--fs-body)}.plays-empty-state p{margin:0}.plays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:14px}.card{position:relative;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:border-color .12s,background .12s}.card:hover{border-color:#3a3a3a}.card:focus-visible{outline:none;border-color:var(--accent-line)}.card.sel{border-color:var(--accent-line);background:var(--accent-soft)}.thumb{display:block;width:100%;background:var(--field)}.card-body{padding:7px 9px 8px}.card-name{font-size:var(--fs-body);font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{font-size:var(--fs-label);color:var(--text-faint);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{position:absolute;top:5px;right:5px;display:flex;gap:3px;opacity:0;transition:opacity .12s}.card:hover .card-actions,.card.sel .card-actions{opacity:1}.icon-btn{width:22px;height:22px;display:grid;place-items:center;background:#0f0f0fd1;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-dim);font-size:13px;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-btn:hover{color:var(--text);border-color:#3a3a3a}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.icon-btn:disabled{opacity:.3;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent-line);color:var(--accent-fg);font-weight:600}.btn.primary:hover{background:var(--accent-hi);color:var(--accent-fg)}.toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 14px;font-size:var(--fs-body);color:var(--text);box-shadow:0 10px 30px #00000080;animation:pop .14s ease-out;z-index:30}.toast.err{border-color:var(--danger);color:var(--danger)}.toast.warn{border-color:var(--warn);color:var(--warn)}.topbar{gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar .btn,.topbar .tools,.topbar .brand,.topbar .nav-links{flex:none;white-space:nowrap}.play-name{flex:0 1 190px;min-width:90px}@media(max-width:1060px){.tool kbd{display:none}}@media(max-width:760px){.app-editor,.app-editor.panel-shut{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "canvas"}.toast{bottom:auto;top:16px}.field-card{width:100%;height:calc(100dvh - 56px)}.hint{display:none}.dock{display:flex;position:fixed;top:56px;bottom:0;left:0;z-index:30;width:min(92vw,376px);box-shadow:12px 0 30px #00000073;transform:translate(-105%);transition:transform var(--dur-settle) var(--ease-settle)}.app-editor.drawer-open .dock{transform:none}.app-editor:not(.drawer-open) .dock{box-shadow:none}.rail{flex:none;width:56px}.sidebar,.app-editor.panel-shut .sidebar{visibility:visible;flex:1;min-width:0;padding:12px 12px 24px;border-right:1px solid var(--line)}.panel-scrim{display:block;position:fixed;inset:56px 0 0;z-index:29;background:#0006}}@media(max-width:760px)and (prefers-reduced-motion:reduce){.dock{transition:none}}@media(pointer:coarse){.curve-bar{padding:12px 16px}.curve-bar input[type=range]{width:160px;height:6px}.curve-bar input[type=range]::-webkit-slider-thumb{width:28px;height:28px}.curve-bar input[type=range]::-moz-range-thumb{width:28px;height:28px}}.sidebar{--outline: #33373a;--outline-hi: #4b5053;--radius-field: 8px;background:var(--panel);padding:12px 12px 24px;font-size:var(--fs-body)}.sidebar .sec{--tone: var(--text-dim);margin:0 0 10px;padding:0 4px}.sidebar .sec:last-child{margin-bottom:0}.sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar:hover,.sidebar:focus-within{scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:99px;border:3px solid transparent;background-clip:padding-box}.sidebar:hover::-webkit-scrollbar-thumb{background-color:#fff3}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#ffffff57}.sidebar .sec-field{--tone: var(--zone-green)}.sidebar .sec-formation,.sidebar .sec-offense{--tone: var(--zone-blue)}.sidebar .sec-defense{--tone: var(--ink-def)}.sidebar .sec-assign{--tone: var(--zone-purple)}.sidebar .sec-play{--tone: var(--zone-turquoise)}.sidebar .sec-head{display:flex;align-items:center;gap:12px;width:100%;height:56px;padding:0;background:transparent;border:0;color:var(--text);font-size:var(--fs-body);font-weight:650;letter-spacing:-.005em;text-align:left}.sidebar .sec-icon{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:color-mix(in srgb,var(--tone) 60%,#ffffff);background:color-mix(in srgb,var(--tone) 24%,var(--panel))}.sidebar .sec-name{flex:1;font-size:18px;font-weight:700;letter-spacing:-.01em}.sidebar .sec-count{margin-left:auto}.sidebar .sec-close{flex:none;width:32px;height:32px;padding:0;margin-right:-6px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-faint);transition:background .12s,color .12s}.sidebar .sec-close:hover{background:#ffffff14;color:var(--text)}.sidebar .sec-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--select-glow)}.sidebar .sec-body{padding:4px 0 18px;animation:sec-in var(--dur-pop) var(--ease-settle) backwards}@keyframes sec-in{0%{opacity:0;transform:translateY(-6px)}}.sidebar .sec-body>.sub-title:not(:first-child){margin-top:20px}.sidebar .sub-hint{margin:-4px 0 12px 4px;font-size:var(--fs-body);line-height:16px;color:var(--text-faint)}.sidebar .dist{display:flex;align-items:center;gap:12px;margin-top:16px}.sidebar .dist .sb-range{flex:1;margin:0 0 0 4px}.sidebar .dist-value{flex:none;min-width:44px;height:28px;padding:0 8px;border-radius:14px;display:grid;place-items:center;background:var(--panel-2);color:var(--text);font-size:var(--fs-ui);font-weight:650;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.sidebar .sec-body{animation:none}}.sec-count{font-size:var(--fs-label);font-weight:600;line-height:20px;color:var(--text-dim);background:var(--panel-2);border-radius:10px;padding:0 8px}.sidebar .row{gap:8px;margin-bottom:12px}.sidebar .field{display:block;position:relative;margin-bottom:16px}.sidebar .field-label{position:absolute;top:-8px;left:10px;z-index:1;padding:0 4px;background:var(--panel);font-size:var(--fs-label);font-weight:500;line-height:16px;color:var(--text-dim);pointer-events:none}.sidebar select,.sidebar input[type=text],.sidebar input[type=number],.sidebar textarea{height:40px;padding:0 12px;background:var(--raised);color:var(--text);border:1px solid var(--outline);border-radius:var(--radius-field);font-size:var(--fs-body);transition:border-color .12s,box-shadow .12s}.sidebar textarea{height:auto;padding:10px 12px;line-height:1.45}.sidebar select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 L6 6.5 L11 1.5' fill='none' stroke='%239ca3a7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.sidebar select:hover,.sidebar input[type=text]:hover,.sidebar input[type=number]:hover,.sidebar textarea:hover{border-color:var(--outline-hi)}.sidebar select:focus,.sidebar input[type=text]:focus,.sidebar input[type=number]:focus,.sidebar textarea:focus{border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16)}.sidebar .seg{height:36px;padding:3px;gap:2px;background:var(--panel-2);border:0;border-radius:10px;overflow:hidden}.sidebar .seg button{flex:1;padding:0 6px;border:0;border-radius:7px;background:transparent;color:var(--text-dim);font-size:var(--fs-ui);font-weight:500;transition:background .12s,color .12s,box-shadow .12s}.sidebar .seg button:hover:not([aria-pressed=true]){background:#ffffff0f;color:var(--text)}.sidebar .seg button[aria-pressed=true]{background:#3a3f42;color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000004d}.sidebar .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:20px;background:transparent;border:1px solid var(--outline);color:var(--text);font-size:var(--fs-ui);font-weight:600}.sidebar .btn:hover{background:var(--panel-2);border-color:var(--outline-hi);color:var(--text)}.sidebar .btn-primary{background:var(--brand-lime);border-color:var(--brand-lime);color:var(--brand-charcoal)}.sidebar .btn-primary:hover{background:var(--brand-lime-hi);border-color:var(--brand-lime-hi);color:var(--brand-charcoal)}.sidebar .btn:disabled{opacity:.4}.sidebar .form-save{gap:12px}.sidebar .form-save .row{justify-content:flex-end}.sidebar .form-save .form-pers{flex:0 0 64px;margin-right:auto}.sidebar .assign-group+.assign-group{margin-top:12px}.sidebar .assign-head{font-size:var(--fs-label);font-weight:600;letter-spacing:.02em;color:var(--text-dim);margin:0 0 4px 8px}.sidebar .assign-list{gap:2px}.sidebar .assign{min-height:40px;padding:4px 2px 4px 6px;gap:10px;background:transparent;border:0;border-radius:10px;font-size:var(--fs-body);transition:background .12s}.sidebar .assign:hover{background:var(--panel-2)}.sidebar .assign.sel{background:var(--raised)}.sidebar .assign-who{width:26px;height:26px;flex:none;border:2px solid var(--ink-off);border-radius:50%;background:#fff;color:var(--ink-off);font-size:var(--fs-label);font-weight:700}.sidebar .assign-what{font-weight:500;line-height:20px}.sidebar .assign-note{display:flex;align-items:flex-start;gap:6px;margin:4px 0 2px;padding:6px 8px;background:var(--raised);border-radius:8px;font-size:var(--fs-label);font-weight:400;line-height:17px;color:var(--text);white-space:normal;overflow:visible}.sidebar .assign-note svg{flex:none;margin-top:1px;color:var(--text-dim)}.sidebar .assign-note-text{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.sidebar .assign:has(.assign-note){align-items:flex-start}.sidebar .assign:has(.assign-note) .assign-who{margin-top:1px}.sidebar .assign-edit textarea.assign-notes{field-sizing:content;min-height:72px;max-height:320px;resize:vertical}.sidebar .assign-what{min-width:0}.sidebar .assign-noline .assign-what{color:var(--text-dim)}.sidebar .assign-depth{font-family:inherit;font-size:var(--fs-label);font-weight:500;color:var(--text-faint);font-variant-numeric:tabular-nums}.sidebar .assign-x{width:28px;height:28px;flex:none;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--text-dim);opacity:0;transition:opacity .12s,background .12s}.sidebar .assign:hover .assign-x,.sidebar .assign.sel .assign-x,.sidebar .assign-x:focus-visible{opacity:1}.sidebar .assign-x:hover{background:#ffffff14;color:var(--text)}@media(hover:none){.sidebar .assign-x{opacity:.7}}.sidebar .assign-item.open .assign{border-radius:10px 10px 0 0}.sidebar .assign-edit{gap:8px;padding:4px 10px 12px 42px;background:var(--raised);border:0;border-radius:0 0 10px 10px}.sidebar .assign-edit textarea{min-height:72px}.sidebar .assign-edit textarea,.sidebar .assign-edit input[type=text],.sidebar .assign-edit .select-btn,.sidebar .assign-edit .seg{background:var(--panel)}.sidebar .assign-timing{display:flex;flex-direction:column;gap:4px}.sidebar .assign-timing-label{font-size:var(--fs-label);font-weight:600;color:var(--text-dim);margin:2px 0 0 2px}.sidebar .assign-timing .seg button{flex:1 1 0;min-width:0;padding-left:2px;padding-right:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.sidebar .assign-technique{font-size:var(--fs-label);color:var(--text-dim);margin:0 0 0 2px;line-height:1.4}.sidebar .seg button:disabled{color:var(--text-dim);opacity:.55;cursor:not-allowed}.sidebar .seg button:disabled:hover{background:none}.sidebar .assign-timing-tag{font-size:var(--fs-label);font-weight:600;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.sidebar .empty{font-size:var(--fs-body);line-height:1.55}.sidebar .stat-grid{gap:8px}.sidebar .stat{background:var(--panel-2);border:0;border-radius:12px;padding:12px}.sidebar .stat-k{font-size:var(--fs-label);text-transform:none;letter-spacing:0;color:var(--text-dim)}.sidebar .stat-v{font-size:18px;margin-top:4px}.sidebar{font-feature-settings:"cv11","ss01"}.sidebar .seg.seg-kinds{height:56px;border-radius:16px}.sidebar .seg-kinds button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:var(--fs-ui)}.sidebar .seg-kinds button svg{color:var(--text-dim);transition:color .12s}.sidebar .seg-kinds button[aria-pressed=true] svg{color:var(--text)}.sidebar .assign{position:relative}.sidebar .assign.sel:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--select-glow)}.sidebar .assign.sel .assign-who{box-shadow:0 0 0 3px rgba(var(--glow-rgb),.35)}.drawbar{--db-btn: 48px;--db-lit: 128px;--db-dur: .38s;--db-ease: cubic-bezier(.32, .72, 0, 1);position:absolute;left:50%;top:calc(8px - var(--strip));z-index:15;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:99px;box-shadow:var(--ov-shadow);font-family:var(--font)}.drawbar button{position:relative;z-index:1;flex:none;width:var(--db-btn);height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;border:0;border-radius:99px;color:var(--ov-ink);font-size:var(--fs-ui);font-weight:600;transition:width var(--db-dur) var(--db-ease),color .2s ease-out,box-shadow .16s ease-out,transform var(--dur-press)}.drawbar button svg{flex:none}.drawbar button:focus-visible{outline:none;box-shadow:var(--ov-glow)}.drawbar button:active{transform:scale(.96)}.drawbar button.lit{width:var(--open, var(--db-lit));color:var(--ov-bg)}.drawbar button span{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;margin-left:0;opacity:0;transition:max-width var(--db-dur) var(--db-ease),margin var(--db-dur) var(--db-ease),opacity .2s ease-out}.drawbar button.lit span{max-width:72px;margin-left:8px;opacity:1;transition-delay:0s,0s,60ms}.drawbar-pill{position:absolute;left:0;top:0;z-index:0;border-radius:99px;background:var(--ov-ink);pointer-events:none}.drawbar.ready .drawbar-pill{transition:transform var(--db-dur) var(--db-ease),width var(--db-dur) var(--db-ease),height var(--db-dur) var(--db-ease)}.drawbar-sep{flex:none;width:1px;margin:8px 4px;background:#17171729}.drawbar button.drawbar-undo:disabled{opacity:.35;cursor:default;transform:none}.drawbar button[aria-pressed=true] svg{animation:kind-arrive var(--dur-pop) var(--ease-arrive) 60ms backwards}@keyframes kind-arrive{0%{transform:translate(-5px);opacity:.4}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.drawbar{--db-dur: 0ms}.drawbar button[aria-pressed=true] svg{animation:none}}@media(max-width:760px),(max-height:520px){:root{--strip: 0px}.drawbar{padding:3px;--db-lit: var(--db-btn)}.drawbar button span{display:none}}@media(max-width:760px)and (min-height:521px){:root{--tabbar: 60px}.canvas-wrap{padding:0 0 calc(var(--tabbar) + env(safe-area-inset-bottom))}.field-card{width:100%;aspect-ratio:auto;height:calc(100dvh - 56px - var(--tabbar) - env(safe-area-inset-bottom))}.drawbar{position:fixed;inset:auto 0 0;z-index:25;transform:none;justify-content:space-around;align-items:center;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding:0 2px env(safe-area-inset-bottom);border:0;border-top:1px solid rgba(23,23,23,.14);border-radius:0;box-shadow:0 -6px 18px #0000002e;--db-static: 1;gap:4px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 18px),transparent)}.drawbar::-webkit-scrollbar{display:none}.drawbar button[data-slot],.drawbar button[data-slot].lit{width:auto;padding:0 14px}.drawbar button[data-slot] span,.drawbar button[data-slot].lit span{display:inline-block;max-width:none;opacity:1;margin-left:7px}}@media(max-height:520px){.drawbar{--db-btn: 40px;flex-direction:column;left:calc(100% + 10px);bottom:auto;top:50%;transform:translateY(-50%)}.drawbar-sep{width:auto;height:1px;margin:4px 8px}}.sidebar .assign-opts{font-weight:500;font-size:var(--fs-label);color:var(--text-faint)}.sidebar .sub-title{font-size:var(--fs-ui);font-weight:600;color:var(--text-dim);margin:0 0 8px 4px}.sidebar .seg+.sub-title{margin-top:16px}.topbar{color-scheme:dark;--panel: #17191a;--panel-2: #212426;--raised: #212426;--menu: #2a2e30;--line: #33373a;--line-soft: #2a2e30;--text: #ffffff;--text-dim: #9ca3a7;--text-faint: #7f868a;--outline: #33373a;--outline-hi: #4b5053;--accent-line: var(--brand-lime);background:var(--brand-charcoal);color:var(--text);border-bottom:1px solid var(--line);padding:0 16px;gap:12px}.topbar .tools{height:40px;padding:0;gap:0;background:var(--raised);border:1px solid var(--outline);border-radius:20px;overflow:hidden}.topbar .tools .tool{height:100%;padding:0 16px;border-radius:0;border-left:1px solid var(--outline);color:var(--text);font-size:var(--fs-ui);font-weight:500}.topbar .tools .tool:first-child{border-left:0}.topbar .tools .tool:hover:not([aria-pressed=true]){background:var(--panel-2);color:var(--text)}.topbar .tools .tool[aria-pressed=true]{background:var(--brand-lime);color:var(--brand-charcoal);font-weight:600}.topbar .tools .tool[aria-pressed=true]+.tool{border-left-color:var(--brand-lime)}.topbar .nav-count{background:var(--panel-2);color:var(--text-dim);font-family:inherit;font-size:var(--fs-label);border-radius:9px;padding:1px 6px}.topbar .tool kbd{border-color:currentColor;opacity:.5;font-family:inherit;font-size:var(--fs-label);line-height:16px;padding:0 4px}.topbar .panel-toggle{width:40px;height:40px;padding:0;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--text-dim);background:transparent}.topbar .panel-toggle:hover{background:var(--panel-2);color:var(--text)}.topbar .panel-toggle[aria-pressed=true]{background:transparent;color:var(--text)}.topbar .panel-toggle svg{width:20px;height:20px}.topbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:20px;background:transparent;border:1px solid var(--outline);color:var(--text);font-size:var(--fs-ui);font-weight:600}.topbar .btn:hover{background:var(--panel-2);border-color:var(--outline-hi);color:var(--text)}.topbar .btn.primary{background:var(--brand-lime);border-color:var(--brand-lime);color:var(--brand-charcoal)}.topbar .btn.primary:hover{background:var(--brand-lime-hi);border-color:var(--brand-lime-hi);color:var(--brand-charcoal)}.topbar .btn:disabled{opacity:.4}.topbar .play-name{height:40px;padding:0 12px;background:transparent;color:var(--text);border:1px solid transparent;border-radius:8px;font-size:var(--fs-body);font-weight:600;transition:border-color .12s,box-shadow .12s,background .12s}.topbar .play-name:hover{border-color:var(--outline)}.topbar .play-name:focus{background:var(--raised);border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16)}.topbar .play-name{font-weight:500;color:var(--text-dim)}.topbar .btn.primary{position:relative}.topbar .btn.primary.dirty:after{content:"";position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--brand-charcoal);box-shadow:0 0 0 2px var(--brand-lime)}.topbar{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);gap:16px}.tb-left,.tb-centre,.tb-right{display:flex;align-items:center}.tb-left{gap:24px}.tb-centre{gap:6px}.tb-right{gap:20px;justify-content:flex-end}.tb-left>*,.tb-right>*{flex:none}.tb-left{align-self:stretch}.topbar .brand{display:grid;place-items:center;width:40px;height:40px}.topbar .brand picture{display:contents}.topbar .brand-logo{width:24px;height:24px;transform:none}@media(min-width:761px){.topbar button.brand{align-self:stretch;width:auto;height:auto;padding:0 20px 0 17px;margin-left:-16px;border-radius:0}.topbar .brand-logo{width:auto;height:24px}.app-editor .topbar .brand:hover{background:var(--raised)}}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;color:var(--text-dim);font-size:var(--fs-ui);font-weight:500;text-decoration:none;transition:color .12s}.nav-link:hover{color:var(--text)}.nav-link[aria-current=page]{color:var(--text);font-weight:650}.nav-link[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:1px;background:var(--brand-lime)}.nav-link:focus-visible{outline:none;border-radius:6px;box-shadow:0 0 0 2px var(--select-glow)}.tb-play{display:flex;align-items:center;gap:4px;min-width:0}.topbar .tb-play .play-name{flex:0 1 auto;field-sizing:content;width:auto;min-width:120px;max-width:380px;font-size:var(--fs-body);font-weight:650;color:var(--text)}@supports not (field-sizing: content){.topbar .tb-play .play-name{width:240px}}.topbar .btn.file-btn{gap:6px;padding:0;border:0;border-radius:6px;background:none;color:var(--text-dim);font-size:var(--fs-ui);font-weight:500;transition:color .12s}.topbar .btn.file-btn:hover,.topbar .btn.file-btn.open{background:none;color:var(--text)}.topbar .btn.file-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--select-glow)}.topbar .file-btn svg{color:currentColor;transition:transform var(--dur-settle) var(--ease-settle)}.topbar .file-btn.open svg{transform:rotate(180deg)}.topbar .btn.primary+.account-btn{margin-left:-8px}.topbar .account-btn{width:34px;height:34px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--field);color:var(--ink-off);border:var(--ov-edge);font-weight:700;font-size:14px;cursor:pointer}.topbar .account-btn:hover,.topbar .account-btn.open{background:var(--panel-2)}.topbar .account-btn:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.menu-heading{display:flex;flex-direction:column;gap:2px;padding:6px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--outline);font-size:var(--fs-ui);color:var(--text-faint)}.menu-heading-link{cursor:pointer;border-radius:8px 8px 0 0}.menu-heading-link:hover{background:var(--panel-2)}.menu-heading-link:hover b{text-decoration:underline}.menu-heading b{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.select-menu.file-menu{position:fixed;left:auto;min-width:210px;z-index:60;animation:chip-pop var(--dur-pop) var(--ease-arrive) backwards;transform-origin:top right}@media(min-width:761px){.topbar .phone-only{display:none}}@media(max-width:960px){.topbar .tb-play .play-name{max-width:220px}}.line-delete{cursor:pointer}.line-delete-body{animation:line-delete-in var(--dur-pop) var(--ease-arrive) backwards;transform-box:fill-box;transform-origin:center}.line-delete-disc{fill:var(--ov-bg);stroke:var(--ov-ink);stroke-width:2;filter:drop-shadow(0 2px 4px rgba(23,23,23,.22));transition:fill var(--dur-settle) var(--ease-settle)}.line-delete:hover .line-delete-disc{fill:var(--brand-lime);stroke:var(--ov-ink)}@keyframes line-delete-in{0%{opacity:0;transform:scale(.4)}}@media(prefers-reduced-motion:reduce){.line-delete-body{animation:none}}.los-grip{position:absolute;z-index:14;transform:translateY(-50%)}.los-grip-l{right:calc(100% + 8px)}.los-grip-r{left:calc(100% + 8px)}.los-grip button{width:28px;height:36px;padding:0;display:grid;place-items:center;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:99px;box-shadow:var(--ov-shadow);cursor:ns-resize;touch-action:none;transition:box-shadow .16s ease-out,transform var(--dur-press)}.los-grip button:hover,.los-grip button:focus-visible{outline:none;box-shadow:var(--ov-shadow),var(--ov-glow)}.los-grip button:active{transform:scale(.95)}.los-grip-label{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:3px 9px;border-radius:99px;background:var(--ov-ink);color:var(--ov-bg);font-size:var(--fs-label);font-weight:700;line-height:16px;white-space:nowrap;pointer-events:none}.los-aim{position:absolute;left:0;right:0;z-index:13;height:0;border-top:2px dashed var(--ink-off);transform:translateY(-1px);pointer-events:none}.los-grip-l{right:auto;left:8px}.los-grip-r{left:auto;right:8px}.los-grip-l .los-grip-label{left:0;transform:none}.los-grip-r .los-grip-label{left:auto;right:0;transform:none}.sidebar .sub-title .sub-value{float:right;margin-right:4px;color:var(--text);font-weight:600}.sidebar .down-dist{margin:16px 0 0;gap:8px}.sidebar .down-dist .field{margin:0}.zones .zone{mix-blend-mode:multiply}.zone-label-body{stroke:none}.zone-label.on .zone-label-body{stroke:var(--ov-ink);stroke-width:1.6}.zone-label.on .zone-label-text{font-weight:700}.zone-label:hover .zone-label-body{stroke:var(--ov-ink);stroke-width:1.2;stroke-opacity:.8}.zone-panel{max-width:250px}.zone-swatches{display:flex;align-items:center;gap:6px;margin-top:8px}.zone-swatch{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid var(--ov-bg);box-shadow:0 0 0 1px #17171740;cursor:pointer}.zone-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink-off)}.zone-swatch:hover{box-shadow:0 0 0 2px var(--select-glow)}.zone-delete{margin-left:auto}.sidebar .uncovered{margin:0 0 12px 4px;font-size:var(--fs-body);color:var(--text-dim)}.sidebar .uncovered b{color:var(--ink-def);font-weight:700}.sidebar .uncovered.all{color:var(--text-faint)}.sidebar .cov-hint{margin:-8px 0 16px 4px;font-size:var(--fs-body);color:var(--text-faint)}.sb-range{-webkit-appearance:none;appearance:none;display:block;width:calc(100% - 8px);height:4px;margin:4px 4px 18px;background:var(--line);border-radius:99px;outline:none;cursor:pointer}.sb-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:99px;background:var(--text);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--text);transition:transform var(--dur-settle) var(--ease-settle),background var(--dur-settle)}.sb-range::-moz-range-thumb{width:12px;height:12px;border-radius:99px;background:var(--text);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--text)}.sb-range:hover::-webkit-slider-thumb{transform:scale(1.12)}.sb-range:active::-webkit-slider-thumb,.sb-range:focus-visible::-webkit-slider-thumb{background:var(--select-glow);box-shadow:0 0 0 1px var(--select-glow)}.drawbar-switch{position:relative;z-index:1;flex:none;display:flex;align-items:center;height:40px;padding:3px;gap:0;border-radius:99px;background:#17171712}.drawbar-switch-knob{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:99px;background:var(--ov-ink);transition:transform var(--db-dur) var(--db-ease)}.drawbar-switch.defense .drawbar-switch-knob{transform:translate(100%)}.drawbar .drawbar-switch button{position:relative;z-index:1;width:48px;height:34px;padding:0;gap:4px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:99px;color:var(--ov-ink);font-size:var(--fs-ui);font-weight:700;transition:color .2s ease-out}.drawbar .drawbar-switch button span{display:inline;max-width:none;opacity:1;margin:0}.drawbar .drawbar-switch button[aria-checked=true]{color:var(--ov-bg)}.drawbar .drawbar-switch button:hover:not([aria-checked=true]){color:var(--ov-ink);background:rgba(var(--glow-rgb),.55)}.drawbar .drawbar-switch button:focus-visible{outline:none;box-shadow:var(--ov-glow)}@media(max-height:520px){.drawbar-switch{flex-direction:column;height:auto;width:40px}.drawbar-switch-knob{width:calc(100% - 6px);height:calc(50% - 3px)}.drawbar-switch.defense .drawbar-switch-knob{transform:translateY(100%)}.drawbar .drawbar-switch button{width:34px;height:40px}}@media(prefers-reduced-motion:reduce){.drawbar-switch-knob{transition:none}}.cam-buttons{position:absolute;right:10px;bottom:10px;z-index:14;display:flex;gap:6px}.cam-btn{height:32px;padding:0 14px;border-radius:99px;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);box-shadow:var(--ov-shadow);font-size:var(--fs-ui);font-weight:700;cursor:pointer;transition:box-shadow .16s ease-out,transform var(--dur-press)}.cam-btn:hover,.cam-btn:focus-visible{outline:none;box-shadow:var(--ov-shadow),var(--ov-glow)}.cam-btn:active{transform:scale(.95)}.cam-run{display:inline-flex;align-items:center;gap:6px;padding-left:12px}.drawbar.playbar{align-items:center;gap:4px;padding:4px 6px 4px 4px;animation:playbar-in var(--dur-settle) ease-out}@keyframes playbar-in{0%{opacity:0}}.playbar button{width:40px}.playbar button:hover{color:var(--ov-ink);background:rgba(var(--glow-rgb),.55)}.playbar .playbar-rate{width:44px;font-variant-numeric:tabular-nums}.playbar-track{position:relative;width:300px;height:40px;display:flex;align-items:center;margin:0 6px}.playbar-track input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:0;border-radius:99px;cursor:pointer;background:linear-gradient(to right,var(--ov-ink) var(--pct, 0%),rgba(23,23,23,.16) var(--pct, 0%))}.playbar-track input[type=range]:focus-visible{outline:none;box-shadow:var(--ov-glow)}.playbar-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ov-bg);border:2px solid var(--ov-ink);transition:transform var(--dur-press),border-color .16s ease-out}.playbar-track input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ov-bg);border:2px solid var(--ov-ink)}.playbar-track input[type=range]:hover::-webkit-slider-thumb{background:var(--brand-lime);transform:scale(1.1)}.playbar-snap{position:absolute;top:50%;width:2px;height:14px;margin:-7px 0 0 -1px;border-radius:1px;background:var(--ov-ink);opacity:.55;pointer-events:none}@media(max-width:760px)and (min-height:521px){.drawbar.playbar{justify-content:center;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0 8px env(safe-area-inset-bottom)}.playbar-track{flex:1;width:auto}}@media(max-height:520px){.drawbar.playbar{flex-direction:row;left:50%;top:auto;bottom:8px;transform:translate(-50%)}.playbar-track{width:220px}.playbar .drawbar-sep{width:1px;height:auto;margin:8px 4px}}@media(prefers-reduced-motion:reduce){.drawbar.playbar{animation:none}}.sidebar .sub-gap{height:22px}.vis-pop{--line: rgba(23, 23, 23, .16);--text: var(--ov-ink);--panel: var(--ov-bg);position:absolute;left:50%;top:8px;z-index:26;transform:translate(-50%);display:grid;gap:10px;width:260px;padding:12px 14px;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:18px;box-shadow:var(--ov-shadow);animation:vis-pop-in var(--dur-pop) var(--ease-arrive) backwards}@keyframes vis-pop-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.96)}}.vis-row{display:flex;align-items:center;gap:12px}.vis-row .sb-range{flex:1;width:auto;margin:0}.vis-side{flex:none;width:26px;height:26px;border-radius:99px;display:grid;place-items:center;font-size:var(--fs-label);font-weight:800;border:2px solid var(--ov-ink)}.vis-side.offense{background:var(--ov-ink);color:var(--ov-bg)}.vis-side.defense{color:var(--ink-def);border-color:var(--ink-def)}.vis-pct{flex:none;width:38px;text-align:right;font-size:var(--fs-label);font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:760px)and (min-height:521px){.vis-pop{position:fixed;top:auto;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 10px);animation-name:vis-pop-up}@keyframes vis-pop-up{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}}}@media(max-height:520px){.vis-pop{left:auto;right:8px;top:50%;transform:translateY(-50%);animation:none}}@media(prefers-reduced-motion:reduce){.vis-pop{animation:none}}.select{position:relative}.sidebar .select-btn{display:flex;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;background:var(--raised);color:var(--text);border:1px solid var(--outline);border-radius:var(--radius-field);font-size:var(--fs-body);text-align:left;transition:border-color .12s,box-shadow .12s}.sidebar .select-btn:hover{border-color:var(--outline-hi)}.sidebar .select-btn:focus-visible,.sidebar .select.open .select-btn{outline:none;border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16)}.select-value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-hint{flex:none;font-size:var(--fs-ui);color:var(--text-faint);font-variant-numeric:tabular-nums}.select-chev{flex:none;color:var(--text-dim);transition:transform var(--dur-settle) var(--ease-settle)}.select.open .select-chev{transform:rotate(180deg)}.select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--menu);color:var(--text);border:1px solid var(--outline);border-radius:12px;box-shadow:0 12px 32px #17171729,0 2px 6px #17171714;animation:select-in var(--dur-settle) var(--ease-settle);scrollbar-width:thin}@keyframes select-in{0%{opacity:0;transform:translateY(-4px)}}.select-group+.select-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--line-soft)}.select-group-label{padding:8px 10px 4px;font-size:var(--fs-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.select-item{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:8px;font-size:var(--fs-ui);cursor:pointer}.select-item.active,.select-item.on{background:var(--panel-2)}.select-item.on{font-weight:600}.select-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-item-hint{flex:none;font-size:var(--fs-ui);font-weight:500;color:var(--text-faint);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.select-menu{animation:none}.select-chev{transition:none}}.sys-inner{max-width:760px;margin:0 auto;padding:30px 28px 56px}.sys-section+.sys-section{margin-top:48px}.sys-hint{margin:0 0 16px;font-size:var(--fs-body);line-height:1.5;color:var(--text-faint)}.sys-sub{margin:40px 0 12px;font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.sys-sub:first-child{margin-top:0}.sys-main>.sys-hint+.sys-body .sys-panel>.sys-sub:first-child,.sys-main>.sys-hint+.sys-body .sys-panel>.pos-groups:first-child{margin-top:22px}.su-blurb~.sys-panel>.sys-sub:first-child,.su-blurb~.sys-panel>.pos-groups:first-child{margin-top:20px}.sys-page input[type=text]{height:40px;font-size:var(--fs-body)}.sys-page .btn{min-height:40px}.sys-add{margin-top:12px}.sys-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.sys-template{display:grid;gap:3px;text-align:left;padding:12px 14px;min-height:64px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .12s,background .12s}.sys-template:hover{border-color:var(--select-glow)}.sys-template:focus-visible{outline:none;border-color:var(--select-glow)}.sys-template-name{font-size:var(--fs-body);font-weight:650;color:var(--text)}.sys-template-blurb{font-size:var(--fs-body);color:var(--text-faint);line-height:1.4}.pos-list,.pers-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pos-row{display:grid;grid-template-columns:64px minmax(0,1fr) 40px;gap:8px;align-items:center;padding:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md)}.pos-row:focus-within{border-color:var(--accent-line)}.pos-letter{text-align:center;font-weight:700;font-family:var(--mono)}.pos-remove{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-faint)}.pos-remove:hover,.pos-remove:focus-visible{outline:none;color:var(--danger);border-color:var(--danger)}.pos-look{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.pos-role{flex:0 0 140px}.pos-swatches,.pos-shapes{display:flex;gap:4px}.pos-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--panel-2);box-shadow:0 0 0 1px var(--line);transition:box-shadow .12s,transform var(--dur-press) var(--ease-settle)}.pos-swatch:hover,.pos-swatch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--select-glow)}.pos-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.pos-shape{width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-dim)}.pos-shape:hover,.pos-shape:focus-visible{outline:none;border-color:var(--select-glow);color:var(--text)}.pos-shape[aria-pressed=true]{background:var(--field);border-color:var(--field);color:var(--ink-off)}.pos-used{margin-left:auto;font-size:var(--fs-label);color:var(--text-faint);font-variant-numeric:tabular-nums}.sys-page{color-scheme:light;--bg: #f4f3f0;--panel: #ffffff;--panel-2: #ffffff;--line: #e2dfd8;--line-soft: #ecEAe5;--text: #171717;--text-dim: #55524c;--text-faint: #6b675f;--accent: #17191a;--accent-hi: #2a2e30;--accent-fg: #ffffff;--accent-line: #aaa59b;--accent-soft: rgba(var(--glow-rgb), .07);--outline: #d6d2ca;--outline-hi: #aaa59b;--radius-field: 8px;--warn: #9a5f0c;--select-glow: #17191a;--glow-rgb: 23, 25, 26;--raised: #ffffff;--menu: #ffffff;background:var(--bg);color:var(--text)}.sys-page .plays-group-count{background:#1717170f}.sys-page input[type=text],.sys-page input[type=number],.sys-page select{padding:0 12px;background:#fff;color:var(--text);border:1px solid var(--outline);border-radius:var(--radius-field);transition:border-color .12s,box-shadow .12s}.sys-page input[type=text]:hover,.sys-page select:hover{border-color:var(--outline-hi)}.sys-page input[type=text]:focus,.sys-page select:focus{border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16)}.sys-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:20px;background:#fff;border:1px solid var(--outline);color:var(--text);font-size:var(--fs-ui);font-weight:600}.sys-page .btn:hover{background:#f4f3f0;border-color:var(--outline-hi);color:var(--text)}.sys-page .seg{background:#fff;border:1px solid var(--outline);border-radius:20px}.sys-page .seg button{border-left:1px solid var(--outline);color:var(--text)}.sys-page .seg button:first-child{border-left:0}.sys-page .seg button:hover:not([aria-pressed=true]){background:#f4f3f0}.sys-page .seg button[aria-pressed=true],.sys-page .words-presets .btn[aria-pressed=true],.sys-page .pos-shape[aria-pressed=true]{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.sys-page .pos-row,.sys-page .sys-template{box-shadow:0 1px 2px #1717170a}.sys-page .pos-swatch{border-color:#fff;box-shadow:0 0 0 1px var(--outline)}.sys-page .pos-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink-off)}.ol-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sys-page .ol-input{text-align:center;font-weight:700;font-family:var(--mono);padding:0 4px}.pos-groups{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}.pos-group .sys-sub{margin-top:0}.pos-groups .pos-tiles{flex-direction:column;flex-wrap:nowrap;align-items:flex-start}.pos-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.pos-tile{display:grid;place-items:center}.pos-tile-fixed{width:56px;height:56px}.pos-standard-group{margin-top:40px}.pos-tile-btn,.pos-tile-add{width:56px;height:56px;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:50%;transition:transform var(--dur-press) var(--ease-settle),box-shadow .12s}.pos-tile-btn:hover{transform:scale(1.06)}.pos-tile-btn:active{transform:scale(.96)}.pos-tile-btn:focus-visible,.pos-tile-add:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--glow-rgb),.35)}.pos-tile-btn[aria-expanded=true]{box-shadow:0 0 0 3px var(--select-glow)}.pos-tile-add{width:44px;height:44px;margin:6px;border:2px dashed var(--outline);color:var(--text-dim)}.pos-tile-add:hover{border-color:var(--outline-hi);color:var(--text);background:#fff}.letter-ring{position:fixed;top:0;left:0;z-index:80}@media(prefers-reduced-motion:reduce){.pos-tile-btn,.pos-tile-add{transition:none}}.pos-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pos-standard{margin:8px 0 0;font-size:var(--fs-body);line-height:1.5;color:var(--text-dim)}.pos-mark{position:relative;display:grid;place-items:center;width:52px;height:52px;justify-self:center}.pos-mark .pos-marker{position:absolute;inset:0;pointer-events:none}:is(.sys-page,.type-layer) .pos-mark input.pos-letter{position:relative;width:36px;height:36px;padding:0;background:transparent;border:0;border-radius:50%;box-shadow:none;font-family:inherit;font-weight:700;font-size:17px;text-align:center;caret-color:currentColor}:is(.sys-page,.type-layer) .pos-mark input.pos-letter.len-2{font-size:14px}:is(.sys-page,.type-layer) .pos-mark input.pos-letter.len-3{font-size:11px}:is(.sys-page,.type-layer) .pos-mark.tri input.pos-letter{height:30px;margin-bottom:8px}:is(.sys-page,.type-layer) .pos-mark input.pos-letter:hover{border:0}:is(.sys-page,.type-layer) .pos-mark input.pos-letter:focus{border:0;box-shadow:0 0 0 3px rgba(var(--glow-rgb),.35)}.pos-standard b{font-family:var(--mono);font-weight:700;color:var(--text)}.pers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pers-tile{display:grid;justify-items:center;gap:2px;min-height:72px;padding:10px 6px;background:var(--panel-2);color:var(--text);border:1px solid var(--outline, var(--line));border-radius:var(--r-md);transition:background .12s,border-color .12s,color .12s,transform var(--dur-press) var(--ease-settle)}.pers-tile:hover{border-color:var(--outline-hi, var(--accent-line))}.pers-tile:focus-visible{outline:none;border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16)}.pers-tile:active{transform:scale(.97)}.pers-tile[aria-pressed=true]{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.pers-tile-code{font-family:var(--mono);font-size:22px;font-weight:700;line-height:1.1}.pers-tile-makeup{font-size:var(--fs-ui);color:var(--text-faint);white-space:nowrap}.pers-tile[aria-pressed=true] .pers-tile-makeup{color:#ffffffb8}.pers-grid+.sys-sub{margin-top:32px}.pers-grid~.pers-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 24px}@media(prefers-reduced-motion:reduce){.pers-tile{transition:none}.pers-tile:active{transform:none}}.pers-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.pers-code{height:40px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);font-weight:700;color:var(--text)}.words-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.words-presets .btn[aria-pressed=true]{background:var(--field);border-color:var(--field);color:var(--ink-off)}.words-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px}.words-field{display:grid;gap:5px;font-size:var(--fs-ui);color:var(--text-dim)}.pos-role{color-scheme:light;--panel: #ffffff;--panel-2: #f4f3f0;--line: #e2dfd8;--line-soft: #ecEAe5;--text: #171717;--text-dim: #55524c;--text-faint: #8c887f;--outline: #d6d2ca;--outline-hi: #aaa59b;--radius-field: 8px}.pos-role .select-btn{display:flex;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;background:#fff;color:var(--text);border:1px solid var(--outline);border-radius:var(--radius-field);font-size:var(--fs-body);text-align:left;transition:border-color .12s,box-shadow .12s}.pos-role .select-btn:hover{border-color:var(--outline-hi)}.pos-role .select-btn:focus-visible,.pos-role .select.open .select-btn{outline:none;border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16)}.form-pers-nick{flex:0 1 auto;align-self:center;font-size:var(--fs-ui);color:var(--text-dim);white-space:nowrap}@media(max-width:760px){.sys-inner{padding:20px 16px 48px}.pos-role{flex:1 1 100%}.pos-swatch{width:40px;height:40px}.pos-shape{width:44px;height:44px}.pos-used{margin-left:0}}@media(prefers-reduced-motion:reduce){.pos-swatch{transition:none}}.fm-name{font-weight:600}.fm-rule{max-width:360px}.fm-rule button{min-height:40px;font-size:var(--fs-ui)}.sys-page .seg button[aria-pressed=true]{background:var(--ink-off);color:#fff}.fm-check{grid-column:1 / -1;margin:0;font-size:var(--fs-body);line-height:1.45;color:var(--text-faint)}.fm-check.warn{color:var(--warn)}.fm-templates{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.fm-templates-label{flex-basis:100%;font-size:var(--fs-label);color:var(--text-faint)}.form-check{margin:0;font-size:var(--fs-body);line-height:1.45;color:var(--text-faint)}.form-check.warn{color:#9a5f0c}.check-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--warn);vertical-align:middle}.plays-sub-title{margin:18px 0 10px;font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.plays-sub-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 8px 0 4px;margin-left:-4px;background:none;border:0;border-radius:6px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .12s}.plays-sub-toggle:hover{color:var(--text)}.plays-sub-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--select-glow)}.plays-sub-chev{transition:transform var(--dur-settle) var(--ease-settle)}.plays-sub-toggle[aria-expanded=true] .plays-sub-chev{transform:rotate(90deg)}.plays-sub-count{font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.8}@media(prefers-reduced-motion:reduce){.plays-sub-chev{transition:none}}.card-template{display:block;width:100%;padding:0;text-align:left;color:inherit;font:inherit;opacity:.78}.card-template:hover,.card-template:focus-visible{opacity:1}@media(hover:none){.card-actions{opacity:1}.card-actions .icon-btn{width:32px;height:32px;font-size:15px}}.sheet-wrap{position:fixed;inset:0;z-index:60}.sheet-scrim{position:absolute;inset:0;background:#00000073}.sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(520px,100%);padding:20px 20px calc(16px + env(safe-area-inset-bottom));background:var(--panel);color:var(--text);border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -12px 40px #00000080;animation:sheet-up var(--dur-pop) var(--ease-arrive)}.sheet-title{margin:0 0 6px;font-size:17px;font-weight:650;letter-spacing:-.01em}.sheet-blurb{margin:0 0 12px;font-size:var(--fs-body);line-height:1.45;color:var(--text-dim)}.sheet-notes{margin:0 0 14px;padding-left:18px;font-size:var(--fs-body);line-height:1.45;color:var(--warn)}.sheet-notes li+li{margin-top:4px}.sheet-actions{display:flex;gap:8px}.sheet-actions .btn{flex:1;min-height:48px;font-size:var(--fs-ui)}@keyframes sheet-up{0%{transform:translate(-50%,24px);opacity:0}}.undo-toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:55;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:6px 6px 6px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 10px 30px #00000080;font-size:var(--fs-body);color:var(--text)}.undo-toast .btn{min-height:36px;flex:none}.fe-bar{position:absolute;left:50%;top:calc(8px - var(--strip));z-index:15;transform:translate(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:4px 4px 4px 18px;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:99px;box-shadow:var(--ov-shadow);font-family:var(--font);white-space:nowrap}.fe-title{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;margin-right:8px}.fe-kicker{font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.fe-name{font-size:var(--fs-body);font-weight:700}.fe-note{font-size:var(--fs-body);opacity:.6;overflow:hidden;text-overflow:ellipsis}.fe-note.warn{color:#9a5f0c;opacity:1}.fe-bar button{flex:none;height:40px;padding:0 16px;background:transparent;border:0;border-radius:99px;color:var(--ov-ink);font-size:var(--fs-ui);font-weight:600;transition:box-shadow .16s ease-out,transform var(--dur-press)}.fe-bar button:hover,.fe-bar button:focus-visible{outline:none;box-shadow:var(--ov-glow)}.fe-bar button:active{transform:scale(.96)}.fe-bar .fe-save{background:var(--ov-ink);color:var(--ov-bg)}@media(max-width:760px)and (min-height:521px){.fe-bar{position:fixed;inset:auto 0 0;z-index:25;transform:none;max-width:none;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom) 14px;border:0;border-top:1px solid rgba(23,23,23,.14);border-radius:0;box-shadow:0 -6px 18px #0000002e}.fe-title{flex:1}.fe-kicker,.fe-note{display:none}.fe-bar button{padding:0 12px;height:44px}.undo-toast{bottom:calc(var(--tabbar, 0px) + 12px + env(safe-area-inset-bottom))}}@media(max-height:520px){.fe-note{display:none}}@media(max-width:760px){.fm-rule button,.fm-templates .btn{min-height:44px}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}.fe-bar button{transition:none}}.rt-num{text-align:center;font-weight:700;font-family:var(--mono)}.rt-name{font-weight:600}.rt-preview{color:var(--text)}.rt-look{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.rt-base{flex:0 0 170px}.rt-depth{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);color:var(--text-faint)}.sys-page .rt-depth input{width:76px;height:40px;font-size:var(--fs-body);font-variant-numeric:tabular-nums}.sys-page .rt-depth input:focus{border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16);outline:none}.rt-order{display:flex;gap:4px}.rt-order .pos-shape:disabled{opacity:.35}.rt-who{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px}.rt-chip{min-width:36px;height:36px;padding:0 8px;background:transparent;border:1px solid var(--line);border-radius:18px;font-family:var(--mono);font-weight:700;font-size:var(--fs-ui);color:var(--text-dim);transition:border-color .12s,background .12s}.rt-chip:hover,.rt-chip:focus-visible{outline:none;border-color:var(--select-glow);color:var(--text)}.rt-chip[aria-pressed=true]{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.assign-num{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;margin-right:6px;border-radius:9px;vertical-align:1px;background:var(--ink-off);color:var(--field);font-size:var(--fs-label);font-weight:700;font-variant-numeric:tabular-nums}.assign-save{align-self:flex-start}@media(max-width:760px){.rt-base{flex:1 1 100%}.rt-chip{min-width:44px;height:44px}.rt-order .pos-shape{width:44px;height:44px}.sys-page .rt-depth input{height:44px}.assign-save{min-height:44px}}@media(prefers-reduced-motion:reduce){.rt-chip{transition:none}}.pr-row{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md)}.pr-row:focus-within{border-color:var(--accent-line)}.sys-page .pr-row{box-shadow:0 1px 2px #1717170a}.pr-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.pr-cards>.pr-row:has(details[open]){grid-column:1 / -1}.pr-summary{display:grid;gap:10px;padding:10px 10px 12px;list-style:none;cursor:pointer;border-radius:var(--r-md)}.pr-summary::-webkit-details-marker{display:none}.pr-summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--select-glow)}.pr-thumb{display:block}.pr-thumb .pr-drawing{display:block;width:100%;height:auto;border-radius:var(--r-sm);border:1px solid var(--line)}details[open]>.pr-summary .pr-thumb{display:none}.pr-summary-line{display:flex;align-items:center;gap:12px;min-height:28px;padding:0 6px}.pr-summary-line .pos-used{margin-left:auto}.pr-summary-line:after{content:"";flex:none;width:7px;height:7px;margin:-4px 2px 0 0;border-right:1.6px solid var(--text-faint);border-bottom:1.6px solid var(--text-faint);transform:rotate(45deg)}details[open]>.pr-summary .pr-summary-line:after{transform:rotate(225deg);margin-top:4px}.pr-summary-name{font-size:var(--fs-body);font-weight:650;color:var(--text)}.pr-body{display:grid;gap:10px;padding:2px 12px 14px}.pr-panel>.pr-body{padding:0}.pr-head{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.pr-panel>.pr-body .pr-head{grid-template-columns:minmax(0,1fr)}.pr-name{font-weight:600}.pr-look{display:flex;flex-wrap:wrap;gap:8px}.pr-kind{flex:0 1 180px}.pr-aim{flex:1 1 340px}.pr-look .seg button,.pr-toward button,.pr-preview-side button,.pr-side button{flex:1;min-height:40px;font-size:var(--fs-ui)}.pr-side button:disabled{opacity:.35;cursor:default}.pr-hot-hint{margin:6px 0 0}.sidebar .pr-block{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.sidebar .pr-block-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-ui);font-weight:650;color:var(--text)}.sidebar .pr-block-head svg{flex:none;color:var(--text-dim)}.sidebar .pr-block-sub{margin-left:auto;font-size:var(--fs-label);font-weight:500;color:var(--text-faint)}.sidebar .pr-block .pr-side{margin:0}.sidebar .pr-block .seg{background:var(--panel)}.sidebar .pr-block .pr-hot-hint{margin:0 0 0 2px}.sidebar .seg.play-type button{font-weight:600}.pr-preview{display:grid;gap:8px;justify-items:center}.pr-preview .pr-drawing{display:block;width:100%;max-width:480px;height:auto;border:1px solid var(--line);border-radius:var(--r-sm)}.pr-preview-side{width:min(220px,100%)}.pr-sub{margin:8px 0 0;font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.pr-rules{list-style:none;margin:0;padding:0;display:grid}.pr-rule{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 0;border-top:1px solid var(--line-soft)}.pr-rule:first-child{border-top:0}.pr-slot{flex:none;display:grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:12px;background:var(--ink-off);color:var(--field);font-family:var(--mono);font-size:var(--fs-label);font-weight:700}.pr-slot-name{flex:1 1 110px;font-size:var(--fs-ui);color:var(--text-dim)}.pos-role.pr-job,.pos-role.pr-uncovered{flex:1 1 190px}.pos-role.pr-who{flex:1 1 150px}.pr-toward{flex:1 1 190px}.pr-note{flex:1 1 160px;min-width:0}.pr-skill .pos-remove{margin-left:auto}.pr-hot{display:flex;flex-wrap:wrap;gap:8px}.pr-hot-text{flex:1 1 100%}.pr-sheet{width:min(760px,100%);max-height:calc(100dvh - 12px);display:flex;flex-direction:column;gap:12px}.pr-sheet>.pr-panel{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}.pr-sheet-actions{flex:none}.sys-page .btn.primary:hover{background:#2a2a2a;border-color:var(--select-glow);color:#fff}@media(max-width:760px){.pr-body{padding:2px 10px 12px}.pr-kind,.pr-aim{flex:1 1 100%}.pr-look .seg button,.pr-toward button,.pr-preview-side button,.pr-side button{min-height:44px}.pr-panel .pos-role .select-btn,.pr-panel input[type=text]{height:44px}.pr-slot-name{flex-basis:calc(100% - 50px)}.pos-role.pr-job,.pos-role.pr-uncovered,.pos-role.pr-who,.pr-toward,.pr-note{flex-basis:100%}.pr-skill .pos-remove{width:44px;height:44px}}.app-setup{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"page"}.topbar .brand{background:none;border:0;padding:0;border-radius:var(--r-sm)}.topbar .brand:focus-visible{outline:2px solid var(--select-glow);outline-offset:-6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-toast{position:fixed;z-index:70;bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100% - 32px)}.fp{position:relative}.fp-caption{position:absolute;left:10px;top:10px;max-width:calc(100% - 20px);padding:4px 12px;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:99px;box-shadow:var(--ov-shadow);font-size:var(--fs-ui);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-svg{display:block;width:100%;height:auto;border-radius:var(--r-lg);background:var(--field);box-shadow:0 1px 2px #1717170f,0 8px 24px #17171714}.fp-lit{animation:fp-lit var(--dur-pop) var(--ease-arrive);transform-box:fill-box;transform-origin:center}@keyframes fp-lit{0%{transform:scale(.6);opacity:0}}.su-page{grid-area:page;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.su-top{flex:none;display:flex;align-items:center;gap:16px;height:56px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}.su-logo{height:24px;width:auto;display:block}.su-progress{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.su-progress-text{flex:none;font-size:var(--fs-ui);font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.su-progress-bar{flex:1;max-width:240px;height:4px;border-radius:99px;background:var(--line);overflow:hidden}.su-progress-bar>span{display:block;height:100%;background:var(--ink-off);border-radius:99px;transition:width var(--dur-settle) var(--ease-settle)}.su-close{flex:none;width:44px;height:44px;margin-left:auto;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-dim)}.su-close:hover,.su-close:focus-visible{outline:none;border-color:var(--outline);color:var(--text)}.su-back{margin-left:auto}.su-title{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.su-blurb{margin:0 0 20px;font-size:var(--fs-body);line-height:1.5;color:var(--text-dim);max-width:560px}.su-label{display:block;margin:18px 0 6px;font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.su-label:first-child{margin-top:0}.sys-page .su-name{width:100%;height:48px;font-size:16px;font-weight:600}.su-level{max-width:420px}.su-level button{flex:1;min-height:44px}.su-field{display:block}.su-field input[type=text]{width:100%}.su-field .pos-role,.su-route-row .pos-role{flex:none}.su-routes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.su-route-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.su-field .select-btn,.su-route-row .select-btn{height:44px}.su-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(320px,560px) minmax(0,1fr);grid-template-areas:"controls preview";align-items:start;gap:32px;padding:28px 28px 40px;animation:su-in var(--dur-pop) var(--ease-arrive)}.su-controls{grid-area:controls;min-width:0}.su-grid.no-preview{grid-template-columns:minmax(0,1080px);grid-template-areas:"controls"}.su-preview{grid-area:preview;position:sticky;top:0;min-width:0}.su-preview .fp-svg{max-height:calc(100dvh - 220px)}@keyframes su-in{0%{opacity:0;transform:translateY(12px)}}.su-foot{flex:none;display:flex;align-items:center;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.su-foot .btn{min-height:44px;padding:0 20px}.su-foot-gap{flex:1}.su-next{min-width:112px}.su-start-inner{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:880px;margin:0 auto;padding:36px 28px calc(40px + env(safe-area-inset-bottom));animation:su-in var(--dur-pop) var(--ease-arrive)}.su-books{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}.su-book{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #1717170a;transition:border-color .12s}.su-book:hover,.su-book:focus-within{border-color:var(--outline-hi)}.su-book-current{border-color:var(--ink-off)}.su-book-main{flex:1;min-width:0;min-height:60px;padding:8px 12px;display:grid;gap:3px;text-align:left;background:transparent;border:0;border-radius:var(--r-md)}.su-book-main:focus-visible{outline:2px solid var(--select-glow);outline-offset:-2px}.su-book-name{font-size:16px;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-book-sub{display:flex;align-items:center;gap:8px;font-size:var(--fs-ui);color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-book-tag{flex:none;padding:5px 12px;border-radius:99px;background:var(--ink-off);color:#fff;font-size:var(--fs-label);font-weight:650}.su-book-draft .su-book-tag{background:transparent;color:var(--text);border:1px solid var(--outline)}.su-book-x{flex:none;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-faint)}.su-book-x:hover,.su-book-x:focus-visible{outline:none;color:var(--danger);border-color:var(--danger)}.su-books-empty{padding:18px 16px;border:1px dashed var(--outline);border-radius:var(--r-lg);font-size:var(--fs-body);color:var(--text-dim)}.su-tag{flex:none;padding:1px 8px;border-radius:99px;font-size:var(--fs-label);font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#17171712;color:var(--text-dim)}.su-tag.defense{background:#c0392b1a;color:var(--ink-def)}.su-actions{display:flex;flex-wrap:wrap;gap:8px}.su-actions .btn{min-height:48px;padding:0 22px}.su-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.su-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.su-card{display:grid;align-content:start;gap:6px;text-align:left;padding:10px 10px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #1717170a;animation:su-in var(--dur-pop) var(--ease-arrive) backwards;animation-delay:calc(var(--i, 0) * var(--stagger));transition:border-color .12s,box-shadow var(--dur-settle) var(--ease-settle),transform var(--dur-settle) var(--ease-settle)}.su-card:hover{border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.12),0 6px 18px #17171714}.su-card:focus-visible{outline:none;border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.2)}.su-card:active{transform:scale(.98);transition-duration:var(--dur-press)}.su-card-thumb{display:block;width:100%;border-radius:var(--r-md);background:var(--field)}.su-card-name{padding:4px 4px 0;font-size:17px;font-weight:700;color:var(--text)}.su-card-blurb{padding:0 4px;font-size:var(--fs-body);line-height:1.45;color:var(--text-dim)}.su-side{padding:20px;min-height:180px}.su-side-mark{width:56px;height:56px;display:grid;place-items:center;margin-bottom:6px;border-radius:50%;background:var(--field);color:var(--ink-off)}.su-side-mark.defense{color:var(--ink-def)}.su-skip-row{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.sys-page .su-skip-draw{min-height:48px;padding:0 22px;font-size:var(--fs-body);border-color:var(--ink-off)}@media(max-width:760px){.su-title{font-size:22px}.su-start-inner{padding:22px 16px calc(32px + env(safe-area-inset-bottom))}.su-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.su-cards-2{grid-template-columns:minmax(0,1fr)}.su-side{min-height:0}.su-actions .btn,.sys-page .su-skip-draw{flex:1 1 100%;width:100%}.su-progress-bar{display:none}.su-grid{display:block;padding:0 0 24px}.su-preview{z-index:3;height:38vh;height:38dvh;padding:8px 16px;display:flex;justify-content:center;background:var(--bg);border-bottom:1px solid var(--line);transition:height var(--dur-settle) var(--ease-settle)}.su-preview .fp{height:100%;max-width:100%}.su-preview .fp-svg{height:100%;width:auto;max-width:100%;max-height:none}.su-grid:has(input:focus) .su-preview{height:18vh;height:18dvh}.su-controls{padding:18px 16px 0}.su-foot .btn{padding:0 14px}.su-next{min-width:96px}}@media(max-width:380px){.su-cards{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.su-grid,.su-start-inner,.su-card,.fp-lit{animation:none}.su-preview,.su-progress-bar>span,.su-card{transition:none}}.sys-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;max-width:1320px;margin:0 auto;padding:30px 28px 56px}.sys-nav{position:sticky;top:30px;align-self:start}.sys-nav .plays-sub{margin-bottom:18px}.sys-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sys-nav-item{width:100%;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--r-md);font-size:var(--fs-ui);font-weight:550;color:var(--text-dim)}.sys-nav-item:hover{background:#fff;color:var(--text)}.sys-nav-item:focus-visible{outline:none;border-color:var(--select-glow)}.sys-nav-item[aria-current=page]{background:#fff;border-color:var(--line);color:var(--text);font-weight:650;box-shadow:0 1px 2px #1717170a}.sys-nav-name{flex:1;min-width:0}.sys-nav-chev{flex:none;display:none;color:var(--text-faint)}.sys-dot{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--outline)}.sys-dot.on{background:var(--pc-green);border-color:var(--pc-green)}.sys-main{min-width:0;animation:su-in var(--dur-pop) var(--ease-arrive)}.sys-main-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;min-height:44px}.sys-main-title{flex:1;margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em}.sys-back{display:none;flex:none;width:44px;height:44px;margin-left:-10px;place-items:center;background:transparent;border:0;border-radius:50%;color:var(--text)}.sys-done{flex:none;padding:5px 12px;border-radius:99px;font-size:var(--fs-label);font-weight:650;color:var(--pc-green);background:#2f7d4f1a}.sys-main>.sys-hint{margin:0 0 18px;max-width:640px;font-size:var(--fs-body)}.sys-gap{height:40px}.sys-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);grid-template-areas:"panel preview";gap:28px;align-items:start}.sys-panel-wrap{grid-area:panel;min-width:0}.sys-body.no-preview{grid-template-columns:minmax(0,1fr);grid-template-areas:"panel"}.sys-preview{grid-area:preview;position:sticky;top:30px}@media(max-width:1180px){.sys-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview" "panel";gap:20px}.sys-preview{position:static;max-width:560px}}@media(max-width:760px){.sys-layout{display:block;padding:18px 16px 48px}.sys-layout.has-section .sys-nav{display:none}.sys-layout:not(.has-section) .sys-main{display:none}.sys-nav{position:static}.sys-nav-item{min-height:52px;background:#fff;border-color:var(--line);margin-bottom:6px}.sys-nav-item[aria-current=page]{font-weight:550}.sys-nav-chev{display:block}.sys-back{display:grid}.sys-main-title{font-size:20px}}@media(prefers-reduced-motion:reduce){.sys-main{animation:none}}.setup-strip{margin:-4px 0 20px;padding:12px 12px 12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.setup-strip-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.setup-strip-title{font-size:var(--fs-body);font-weight:650;color:var(--text)}.setup-strip-count{font-size:var(--fs-ui);color:var(--text-faint);font-variant-numeric:tabular-nums}.setup-strip-x{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-faint)}.setup-strip-x:hover,.setup-strip-x:focus-visible{outline:none;color:var(--text);border-color:var(--line)}.setup-pills{display:flex;flex-wrap:wrap;gap:6px}.setup-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:99px;font-size:var(--fs-ui);font-weight:550;transition:border-color .12s,color .12s}.setup-pill:hover,.setup-pill:focus-visible{outline:none;border-color:var(--select-glow)}.setup-pill-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--text-faint)}.setup-pill.done{color:var(--text-faint)}.setup-pill.done .setup-pill-dot{background:var(--good);border-color:var(--good)}@media(pointer:coarse){.setup-pill{height:44px}.setup-strip-x{width:44px;height:44px}}.sidebar .concept-row{display:flex;gap:8px;margin:-4px 0 16px}.sidebar .concept-row .seg{flex:1;min-width:0}.sidebar .concept-row .btn{flex:none;padding:0 16px}.link-btn{padding:0;background:none;border:0;color:var(--text-dim);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-btn:hover,.link-btn:focus-visible{outline:none;color:var(--text);text-decoration-color:var(--select-glow)}.tag-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:4px 6px;margin-bottom:12px;background:#fff;border:1px solid var(--outline);border-radius:var(--radius-field)}.tag-chips:focus-within{border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.16)}.tag-chip{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 2px 0 10px;border-radius:14px;background:var(--panel-2);color:var(--text);font-size:var(--fs-ui);font-weight:550}.tag-chip button{width:28px;height:28px;display:grid;place-items:center;background:none;border:0;border-radius:50%;color:var(--text-faint)}.tag-chip button:hover,.tag-chip button:focus-visible{outline:none;color:var(--danger)}.tag-chip button svg{width:12px;height:12px}.sidebar .tag-chips .tag-input{flex:1 0 96px;width:auto;height:30px;padding:0 4px;border:0;box-shadow:none;background:transparent}.sidebar .tag-chips .tag-input:focus{box-shadow:none}.fam-dot{flex:none;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #ffffff24}.fam-row{grid-template-columns:24px minmax(0,1fr) 40px}.fam-row .fam-dot{width:16px;height:16px;justify-self:center;box-shadow:none}.cn-row{grid-template-columns:minmax(0,1fr) auto 40px}.cn-used{margin-left:0}.cn-jobs{grid-column:1 / -1;list-style:none;margin:0;padding:0;display:grid;gap:6px}.cn-job{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 36px 40px;gap:8px;align-items:center}.cn-job .pos-role{flex:none;min-width:0}.cn-job .rt-preview{color:var(--text)}@media(max-width:520px){.cn-job{grid-template-columns:minmax(0,1fr) 36px 40px}.cn-job .cn-slot{grid-column:1 / -1}}.name-on{max-width:420px;margin-bottom:8px}.sys-page .name-on button{min-height:40px;font-size:var(--fs-ui)}.name-parts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:part}.name-part{display:inline-flex;align-items:center;gap:2px;height:44px;padding:0 4px;border-radius:22px;background:var(--panel-2);border:1px solid var(--line);counter-increment:part}.name-part-label{display:grid;padding:0 6px;font-size:var(--fs-ui);font-weight:650;color:var(--text);line-height:1.15}.name-part-label:before{content:counter(part);font-size:var(--fs-label);font-weight:600;color:var(--text-faint)}.name-part-hint{font-size:var(--fs-body);font-weight:500;color:var(--text-faint)}.name-part-move,.name-part-x{width:34px;height:34px;display:grid;place-items:center;background:none;border:0;border-radius:50%;color:var(--text-dim)}.name-part-move:hover:not(:disabled),.name-part-move:focus-visible,.name-part-x:hover,.name-part-x:focus-visible{outline:none;background:var(--line-soft);color:var(--text)}.name-part-move:disabled{opacity:.25}.name-part-x:hover{color:var(--danger)}.name-unused{display:flex;flex-wrap:wrap;gap:6px}.name-example{margin:18px 0 0;font-size:var(--fs-body);color:var(--text-dim)}.name-example b{color:var(--text)}.name-note{margin-top:18px}.plays-new{display:flex;align-items:center;gap:8px}.plays-type{flex:0 0 150px}.plays-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 22px}.plays-bar .plays-tabs{margin:0}.plays-groupby{display:flex;align-items:center;gap:10px;font-size:var(--fs-ui);color:var(--text-faint)}.plays-groupby .plays-type{flex:0 0 170px}.plays-sort-hint{font-size:var(--fs-ui);color:var(--text-faint)}.plays-sections-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:-6px 0 18px}.plays-sections-bar .plays-note{margin:0}.plays-sections-bar .btn{flex:none;min-height:40px}.plays-section-title{padding:2px 6px;margin:-2px -6px;background:none;border:1px solid transparent;border-radius:var(--r-sm);color:inherit;font:inherit;letter-spacing:inherit}.plays-section-title:hover,.plays-section-title:focus-visible{outline:none;border-color:var(--line);color:var(--text)}.plays-group-title input.plays-section-name{width:220px;height:30px;font-size:var(--fs-body);font-weight:650}.plays-section-x{width:28px;height:28px;margin-left:2px}.plays-drop-hint{grid-column:1 / -1;margin:0;padding:22px 12px;text-align:center;border:1px dashed var(--line);border-radius:var(--r-md)}.card.has-family:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fam);pointer-events:none}.card-fam{font-weight:700}.card-grip{position:absolute;top:5px;left:9px;z-index:2;width:26px;height:30px;display:grid;place-items:center;background:#0f0f0fb3;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-dim);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;opacity:0;transition:opacity .12s}.card:hover .card-grip,.card.sel .card-grip,.card-grip:focus-visible,.card.lifted .card-grip{opacity:1}.card-grip:hover,.card-grip:focus-visible{outline:none;color:var(--text);border-color:var(--select-glow)}.card.lifted{z-index:20;cursor:grabbing;border-color:var(--select-glow);box-shadow:0 18px 40px #00000073,0 0 0 1px var(--select-glow);animation:card-lift var(--dur-settle) var(--ease-settle)}@keyframes card-lift{0%{box-shadow:none}}.card.drop-before{overflow:visible}.card.drop-before:before{content:"";position:absolute;left:-9px;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--select-glow)}.plays-grid.drop-end{outline:2px dashed var(--select-glow);outline-offset:6px;border-radius:var(--r-md)}.card.menu-open{z-index:10;overflow:visible}.card.menu-open .card-actions{opacity:1}.card-menu{position:absolute;top:34px;right:5px;z-index:30;min-width:180px;display:grid;padding:6px;background:#fff;color:#171717;border:1px solid #d6d2ca;border-radius:12px;box-shadow:0 12px 32px #0000004d;animation:select-in var(--dur-settle) var(--ease-settle)}.card-menu button{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;border-radius:8px;background:none;color:inherit;font-size:var(--fs-ui);text-align:left}.card-menu button:hover:not(:disabled),.card-menu button:focus-visible{outline:none;background:#f4f3f0}.card-menu button:disabled{opacity:.35}.card-menu-head{padding:8px 10px 4px;margin-top:4px;border-top:1px solid #ecEAe5;font-size:var(--fs-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#8c887f}.card-menu-tick{width:14px;font-weight:700}@media(hover:none){.card-grip{opacity:1;width:36px;height:36px}.card-menu button{height:44px}}@media(max-width:760px){.plays-head{flex-wrap:wrap}.plays-sections-bar{flex-direction:column}}@media(prefers-reduced-motion:reduce){.card.lifted,.card-menu{animation:none}}.sidebar .save-pair{display:grid;gap:0;justify-items:start;margin-top:4px}.sidebar .save-pair .btn,.sidebar .add-player .btn{width:auto;height:32px;padding:0 8px;margin-left:-8px;background:transparent;border:0;border-radius:8px;color:var(--text-dim);font-weight:500}.sidebar .save-pair .btn:hover,.sidebar .add-player .btn:hover{background:var(--panel-2);color:var(--text)}.sidebar .add-player{margin:0}.sidebar .add-player>*{flex:none}.editor-empty{grid-row:2;grid-column:1 / -1;display:grid;align-content:center;justify-items:center;gap:12px;padding:48px 16px;text-align:center;background:var(--bg);color:var(--text)}.editor-empty-title{margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em}.editor-empty-text{margin:0;font-size:var(--fs-body);line-height:1.5;color:var(--text-dim)}.editor-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.editor-empty-actions .btn{min-height:44px;padding:0 20px;font-size:var(--fs-ui)}.sys-page.rd-wrap{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px;background:transparent}.rd-scrim{position:absolute;inset:0;background:#17171773}.rd-sheet{position:relative;width:min(1080px,100%);height:min(760px,calc(100dvh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--panel);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 24px 64px #00000047;animation:rd-in var(--dur-pop) var(--ease-arrive)}@keyframes rd-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}.rd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--line)}.rd-title{margin:0;font-size:20px;font-weight:650;letter-spacing:-.01em}.rd-close{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:50%;color:var(--text-dim)}.rd-close:hover{background:var(--line-soft);color:var(--text)}.rd-close:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--glow-rgb),.35)}.rd-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}.rd-field{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:12px;background:#1a1a1a}.rd-field .field-card{width:100%;height:100%;margin:0}.rd-form{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:20px;border-left:1px solid var(--line)}.rd-prompt,.rd-read{margin:0;font-size:var(--fs-body);line-height:1.5;color:var(--text-dim)}.rd-read b{color:var(--text)}.rd-label{margin-top:20px;font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.rd-optional{font-weight:500;letter-spacing:0;text-transform:none}.rd-form input[type=text]{height:44px}.rd-who{display:flex;flex-wrap:wrap;gap:6px}.rd-who-btn{width:52px;height:52px;display:grid;place-items:center;padding:0;background:#fff;border:1px solid var(--outline);border-radius:var(--r-md);opacity:.5;transition:opacity .12s,border-color .12s,box-shadow .12s}.rd-who-btn:hover{opacity:.8}.rd-who-btn[aria-pressed=true]{opacity:1;border-color:var(--ink-off);box-shadow:inset 0 0 0 1px var(--ink-off)}.rd-who-btn:focus-visible{outline:none;border-color:var(--select-glow);box-shadow:0 0 0 3px rgba(var(--glow-rgb),.25)}.rd-foot{display:flex;align-items:center;gap:8px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.rd-foot-gap{flex:1}.rd-foot .btn{min-height:44px}.sys-page .btn.primary{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.sys-page .btn.primary:hover{background:#333;border-color:#333;color:#fff}.sys-page .btn.primary:disabled{opacity:.35;cursor:default}.sys-add-top{margin-bottom:16px}.rd-label-first{margin-top:0}.rd-note{margin:8px 0 0;font-size:var(--fs-body);line-height:1.5;color:var(--text-dim)}.fs-groups{display:flex;flex-wrap:wrap;gap:6px}.fs-group{min-height:44px;padding:0 14px;border-radius:22px;background:#fff;border:1px solid var(--outline);color:var(--text);font-family:var(--mono);font-size:var(--fs-ui);font-weight:700}.fs-group:hover{border-color:var(--outline-hi)}.fs-group[aria-pressed=true]{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.fs-group:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--glow-rgb),.3)}.fs-add-player{align-self:flex-start;margin-top:4px}.fs-strength button{min-height:44px;font-size:var(--fs-ui)}@media(max-width:760px){.sys-page.rd-wrap{padding:0}.rd-sheet{width:100%;height:100dvh;border-radius:0}.rd-body{grid-template-columns:minmax(0,1fr);grid-template-rows:52dvh auto;overflow-y:auto}.rd-form{border-left:0;border-top:1px solid var(--line);overflow:visible}}@media(prefers-reduced-motion:reduce){.rd-sheet{animation:none}.rd-who-btn{transition:none}}.fm-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.fm-card{display:grid;grid-template-rows:auto 1fr;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 1px 2px #1717170a;overflow:hidden}.fm-card:focus-within{border-color:var(--accent-line)}.fm-card-thumb{padding:10px 10px 0}.fm-card-thumb .fm-thumb{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-sm)}.fm-card-body{display:grid;gap:8px;align-content:start;padding:12px}.fm-card-info{margin:0;font-size:var(--fs-ui);line-height:1.45;color:var(--text-dim)}.fm-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fm-card-delete{margin-left:auto}.fm-variant-name{display:flex;align-items:center;gap:8px;min-width:0}.fm-variant-of{flex:none;font-size:var(--fs-body);font-weight:600;color:var(--text-faint)}.fm-variant-name .fm-name{flex:1;min-width:0}.rt-title{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px}.rt-card .rt-look{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rt-card .rt-base{flex:1 1 140px}.rt-card .rt-who{display:flex;flex-wrap:wrap;gap:4px}.rt-card .fm-card-actions .pos-used{margin-left:4px}.fs-group.cd-formation{font-family:inherit;font-weight:600;display:inline-flex;align-items:center;gap:8px}.cd-tag{padding:2px 7px;border-radius:10px;border:1px solid currentColor;font-size:var(--fs-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase}.cd-jobs{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--fs-body);color:var(--text)}.cd-slot{display:inline-block;min-width:108px;font-size:var(--fs-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.sidebar .concept-tweak{margin:4px 0 16px}.sidebar .concept-tweak-note{margin:0 0 8px 4px;font-size:var(--fs-ui);line-height:1.45;color:var(--text-dim)}.sidebar .concept-tweak-note b{color:var(--text)}.sidebar .concept-tweak .row{flex-wrap:wrap}.sidebar .concept-tweak .btn{flex:0 1 auto}.letter-chip{position:absolute;z-index:20;transform:translate(-50%,-50%);background:var(--ov-bg);border:var(--ov-edge);border-radius:14px;box-shadow:var(--ov-shadow);padding:4px}.letter-chip input{width:64px;height:44px;padding:0;text-align:center;background:transparent;border:0;outline:none;font-family:inherit;font-size:20px;font-weight:700;color:var(--ov-ink)}.letter-chip:focus-within{box-shadow:var(--ov-shadow),0 0 0 3px rgba(var(--glow-rgb),.35)}.type-scrim{position:absolute;inset:0;z-index:19;background:var(--type-scrim);animation:ring-scrim-in var(--dur-settle) ease-out backwards}.type-hint{position:absolute;z-index:20;transform:translate(-50%,36px);color:#fff;font-size:var(--fs-ui);font-weight:650;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none;animation:type-hint-in var(--dur-pop) var(--ease-arrive) 80ms backwards}@keyframes type-hint-in{0%{opacity:0;transform:translate(-50%,28px)}}@media(prefers-reduced-motion:reduce){.type-scrim,.type-hint{animation:none}}.type-layer{position:fixed;inset:0;z-index:70}.type-layer .type-scrim{position:absolute}.type-at{position:absolute;z-index:20;transform:translate(-50%,-50%)}.sidebar .variant-row{margin:-4px 0 16px}.sidebar .variant-row .sub-title{display:block}.fm-variants{display:grid;gap:6px}.fm-variants-label{font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.fm-variant-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.fm-variant-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 4px 2px 2px;background:#fff;border:1px solid var(--outline);border-radius:20px}.fm-variant-chip:focus-within{border-color:var(--select-glow)}.sys-page .fm-variant-chip input[type=text]{width:9ch;height:32px;padding:0 10px;border:0;border-radius:16px;box-shadow:none;font-size:var(--fs-ui);font-weight:600;background:transparent}.sys-page .fm-variant-chip input[type=text]:focus{box-shadow:none}.fm-variant-btn{width:32px;height:32px;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:50%;color:var(--text-dim)}.fm-variant-btn:hover,.fm-variant-btn:focus-visible{outline:none;background:var(--line-soft);color:var(--text)}.fm-variant-btn.danger:hover,.fm-variant-btn.danger:focus-visible{color:var(--danger)}.export-wrap{position:fixed;inset:0;z-index:62;display:grid;place-items:center;padding:16px}.export-scrim{position:absolute;inset:0;background:var(--ring-scrim);animation:ring-scrim-in var(--dur-settle) ease-out}.export-sheet{position:relative;width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:18px 20px 14px;outline:none;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:18px;box-shadow:var(--ov-shadow);animation:export-up var(--dur-pop) var(--ease-arrive)}@keyframes export-up{0%{transform:translateY(24px);opacity:0}}.export-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.export-title{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}.export-x{width:36px;height:36px;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:50%;font-size:22px;line-height:1;color:var(--ov-ink);transition:transform var(--dur-settle) var(--ease-settle),box-shadow var(--dur-settle) var(--ease-settle)}.export-x:hover,.export-x:focus-visible{outline:none;box-shadow:var(--ov-glow);transform:scale(1.07)}.export-x:active{transform:scale(.95)}.export-preview{border:2px solid var(--ov-ink);border-radius:10px;overflow:hidden;background:var(--field);line-height:0}.export-preview .still{display:block;width:100%;height:auto;pointer-events:none}.export-switches{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 12px}.export-toggle{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 4px;background:transparent;border:0;border-radius:18px;color:var(--ov-ink);font-size:var(--fs-ui);font-weight:600}.export-toggle:disabled{opacity:.4;cursor:default}.export-toggle-track{position:relative;width:34px;height:20px;border-radius:10px;border:2px solid var(--ov-ink);background:var(--ov-bg);transition:background var(--dur-settle) var(--ease-settle)}.export-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--ov-ink);transition:transform var(--dur-settle) var(--ease-settle),background var(--dur-settle)}.export-toggle[aria-checked=true] .export-toggle-track{background:var(--ov-ink)}.export-toggle[aria-checked=true] .export-toggle-knob{background:var(--ov-bg);transform:translate(14px)}.export-toggle:not(:disabled):hover .export-toggle-track,.export-toggle:focus-visible .export-toggle-track{box-shadow:var(--ov-glow)}.export-toggle:focus-visible{outline:none}.export-actions{display:flex;flex-wrap:wrap;gap:8px}.export-btn{flex:1 1 160px;min-height:48px;padding:0 16px;background:var(--ov-bg);color:var(--ov-ink);border:2px solid var(--ov-ink);border-radius:24px;font-size:var(--fs-ui);font-weight:700;transition:transform var(--dur-settle) var(--ease-settle),box-shadow var(--dur-settle) var(--ease-settle)}.export-btn.primary{background:var(--ov-ink);color:var(--ov-bg)}.export-btn:not(:disabled):hover,.export-btn:focus-visible{outline:none;box-shadow:var(--ov-glow);transform:scale(1.03)}.export-btn:not(:disabled):active{transform:scale(.95)}.export-btn:disabled{opacity:.45;cursor:default}.export-foot{margin:10px 2px 0;font-size:var(--fs-label);color:color-mix(in srgb,var(--ov-ink) 55%,transparent)}.export-offscreen{position:fixed;left:-10000px;top:0;width:1100px;height:850px;overflow:hidden;pointer-events:none}@media(max-width:760px){.export-wrap{place-items:end center;padding:0}.export-sheet{width:100%;max-height:calc(100dvh - 24px);border-radius:18px 18px 0 0;border-bottom:0;padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.export-sheet,.export-scrim{animation:none}.export-btn,.export-x,.export-toggle-track,.export-toggle-knob{transition:none}}.still{--still-page: var(--field);--still-margin: #ece8de;--still-faint: #8a857a;--out-of-bounds: var(--still-margin)}.still-print{--still-page: #ffffff;--still-margin: #ffffff;--still-faint: #8a8a8a;--field: #ffffff;--endzone: #ffffff;--field-line: #e4e4e4;--field-line-strong: #cfcfcf;--first-down: #e8d27a}.print-still{display:none}@media print{html.printing-still body>*:not(.print-still){display:none!important}html.printing-still .print-still{display:block;width:100%}html.printing-still .print-still img{display:block;width:auto;height:auto;max-width:100%;max-height:7.2in;margin:0 auto}html.printing-still,html.printing-still body{background:#fff!important;margin:0}@page{size:landscape;margin:.4in}}.sidebar .assign-color{display:flex;align-items:center;gap:8px}.sidebar .assign-color-input{width:32px;height:32px;padding:0;border:var(--ov-edge);border-radius:50%;background:none;cursor:pointer;overflow:hidden}.sidebar .assign-color-input::-webkit-color-swatch-wrapper{padding:0}.sidebar .assign-color-input::-webkit-color-swatch{border:none;border-radius:50%}.sidebar .assign-color-input::-moz-color-swatch{border:none;border-radius:50%}.plays-find{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:-8px 0 22px}.plays-search{position:relative;display:flex;align-items:center;flex:1 1 280px;max-width:420px;color:var(--text-faint)}.plays-search svg{position:absolute;left:12px;pointer-events:none}.plays-search input[type=text]{width:100%;padding-left:34px;padding-right:34px}.plays-search input[type=text]:focus{border-color:var(--select-glow)}.plays-search-key{position:absolute;right:10px;min-width:18px;padding:1px 5px;text-align:center;border:1px solid var(--line);border-radius:4px;font:inherit;font-size:var(--fs-label);pointer-events:none}.plays-search input:focus~.plays-search-key{display:none}.plays-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.plays-chips-label{font-size:var(--fs-label);color:var(--text-faint);margin-right:2px}.plays-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--line);border-radius:99px;font-size:var(--fs-ui);font-weight:550;transition:border-color .12s,color .12s,background .12s}.plays-chip:hover,.plays-chip:focus-visible{outline:none;border-color:var(--select-glow);color:var(--text)}.plays-chip[aria-pressed=true]{background:var(--text);color:var(--panel-2);border-color:var(--text)}.plays-chip[aria-pressed=true]:hover,.plays-chip[aria-pressed=true]:focus-visible{border-color:var(--select-glow)}.plays-find-count{flex:1 0 100%;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:var(--fs-ui);color:var(--text-dim);font-variant-numeric:tabular-nums}.plays-find-hint{color:var(--text-faint)}.card.no-sort .card-grip{display:none}@media(pointer:coarse){.plays-chip{height:40px}}.sys-page .plays-tabs button{background:#fff;border-color:var(--outline);color:var(--text)}.sys-page .plays-tabs button:hover{background:#f4f3f0;border-color:var(--outline-hi)}.sys-page .plays-tabs button.on{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.sys-page .plays-tabs button:focus-visible{border-color:var(--select-glow)}.sys-page .plays-tab-count{background:#1717170f;color:var(--text-faint)}.sys-page .plays-tabs button.on .plays-tab-count{background:#ffffff2e;color:#fff}.sys-page .plays-chip{background:#fff;border-color:var(--outline)}.sys-page .plays-chip:hover{border-color:var(--outline-hi)}.sys-page .plays-chip:focus-visible{border-color:var(--select-glow)}.sys-page .plays-chip[aria-pressed=true]{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.sys-page .plays-chip[aria-pressed=true]:hover{border-color:var(--outline-hi)}.sys-page .plays-chip[aria-pressed=true]:focus-visible{border-color:var(--select-glow)}.sys-page .plays-search-key,.sys-page .plays-empty-state,.sys-page .plays-drop-hint{border-color:var(--outline)}.sys-page .card{background:#fff;border-color:var(--line);box-shadow:0 1px 2px #1717170a}.sys-page .card:hover{border-color:var(--outline-hi)}.sys-page .card:focus-visible{border-color:var(--select-glow)}.sys-page .card.sel{border-color:var(--ink-off);background:#fff}.sys-page .card.lifted{border-color:var(--select-glow);box-shadow:0 18px 40px #17171738,0 0 0 1px var(--select-glow)}.sys-page .thumb{border-bottom:1px solid var(--line)}.sys-page .icon-btn,.sys-page .card-grip{background:#ffffffeb;border-color:var(--outline);color:var(--text-dim)}.sys-page .icon-btn:hover{color:var(--text);border-color:var(--outline-hi)}.sys-page .icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.sys-page .card-grip:hover,.sys-page .card-grip:focus-visible{color:var(--text);border-color:var(--select-glow)}.sys-page .setup-strip{box-shadow:0 1px 2px #1717170a}.sys-page .setup-pill{background:#fff;border-color:var(--outline)}.sys-page .setup-pill:hover,.sys-page .setup-pill:focus-visible{border-color:var(--select-glow)}.sys-page .card-menu{border-color:var(--outline);box-shadow:0 12px 32px #17171729}.plays-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.plays-view{display:inline-flex;border:1px solid var(--outline);border-radius:99px;background:#fff;padding:2px}.plays-view button{height:32px;padding:0 14px;border:1px solid transparent;border-radius:99px;background:none;color:var(--text-dim);font-size:var(--fs-ui);font-weight:600}.plays-view button:hover{color:var(--text)}.plays-view button[aria-pressed=true]{background:var(--ink-off);color:#fff}.plays-view button:focus-visible{outline:none;border-color:var(--select-glow)}@media(pointer:coarse){.plays-view button{height:40px}}.plays-grid.compact{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.plays-grid.compact .card-body{padding:6px 8px 7px}.plays-grid.compact .card-name{font-size:var(--fs-ui);font-weight:650}.plays-grid.compact .card-sub{font-size:var(--fs-ui);margin-top:0}.plays-grid.compact .thumb{max-height:104px}.plays-grid.compact .card-grip{left:6px;top:4px;width:24px;height:26px}.plays-grid.compact .card-actions{top:4px;right:4px;gap:2px}.plays-grid.list{display:flex;flex-direction:column;gap:6px}.card.row{display:grid;align-items:center;column-gap:14px;grid-template-columns:minmax(150px,2fr) 84px minmax(100px,1.2fr) minmax(80px,1fr) minmax(100px,1.5fr) auto;min-height:46px;padding:4px 10px}.card.row.has-family{padding-left:14px}.card.row .card-grip,.card.row .card-actions{position:static}.card.row .card-grip{display:none}.card.row .card-body{padding:0;grid-column:1;min-width:0}.card.row .card-name{font-size:var(--fs-body)}.card.row .row-cell{font-size:var(--fs-ui);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.row .row-type{color:var(--text);font-weight:600}.card.row .card-actions{grid-column:6}.card.row .card-menu{top:40px}.card.row.drop-before:before{inset:-5px 8px auto;width:auto;height:3px}@media(max-width:760px){.card.row{grid-template-columns:minmax(0,1fr) minmax(70px,.7fr) auto;row-gap:0}.card.row .card-body{grid-column:1}.card.row .row-type,.card.row .row-family,.card.row .row-tags{display:none}.card.row .card-actions{grid-column:3}}@media(max-width:600px){.plays-inner{padding:20px 16px 48px}.plays-head{flex-wrap:wrap;align-items:flex-start}.plays-bar{margin-bottom:14px}.plays-bar .plays-tabs,.plays-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px}.plays-tabs::-webkit-scrollbar,.plays-chips::-webkit-scrollbar{display:none}.plays-tabs button,.plays-chip{flex:none;height:44px}.plays-chips-label{flex:none}.plays-find{display:contents}.plays-search{position:sticky;top:0;z-index:5;max-width:none;margin:0 -16px 10px;padding:8px 16px;background:var(--bg)}.plays-search svg{left:28px}.plays-search input[type=text]{height:44px}.plays-search-key{display:none}.plays-chips{margin-bottom:10px}.plays-find-count{margin-bottom:14px}.plays-grid{grid-template-columns:1fr}.plays-grid .card-grip{display:none}.card-actions .icon-btn{width:44px;height:44px;font-size:16px}}.auth-page{--outline: #d6d2ca;height:100%;overflow-y:auto;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom));background:var(--bg);color:var(--text)}.auth-card{width:100%;max-width:420px;box-sizing:border-box;padding:28px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}.auth-wide{max-width:640px}.auth-signin{position:relative;isolation:isolate;background:var(--brand-charcoal)}.auth-signin:before{content:"";position:fixed;inset:-32px;z-index:-2;background:url(/signin-backdrop.jpg) center / cover no-repeat;filter:blur(8px) saturate(.9)}.auth-signin:after{content:"";position:fixed;inset:0;z-index:-1;background:#17191a61}.auth-signin .auth-card{border-color:transparent;box-shadow:0 24px 64px #00000059}.auth-logo{display:block;height:28px;width:auto;margin-bottom:24px}.auth-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.auth-head .auth-logo{margin-bottom:0}.auth-input{width:100%;box-sizing:border-box;height:48px;padding:0 14px;font:inherit;font-size:16px;color:var(--text);background:#fff;border:1px solid var(--outline);border-radius:var(--r-md)}.auth-input:focus-visible{outline:none;border-color:var(--text);box-shadow:0 0 0 3px var(--select-glow)}.auth-code{font-size:22px;letter-spacing:.3em;font-variant-numeric:tabular-nums}.auth-go{width:100%;min-height:48px;margin-top:16px}.auth-msg{margin:10px 0 0;font-size:var(--fs-body);color:var(--ink-def)}.auth-msg.ok{color:var(--text-dim)}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:16px}.auth-links .link-btn{min-height:44px}.auth-row{display:flex;gap:8px}.auth-row .btn{min-height:48px;padding:0 22px;flex:none}.auth-coaches{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--line)}.auth-coaches li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.auth-coach-email{font-weight:600;overflow-wrap:anywhere}.auth-coach-sub{color:var(--text-dim)}.auth-switch{margin:16px 0 0;font-size:var(--fs-body);color:var(--text-dim);text-align:center}.auth-switch .link-btn{min-height:44px;color:var(--text);font-weight:600}.auth-optional{margin-left:6px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-faint)}.auth-select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 L6 6.5 L11 1.5' fill='none' stroke='%235b6164' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.auth-note{height:auto;min-height:96px;padding:12px 14px;line-height:1.45;resize:vertical}.auth-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.auth-sub{display:flex;align-items:center;gap:8px;margin:28px 0 0;font-size:18px;font-weight:650}.auth-count{min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:inline-grid;place-items:center;background:var(--brand-charcoal);color:var(--brand-lime);font-size:var(--fs-label);font-weight:700}.auth-requests .auth-coaches{margin-top:12px}.auth-request{align-items:flex-start}.auth-request-who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 260px}.auth-request-note{margin:6px 0 0;padding:8px 10px;border-radius:8px;background:#f2f3f3;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.auth-request-do{display:flex;gap:8px;flex:none}.auth-request-do .btn{min-height:40px;padding:0 16px}.su-account{margin:20px 0 0;font-size:var(--fs-body);color:var(--text-dim)}.su-account a,.su-account .link-btn{color:var(--text)}.fb-section{margin-top:28px}.fb-section-title,.legal h2{margin:28px 0 8px;font-size:var(--fs-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.fb-section>.fb-section-title{margin-top:0;padding-bottom:8px;border-bottom:1px solid var(--line)}.fb-q{margin:0;padding:16px 0 4px;border:0;min-width:0}.fb-q-title{padding:0;margin-bottom:10px;font-size:var(--fs-body);font-weight:600;color:var(--text)}.fb-optional{font-weight:400;color:var(--text-dim)}.fb-chips,.fb-scale{display:flex;flex-wrap:wrap;gap:8px}.fb-chip{min-height:44px;padding:0 16px;font:inherit;font-size:var(--fs-body);color:var(--text);background:#fff;border:1px solid var(--outline);border-radius:99px;cursor:pointer}.fb-chip:hover{border-color:var(--text)}.fb-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--select-glow)}.fb-chip[aria-checked=true],.fb-chip[aria-pressed=true]{background:var(--ink-off);border-color:var(--ink-off);color:#fff}.fb-chip:disabled{opacity:.4;cursor:default}.fb-num{min-width:44px;padding:0;font-variant-numeric:tabular-nums}.fb-scale-ends{display:flex;justify-content:space-between;margin-top:6px;font-size:var(--fs-body);color:var(--text-dim)}.fb-text{height:auto;min-height:88px;padding:10px 14px;line-height:1.5;resize:vertical}.fb-q.missing .fb-q-title{color:var(--ink-def)}.fb-q-missing{margin:6px 0 0;color:var(--ink-def)}.fb-price-value{margin:0 0 10px;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.fb-range{position:relative;height:44px}.fb-range:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:99px;background:linear-gradient(to right,var(--line) var(--lo),var(--ink-off) var(--lo),var(--ink-off) var(--hi),var(--line) var(--hi))}.fb-range input{position:absolute;inset:0;width:100%;height:44px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.fb-range input::-webkit-slider-runnable-track{background:none}.fb-range input::-moz-range-track{background:none}.fb-range input::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--ink-off);cursor:grab}.fb-range input::-moz-range-thumb{pointer-events:auto;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--ink-off);cursor:grab}.fb-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--select-glow)}.fb-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--select-glow)}.legal-updated{margin:0 0 8px;color:var(--text-dim)}.legal p,.legal li{font-size:var(--fs-body);line-height:1.6;color:var(--text)}.legal ul{padding-left:20px}.legal a,.su-blurb a{color:var(--text)}.acct-page{height:100%;overflow-y:auto;background:var(--bg)}.acct-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:0 28px;box-sizing:border-box;background:#fff;border-bottom:1px solid var(--line)}.acct-logo{display:block;height:26px;width:auto}.acct-bar .btn{text-decoration:none;display:inline-flex;align-items:center}.acct-card a{color:var(--text)}.acct-page .sys-layout{max-width:1180px;grid-template-columns:240px minmax(0,1fr)}.acct-page .sys-main{max-width:640px}.acct-page .sys-main.acct-wide{max-width:none}.acct-page .sys-nav-item{text-decoration:none}.acct-email{margin-bottom:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-card{padding:20px 22px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #1717170a}.acct-card>.sys-sub{margin-top:0}.acct-card .sys-hint{margin:4px 0 0;font-size:var(--fs-body)}.acct-card .su-label{display:block;margin-top:16px}.acct-card .auth-input{margin-top:6px;max-width:360px}.acct-danger{border-color:#c0392b59}.acct-details a{color:var(--text);font-weight:500}.acct-plans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.acct-plan{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #1717170a}.acct-plan-name{margin:0;font-size:17px;font-weight:700}.acct-plan-price{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.acct-plan-price span{font-size:var(--fs-body);font-weight:500;color:var(--text-dim);letter-spacing:0}.acct-plan-price .acct-plan-soon{font-size:var(--fs-body);font-weight:600;color:var(--text-faint)}.acct-plan-blurb{margin:0;font-size:var(--fs-body);color:var(--text-dim)}.acct-plan-list{flex:1;margin:8px 0 12px;padding-left:18px;display:grid;gap:6px;align-content:start;font-size:var(--fs-body)}.acct-plan .btn{min-height:44px}.acct-plan-badge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:99px;background:#1717170f;font-size:var(--fs-ui);font-weight:650}@media(max-width:960px){.acct-plans{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.acct-bar{padding:0 16px;height:56px}.acct-card{padding:16px}}.acct-details{display:grid;grid-template-columns:max-content 1fr;gap:14px 28px;margin:4px 0 0;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #1717170a;font-size:var(--fs-body)}.acct-details dt{color:var(--text-dim)}.acct-details dd{margin:0;color:var(--text);font-weight:600;overflow-wrap:anywhere}.acct-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.acct-actions .btn{min-height:44px;padding:0 18px}.acct-danger-title{color:var(--ink-def)}.acct-delete:not(:disabled){border-color:var(--ink-def);color:var(--ink-def)}.auth-legal{margin:20px 0 0;font-size:var(--fs-body);color:var(--text-dim);text-align:center}.auth-legal a{color:var(--text-dim)}.hint-pill{position:fixed;left:50%;z-index:26;bottom:calc(var(--tabbar, 0px) + 12px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:min(520px,calc(100% - 32px));padding:6px 6px 6px 18px;background:var(--ov-bg);color:var(--ov-ink);border:var(--ov-edge);border-radius:99px;box-shadow:var(--ov-shadow);font-family:var(--font);font-size:var(--fs-body);line-height:1.3;animation:hint-in var(--dur-pop) var(--ease-arrive)}.hint-text{flex:1;min-width:0;font-weight:600}.hint-text a{color:inherit;text-decoration:underline;border-radius:4px}.hint-text a:focus-visible{outline:none;box-shadow:var(--ov-glow)}.hint-act{padding:0;background:none;border:0;border-radius:4px;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.hint-act:focus-visible{outline:none;box-shadow:var(--ov-glow)}.hint-x{flex:none;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:var(--ov-ink);cursor:pointer;transition:transform var(--dur-settle) var(--ease-settle),box-shadow .16s ease-out}.hint-x:hover{transform:scale(1.1);box-shadow:var(--ov-glow)}.hint-x:active{transform:scale(.95)}.hint-x:focus-visible{outline:none;box-shadow:var(--ov-glow)}@keyframes hint-in{0%{transform:translate(-50%,12px);opacity:0}}@media(prefers-reduced-motion:reduce){.hint-pill{animation:none}}.su-books[hidden]{display:none}.su-welcome{color:var(--text)}.su-welcome-file{margin:16px 0 0;font-size:var(--fs-body)}