:root{--bg:#23272e;--rail:#15181d;--rail-fg:#d6dbe1;--rail-active:#3b82f6;--panel:#fff;--panel-fg:#111827;--muted:#6b7280;--line:#e5e7eb;--red:#dc2626;--blue:#2563eb;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}#app,.app{position:fixed;inset:0}.board-host{touch-action:none;cursor:crosshair;position:absolute;inset:0}.rail{z-index:10;background:var(--rail);touch-action:none;justify-content:space-evenly;align-items:center;display:flex;position:absolute}.rail.vertical{flex-direction:column;padding:4px 0}.rail.horizontal{padding:0 4px env(safe-area-inset-bottom);flex-direction:row}.rail-left{padding-left:env(safe-area-inset-left)!important}.rail-right{padding-right:env(safe-area-inset-right)!important}.rail-btn{color:var(--rail-fg);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;margin:0;padding:0;display:grid}.rail-btn:disabled{opacity:.3}.rail-btn.active{color:#fff;background:#3b82f638}.rail-btn:active:not(:disabled){background:#ffffff1f}.swatch{border:2px solid #ffffffd9;border-radius:50%;width:24px;height:24px;position:relative;box-shadow:0 0 0 1px #0006}.rail-btn.active .swatch{box-shadow:0 0 0 2px var(--rail-active);border-color:#fff;transform:scale(1.18)}.swatch.extra .extra-dot{border:1.5px solid var(--rail);background:conic-gradient(#f97316,#facc15,#16a34a,#0d9488,#9333ea,#ec4899,#f97316);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-4px;right:-4px}.board-btn{flex-direction:column;align-items:center;gap:1px;display:flex}.board-btn-label{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;max-width:40px;font-size:9px;font-weight:700;overflow:hidden}.board-flash{z-index:5;color:#fff;pointer-events:none;opacity:0;white-space:nowrap;background:#111827d1;border-radius:999px;padding:5px 12px;font-size:13px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%)translateY(-6px)}.board-flash.show{opacity:1;transform:translate(-50%)translateY(0)}.board-flash .muted{color:#cbd5e1}.fit-btn{z-index:6;color:#fff;background:#111827bf;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute}.toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:100;color:#fff;text-align:center;pointer-events:none;background:#111827eb;border-radius:12px;max-width:90vw;padding:9px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.scrim{z-index:20;background:#00000059;position:fixed;inset:0}.scrim.clear{background:0 0}.popover{z-index:30;background:var(--panel);color:var(--panel-fg);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;box-shadow:0 10px 30px #00000059}.pal-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;display:grid}.pal-color{cursor:pointer;border:2px solid #0000001f;border-radius:50%;width:44px;height:44px}.pal-color.active{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--accent)}.pal-widths{gap:6px;display:flex}.pal-width{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;place-items:center;height:36px;padding:0 8px;display:grid}.pal-width span{border-radius:99px;width:100%;display:block}.pal-width.active{border-color:var(--accent);background:#eff6ff}.robot-menu{z-index:15;background:var(--panel);border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;box-shadow:0 8px 24px #0000004d}.chips,.robot-actions{flex-wrap:wrap;gap:5px;display:flex}.team-suggest{z-index:15;background:#fffffff7;border-radius:12px;flex-wrap:wrap;gap:5px;padding:6px;animation:.12s ease-out pop-in;display:flex;position:absolute;box-shadow:0 6px 18px #00000047}.team-suggest .chip.first{box-shadow:inset 0 0 0 2px}.team-suggest .chip.dismiss{min-width:34px;color:var(--muted)}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}}.chip{border:1.5px solid var(--line);color:#111827;background:#f9fafb;border-radius:9px;min-width:38px;height:34px;padding:0 8px;font-size:14px;font-weight:700}.chip.red{color:#b91c1c;border-color:#fca5a5}.chip.blue{color:#1d4ed8;border-color:#93c5fd}.chip.active{color:#fff;background:#111827}.chip.red.active{background:var(--red);border-color:var(--red)}.chip.blue.active{background:var(--blue);border-color:var(--blue)}.chip.text-chip{font-family:Georgia,Times New Roman,serif;font-size:17px}.chip:disabled{opacity:.35}.sheet{z-index:25;background:var(--panel);width:min(420px,100vw);color:var(--panel-fg);-webkit-user-select:text;user-select:text;flex-direction:column;animation:.16s ease-out slide-in;display:flex;position:fixed;top:0;bottom:0;box-shadow:0 0 40px #00000059}.sheet-left{padding-left:env(safe-area-inset-left);left:0}.sheet-right{padding-right:env(safe-area-inset-right);right:0}@keyframes slide-in{0%{opacity:.4;transform:translate(-20px)}}.sheet-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.sheet-head>div:first-child,.sheet-head .sheet-title:first-child{flex:1}.sheet-head .sheet-title{font-size:16px;font-weight:700}.sheet-head>.sheet-title{flex:1}.sheet-sub{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:10px 14px 24px;overflow-y:auto}.icon-btn{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.icon-btn:active{background:#00000014}.icon-btn:disabled{opacity:.3}.icon-btn.danger-armed{background:var(--red);color:#fff}.icon-btn.toggle-btn{color:#9ca3af}.icon-btn.toggle-btn.on{color:#b45309;background:#fef3c7}.pill{text-transform:uppercase;color:#fff;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700}.pill.red{background:var(--red)}.pill.blue{background:var(--blue)}.row{align-items:flex-end;gap:10px;display:flex}.row.gap{flex-wrap:wrap;gap:8px;margin:10px 0}.field{color:var(--muted);flex-direction:column;flex:1;gap:4px;margin:8px 0;font-size:12px;display:flex}.field>span{align-items:center;gap:6px;display:flex}.field.narrow{flex:0 0 96px}input,select,textarea{font:inherit;color:var(--panel-fg);background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;min-height:40px;padding:8px 10px;font-size:16px}input[type=range]{border:0;padding:0}input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:var(--accent);flex:none}.btn{min-height:40px;font:inherit;color:var(--panel-fg);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.btn.small{min-height:30px;padding:0 10px;font-size:12px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.wide,button.wide{justify-content:center;width:100%}button.danger{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;font-weight:600;display:inline-flex}button.danger.armed{background:var(--red);color:#fff}.confirm{z-index:30;background:var(--panel);width:min(340px,100vw - 32px);color:var(--panel-fg);border-radius:16px;padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #0006}.confirm-title{font-size:17px;font-weight:700}.confirm-text{color:var(--muted);margin:8px 0 16px;font-size:14px}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.btn.danger-solid{background:var(--red);border-color:var(--red);color:#fff}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:4px 0;font-size:12px;display:inline-flex}.link.right{margin-left:auto}.muted{color:var(--muted)}.small{font-size:12px}.hint{color:var(--muted);font-size:12px;line-height:1.4}.hint.center{text-align:center}.error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:6px 8px;font-size:12px}.section-head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:14px 0 6px;font-size:12px;font-weight:700;display:flex}.match-list,.recent-list{border:1px solid var(--line);border-radius:12px;flex-direction:column;max-height:46vh;display:flex;overflow:hidden auto}.match-row,.recent-row{border:0;border-bottom:1px solid var(--line);text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fff;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:flex}.recent-row{justify-content:space-between}.match-row.current,.recent-row.current{box-shadow:inset 3px 0 0 var(--accent);background:#eff6ff}.match-row.played{color:var(--muted)}.m-label{flex-direction:column;width:58px;font-weight:700;display:flex}.next-tag{color:#fff;background:#16a34a;border-radius:4px;width:fit-content;padding:0 4px;font-size:9px}.m-teams{font-variant-numeric:tabular-nums;flex-direction:column;flex:1;gap:1px;display:flex}.m-teams .red,.m-teams .blue{gap:8px;display:flex}.m-teams .red b{color:#b91c1c;font-weight:500}.m-teams .blue b{color:#1d4ed8;font-weight:500}.m-teams b.me{font-weight:800;text-decoration:underline}.m-time{color:var(--muted);white-space:nowrap;font-size:12px}.teams-editor{flex-direction:column;gap:6px;display:flex}.teams-row{gap:6px;display:flex}.team-in{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.team-in.red{color:#b91c1c;background:#fff7f7;border-color:#fca5a5}.team-in.blue{color:#1d4ed8;background:#f5f9ff;border-color:#93c5fd}.settings-section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 6px;font-size:12px}.toggle{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.toggle small{color:var(--muted);font-size:12px;display:block}.choice{flex-direction:column;gap:6px;padding:8px 0;font-size:14px;display:flex}.seg{background:#f3f4f6;border-radius:10px;gap:3px;padding:3px;display:flex}.seg button{min-height:34px;font:inherit;color:#374151;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;padding:0 10px;font-size:13px;font-weight:600}.seg button.active{color:#111827;background:#fff;box-shadow:0 1px 3px #00000026}.overview,.calib{z-index:25;color:var(--panel-fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#f3f4f6;flex-direction:column;display:flex;position:fixed;inset:0}.overview .sheet-head,.calib .sheet-head{background:#fff}.overview-grid{flex:1;grid-auto-rows:max-content;place-content:start center;gap:10px;padding:12px;display:grid;overflow-y:auto}.board-card{background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;padding:0 0 6px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001f}.board-card.current{border-color:var(--accent)}.board-card.fresh{animation:1.6s ease-out card-fresh}@keyframes card-fresh{0%,40%{box-shadow:0 0 0 4px #16a34a}to{box-shadow:0 1px 3px #0000001f}}.board-card.drop{border-style:dashed;border-color:#16a34a}.board-card.dragging{opacity:.35;border-color:var(--accent);border-style:dashed}.board-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.drag-ghost{z-index:40;pointer-events:none;border:2px solid var(--accent);opacity:.95;background:#fff;border-radius:12px;padding-bottom:6px;position:fixed;top:0;left:0;overflow:hidden;rotate:2deg;box-shadow:0 14px 34px #00000052}.drag-ghost canvas{display:block}.ghost-title{padding:6px 10px 0;font-size:15px;font-weight:700}.board-card.add{box-shadow:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:2px dashed #cbd5e1;justify-content:center;align-items:center;gap:6px;font-weight:600}.thumb{cursor:pointer;background:#e5e7eb;border:0;padding:0;display:block;position:relative}.thumb canvas{display:block}.thumb-index{color:#fff;background:#111827bf;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}.card-title{border:0;border-radius:0;min-height:32px;padding:6px 8px 0;font-size:15px;font-weight:700}.card-desc{resize:none;color:#374151;border:0;border-radius:0;min-height:36px;padding:2px 8px;font-size:12px}.card-actions{flex-wrap:wrap;justify-content:space-between;padding:0 4px;display:flex}.card-actions .icon-btn{flex:1 1 0;width:auto;min-width:26px;max-width:44px;height:38px}.grip{touch-action:none;cursor:grab}.calib-body{flex:1;gap:10px;min-height:0;padding:10px;display:flex}@media (orientation:portrait){.calib-body{flex-direction:column}}.pad-wrap{flex:1.6;min-width:0;min-height:0;position:relative}.pad{touch-action:none;background:#fff;border-radius:14px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #d1d5db}.pad-guide{color:#0000000d;pointer-events:none;place-items:center;font-size:min(40vh,30vw);font-weight:200;display:grid;position:absolute;inset:0}.pad-wrap .pad-bg,.pad-wrap .pad-ink{position:absolute;inset:0}.pad-wrap .pad-ink{background:0 0}.pad-prompt{color:#1f2937;pointer-events:none;text-shadow:0 0 4px #fff,0 0 8px #fff;font-size:16px;font-weight:700;position:absolute;top:8px;left:10px;right:10px}.calib-feedback{background:#f3f4f6;border-radius:8px;margin:0 0 8px;padding:6px 8px;font-size:14px;font-weight:600}.calib-feedback.ok{color:#166534;background:#f0fdf4}.calib-feedback.bad{color:#92400e;background:#fffbeb}.row.gap.tight{gap:6px;margin:6px 0}.calib-sections{flex-direction:column;gap:4px;margin:6px 0;display:flex}.calib-section{border:1px solid var(--line);font:inherit;text-align:left;color:inherit;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:1fr 70px 44px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:grid}.calib-section.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.cs-name small{color:var(--muted);font-size:11px;display:block}.cs-bar{background:#e5e7eb;border-radius:99px;height:6px;overflow:hidden}.cs-bar span{background:#16a34a;height:100%;display:block}.cs-count{font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}.calib-results{border:1px solid var(--line);background:#f8fafc;border-radius:10px;margin:6px 0;padding:4px 8px;font-size:12px}.calib-results p{margin:4px 0}.calib-side{flex:1;min-width:0;overflow-y:auto}.calib-prompt{font-size:16px}.calib-result{min-height:40px;font-size:15px;font-weight:600}.digit-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.digit-chip{border:1.5px solid var(--line);height:46px;font:inherit;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;display:flex}.digit-chip small{color:var(--muted);font-size:10px;font-weight:500}.digit-chip.done{background:#f0fdf4;border-color:#86efac}.digit-chip.active{border-color:var(--accent);box-shadow:0 0 0 2px #bfdbfe}.pen-pad{text-align:left;color:var(--muted);-webkit-user-select:none;user-select:none;flex:1.4;place-items:center;padding:16px;font-size:15px;line-height:1.7;display:grid}.pen-checks{margin:0 0 8px;padding:0;font-size:14px;list-style:none}.pen-checks li{color:var(--muted);padding:5px 0}.pen-checks li.ok{color:#15803d;font-weight:600}.pen-checks li span{width:18px;display:inline-block}.pen-report{min-height:0;font-family:ui-monospace,monospace;font-size:11px}.pen-log{color:var(--muted);white-space:pre-wrap;margin:6px 0 0;font-size:11px}.scrim.top{z-index:29}.text-entry{z-index:31;background:var(--panel);color:var(--panel-fg);border-radius:12px;align-items:center;gap:6px;padding:6px 6px 6px 10px;display:flex;position:fixed;box-shadow:0 10px 30px #00000059}.text-entry input{min-width:0;font:inherit;border:1px solid #d1d5db;border-radius:8px;flex:1;padding:8px 10px;font-size:16px;font-weight:700}.te-swatch{border-radius:50%;flex:none;width:16px;height:16px;box-shadow:0 0 0 1px #00000040}.text-marker{z-index:21;pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:fixed;box-shadow:0 0 0 3px #ffffffe6,0 0 0 4px #0000004d}.empty-note{color:var(--muted);text-align:center;padding:28px 24px;font-size:15px}.empty-note svg{vertical-align:-3px}.tpl-name{padding:6px 8px 0;font-size:15px;font-weight:700}.tpl-meta{color:var(--muted);padding:0 8px 6px;font-size:12px}.tpl-side{text-transform:capitalize;font-weight:700}.tpl-side.red{color:#b91c1c}.tpl-side.blue{color:#1d4ed8}.template-card .card-actions{align-items:center;padding:0 8px}.tpl-sides{gap:6px;display:flex}.btn.red-btn{color:#b91c1c;border-color:#fecaca}.btn.blue-btn{color:#1d4ed8;border-color:#bfdbfe}.tpl-input{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;margin:12px 0 10px;padding:8px 10px;font-size:16px}.tpl-row{align-items:center;gap:10px;font-size:14px;display:flex}.tpl-row .seg{flex:1}.template-card.editing .card-actions{justify-content:space-between;padding:2px 8px 0}.thumb-edit{color:#fff;background:#111827cc;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:6px;right:6px}.tpl-name-input{font:inherit;border:1px solid #d1d5db;border-radius:8px;min-width:0;margin:6px 8px 2px;padding:6px 8px;font-size:15px;font-weight:700}.tpl-name-input.bad{border-color:var(--red)}.tpl-err{color:#b91c1c;padding:2px 8px 4px;font-size:12px}.confirm .tpl-err{padding:0 0 8px}.tpl-row.compact{gap:6px;padding:2px 8px 4px;font-size:12px}.tpl-row.compact .seg button{min-height:28px;font-size:12px}.tpl-edit-bar{z-index:15;color:#fff;background:#111827eb;border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:13px;display:flex;position:fixed;box-shadow:0 6px 20px #0000004d}.tpl-edit-bar .btn.small{min-height:32px}.tpl-chips{margin-top:6px}.sheet-head{position:relative}.setup-toggle{z-index:2;border:1px solid var(--line);background:var(--panel);width:44px;height:26px;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000001f}.setup-toggle svg{transition:transform .15s;transform:rotate(90deg)}.setup-toggle.open svg{transform:rotate(-90deg)}.sheet-body.menu-body{padding-top:18px}.setup-summary{border:1px solid var(--line);border-radius:10px;align-items:center;gap:4px;padding:2px 2px 2px 10px;display:flex}.setup-summary-text{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;padding:4px 0;font-size:13px;display:flex}.setup-summary-text span{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.live-dot{background:#16a34a;border-radius:50%;flex:none;width:7px;height:7px}.match-divider{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafc;padding:4px 10px;font-size:11px;font-weight:700}.match-row.played{background:#f8fafc}.match-row.played.current{background:#eff6ff}.match-row.played .m-label,.match-row.played .m-teams{opacity:.45}.match-row.played .m-score{opacity:.6}.m-score{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:flex-end;gap:3px;font-size:14px;display:flex}.m-score .sc-n,.m-score .sc-sep{line-height:17px}.res{border-radius:50%;align-self:flex-end;width:9px;height:9px;margin:0 3px 4px 0}.res.win{background:#16a34a}.res.loss{background:#dc2626}.res.tie{background:#9ca3af}.res.none{background:0 0}.sc{flex-direction:column;min-width:3.4ch;font-weight:500;display:flex}.sc.red{color:#b91c1c;align-items:flex-end}.sc.blue{color:#1d4ed8;align-items:flex-start}.sc.won .sc-n{font-weight:800}.sc-sep{color:var(--muted)}.rp-dots{gap:2px;height:5px;margin-bottom:2px;display:flex}.rp-dots i{opacity:.85;background:currentColor;border-radius:50%;width:5px;height:5px}.board-list{flex-direction:column;gap:4px;display:flex}.bl-row{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:2px;padding:2px 2px 2px 8px;display:flex}.bl-kind{color:var(--muted);place-items:center;margin-right:4px;display:grid}.bl-name{min-width:0;font:inherit;background:0 0;border:0;flex:1;padding:6px 4px;font-size:14px;font-weight:600}.icon-btn.small{width:32px;height:32px}.bl-add{gap:6px;margin-top:2px;display:flex}.bl-add input{min-width:0;font:inherit;border:1px dashed #cbd5e1;border-radius:10px;flex:1;padding:7px 10px;font-size:14px}.board-list .tpl-chips .chip svg{vertical-align:-2px}.board-list .link{align-self:flex-start}.teams-row.playoff{align-items:center;gap:3px}.teams-row .team-in{flex:1;min-width:0}.team-swap{width:24px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.team-swap:active{background:#e5e7eb}.team-bench{font-variant-numeric:tabular-nums;opacity:.7;border:1px dashed;border-radius:10px;flex:1;align-self:stretch;place-items:center;min-width:0;font-weight:700;display:grid}.team-bench.red{color:#b91c1c}.team-bench.blue{color:#1d4ed8}.teams-note{margin:0}.btn.active{border-color:var(--accent);color:var(--accent)}.playoff-picker{flex-direction:column;gap:6px;margin:-2px 0 12px;display:flex}.pp-ours{align-items:center;gap:8px;display:flex}.pp-ours .pp-row{flex:1;min-width:0}.pp-color{flex:none}.pp-color button{min-height:30px;font-weight:700}.pp-color button.red.active{color:#b91c1c}.pp-color button.blue.active{color:#1d4ed8}.pp-hint{color:var(--muted);font-size:12px}.pp-list{border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pp-row{border:0;border-bottom:1px solid var(--line);font:inherit;text-align:left;color:var(--panel-fg);font-variant-numeric:tabular-nums;background:#fff;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.pp-list .pp-row:last-child{border-bottom:0}.pp-row.static{border:1px solid var(--line);border-radius:12px}.pp-num{width:26px;font-weight:800}.pp-teams{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pp-teams b{font-weight:500}.pp-teams b.me{font-weight:800;text-decoration:underline}.pp-bench{opacity:.7;font-size:12px}.pp-row.red{color:#b91c1c;background:#fff7f7}.pp-row.blue{color:#1d4ed8;background:#f5f9ff}.pp-row.out{opacity:.5}.pp-out{color:var(--muted);margin-left:auto;font-size:11px}