:root{--bg:#f7f6f2;--surface:#fff;--ink:#15181e;--ink-2:#3a404b;--muted:#646b78;--line:#e2dfd7;--line-strong:#c9c5bb;--good:#11724b;--good-soft:#e3f3ea;--bad:#b42318;--bad-soft:#fbe9e7;--warn-soft:#fff4d6;--accent:#0f5c3a;--accent-ink:#fff;--accent-soft:#e4efe8;--focus:#1a56db;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow:0 8px 24px #0000001f;--radius:10px;--radius-sm:6px;--gap:20px;--measure:70ch;--container:1120px}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--font);font-variant-numeric:tabular-nums;margin:0}img,svg{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;transition:none}h1,h2,h3{overflow-wrap:break-word;min-width:0;color:var(--ink);margin:0 0 .4em;font-weight:750;line-height:1.2}h1{letter-spacing:-.01em;font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem)}p{max-width:var(--measure);margin:0 0 1em}.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.lede{color:var(--ink-2);max-width:62ch;font-size:1.08rem}.muted{color:var(--muted)}.small{font-size:.875rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-head{background:var(--surface);border-bottom:1px solid var(--line)}.site-head .wrap{flex-wrap:wrap;align-items:center;gap:24px;min-height:60px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:40px;display:block}@media (width<=640px){.brand-logo{height:34px}}.brand-mark{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:7px;place-items:center;font-size:.8rem;font-weight:800;display:inline-grid}.nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);border-radius:var(--radius-sm);white-space:nowrap;flex:none;padding:8px 10px;font-size:.95rem;text-decoration:none}.nav a[aria-current=page]{color:var(--accent);font-weight:650}.nav-short,.nav-icon{display:none}@media (width<=640px){.site-head .wrap{gap:6px;padding-top:8px;padding-bottom:6px}.nav{scrollbar-width:none;flex-wrap:nowrap;width:calc(100% + 10px);margin-left:-10px;overflow-x:auto}}main{display:block}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.grid-2{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=860px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;border-radius:var(--radius-sm);cursor:pointer;padding:9px 14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-block}.btn:hover{border-color:var(--ink-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover{filter:brightness(1.08);border-color:var(--accent)}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.tabs{scrollbar-width:thin;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 11px;font-size:.9rem}.tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}th{color:var(--muted);background:var(--bg);font-size:.85rem;font-weight:650}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right}.faq summary{cursor:pointer;font-weight:650}.faq details p{color:var(--ink-2);margin:8px 0 0}.site-foot{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding:28px 0 40px;font-size:.9rem}.site-foot nav{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.site-foot a{color:var(--ink-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:Tektur;src:url(/fonts/tektur-800.woff2)format("woff2");font-weight:800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tektur;src:url(/fonts/tektur-800-ext.woff2)format("woff2");font-weight:800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;src:url(/fonts/figtree-400.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;src:url(/fonts/figtree-400-ext.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;src:url(/fonts/figtree-600.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;src:url(/fonts/figtree-600-ext.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-ground:oklch(98.6% .004 70);--color-ground-2:oklch(96% .01 70);--color-ground-3:oklch(91% .014 70);--color-card:oklch(99.7% .002 70);--color-ink:oklch(19% .03 262);--color-ink-2:oklch(32% .03 262);--color-muted:oklch(47% .02 262);--color-court:oklch(79% .1 70);--color-court-deep:oklch(70% .115 60);--color-court-line:oklch(99.7% .002 70/.9);--color-field:oklch(52% .12 148);--color-field-2:oklch(55% .12 148);--color-ball:oklch(71% .18 50);--color-ball-2:oklch(78% .15 55);--color-ball-text:oklch(55% .165 45);--color-ball-soft:oklch(94% .045 55);--color-board:oklch(18% .028 262);--color-board-2:oklch(27% .03 262);--color-board-muted:oklch(74% .025 262);--color-on-board:oklch(99.7% .002 70);--color-red:oklch(53% .2 27);--color-red-soft:oklch(94% .03 27);--color-lock:oklch(52% .13 150);--color-lock-soft:oklch(94% .04 150);--edge:oklch(19% .03 262/.1);--edge-strong:oklch(19% .03 262/.28);--font-display:"Tektur", "Arial Black", sans-serif;--font-body:"Figtree", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-score:3.5rem;--dur-micro:.1s;--dur-short:.2s;--dur-long:.38s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--tabbar:64px;--text-tab:.8125rem;--bg:var(--color-ground);--surface:var(--color-card);--ink:var(--color-ink);--ink-2:var(--color-ink-2);--muted:var(--color-muted);--line:var(--color-ground-3);--line-strong:var(--color-ink);--good:var(--color-lock);--good-soft:var(--color-lock-soft);--bad:var(--color-red);--bad-soft:var(--color-red-soft);--warn-soft:var(--color-ball-soft);--accent:var(--color-ball);--accent-ink:var(--color-ink);--accent-soft:var(--color-ball-soft);--focus:var(--color-ink);--font:var(--font-body);--font-num:var(--font-body);--shadow:0 8px 24px oklch(19% .03 262/.14);--radius:16px;--radius-sm:8px;--gap:24px;--measure:68ch;--container:1240px}body{font:400 var(--text-md)/1.5 var(--font-body);background:var(--color-ground);color:var(--color-ink);font-synthesis:none;font-variant-numeric:tabular-nums}[hidden]{display:none!important}::selection{background:var(--color-ball);color:var(--color-ink)}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;color:inherit;font-weight:800;line-height:1.05}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}@media (width<=640px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}.lede{font-size:var(--text-lg);color:var(--color-ink-2)}strong,b{font-weight:600}a{color:var(--color-ink);text-decoration-color:var(--color-ball);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--color-ball-text)}a:active{color:var(--color-ink-2)}.site-head{background:var(--color-ink);color:var(--color-on-board);--focus:var(--color-ball);border-bottom:0}.site-head .wrap{gap:24px;min-height:64px}.brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);text-transform:uppercase;color:var(--color-on-board);gap:12px}.brand:hover{color:var(--color-ball-2)}.brand:active{color:var(--color-ball)}.brand-mark{background:var(--color-ball);width:36px;height:36px;color:var(--color-ink);font-size:var(--text-sm);border-radius:50%;font-weight:800}.brand-logo{height:44px}@media (width<=640px){.brand-logo{height:36px}}.nav{gap:4px}.nav a{font-weight:600;font-size:var(--text-md);color:var(--color-board-muted);border-radius:var(--radius-sm);transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);padding:8px 12px;text-decoration:none;box-shadow:inset 0 -3px #0000}.nav a:hover{background:var(--color-board-2);color:var(--color-on-board)}.nav a:active{background:var(--color-board)}.nav a[aria-current=page]{color:var(--color-on-board);box-shadow:inset 0 -3px 0 var(--color-ball);font-weight:600}@media (width<=640px){.site-head .wrap{min-height:56px;padding-top:8px;padding-bottom:8px}.nav{z-index:300;width:auto;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--color-ink);border-top:1px solid var(--color-board-2);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.nav a{text-align:center;white-space:nowrap;min-height:52px;font-size:var(--text-tab);box-shadow:none;align-content:center;justify-items:center;gap:2px;padding:4px 2px;line-height:1.15;display:grid}.nav a[aria-current=page]{color:var(--color-ball);background:var(--color-board-2);box-shadow:none}.nav .nav-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.nav .nav-short{display:block}.nav .nav-long{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.wrap{padding:0 16px}}.hero{padding:32px 0 16px}.hero h1{margin:0 0 8px}.hero .lede{margin:0}.section{padding:48px 0}.section+.section{border-top:1px solid var(--color-ground-3)}.panel{background:var(--color-card);border-radius:var(--radius);outline:1px solid var(--edge);outline-offset:-1px;border:0;padding:20px}.btn{font:800 var(--text-md)/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border:2px solid var(--color-ink);border-radius:var(--radius-sm);min-height:48px;color:var(--color-ink);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.btn:hover{background:var(--color-ground-3);border-color:var(--color-ink)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-ball);border-color:var(--color-ball);color:var(--color-ink)}.btn-primary:hover{background:var(--color-ball-2);border-color:var(--color-ball-2);filter:none}.btn:disabled{opacity:.6;background:var(--color-ground-2);color:var(--color-muted);border-color:var(--color-ground-3);cursor:not-allowed}.btn-row{gap:8px}.tabs{gap:8px;padding-bottom:4px}.tab{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);transition:background-color var(--dur-short) var(--ease-out);padding:8px 12px;font-weight:600}.tab:hover{background:var(--color-ground-3)}.tab:active{transform:translateY(1px)}.tab[aria-selected=true]{background:var(--color-ink);color:var(--color-card)}.mini{appearance:none;font:600 var(--text-sm)/1 var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--edge-strong);background:var(--color-card);color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out);padding:8px 12px}.mini:hover{background:var(--color-ground-3)}.mini:active{transform:translateY(1px)}.mini:disabled{opacity:.4;cursor:not-allowed}.mini[aria-pressed=true]{background:var(--color-ink);color:var(--color-card);border-color:var(--color-ink)}select,input[type=search],input[type=number],input[type=file]{font:inherit;color:var(--color-ink);background:var(--color-card);border:1px solid var(--edge-strong);border-radius:var(--radius-sm)}select:hover,input:hover{border-color:var(--color-ink)}select:disabled,input:disabled{background:var(--color-ground-2);color:var(--color-muted);border-color:var(--color-ground-3);cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.table-wrap{outline:1px solid var(--color-ground-3);outline-offset:-1px;border-radius:var(--radius);background:var(--color-card);border:0}th,td{border-bottom:1px solid var(--color-ground-3);padding:8px 12px}th{font-weight:600;font-size:var(--text-sm);color:var(--color-muted);background:var(--color-ground-2)}.faq details{border-bottom:1px solid var(--color-ground-3);padding:12px 0}.faq summary{font-weight:600}.faq summary:hover{color:var(--color-ball-text)}.site-foot{background:var(--color-ground-2);color:var(--color-muted);border-top:0;padding:32px 0 48px}.site-foot a{color:var(--color-ink-2);padding:4px 0;display:inline-block}.steps{gap:8px;padding-left:1.4em;display:grid}.scoring{max-width:28rem}.face{width:var(--size,40px);height:var(--size,40px);background:var(--tc,var(--color-ink-2));box-shadow:0 0 0 2px var(--tc,var(--color-ink-2));border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.face img{object-fit:cover;background:var(--color-ground-2);width:100%;height:100%;display:block}.face.kit{background:var(--color-ground-2)}.face.kit svg{width:92%;height:92%}.j-body{fill:var(--tc,var(--color-ink-2));stroke:var(--ta,var(--color-card));stroke-width:1.5px;stroke-linejoin:round}.j-num{fill:var(--ta,var(--color-card));font:800 12px/1 var(--font-display);text-anchor:middle}.j-num.long{font-size:8px}.opt>div>.tabs{margin-top:16px}.arena{grid-template:"stage board""stage controls"1fr/minmax(0,44rem) minmax(20rem,1fr);align-items:start;gap:16px 24px;margin-top:16px;display:grid}.stage{grid-area:stage}.board{grid-area:board}.controls{grid-area:controls}@media (width<=900px){.arena{grid-template-columns:minmax(0,1fr);grid-template-areas:"board""stage""controls"}}.floor{aspect-ratio:500/360;border-radius:var(--radius) var(--radius) 0 0;position:relative;overflow:hidden}.floor.court{background:var(--color-court)}.floor.field{background:repeating-linear-gradient(180deg, var(--color-field) 0 22.2%, var(--color-field-2) 22.2% 44.4%)}.floor .lines{fill:none;width:100%;height:100%;stroke:var(--color-court-line);stroke-width:3px;position:absolute;inset:0}.floor .lines .paint{fill:var(--color-court-deep)}.floor .lines .los{stroke:var(--color-ball-2);stroke-width:4px}.starters{margin:0;padding:0;list-style:none;position:absolute;inset:0}.flexrow{background:var(--color-court-deep);border-radius:0 0 var(--radius) var(--radius);align-items:center;gap:16px;padding:12px 16px;display:flex}.stage:has(.field) .flexrow{background:var(--color-field)}.stage:has(#flex:empty) .flexrow{display:none}.stage:has(#flex:empty) .floor{border-radius:var(--radius)}.flexrow .lbl{font:600 var(--text-sm)/1.2 var(--font-body);color:var(--color-ink);max-width:72px}.stage:has(.field) .flexrow .lbl{color:var(--color-on-board)}.flexrow ol{flex:1;justify-content:space-around;gap:12px;margin:0;padding:0;list-style:none;display:flex}.spot{--size:72px;text-align:center;justify-items:center;width:22%;max-width:160px;display:grid;position:relative}.starters .spot{left:var(--x);top:var(--y);position:absolute;transform:translate(-50%,-50%)}.flexrow .spot{--size:56px;flex:1;width:auto;max-width:160px}.spot .face{box-shadow:0 0 0 3px var(--color-card), 0 0 0 6px var(--tc,var(--color-ink-2))}.spot .slot{top:calc(var(--size) - 16px);left:calc(50% + var(--size) / 2 - 16px);border-radius:var(--radius-sm);background:var(--color-ink);min-width:32px;color:var(--color-card);font:800 var(--text-xs)/1 var(--font-display);padding:4px;position:absolute}.spot .who,.spot .what{background:var(--color-card);color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 8px;overflow:hidden}.spot .who{font:600 var(--text-sm)/1.5 var(--font-body);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-top:12px}.spot .what{font:400 var(--text-xs)/1.6 var(--font-body);color:var(--color-ink-2);border-radius:0 0 var(--radius-sm) var(--radius-sm)}@media (width<=640px){.spot{--size:48px;width:25%}.flexrow{gap:8px;padding:8px}.flexrow .spot{--size:40px}.flexrow .lbl{display:none}.spot .slot{top:calc(var(--size) - 12px);left:calc(50% + var(--size) / 2 - 14px);min-width:28px;font-size:var(--text-xs)}.spot .who{font-size:var(--text-xs);margin-top:8px;padding:0 4px}.spot .who .ini{display:none}.spot .what{font-size:var(--text-xs);padding:0 4px}.starters .spot{left:clamp(12.5%, var(--x), 87.5%)}.floor.field{aspect-ratio:500/520}}@keyframes turn{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}to{opacity:1;transform:none}}@keyframes plate{0%{opacity:0}to{opacity:1}}.spot .face{animation:turn var(--dur-long) var(--ease-out) both;animation-delay:calc(var(--i) * 90ms)}.spot .who,.spot .what,.spot .slot{animation:plate var(--dur-short) var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + .16s)}.board{background:var(--color-board);color:var(--color-on-board);border-radius:var(--radius);--focus:var(--color-ball);padding:16px}.board .which{font:800 var(--text-md)/1.2 var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;max-width:none;margin:0 0 12px;display:flex}.board .flip{background:var(--color-board-2);color:var(--color-on-board);border-color:var(--color-board-2);font:800 var(--text-lg)/1 var(--font-display);padding:4px 12px}.board .flip:hover{background:var(--color-ink-2)}.board .cells{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.board .cell{align-content:start;gap:4px;margin:0;display:grid}.board .cell.big{grid-column:1/-1}.board .k{font:600 var(--text-sm)/1.2 var(--font-body);color:var(--color-board-muted)}.board b{font:800 var(--text-xl)/1 var(--font-display)}.board .big b{font-size:var(--text-score);color:var(--color-ball);line-height:.95}.board .cap{background:var(--color-board-2);border-radius:4px;height:8px;display:block;overflow:hidden}.board .cap i{background:var(--color-ball);height:100%;transform:scaleX(var(--w,0));transform-origin:0;transition:transform .6s var(--ease-out);display:block}@keyframes buzz{0%,to{background:var(--color-board)}25%{background:var(--color-ball-text)}}.board.buzz{animation:buzz .9s var(--ease-out) 1}@media (width<=900px){.board .cells{grid-template-columns:1fr 1fr 1fr}.board .cell.big{grid-area:span 2}.board .big b{font-size:var(--text-3xl)}}@media (width<=640px){.board{padding:12px}.board .cells{grid-template-columns:1fr 1fr}.board .cell.big{grid-area:auto/1/auto/-1}.board b{font-size:var(--text-lg)}}.controls{gap:12px;display:grid}.opt-bar{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.opt-bar label{font-size:var(--text-sm);color:var(--color-muted);gap:4px;display:grid}.opt-bar select{font-size:var(--text-md);min-height:44px;padding:8px}.controls .btn-row .btn-primary{flex:100%}.controls .btn-row .btn:not(.btn-primary){flex:1}.btn.lit{border-color:var(--color-ball);box-shadow:inset 0 0 0 2px var(--color-ball)}.status{color:var(--color-ink-2);font-size:var(--text-sm);min-height:3em;margin:0}.games-sec,.built,.pool-sec{margin-top:48px}.games-sec h2,.built h2{margin-bottom:4px}.games{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:12px;margin-top:16px;display:grid}.game{appearance:none;text-align:left;font:inherit;color:var(--color-ink);background:var(--color-card);outline:1px solid var(--edge);outline-offset:-1px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out);border:0;gap:4px;padding:12px;display:grid}.game:hover{background:var(--color-ball-soft)}.game:active{transform:translateY(1px)}.game .when{font-size:var(--text-xs);color:var(--color-muted)}.game .side{justify-content:space-between;align-items:center;gap:8px;display:flex}.game .tm{font:800 var(--text-lg)/1.2 var(--font-display);padding:0}.game .tm:before{width:12px;height:12px}.game .imp{font-weight:600}.game .state{font-size:var(--text-xs);color:var(--color-lock);font-weight:600}.game[aria-pressed=false]{background:var(--color-ground-2)}.game[aria-pressed=false] .side{opacity:.45}.game[aria-pressed=false] .state{color:var(--color-red)}.lineups{grid-template-columns:repeat(auto-fill,minmax(296px,1fr));gap:16px;margin-top:16px;display:grid}.lineup{background:var(--color-card);border-radius:var(--radius-sm);outline:1px solid var(--edge);outline-offset:-1px;border-top:4px solid var(--color-ground-3);padding:12px}.lineup.on{border-top-color:var(--color-ball)}.lineup header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.lineup header b{font:800 var(--text-md)/1 var(--font-display);text-transform:uppercase}.lineup header .pts{font-weight:600}.lineup header .muted{font-size:var(--text-xs)}.lineup ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.lineup li{--size:28px;font-size:var(--text-sm);grid-template-columns:40px 28px minmax(0,1fr) auto 56px 40px;align-items:center;gap:8px;display:grid}.lineup li .slot{font:800 var(--text-xs)/1 var(--font-display);color:var(--color-muted)}.lineup li .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lineup li .num{text-align:right}.tm{font-size:var(--text-xs);align-items:center;gap:4px;font-weight:600;display:inline-flex}.tm:before{content:"";background:var(--tc,var(--color-ink-2));width:8px;height:8px;box-shadow:0 0 0 1px var(--edge);border-radius:2px;flex:none}.expo-wrap{margin-top:32px}.expo{grid-template-columns:repeat(auto-fill,minmax(296px,1fr));gap:8px 24px;margin:12px 0 0;padding:0;list-style:none;display:grid}.expo li{--size:32px;font-size:var(--text-sm);grid-template-columns:32px minmax(0,9rem) 1fr 40px;align-items:center;gap:8px;display:grid}.expo .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.expo .bar{background:var(--color-ground-3);border-radius:4px;height:8px;position:relative;overflow:hidden}.expo .bar:after{content:"";background:var(--color-ball);transform:scaleX(var(--w));transform-origin:0;position:absolute;inset:0}.expo .num{text-align:right;font-weight:600}.pool-head{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;display:flex}.pool-head h2{margin:0 8px 0 0}.posf,.sorts{font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pool-head input{min-width:220px;min-height:40px;padding:8px 12px}.pool{max-height:72vh;overflow:auto}.pool thead th{z-index:1;position:sticky;top:0}.pool td{padding:4px 8px}.pool td.act{white-space:nowrap}.pool td.act .mini{min-height:28px;font-size:var(--text-xs);margin-right:4px;padding:4px 8px}.pool td.act .mini[data-lock][aria-pressed=true]{background:var(--color-lock);border-color:var(--color-lock);color:var(--color-card)}.pool td.act .mini[data-ex][aria-pressed=true]{background:var(--color-red);border-color:var(--color-red);color:var(--color-card)}.pool td.nm{--size:36px;align-items:center;gap:12px;min-width:240px;display:flex}.pool td.nm .line{display:block}.pool td.nm .sub{font-size:var(--text-xs);color:var(--color-muted);display:block}.pool td.nm .note{font-size:var(--text-xs);display:block}.pool .up{color:var(--color-lock);font-weight:600}.pool tbody tr{transition:background-color var(--dur-short) var(--ease-out)}@media (hover:hover){.pool tbody tr:hover td{background:var(--color-ball-soft)}}.pool tbody tr.locked td{background:var(--color-lock-soft)}.pool tr.excluded td{opacity:.45}.pool td.heat{background:color-mix(in oklch, var(--color-ball) calc(var(--h) * 22%), transparent)}.pool td.none{color:var(--color-muted);white-space:normal;padding:24px}.proj{width:72px;font-size:var(--text-sm);text-align:right;background:var(--color-card);padding:4px 8px}.tag{font-size:var(--text-xs);color:var(--color-card);background:var(--color-red);border-radius:4px;padding:0 4px;font-weight:600}@media (width<=640px){.pool-head input{flex:100%;min-width:0}.pool .c-avg{display:none}.pool td.nm{--size:32px;gap:8px;min-width:180px}}.plays{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.plays li{--size:48px;align-items:center;gap:12px;display:flex}.plays li p{margin:0}.hurt{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.hurt li{--size:28px;background:var(--color-card);outline:1px solid var(--edge);outline-offset:-1px;font-size:var(--text-sm);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.upload{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:16px;display:grid}.upload input[type=file]{max-width:100%}.sd-pick{font:600 var(--text-sm)/1.2 var(--font-body);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0;display:flex}.sd-pick select{font-size:var(--text-md);max-width:100%;min-height:44px;padding:8px}.credits{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px 24px;margin:0;padding:0;list-style:none;display:grid}.credits li{--size:56px;font-size:var(--text-sm);overflow-wrap:anywhere;align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.spot .face,.spot .who,.spot .what,.spot .slot{opacity:1;animation:none;transform:none}.board.buzz{animation:none}.board .cap i{transition:none}}