:root{--bg: #ff9a3d;--inset: #ffe7cd;--black: #241a12;--ink: #fff3e2;--white: #fffdf7;--text: #2c1704;--jersey-dark: #2c2620;--jersey-dark-2: #1d1813;--jersey-light: #f6ecd7;--jersey-light-2: #e4d4b2;--gray: #97724c;--line: #edd3ab;--fire: #ff6a00;--fire-2: #ffb020;--hot: #e11d1d;--tap: 48px;--glyph-nudge: .0625em;--radius: 6px;--radius-sm: 4px;--pixdisc: polygon( 33% 0, 67% 0, 67% 8%, 83% 8%, 83% 17%, 92% 17%, 92% 33%, 100% 33%, 100% 67%, 92% 67%, 92% 83%, 83% 83%, 83% 92%, 67% 92%, 67% 100%, 33% 100%, 33% 92%, 17% 92%, 17% 83%, 8% 83%, 8% 67%, 0 67%, 0 33%, 8% 33%, 8% 17%, 17% 17%, 17% 8%, 33% 8% );--ink-lo: #f3e0c2;--inset-lo: #f2d6b4;--fire-lo: #ef5b00;--hot-lo: #c41414;--ledge-ink: #d9ac66;--ledge-ink-2: #b0812f;--ledge-inset: #e3ba79;--ledge-inset-2: #c1913f;--ledge-fire: #b3450b;--ledge-fire-2: #7d2f06;--ledge-hot: #8a0f0f;--ledge-hot-2: #5c0909;--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);--gloss: inset 0 2px 0 rgba(255, 253, 247, .55);--cast: 0 5px 6px rgba(44, 23, 4, .22);--cast-lg: 0 20px 24px rgba(44, 23, 4, .34);--raise: var(--gloss), 0 3px 0 var(--ledge), 0 5px 0 var(--ledge-2), var(--cast);--raise-sm: var(--gloss), 0 2px 0 var(--ledge), 0 3px 0 var(--ledge-2), var(--cast);--press: var(--gloss), 0 0 0 var(--ledge);--dither: linear-gradient(45deg, rgba(0,0,0,.05) 25%, transparent 25% 75%, rgba(0,0,0,.05) 75%), linear-gradient(45deg, rgba(0,0,0,.05) 25%, transparent 25% 75%, rgba(0,0,0,.05) 75%);--face-ink: var(--dither), linear-gradient(var(--ink) 0 60%, var(--ink-lo) 60% 100%);--face-inset: var(--dither), linear-gradient(var(--inset) 0 60%, var(--inset-lo) 60% 100%);--face-fire: var(--dither), linear-gradient(var(--fire) 0 58%, var(--fire-lo) 58% 100%);--face-hot: var(--dither), linear-gradient(var(--hot) 0 58%, var(--hot-lo) 58% 100%);--face-white: var(--dither), linear-gradient(var(--white) 0 60%, #efe9dc 60% 100%);--face-amber: var(--dither), linear-gradient(var(--fire-2) 0 58%, var(--fire) 58% 100%);--face-size: 2px 2px, 2px 2px, 100% 100%;--face-pos: 0 0, 1px 1px, 0 0;--lc-face: #fff3e2;--lc-l1: #d8b483;--lc-l2: #b08a58;--lc-l3: #8a6a40;--lo-face: #ff7f34;--lo-l1: #d1500f;--lo-l2: #a23708;--lo-l3: #7a2905;--lr-face: #e11d1d;--lr-l1: #a81212;--lr-l2: #7a0d0d;--lr-l3: #520808;--ly-face: #ffd93b;--ly-l1: #e8a713;--ly-l2: #b3760a;--ly-l3: #7d4e05;--shadow: var(--raise)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;background:var(--bg)}body{background:transparent;color:var(--text);font-family:"Press Start 2P",system-ui,monospace;-webkit-font-smoothing:none;image-rendering:pixelated;line-height:1.6;letter-spacing:.5px;height:100dvh;padding:10px;padding-top:calc(10px + env(safe-area-inset-top));padding-right:calc(10px + env(safe-area-inset-right));padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:calc(10px + env(safe-area-inset-left));overflow:hidden;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px);z-index:9999;mix-blend-mode:overlay}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='116'%20height='116'%3E%3Crect%20x='48'%20y='48'%20width='20'%20height='20'%20fill='%23fff1dd'%20fill-opacity='0.42'/%3E%3C/svg%3E");background-repeat:repeat;background-size:116px 116px}.bg-grid{position:fixed;top:0;left:0;width:calc(100% + 348px);height:calc(100% + 232px);z-index:-1;pointer-events:none;display:block;animation:bgDrift 30s linear infinite}@keyframes bgDrift{0%{transform:translate(0)}to{transform:translate(-348px,-232px)}}@media (prefers-reduced-motion: no-preference){body:before{display:none}}@media (prefers-reduced-motion: reduce){.bg-grid{display:none}}.cauldron{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}body.cauldron-on .bg-grid,body.cauldron-on:before{display:none}.wrap{max-width:760px;width:100%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column}.topbar{flex:0 0 auto}.title{text-align:left;margin:0 0 10px;flex:0 0 auto}.title .logo{display:inline-flex;align-items:baseline;gap:10px;font-size:clamp(20px,7vw,28px);line-height:1.35;padding:2px 2px 6px}.title .logo-h,.title .logo-full{color:var(--lc-face);text-shadow:0 2px 0 var(--lc-l1),0 3px 0 var(--lc-l2),0 4px 0 var(--lc-l2),0 5px 0 var(--lc-l3),0 8px 9px rgba(0,0,0,.34)}.title .flame{color:var(--lr-face);text-shadow:0 2px 0 var(--lr-l1),0 3px 0 var(--lr-l2),0 4px 0 var(--lr-l2),0 5px 0 var(--lr-l3),0 8px 9px rgba(0,0,0,.34)}.title .logo-short{display:inline-flex;align-items:baseline;gap:2px}.title .logo-full{display:none;word-spacing:-.3em}@keyframes flicker{0%{opacity:1;filter:brightness(1.1)}to{opacity:.82;filter:brightness(.85)}}.screen{display:none}.screen.active{display:flex;flex-direction:column;flex:1;min-height:0;animation:pop .18s steps(3)}@keyframes pop{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}#screen-home.active{justify-content:center}.home-panel{margin-bottom:0}.home-actions{display:flex;flex-direction:column;gap:24px}.home-actions .btn-block{font-size:13px;padding:16px}.info-btn{display:flex;position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:50;width:34px;height:34px;padding:0;font-family:inherit;font-size:19px;line-height:1;color:var(--lc-face);background:none;border:none;text-shadow:0 2px 0 var(--lc-l2),0 3px 0 var(--lc-l3),0 5px 5px rgba(0,0,0,.32);cursor:pointer;align-items:center;justify-content:center}.info-btn:active{transform:translateY(3px);text-shadow:0 1px 0 var(--lc-l3),0 2px 4px rgba(0,0,0,.28)}.full-btn{display:none;position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(88px + env(safe-area-inset-right));z-index:50;width:34px;height:34px;padding:0;background:none;border:none;cursor:pointer;align-items:center;justify-content:center}@media (hover: hover) and (pointer: fine){.full-btn:not([hidden]){display:flex}}.full-btn:active{transform:translateY(3px)}.full-ico{width:21px;height:21px;fill:none;stroke:var(--lc-face);stroke-width:2.75;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges;filter:drop-shadow(0 2px 0 var(--lc-l3)) drop-shadow(0 4px 3px rgba(0,0,0,.32))}.full-ico.ico-compress,.full-btn.is-full .ico-expand{display:none}.full-btn.is-full .ico-compress{display:block}.settings-btn{display:flex;position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(48px + env(safe-area-inset-right));z-index:50;width:34px;height:34px;padding:0;background:none;border:none;cursor:pointer;align-items:center;justify-content:center}.settings-btn:active{transform:translateY(3px)}.set-ico{width:21px;height:21px;fill:none;stroke:var(--lc-face);stroke-width:2.4;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges;filter:drop-shadow(0 2px 0 var(--lc-l3)) drop-shadow(0 4px 3px rgba(0,0,0,.32))}.toolbar{position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:50;display:flex;align-items:center;gap:8px}.toolbar .info-btn,.toolbar .full-btn,.toolbar .settings-btn{position:static;top:auto;right:auto}.nav-back{display:none;width:34px;height:34px;padding:0;flex:0 0 auto;font-family:inherit;font-size:13px;line-height:1;color:var(--text);background:var(--inset);border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-inset);box-shadow:var(--raise-sm);cursor:pointer;align-items:center;justify-content:center;touch-action:manipulation}.nav-back.show{display:flex}.nav-back:active{transform:translateY(3px);box-shadow:var(--press)}@media (hover: hover){.nav-back:hover{border-color:var(--fire);color:var(--fire-2)}}#roster-panel{flex:1;min-height:0;display:flex;flex-direction:column}#player-list{flex:1;min-height:0;overflow-y:auto;padding-right:2px}#screen-matchup>.panel{flex:1;min-height:0;overflow-y:auto}.panel{border:none;border-radius:var(--radius);background:var(--dither),linear-gradient(var(--ink) 0 60%,var(--ink-lo) 60% 100%);background-size:2px 2px,2px 2px,100% 100%;background-position:0 0,1px 1px,0 0;--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--gloss),0 6px 0 var(--ledge),0 10px 0 var(--ledge-2),var(--cast-lg);padding:16px;margin-bottom:14px}.panel h2{font-size:12px;color:#7a5a2e;margin-bottom:14px;letter-spacing:1px;text-shadow:0 -.09em 0 rgba(40,22,4,.4),0 .09em 0 rgba(255,253,247,.92)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-head h2{margin-bottom:14px}.btn{font-family:inherit;font-size:11px;color:var(--text);background:var(--dither),linear-gradient(var(--ink) 0 58%,var(--ink-lo) 58% 100%);background-size:2px 2px,2px 2px,100% 100%;background-position:0 0,1px 1px,0 0;border:none;border-radius:var(--radius);padding:12px 14px;min-height:var(--tap);cursor:pointer;--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--gloss),0 4px 0 var(--ledge),0 8px 0 var(--ledge-2),var(--cast);transition:transform .06s,box-shadow .06s;text-transform:uppercase;letter-spacing:1px;touch-action:manipulation;-webkit-appearance:none;appearance:none}@media (hover: hover){.btn:hover:not(:disabled){background:var(--text);color:var(--white)}}.btn:active:not(:disabled){transform:translateY(8px);box-shadow:var(--press)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:focus,.size-opt:focus,.chip:focus,.player-list li .x:focus{outline:none}:is(.btn,.size-opt,.mode-opt,.chip,.net-btn,.nav-back,.modal-close,.clear-link,.sat-link,.info-tab,.game-del,.info-btn,.settings-btn,.full-btn,.player-list li .x,.player-list li .name):focus-visible{outline:3px solid var(--fire);outline-offset:2px}.btn-fire{background:var(--dither),linear-gradient(var(--fire) 0 58%,var(--fire-lo) 58% 100%);background-size:2px 2px,2px 2px,100% 100%;background-position:0 0,1px 1px,0 0;color:var(--black);border-color:var(--text);text-shadow:none;--ledge: var(--ledge-fire);--ledge-2: var(--ledge-fire-2)}@media (hover: hover){.btn-fire:hover:not(:disabled){background:var(--fire-2);color:var(--black)}}.btn-block{display:block;width:100%;font-size:12px;padding:13px}.btn-block.btn-action{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.btn-ico{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges}.btn-ico.ico-play,.btn-ico.shuffle{fill:currentColor;stroke:none}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.btn-danger{background:var(--dither),linear-gradient(var(--hot) 0 58%,var(--hot-lo) 58% 100%);background-size:2px 2px,2px 2px,100% 100%;background-position:0 0,1px 1px,0 0;color:var(--white);border-color:var(--text);text-shadow:none;--ledge: var(--ledge-hot);--ledge-2: var(--ledge-hot-2)}@media (hover: hover){.btn-danger:hover:not(:disabled){background:var(--white);color:var(--hot)}}.clear-link{font-family:inherit;font-size:8px;color:var(--hot);background:none;border:none;box-shadow:none;padding:4px 2px;margin-top:2px;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;cursor:pointer;flex:0 0 auto;touch-action:manipulation}@media (hover: hover){.clear-link:hover{color:var(--fire-2)}}.clear-link:active{opacity:.6}.add-row{display:flex;gap:10px;margin-bottom:14px}.add-row input{flex:1;width:100%;min-width:0;font-family:inherit;font-size:16px;background:var(--inset);color:var(--text);border:2px solid var(--line);padding:12px;min-height:var(--tap);text-transform:uppercase;box-shadow:inset 0 3px 5px #2c170433,inset 0 2px #2c17041f,inset 0 -2px #fffdf780;-webkit-appearance:none;appearance:none;border-radius:var(--radius)}.add-row input:focus{outline:none;border-color:var(--fire)}.add-row .btn{flex:0 0 auto}#add-btn{--cap-h: 44px;--lift: 6px;--facebg: var(--dither), linear-gradient(var(--fire-2) 0 55%, var(--fire) 55% 100%);--base: #a5390a;position:relative;isolation:isolate;align-self:center;width:50px;height:calc(var(--cap-h) + var(--lift));min-height:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;filter:drop-shadow(0 calc(var(--cap-h) * .06) 0 rgba(0,0,0,.35)) drop-shadow(0 calc(var(--cap-h) * .17) calc(var(--cap-h) * .1) rgba(0,0,0,.5))}#add-btn:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--facebg);background-size:var(--face-size);background-position:var(--face-pos);box-shadow:inset 0 5px #ffffff8c,inset 0 -4px #00000029;z-index:-1;transition:top .05s steps(2),box-shadow .05s steps(2)}#add-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--base);z-index:-2}#add-btn .g{position:absolute;left:0;right:0;top:0;height:var(--cap-h);display:grid;place-items:center;font-size:22px;line-height:1;color:#6e2905;text-shadow:0 2px 0 rgba(255,255,255,.4),0 3px 3px rgba(0,0,0,.25);z-index:1;transition:top .05s steps(2)}#add-btn:active{transform:none;box-shadow:none}#add-btn:active:before{top:var(--lift);box-shadow:inset 0 5px 6px #0000004d}#add-btn:active .g{top:var(--lift)}@media (hover: hover){#add-btn:hover:not(:disabled){background:transparent!important;color:inherit!important}#add-btn:hover:not(:disabled):before{filter:brightness(1.1) saturate(1.05)}}.player-list{list-style:none;display:flex;flex-direction:column;gap:6px}.player-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;border:none;border-radius:var(--radius-sm);padding:6px 7px 8px 11px;font-size:11px;background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm)}.player-list li.removing{animation:row-out .17s steps(3) forwards;pointer-events:none}@keyframes row-out{0%{transform:scale(1);opacity:1}to{transform:scale(.85) translate(16px);opacity:0}}.player-list li .name{display:flex;align-items:center;min-width:0;flex:1 1 auto;align-self:stretch;padding:0;margin:0;border:none;background:transparent;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:1;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.player-list li .num{color:var(--fire);margin-right:10px;flex:0 0 auto}.player-list li .name-text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list li:has(.name:active){transform:translateY(3px);box-shadow:var(--press)}@media (hover: hover){.player-list li:has(.name:hover){background:var(--face-ink);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2)}}.player-list li .x{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;padding:0;color:#2c170480;background:transparent;border:none;text-shadow:1px 1px 0 rgba(255,255,255,.5);font-family:inherit;font-size:10px;letter-spacing:0;line-height:1;transform:translate(1px,1px);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.player-list li .x:active{transform:translate(2px,2px);text-shadow:0 0 0 #000}@media (hover: hover){.player-list li .x:hover{color:var(--hot)}}.empty-msg{color:var(--gray);font-size:9px;text-align:center;padding:16px 8px;line-height:1.8}.sizes{display:flex;gap:8px;margin:4px 0}.size-opt{flex:1;font-family:inherit;font-size:14px;padding:16px 4px;min-height:var(--tap);background:var(--inset);color:var(--gray);border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-inset);box-shadow:var(--raise-sm);transition:transform .06s,box-shadow .06s;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.size-opt:active{transform:translateY(3px);box-shadow:var(--press)}.size-opt.sel{color:var(--black);background:var(--fire);--ledge: var(--ledge-fire)}.matchup{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}.matchup-actions{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}.matchup-actions .btn{font-size:13px;padding:16px 14px}.team{position:relative;border:3px solid var(--text);border-radius:var(--radius);padding:10px;box-shadow:var(--gloss),0 3px 0 var(--ledge),0 6px 0 var(--ledge-2)}.team.black{background:var(--jersey-dark);color:var(--jersey-light);--ledge: #4a3f35;--ledge-2: var(--jersey-dark-2)}.team.white{background:var(--jersey-light);color:var(--text);--ledge: #ddceb0;--ledge-2: var(--jersey-light-2)}.team h3{font-size:15px;text-align:center;margin-bottom:14px;letter-spacing:2px}.roster{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.chip{display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:9px;padding:10px 8px;min-height:var(--tap);flex:1 1 auto;min-width:88px;border:2px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;text-align:center;color:inherit;text-transform:uppercase;word-break:break-word;background:var(--dither),linear-gradient(var(--chip-hi) 0 58%,var(--chip-lo) 58% 100%);background-size:var(--face-size);background-position:var(--face-pos);--chip-ledge: rgba(0, 0, 0, .35);--chip-ledge-2: rgba(0, 0, 0, .5);box-shadow:var(--gloss),0 2px 0 var(--chip-ledge),0 4px 0 var(--chip-ledge-2);transition:transform .06s,box-shadow .06s;touch-action:manipulation;-webkit-appearance:none;appearance:none}.chip:active{transform:translateY(4px);box-shadow:var(--gloss),0 0 0 var(--chip-ledge)}.team.black .chip{color:var(--jersey-light);--chip-hi: #3a332d;--chip-lo: var(--jersey-dark);--chip-ledge: var(--jersey-dark-2);--chip-ledge-2: var(--jersey-dark-2)}.team.white .chip{color:var(--text);--chip-hi: #fffaf0;--chip-lo: #ece0c4;--chip-ledge: var(--ledge-inset);--chip-ledge-2: var(--ledge-inset-2)}.chip-name{position:relative}.chip .lock-hit{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:2px;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer}.chip .lock-ico{display:block;width:1.1em;height:1.1em;color:var(--fire);pointer-events:none}.team .roster:has(.chip:nth-child(4)){display:grid;grid-template-columns:1fr 1fr}.chip.locked{border-color:var(--fire);--chip-ledge: var(--ledge-fire);--chip-ledge-2: var(--ledge-fire-2)}@media (hover: hover){.chip:hover{background:var(--face-fire);background-size:var(--face-size);background-position:var(--face-pos);color:var(--black)!important;border-color:var(--fire);--chip-ledge: var(--ledge-fire);--chip-ledge-2: var(--ledge-fire-2)}.chip:hover .lock-ico{color:var(--white)}}.chip.sel{background:var(--face-fire);background-size:var(--face-size);background-position:var(--face-pos);color:var(--black)!important;border-color:var(--fire-2);--chip-ledge: var(--ledge-fire);--chip-ledge-2: var(--ledge-fire-2);animation:blink .6s steps(2) infinite}.chip.sel .lock-ico{color:var(--black)}@keyframes blink{50%{opacity:.6}}.lock-hint{font-size:8px;line-height:1.5;min-height:12px;text-align:center;letter-spacing:1px;color:var(--gray);margin:8px 0 6px}#screen-matchup.targeting .lock-hint{color:var(--fire-2)}.bench{position:relative;margin-top:10px;border:3px dashed var(--gray);padding:8px}.bench h3{font-size:10px;color:var(--gray);text-align:center;margin-bottom:8px;letter-spacing:1px}.bench .roster{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bench .chip{color:var(--gray);min-width:0;--chip-hi: var(--inset);--chip-lo: var(--inset-lo);--chip-ledge: var(--ledge-inset);--chip-ledge-2: var(--ledge-inset-2);border-color:var(--gray)}.bench-empty{grid-column:1 / -1;text-align:center;color:var(--gray);font-size:9px;line-height:1.6;letter-spacing:1px;padding:10px 4px}.move-target{display:none;position:absolute;inset:0;z-index:3;background:transparent;border:none;border-radius:inherit;overflow:visible;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}#screen-matchup.targeting .move-target{display:block}#screen-matchup.targeting .move-target.is-origin{display:none}.move-target:active{background:#ff7a1829}.move-arrow{position:absolute;top:-9px;left:50%;margin-left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:13px solid var(--fire);filter:drop-shadow(1px 1px 0 #000);animation:arrow-bounce .5s steps(3) infinite alternate}@keyframes arrow-bounce{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.sat-link{font-family:inherit;font-size:8px;color:var(--gray);background:none;border:none;box-shadow:none;padding:4px 2px;margin-top:2px;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;cursor:pointer;flex:0 0 auto;touch-action:manipulation;white-space:nowrap}@media (hover: hover){.sat-link:hover{color:var(--fire-2)}}.sat-link:active{opacity:.6}.mode-toggle{display:flex;gap:8px}.mode-opt{flex:1;font-family:inherit;font-size:10px;letter-spacing:1px;padding:11px 4px;min-height:40px;color:var(--gray);background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm);cursor:pointer;text-transform:uppercase;touch-action:manipulation;transition:transform .06s,box-shadow .06s;-webkit-appearance:none;appearance:none}.mode-opt:active{transform:translateY(3px);box-shadow:var(--press)}.mode-opt.sel{color:var(--black);background:var(--face-fire);background-size:var(--face-size);background-position:var(--face-pos);border-color:var(--text);--ledge: var(--ledge-fire);--ledge-2: var(--ledge-fire-2)}.mode-opt:focus{outline:none}.games-list{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto;margin-bottom:16px;text-align:left}.game-row{display:flex;align-items:stretch;gap:8px;border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm);background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);padding:10px}.game-row[data-win] .game-result{color:var(--fire-2)}.game-body{flex:1;min-width:0}.game-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.game-num{font-size:8px;color:var(--gray);flex:0 0 auto}.game-result{font-size:9px;color:var(--text);letter-spacing:1px;word-break:break-word}.game-teams{display:flex;flex-direction:column;gap:5px;font-size:8px;line-height:1.5;color:var(--gray);word-break:break-word}.game-sat{color:var(--gray);opacity:.7}.game-del{flex:0 0 auto;align-self:center;font-family:inherit;font-size:11px;color:var(--hot);background:var(--ink);border:2px solid var(--hot);border-radius:var(--radius-sm);width:34px;min-height:34px;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}@media (hover: hover){.game-del:hover{background:var(--hot);color:var(--white)}}.game-del:active{opacity:.6}.board{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;flex:1;min-height:0}.score-card{border:4px solid var(--text);border-radius:var(--radius);padding:12px 8px;text-align:center;position:relative;cursor:pointer;display:flex;flex-direction:column;min-height:0;min-width:0;box-shadow:var(--gloss),0 3px 0 var(--ledge),0 6px 0 var(--ledge-2)}.score-card.black{background:var(--jersey-dark);color:var(--jersey-light);--ledge: #4a3f35;--ledge-2: var(--jersey-dark-2)}.score-card.white{background:var(--jersey-light);color:var(--text);--ledge: #ddceb0;--ledge-2: var(--jersey-light-2)}.score-card .label{font-size:clamp(20px,7.3vw,46px);letter-spacing:2px}.score-card.white .label{color:var(--text)}.score-card .roster-mini{font-size:10px;color:var(--gray);margin-top:20px;min-height:16px;line-height:1.8;word-break:break-word}.score-card.white .roster-mini{color:#6b5946}.score-num{font-size:clamp(56px,21vw,150px);line-height:1;margin:8px 0;font-variant-numeric:tabular-nums;flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;--nudge: var(--glyph-nudge);transform:translate(var(--nudge))}.score-num[data-lead1]{--nudge: 0px}.score-num:active{transform:translate(var(--nudge)) scale(.94)}.score-card .label,.score-card .roster-mini,.score-card .score-btns{position:relative;z-index:1}.score-card.black .label,.score-card.black .roster-mini,.score-card.black .score-btns{background:var(--jersey-dark)}.score-card.white .label,.score-card.white .roster-mini,.score-card.white .score-btns{background:var(--jersey-light)}.roll{height:var(--cell);overflow:hidden;padding-inline:.1em;margin-inline:-.1em;pointer-events:none;--cell: 1.7em;--fade: .16em;--fade-ramp: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) calc(var(--fade) * .2), rgba(0, 0, 0, .15) calc(var(--fade) * .4), rgba(0, 0, 0, .4) calc(var(--fade) * .4), rgba(0, 0, 0, .4) calc(var(--fade) * .6), rgba(0, 0, 0, .7) calc(var(--fade) * .6), rgba(0, 0, 0, .7) calc(var(--fade) * .8), rgba(0, 0, 0, .9) calc(var(--fade) * .8), rgba(0, 0, 0, .9) var(--fade), #000 var(--fade), #000 calc(100% - var(--fade)), rgba(0, 0, 0, .9) calc(100% - var(--fade)), rgba(0, 0, 0, .9) calc(100% - var(--fade) * .8), rgba(0, 0, 0, .7) calc(100% - var(--fade) * .8), rgba(0, 0, 0, .7) calc(100% - var(--fade) * .6), rgba(0, 0, 0, .4) calc(100% - var(--fade) * .6), rgba(0, 0, 0, .4) calc(100% - var(--fade) * .4), rgba(0, 0, 0, .15) calc(100% - var(--fade) * .4), rgba(0, 0, 0, .15) calc(100% - var(--fade) * .2), rgba(0, 0, 0, 0) 100% );-webkit-mask-image:var(--fade-ramp);mask-image:var(--fade-ramp)}.reel{display:block;will-change:transform}.reel-item{display:block;height:var(--cell);line-height:var(--cell);transform:translate(var(--glyph-nudge))}.reel-item[data-lead1]{transform:none}.score-num:has(.roll){--nudge: 0px}.reel-up{animation:reel-up .26s steps(6,end) both}.reel-down{animation:reel-down .26s steps(6,end) both}@keyframes reel-up{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes reel-down{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion: reduce){.reel-up{animation:none;transform:translateY(0)}.reel-down{animation:none;transform:translateY(-50%)}.size-opt.sel,.move-arrow,.victory-tag,.share-code,.reconnect-title,.reconnect-blocks span,.net-status[data-state=warn],.chip.sel{animation:none}.reconnect-dots:after{animation:none;content:"..."}.player-list li.removing{animation-duration:.01s}}.score-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-items:center;align-items:start}.score-btns .btn{--cap-h: 50px;--lift: 7px;--facebg: var(--face-amber);--base: #c25a0a;position:relative;isolation:isolate;width:52px;height:calc(var(--cap-h) + var(--lift));min-height:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;filter:drop-shadow(0 calc(var(--cap-h) * .06) 0 rgba(0,0,0,.35)) drop-shadow(0 calc(var(--cap-h) * .17) calc(var(--cap-h) * .1) rgba(0,0,0,.5))}.score-btns .btn:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--facebg);background-size:var(--face-size);background-position:var(--face-pos);box-shadow:inset 0 5px #ffffff8c,inset 0 -4px #00000029;z-index:-1;transition:top .05s steps(2),box-shadow .05s steps(2)}.score-btns .btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--base);z-index:-2}.score-btns .btn .g{position:absolute;left:0;right:0;top:0;height:var(--cap-h);display:grid;place-items:center;font-size:20px;line-height:1;color:var(--black);text-shadow:0 2px 0 rgba(255,255,255,.4),0 3px 3px rgba(0,0,0,.25);z-index:1;transition:top .05s steps(2)}.score-btns .btn:active{transform:none;box-shadow:none}.score-btns .btn:active:before{top:var(--lift);box-shadow:inset 0 5px 6px #0000004d}.score-btns .btn:active .g{top:var(--lift)}.score-btns .btn[data-score="1"]{--facebg: var(--face-amber);--base: #c25a0a}.score-btns .btn[data-score="2"]{--facebg: var(--face-fire);--base: #a5390a}.score-btns .minus{grid-column:1 / -1;--cap-h: 44px;--facebg: var(--face-hot);--base: #7a0d0d}.score-btns .minus .g{color:var(--white);text-shadow:0 2px 0 #5c0909,0 3px 3px rgba(0,0,0,.4)}@media (hover: hover){.score-btns .btn:hover:not(:disabled),#screen-board .score-btns .btn:hover:not(:disabled){background:transparent!important;color:inherit!important}.score-btns .btn:hover:not(:disabled):before{filter:brightness(1.14) saturate(1.05)}}.clock{text-align:center;border:none;border-radius:var(--radius);background:var(--face-ink);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--raise-sm);padding:6px 12px;margin-bottom:12px;flex:0 0 auto}.clock .time{font-size:clamp(15px,5vw,20px);color:var(--text);letter-spacing:2px;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,207,51,.5);--nudge: calc(var(--glyph-nudge) + 1px);transform:translate(var(--nudge))}.clock .time[data-lead1]{--nudge: 1px}.overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background:#000000c7;animation:pop .16s steps(3)}.overlay[hidden]{display:none}.modal{position:relative;width:100%;max-width:360px;border:none;background:var(--face-ink);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--gloss),0 4px 0 var(--ledge),0 7px 0 var(--ledge-2),0 12px 16px #0006;border-radius:var(--radius);padding:20px;text-align:center}.modal-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--text);background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm);font-family:inherit;font-size:10px;letter-spacing:0;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.modal-close:active{transform:translateY(3px);box-shadow:var(--press)}@media (hover: hover){.modal-close:hover{color:var(--white);background:var(--hot);--ledge: var(--ledge-hot);--ledge-2: var(--ledge-hot-2)}}.modal h2{font-size:14px;color:var(--fire-2);text-shadow:2px 2px 0 var(--hot);margin-bottom:16px;line-height:1.5;letter-spacing:1px}.modal-msg{font-size:8px;color:var(--gray);line-height:1.9;margin-bottom:20px}.info-tabs{display:flex;gap:6px;margin-bottom:14px}.info-tab{flex:1;font-family:inherit;font-size:8px;letter-spacing:1px;padding:11px 4px;min-height:38px;color:var(--gray);background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm);transition:transform .06s,box-shadow .06s;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.info-tab.sel{color:var(--black);background:var(--face-fire);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-fire);--ledge-2: var(--ledge-fire-2)}.info-tab:active{transform:translateY(3px);box-shadow:var(--press)}@media (hover: hover){.info-tab:not(.sel):hover{color:var(--fire-2)}}.info-panes{text-align:left;min-height:150px;max-height:46vh;overflow-y:auto;margin-bottom:20px}.info-pane{list-style:none;display:flex;flex-direction:column;gap:11px}.info-pane[hidden]{display:none}.info-pane li{position:relative;font-size:8px;color:var(--gray);line-height:1.7;padding-left:16px}.info-pane li:before{content:"";position:absolute;left:0;top:2px;width:7px;height:7px;background:var(--fire);box-shadow:1px 1px #000}.setting-row{text-align:left;margin-bottom:18px}.setting-row:last-of-type{margin-bottom:20px}.setting-label{display:block;font-size:9px;color:var(--fire-2);letter-spacing:1px;margin-bottom:9px}.setting-hint{font-size:7px;color:var(--gray);line-height:1.8;margin-top:9px}.victory-modal{max-width:380px;border-color:var(--fire-2);box-shadow:var(--gloss),0 4px 0 var(--ledge),0 7px 0 var(--ledge-2),0 0 26px var(--fire)}.victory-tag{font-size:9px;color:var(--fire-2);letter-spacing:3px;margin-bottom:14px;animation:flicker .5s steps(2) infinite alternate}.victory-modal h2{font-size:clamp(20px,7vw,32px);color:var(--text);text-shadow:3px 3px 0 var(--hot),6px 6px 0 var(--fire);line-height:1.4;margin-bottom:16px}.victory-modal h2[data-team=white]{text-shadow:3px 3px 0 var(--fire),6px 6px 0 var(--hot)}.victory-score{font-size:clamp(34px,13vw,56px);color:var(--text);letter-spacing:2px;font-variant-numeric:tabular-nums;text-shadow:3px 3px 0 #000;margin-bottom:16px}.victory-roster{font-size:9px;color:var(--gray);line-height:1.9;word-break:break-word;min-height:14px;margin-bottom:20px}#tipoff-overlay{padding:0;background:var(--bg)}.tipoff-modal{width:100%;max-width:none;height:100%;border-radius:0;box-shadow:none;background:none;padding:0;display:flex;flex-direction:column;overflow:hidden;--cap-h: clamp(72px, min(15vh, 20vw), 132px);--disc-clear: calc(var(--cap-h) / 2 + 10px);--card-reserve: calc(clamp(16px, min(9vw, 6.5vh), 52px)*1.3 + clamp(52px, 10vh, 92px)) }.tipoff-board{display:flex;gap:0;flex:1;min-height:0}.tipoff-team{flex:1;min-width:0;border:none;border-radius:0;box-shadow:none;padding:calc(var(--card-reserve) + env(safe-area-inset-top)) clamp(4px,1.2vw,14px) clamp(10px,2vh,22px);display:flex;flex-direction:column;min-height:0}.tipoff-modal:has(.tipoff-bench:not([hidden])) .tipoff-team{padding-bottom:clamp(40px,9vh,78px)}.tipoff-team.black{background:var(--jersey-dark);color:var(--jersey-light);padding-left:var(--disc-clear)}.tipoff-team.white{background:var(--jersey-light);color:var(--text);padding-right:var(--disc-clear)}.tipoff-shooter-card{position:absolute;top:calc(clamp(10px,2vh,22px) + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5;text-align:center;border:none;border-radius:var(--radius);background:var(--face-ink);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--raise-sm);padding:clamp(8px,1.6vh,18px) clamp(14px,3vw,30px);max-width:calc(100% - 24px)}.tipoff-team-name{font-size:clamp(12px,min(5vw,3.4vh),36px);letter-spacing:2px;margin-bottom:clamp(6px,1.4vh,18px);flex:0 0 auto}.tipoff-team.black .tipoff-team-name{color:#6b5947;text-shadow:0 -.08em .02em rgba(0,0,0,.55),0 -.045em 0 rgba(0,0,0,.9),0 .055em 0 rgba(212,182,136,.95)}.tipoff-team.white .tipoff-team-name{color:#7a5a2e;text-shadow:0 -.05em 0 rgba(40,22,4,.38),0 .055em 0 rgba(255,253,247,.92)}.tipoff-roster{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:center;overflow-y:auto;gap:clamp(4px,1.4vh,16px)}.tipoff-player{font-size:clamp(14px,min(7vw,6.5vh),56px);line-height:1.3;word-break:break-word;color:var(--ly-face);text-shadow:0 .05em 0 var(--ly-l1),0 .07em 0 var(--ly-l2),0 .09em 0 var(--ly-l3),0 .13em .06em rgba(0,0,0,.4)}.tipoff-player.is-shooter{color:var(--ly-face);text-shadow:0 .05em 0 var(--hot),0 .07em 0 var(--lr-l1),0 .09em 0 var(--lr-l2),0 .13em .06em rgba(0,0,0,.45);animation:flicker .6s steps(2) infinite alternate}.tipoff-bench{position:absolute;left:50%;bottom:calc(clamp(8px,1.6vh,18px) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;max-width:calc(100% - 24px);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px;font-size:clamp(8px,min(2.6vw,2vh),15px);line-height:1.7;border-radius:var(--radius-sm);background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm);padding:clamp(5px,1vh,10px) clamp(8px,1.6vw,16px)}.tipoff-bench[hidden]{display:none}.tipoff-bench-label{color:var(--gray);letter-spacing:2px}.tipoff-bench-names{color:var(--text);word-break:break-word}.tipoff-shooter-label{font-size:clamp(8px,min(2.6vw,2vh),15px);color:var(--gray);letter-spacing:2px;margin-bottom:clamp(5px,1.2vh,14px)}.tipoff-shooter-name{font-size:clamp(16px,min(9vw,6.5vh),52px);color:var(--fire-2);letter-spacing:1px;line-height:1.3;word-break:break-word;text-shadow:.06em .06em 0 var(--hot)}#tipoff-go{--lift: 12px;position:absolute;inset:0;margin:auto;width:var(--cap-h);height:calc(var(--cap-h) + var(--lift));z-index:6;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:0 0 var(--lift);border:0;border-radius:0;background:transparent;box-shadow:none;color:#6e2905;--facebg: var(--dither), linear-gradient(var(--fire-2) 0 55%, var(--fire) 55% 100%);--base: #a5390a;filter:drop-shadow(0 calc(var(--cap-h) * .05) 0 rgba(0,0,0,.32)) drop-shadow(0 calc(var(--cap-h) * .15) calc(var(--cap-h) * .09) rgba(0,0,0,.5))}#tipoff-go:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--facebg);background-size:2px 2px,100% 100%;box-shadow:inset 0 7px #ffffff80,inset 0 -7px #00000024;z-index:-1;transition:top .05s steps(2),box-shadow .05s steps(2)}#tipoff-go:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--base);z-index:-2}#tipoff-go .btn-ico.ico-play{width:calc(var(--cap-h) * .46);height:calc(var(--cap-h) * .46);position:relative;z-index:1;fill:#6e2905;stroke:none;filter:drop-shadow(0 2px 0 rgba(255,220,175,.55)) drop-shadow(0 3px 2px rgba(0,0,0,.35));transition:transform .05s steps(2)}#tipoff-go:active:not(:disabled){transform:none;box-shadow:none}#tipoff-go:active:not(:disabled):before{top:var(--lift);box-shadow:inset 0 7px 8px #00000047}#tipoff-go:active:not(:disabled) .btn-ico{transform:translateY(var(--lift))}@media (hover: hover){#tipoff-go:hover:not(:disabled){background:transparent!important;color:inherit!important}#tipoff-go:hover:not(:disabled):before{filter:brightness(1.07)}}.tipoff-modal .modal-close{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}.panel,.btn,.add-row input,.player-list li,.size-opt,.team,.chip,.bench,.score-card,.clock{border-radius:var(--radius)}.btn-small,.player-list li .x,.score-btns .btn{border-radius:var(--radius-sm)}.bench{background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm)}.size-opt.sel{animation:mode-slam .16s steps(2) both}@keyframes mode-slam{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}.team.black h3,.bench h3{text-shadow:2px 2px 0 #000}.score-card .score-num{color:var(--ly-face);text-shadow:0 .05em 0 var(--ly-l1),0 .07em 0 var(--ly-l2),0 .09em 0 var(--ly-l3),0 .13em .06em rgba(0,0,0,.4)}.score-card.black .label{color:#6b5947;text-shadow:0 -.08em .02em rgba(0,0,0,.55),0 -.045em 0 rgba(0,0,0,.9),0 .055em 0 rgba(212,182,136,.95)}.score-card.white .label{color:#7a5a2e;text-shadow:0 -.05em 0 rgba(40,22,4,.38),0 .055em 0 rgba(255,253,247,.92)}.clock .time{color:#7a5a2e;text-shadow:0 -.09em 0 rgba(40,22,4,.4),0 .09em 0 rgba(255,253,247,.92),0 0 8px rgba(255,207,51,.5)}@media (min-width: 560px){body{padding:18px}.title .logo-short{display:none}.title .logo-full{display:inline}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:8px;width:100vw;margin-left:calc(-50vw + 50%);padding-left:16px;padding-right:16px}.topbar .title{grid-column:1;justify-self:start;margin:0;text-align:left}.topbar .title,.topbar #net-bar,.topbar .toolbar{grid-row:1;align-self:center}.topbar #net-bar{grid-column:2;justify-self:center;width:min(440px,35vw);margin:0}.toolbar{grid-column:3;justify-self:end;position:static;top:auto;right:auto}.matchup{grid-template-columns:1fr 1fr;gap:12px}.player-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;align-content:start;gap:8px 12px}.player-list li{padding:9px 10px 9px 14px;font-size:15px}.player-list li .num{margin-right:14px}.player-list li .x{width:34px;height:34px;font-size:14px}#shuffle-btn{font-size:18px;padding:22px 14px;letter-spacing:2px}}@media (min-width: 700px) and (min-height: 600px){body:has(#screen-board.active){padding:0}body:has(#screen-board.active) .wrap{max-width:none}body:has(#screen-board.active) .topbar{position:absolute;top:0;left:0;width:100%;z-index:6;margin:0;padding:12px 16px;pointer-events:none;background:transparent;border:none;border-radius:0;box-shadow:none}body:has(#screen-board.active) .topbar>*{pointer-events:auto}body:has(#screen-board.active) .topbar .title{display:none}body:has(#screen-board.active) .topbar #net-bar{position:fixed;inset:22px auto auto 50%;transform:translate(-50%);width:auto;margin:0;z-index:7;border:none;background:transparent;box-shadow:none;padding:0}#screen-board.active{position:relative;gap:0}#screen-board .clock{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;justify-content:center;min-width:344px;height:212px;padding:62px 18px 66px;margin:0;box-shadow:var(--raise-sm)}#screen-board .clock .time{font-size:clamp(32px,6vh,56px)}#screen-board .board{flex:1;min-height:0;grid-template-columns:1fr 1fr;gap:0;margin:0;overflow:hidden}#screen-board .score-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;border:0;border-radius:0;padding:96px 12px 30px;box-shadow:none}body.cauldron-on #screen-board .score-card.black,body.cauldron-on #screen-board .score-card.white,body.cauldron-on #screen-board .score-card .label,body.cauldron-on #screen-board .score-card.black .label,body.cauldron-on #screen-board .score-card.white .label,body.cauldron-on #screen-board .score-card .roster-mini,body.cauldron-on #screen-board .score-card.black .roster-mini,body.cauldron-on #screen-board .score-card.white .roster-mini{background:transparent}#screen-board .score-card .label{position:absolute;top:14px;left:0;right:0;font-size:clamp(26px,3vw,40px)}#screen-board .score-card .roster-mini{position:absolute;top:74px;left:0;right:0;font-size:10px;margin:0;min-height:0}#screen-board .score-num{flex:1 1 0;min-height:0;align-self:center;width:auto;max-width:calc(100% - 24px);display:flex;align-items:center;justify-content:center;font-size:clamp(170px,min(48vh,23vw),480px);margin:0;padding:0}#screen-board .score-card .score-btns{position:static;transform:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:18px;width:auto;flex:0 0 auto;margin-top:10px;background:transparent;z-index:2}#screen-board .score-btns .btn{--cap-h: 72px;--lift: 10px;width:72px}#screen-board .score-btns .btn .g{font-size:30px}#screen-board .score-btns .minus{--cap-h: 72px;grid-column:auto}#screen-board .score-btns .btn[data-score="2"]{--facebg: var(--face-amber);--base: #c25a0a}#screen-board .btn-row{position:absolute;top:162px;left:50%;transform:translate(-50%);width:auto;z-index:6}#screen-board .btn-row .btn{flex:0 0 auto;width:auto;padding:14px 48px}}@media (min-width: 700px) and (min-height: 600px){body:has(#screen-matchup.active) .wrap{max-width:1100px}#screen-matchup.active{flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,3vh,40px);--t-name: clamp(14px, 1.35vw, 19px);--t-btn: clamp(15px, 1.5vw, 20px);--t-head: clamp(13px, 1.25vw, 17px);--t-bench: clamp(12px, 1.15vw, 15px);--t-ui: clamp(11px, 1.05vw, 14px)}#screen-matchup>.panel{flex:0 1 auto;width:100%;min-width:0;margin-bottom:0;background:transparent;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;justify-content:center}#screen-matchup #matchup-title,#screen-matchup .lock-hint{display:none}#screen-matchup .matchup{grid-template-columns:1fr 1fr;gap:16px;flex:0 0 auto}#screen-matchup .team{display:flex;flex-direction:column;justify-content:flex-start;padding:16px 10px}#screen-matchup .team .roster{display:flex;flex-direction:column;align-items:center;gap:12px}#screen-matchup .team .chip{flex:0 0 auto;width:100%;max-width:none;min-width:0;font-size:var(--t-name);padding:14px 12px}#screen-matchup .team h3{font-size:var(--t-head);margin-bottom:20px}#screen-matchup .bench{margin-top:16px}#screen-matchup .bench h3{font-size:var(--t-head)}#screen-matchup .bench .chip{font-size:var(--t-bench);padding:14px 12px}#screen-matchup .bench-empty{font-size:var(--t-ui);padding:14px 4px}#screen-matchup .matchup-actions{flex:0 0 auto;flex-direction:row;align-items:center;justify-content:center;gap:clamp(28px,6vw,72px);margin:0}#screen-matchup #reshuffle-btn,#screen-matchup #start-btn{--cap-h: clamp(84px, 12vh, 120px);--lift: 14px;position:relative;isolation:isolate;flex:0 0 auto;width:var(--cap-h);height:calc(var(--cap-h) + var(--lift));aspect-ratio:auto;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 0 var(--lift);border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 calc(var(--cap-h) * .05) 0 rgba(0,0,0,.32)) drop-shadow(0 calc(var(--cap-h) * .15) calc(var(--cap-h) * .09) rgba(0,0,0,.5))}#screen-matchup #reshuffle-btn:before,#screen-matchup #start-btn:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--facebg);background-size:2px 2px,100% 100%;box-shadow:inset 0 7px #ffffff80,inset 0 -7px #00000024;z-index:-1;transition:top .05s steps(2),box-shadow .05s steps(2)}#screen-matchup #reshuffle-btn:after,#screen-matchup #start-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--cap-h);clip-path:var(--pixdisc);background:var(--base);z-index:-2}#screen-matchup #reshuffle-btn{--facebg: var(--dither), linear-gradient(var(--ink) 0 58%, var(--ink-lo) 58% 100%);--base: #c99a4e;color:#7a5a2e}#screen-matchup #start-btn{--facebg: var(--dither), linear-gradient(var(--fire-2) 0 55%, var(--fire) 55% 100%);--base: #a5390a;color:#6e2905}#screen-matchup #reshuffle-btn:active:not(:disabled),#screen-matchup #start-btn:active:not(:disabled){transform:none;box-shadow:none}#screen-matchup #reshuffle-btn:active:not(:disabled):before,#screen-matchup #start-btn:active:not(:disabled):before{top:var(--lift);box-shadow:inset 0 7px 8px #00000047}#screen-matchup #reshuffle-btn:active:not(:disabled) .btn-ico,#screen-matchup #start-btn:active:not(:disabled) .btn-ico{transform:translateY(var(--lift))}#screen-matchup #reshuffle-btn .btn-txt,#screen-matchup #start-btn .btn-txt{display:none}#screen-matchup .matchup-actions .btn-action{gap:0}#screen-matchup .matchup-actions .btn-ico{width:clamp(52px,5.5vw,76px);height:clamp(52px,5.5vw,76px);position:relative;z-index:1;transition:transform .05s steps(2)}#screen-matchup #reshuffle-btn .btn-ico.shuffle{width:calc(var(--cap-h) * .92);height:calc(var(--cap-h) * .92);fill:#7a5a2e;stroke:none;filter:drop-shadow(0 2px 0 rgba(255,253,247,.6)) drop-shadow(0 3px 2px rgba(0,0,0,.3))}#screen-matchup #start-btn .btn-ico.ico-play{fill:#6e2905;stroke:none;filter:drop-shadow(0 2px 0 rgba(255,220,175,.55)) drop-shadow(0 3px 2px rgba(0,0,0,.35))}}@media (hover: hover) and (min-width: 700px) and (min-height: 600px){#screen-matchup #reshuffle-btn:hover:not(:disabled),#screen-matchup #start-btn:hover:not(:disabled){background:transparent!important;color:inherit}#screen-matchup #reshuffle-btn:hover:not(:disabled):before,#screen-matchup #start-btn:hover:not(:disabled):before{filter:brightness(1.07)}}@media (orientation: landscape) and (max-height: 599px){body{padding:6px;padding-top:calc(6px + env(safe-area-inset-top));padding-right:calc(6px + env(safe-area-inset-right));padding-bottom:calc(6px + env(safe-area-inset-bottom));padding-left:calc(6px + env(safe-area-inset-left))}.title{margin:0 0 5px}.title h1{font-size:15px}body:has(#screen-board.active) .title{display:none}#screen-matchup.active{flex-direction:row;align-items:stretch;gap:8px}#screen-matchup>.panel{flex:1;min-width:0;margin-bottom:0}#screen-matchup .matchup-actions{flex:0 0 150px;justify-content:center;margin:0}#screen-matchup .matchup-actions .btn{font-size:10px;padding:12px 6px}#screen-matchup .matchup-actions .btn-action{gap:6px}#screen-matchup .matchup-actions .btn-ico{width:14px;height:14px}#screen-board.active{gap:6px}#screen-board.active{position:relative}.clock{position:absolute;top:2px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;justify-content:center;padding:4px 14px;margin:0;box-shadow:var(--raise-sm)}.clock .time{font-size:clamp(18px,6vh,28px)}body:has(#screen-board.active) .score-card .label{padding-top:2px}.board{flex:1;min-height:0;margin-bottom:0}body:has(#screen-board.active) .board{gap:0;margin:0 -6px;overflow:hidden}.score-card{display:flex;flex-direction:column;padding:6px 10px;min-width:0}body:has(#screen-board.active) .score-card{border:0;border-radius:0}.score-card .roster-mini{margin-top:2px;min-height:0}.score-num{flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(56px,min(40vh,18vw),200px);margin:2px 0;padding:0 56px}.score-card .score-btns{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;width:auto;z-index:2}#card-white .score-btns{left:4px}#card-black .score-btns{right:4px}.score-btns .btn{--cap-h: 44px;--lift: 6px;width:46px}.score-btns .btn .g{font-size:16px}.score-btns .minus{--cap-h: 38px}#screen-board.active .btn-row{flex:0 0 auto}#screen-board.active .btn-row .btn{min-height:40px}}.net-bar{flex:0 0 auto;margin:0 0 8px;border:none;background:var(--face-ink);background-size:var(--face-size);background-position:var(--face-pos);--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--raise-sm);border-radius:var(--radius);padding:7px 9px;display:flex;align-items:center;gap:8px}.net-bar[hidden]{display:none}.net-solo,.net-live{flex:1 1 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.net-solo[hidden],.net-live[hidden]{display:none}.net-tag{font-size:7px;letter-spacing:1px;color:var(--gray);flex:1 1 auto}.net-bar[data-role=host],.net-bar[data-role=guest]{box-shadow:inset 0 0 0 2px var(--fire),var(--raise-sm)}.net-bar[data-role=host] .net-tag,.net-bar[data-role=guest] .net-tag{color:var(--fire-2);flex:0 0 auto}.net-btn{font-family:inherit;font-size:8px;letter-spacing:1px;color:var(--text);background:var(--face-inset);background-size:var(--face-size);background-position:var(--face-pos);border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-inset);--ledge-2: var(--ledge-inset-2);box-shadow:var(--raise-sm);transition:transform .06s,box-shadow .06s;padding:7px 10px;min-height:34px;cursor:pointer;touch-action:manipulation;flex:0 0 auto}.net-btn:active{transform:translateY(2px);box-shadow:var(--press)}@media (hover: hover){.net-btn:hover{border-color:var(--fire);color:var(--fire-2)}}.net-leave{color:var(--hot);border-color:var(--hot);margin-left:auto}.net-id{display:flex;flex-direction:column;align-items:flex-start;gap:6px;line-height:1;flex:1 1 auto;cursor:pointer}.net-id-top{display:flex;align-items:center;gap:6px}.net-peers{font-size:7px;letter-spacing:1px;color:var(--gray);flex:0 0 auto}.net-code{font-size:13px;letter-spacing:3px;color:var(--fire);text-shadow:1px 1px 0 var(--hot),2px 2px 0 #000;flex:0 0 auto}.net-status{font-size:7px;letter-spacing:1px;padding:3px 5px;border-radius:var(--radius-sm);flex:0 0 auto}.net-status[data-state=ok]{color:var(--black);background:var(--fire-2)}.net-status[data-state=warn]{color:var(--white);background:var(--hot);animation:blink .6s steps(1) infinite}.reconnect-modal{border-color:var(--fire);box-shadow:var(--gloss),0 4px 0 var(--ledge),0 7px 0 var(--ledge-2),0 0 0 4px #ff7a1838,0 12px 16px #0006}.reconnect-title{color:var(--fire);text-shadow:2px 2px 0 var(--hot),4px 4px 0 #000;animation:flicker 1.4s steps(2) infinite}.reconnect-dots:after{content:"";animation:recon-dots 1.2s steps(1) infinite}@keyframes recon-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.reconnect-blocks{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.reconnect-blocks span{width:18px;height:18px;background:var(--ink);border:none;border-radius:var(--radius-sm);--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--raise-sm);animation:recon-block .9s steps(1) infinite}.reconnect-blocks span:nth-child(2){animation-delay:.3s}.reconnect-blocks span:nth-child(3){animation-delay:.6s}@keyframes recon-block{0%,33%{background:var(--fire);box-shadow:var(--raise-sm),0 0 8px var(--fire)}34%,to{background:var(--ink);box-shadow:var(--raise-sm)}}.share-code{font-size:34px;letter-spacing:10px;text-indent:10px;text-align:center;text-transform:uppercase;color:var(--fire);text-shadow:2px 2px 0 var(--hot),4px 4px 0 #000;background:var(--inset);border:2px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 3px 5px #2c170433,inset 0 2px #2c17041f,inset 0 -2px #fffdf780;padding:16px 10px;margin-bottom:16px;animation:flicker .5s steps(2) infinite alternate}.share-qr{display:none}@media (hover: hover) and (pointer: fine){.share-qr{display:block;margin-bottom:16px}}.share-qr-code{width:176px;margin:8px auto 0;padding:12px;background:var(--white);border:3px solid var(--text);border-radius:var(--radius-sm);box-shadow:var(--gloss),0 3px #d7cfbe,0 5px #b3ab98}.share-qr-code svg{display:block;width:100%;height:auto;image-rendering:pixelated}.host-qr{display:none;position:fixed;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;width:140px;text-align:center}@media (hover: hover) and (pointer: fine){.host-qr:not([hidden]){display:block}}.host-qr-code{width:100%;padding:10px;background:var(--white);border:3px solid var(--text);border-radius:var(--radius-sm);box-shadow:var(--gloss),0 3px #d7cfbe,0 5px #b3ab98}.host-qr-code svg{display:block;width:100%;height:auto;image-rendering:pixelated}.host-qr-label{margin-top:8px;font-size:9px;line-height:1.7;letter-spacing:1px;color:var(--fire-2);text-shadow:2px 2px 0 #000}.join-input{width:100%;font-family:inherit;font-size:22px;text-align:center;letter-spacing:8px;text-transform:uppercase;color:var(--fire);background:var(--inset);border:2px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 3px 5px #2c170433,inset 0 2px #2c17041f,inset 0 -2px #fffdf780;padding:14px 10px;margin-bottom:12px}.join-input:focus{outline:none;border-color:var(--fire)}.rename-input{font-size:16px;letter-spacing:2px;color:var(--text)}.join-error{min-height:12px;font-size:8px;color:var(--hot);margin-bottom:14px;letter-spacing:1px}.toast-stack{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 10px);z-index:10001;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(92vw,420px);pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:8px;line-height:1.5;letter-spacing:1px;text-align:left;text-transform:uppercase;color:var(--text);background:var(--face-ink);background-size:var(--face-size);background-position:var(--face-pos);border:3px solid var(--hot);border-radius:var(--radius-sm);--ledge: var(--ledge-ink);--ledge-2: var(--ledge-ink-2);box-shadow:var(--gloss),0 3px 0 var(--ledge),0 5px 0 var(--ledge-2),0 8px 12px #00000052;animation:toast-in .18s steps(3) both}.toast:before{content:"";flex:0 0 auto;width:10px;align-self:stretch;background:var(--hot);border-radius:2px}.toast.info{border-color:var(--fire)}.toast.info:before{background:var(--fire)}.toast.bye{animation:toast-out .16s steps(3) both}@keyframes toast-in{0%{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-14px);opacity:0}}@media (prefers-reduced-motion: reduce){.toast,.toast.bye{animation-duration:.01s}}