.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}}
