:root{--bg: #121212;--black: #0a0a0a;--ink: #1f1f1f;--white: #f5f5f5;--gray: #8a8a8a;--line: #2f2f2f;--fire: #ff7a18;--fire-2: #ffcf33;--hot: #ff2d2d;--shadow: 5px 5px 0 #000;--tap: 48px;--radius: 5px;--radius-sm: 3px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;background:#121212}body{background:transparent;color:var(--white);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='200'%20height='440'%3E%3Crect%20x='18'%20y='33'%20width='2'%20height='2'%20fill='%23ff7a18'/%3E%3Crect%20x='140'%20y='70'%20width='2'%20height='2'%20fill='%23ffcf33'%20fill-opacity='0.7'/%3E%3Crect%20x='64'%20y='128'%20width='3'%20height='3'%20fill='%23ff2d2d'%20fill-opacity='0.6'/%3E%3Crect%20x='186'%20y='160'%20width='2'%20height='2'%20fill='%23ff7a18'%20fill-opacity='0.8'/%3E%3Crect%20x='102'%20y='205'%20width='2'%20height='2'%20fill='%23ffcf33'/%3E%3Crect%20x='30'%20y='262'%20width='2'%20height='2'%20fill='%23ff7a18'%20fill-opacity='0.6'/%3E%3Crect%20x='170'%20y='300'%20width='3'%20height='3'%20fill='%23ff7a18'%20fill-opacity='0.7'/%3E%3Crect%20x='88'%20y='344'%20width='2'%20height='2'%20fill='%23ff2d2d'%20fill-opacity='0.7'/%3E%3Crect%20x='150'%20y='398'%20width='2'%20height='2'%20fill='%23ffcf33'%20fill-opacity='0.8'/%3E%3Crect%20x='45'%20y='418'%20width='2'%20height='2'%20fill='%23ff7a18'%20fill-opacity='0.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='260'%20height='560'%3E%3Crect%20x='40'%20y='52'%20width='3'%20height='3'%20fill='%23ff7a18'/%3E%3Crect%20x='200'%20y='95'%20width='3'%20height='3'%20fill='%23ffcf33'%20fill-opacity='0.8'/%3E%3Crect%20x='120'%20y='150'%20width='2'%20height='2'%20fill='%23ff7a18'%20fill-opacity='0.7'/%3E%3Crect%20x='244'%20y='210'%20width='4'%20height='4'%20fill='%23ff2d2d'%20fill-opacity='0.7'/%3E%3Crect%20x='72'%20y='250'%20width='3'%20height='3'%20fill='%23ffcf33'/%3E%3Crect%20x='180'%20y='300'%20width='3'%20height='3'%20fill='%23ff7a18'%20fill-opacity='0.8'/%3E%3Crect%20x='20'%20y='356'%20width='2'%20height='2'%20fill='%23ff7a18'%20fill-opacity='0.6'/%3E%3Crect%20x='150'%20y='410'%20width='4'%20height='4'%20fill='%23ffcf33'%20fill-opacity='0.9'/%3E%3Crect%20x='96'%20y='470'%20width='3'%20height='3'%20fill='%23ff2d2d'%20fill-opacity='0.7'/%3E%3Crect%20x='220'%20y='520'%20width='3'%20height='3'%20fill='%23ff7a18'%20fill-opacity='0.8'/%3E%3Crect%20x='55'%20y='542'%20width='2'%20height='2'%20fill='%23ffcf33'%20fill-opacity='0.7'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='680'%3E%3Crect%20x='60'%20y='80'%20width='4'%20height='4'%20fill='%23ffcf33'/%3E%3Crect%20x='260'%20y='130'%20width='4'%20height='4'%20fill='%23ff7a18'%20fill-opacity='0.9'/%3E%3Crect%20x='150'%20y='200'%20width='3'%20height='3'%20fill='%23ff7a18'%20fill-opacity='0.8'/%3E%3Crect%20x='300'%20y='270'%20width='4'%20height='4'%20fill='%23ff2d2d'%20fill-opacity='0.8'/%3E%3Crect%20x='100'%20y='330'%20width='5'%20height='5'%20fill='%23ffcf33'%20fill-opacity='0.9'/%3E%3Crect%20x='220'%20y='390'%20width='4'%20height='4'%20fill='%23ff7a18'/%3E%3Crect%20x='36'%20y='455'%20width='3'%20height='3'%20fill='%23ff7a18'%20fill-opacity='0.8'/%3E%3Crect%20x='180'%20y='520'%20width='4'%20height='4'%20fill='%23ffcf33'%20fill-opacity='0.9'/%3E%3Crect%20x='280'%20y='580'%20width='4'%20height='4'%20fill='%23ff2d2d'%20fill-opacity='0.7'/%3E%3Crect%20x='120'%20y='640'%20width='4'%20height='4'%20fill='%23ff7a18'%20fill-opacity='0.9'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 440px,260px 560px,320px 680px;animation:embers 26s linear infinite}@keyframes embers{0%{background-position:0 0,0 0,0 0}to{background-position:0 -440px,0 -560px,0 -680px}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}.wrap{max-width:760px;width:100%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column}.title{text-align:center;margin:0 0 8px;flex:0 0 auto}.title h1{font-size:clamp(13px,4.5vw,20px);line-height:1.2;color:var(--white);text-shadow:1px 1px 0 var(--hot),2px 2px 0 var(--fire);word-spacing:-.35em}.title .flame{color:var(--fire);text-shadow:1px 1px 0 var(--hot),2px 2px 0 #000}.title .sub{display:block;margin-top:5px;font-size:clamp(6px,2vw,8px);color:var(--gray);letter-spacing:2px}@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:12px}.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:32px;height:32px;padding:0;font-family:inherit;font-size:11px;color:var(--white);background:var(--ink);border:2px solid var(--white);border-radius:var(--radius-sm);box-shadow:2px 2px #000;cursor:pointer;align-items:center;justify-content:center}.info-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.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(--white);background:var(--black);border:2px solid var(--white);border-radius:var(--radius-sm);box-shadow:2px 2px #000;cursor:pointer;align-items:center;justify-content:center;touch-action:manipulation}.nav-back.show{display:flex}.nav-back:active{transform:translate(2px,2px);box-shadow:0 0 #000}@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:3px solid var(--white);background:var(--ink);box-shadow:var(--shadow);padding:14px;margin-bottom:14px}.panel h2{font-size:11px;color:var(--fire-2);margin-bottom:14px;letter-spacing:1px}.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(--white);background:var(--ink);border:3px solid var(--white);padding:12px 14px;min-height:var(--tap);cursor:pointer;box-shadow:4px 4px #000;transition:transform .04s,box-shadow .04s;text-transform:uppercase;letter-spacing:1px;touch-action:manipulation;-webkit-appearance:none;appearance:none}@media (hover: hover){.btn:hover:not(:disabled){background:var(--white);color:var(--black)}}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 #000}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:focus,.btn:focus-visible,.size-opt:focus,.size-opt:focus-visible,.chip:focus,.chip:focus-visible,.player-list li .x:focus,.player-list li .x:focus-visible{outline:none}.btn-fire{background:var(--fire);color:var(--black);border-color:var(--fire-2);text-shadow:none;box-shadow:4px 4px #000}@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-row{display:flex;gap:10px}.btn-row .btn{flex:1}.btn-danger{background:var(--hot);color:var(--white);border-color:var(--white);text-shadow:none}@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(--black);color:var(--white);border:3px solid var(--white);padding:12px;min-height:var(--tap);text-transform:uppercase;box-shadow:3px 3px #000;-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}.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:2px solid var(--line);padding:5px 6px 5px 10px;font-size:11px;background:var(--black)}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list li .num{color:var(--fire);margin-right:10px}.player-list li .x{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;padding:0;color:#f5f5f573;background:transparent;border:none;text-shadow:1px 1px 0 #000;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(--white)}}.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(--black);color:var(--gray);border:3px solid var(--line);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.size-opt.sel{color:var(--black);background:var(--fire);border-color:var(--fire-2)}.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}.team{position:relative;border:3px solid var(--white);padding:8px}.team.black{background:#000}.team.white{background:var(--white);color:#000}.team h3{font-size:12px;text-align:center;margin-bottom:8px;letter-spacing:1px}.team-count{font-size:10px;color:var(--fire)}.team-count.off{color:var(--hot)}.roster{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.chip{font-family:inherit;font-size:9px;padding:10px 8px;min-height:var(--tap);flex:1 1 auto;min-width:88px;border:2px solid currentColor;cursor:pointer;text-align:center;background:transparent;color:inherit;text-transform:uppercase;word-break:break-word;touch-action:manipulation;-webkit-appearance:none;appearance:none}.team.black .chip{color:var(--white)}.team.white .chip{color:#000}.chip.locked{border-color:var(--fire)}@media (hover: hover){.chip:hover{background:var(--fire);color:#000!important;border-color:var(--fire)}}.chip.sel{background:var(--fire);color:#000!important;border-color:var(--fire-2);animation:blink .6s steps(2) infinite}@keyframes blink{50%{opacity:.6}}.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{flex-direction:row;flex-wrap:wrap;justify-content:center}.bench-slot{display:flex;align-items:stretch;gap:6px;flex:1 1 auto;min-width:120px}.bench .bench-slot .chip{color:var(--gray);min-width:0;flex:1 1 auto}.bench-lock{flex:0 0 auto;font-family:inherit;font-size:8px;letter-spacing:1px;padding:0 9px;color:var(--gray);background:var(--ink);border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px #000;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.bench-lock:active{transform:translate(2px,2px);box-shadow:0 0 #000}@media (hover: hover){.bench-lock:hover{color:var(--white);border-color:var(--fire)}}.bench-lock.on{color:#000;background:var(--fire);border-color:var(--fire-2);box-shadow:2px 2px 0 var(--hot)}.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(--black);border:3px solid var(--line);border-radius:var(--radius-sm);box-shadow:3px 3px #000;cursor:pointer;text-transform:uppercase;touch-action:manipulation;transition:transform .04s,box-shadow .04s;-webkit-appearance:none;appearance:none}.mode-opt:active{transform:translate(3px,3px);box-shadow:0 0 #000}.mode-opt.sel{color:var(--black);background:var(--fire);border-color:var(--fire-2)}.mode-opt:focus,.mode-opt:focus-visible{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:3px solid var(--line);border-radius:var(--radius-sm);box-shadow:3px 3px #000;background:var(--black);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(--white);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:14px}.score-card{border:4px solid var(--white);padding:12px 8px;text-align:center;position:relative}.score-card.black{background:#000}.score-card.white{background:var(--white);color:#000}.score-card .label{font-size:12px;letter-spacing:1px}.score-card.white .label{color:#000}.score-card .roster-mini{font-size:7px;color:var(--gray);margin-top:6px;min-height:16px;line-height:1.7;word-break:break-word}.score-card.white .roster-mini{color:#444}.score-num{font-size:clamp(52px,22vw,96px);line-height:1;margin:10px 0;font-variant-numeric:tabular-nums;position:relative;z-index:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.score-num:active{transform: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:#000}.score-card.white .label,.score-card.white .roster-mini,.score-card.white .score-btns{background:var(--white)}.score-card.leading{box-shadow:none}.score-card.leading:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 5px var(--fire),inset 0 0 30px var(--fire);z-index:4}.roll{position:relative;display:inline-block;vertical-align:top}.roll-digit{display:block}.roll-ghost{position:absolute;top:0;left:0;right:0}.in-top{animation:roll-in-top .18s cubic-bezier(.22,.61,.36,1) both}.in-bottom{animation:roll-in-bottom .18s cubic-bezier(.22,.61,.36,1) both}.out-bottom{animation:roll-out-bottom .18s cubic-bezier(.4,0,.7,.2) both}.out-top{animation:roll-out-top .18s cubic-bezier(.4,0,.7,.2) both}@keyframes roll-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes roll-out-bottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes roll-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes roll-out-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (prefers-reduced-motion: reduce){.in-top,.in-bottom,.out-bottom,.out-top,.size-opt.sel,.move-arrow{animation:none}.player-list li.removing{animation-duration:.01s}}.score-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.score-btns .btn{font-size:13px;padding:12px 2px;min-height:var(--tap);box-shadow:3px 3px #000}.score-card.black .btn{box-shadow:3px 3px 0 var(--white)}.score-card.white .btn{border-color:#000;color:#000;background:var(--white)}@media (hover: hover){.score-card.white .btn:hover:not(:disabled){background:#000;color:var(--white)}}.score-btns .minus{grid-column:1 / -1;opacity:.6;font-size:11px;min-height:40px}.clock{text-align:center;border:3px solid var(--white);background:var(--ink);padding:12px;margin-bottom:14px}.clock .time{font-size:clamp(30px,12vw,44px);color:var(--fire-2);letter-spacing:2px;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,207,51,.5)}.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:4px solid var(--white);background:var(--ink);box-shadow:6px 6px #000;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(--white);background:var(--black);border:3px solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px #000;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}.modal-close:active{transform:translate(3px,3px);box-shadow:0 0 #000}@media (hover: hover){.modal-close:hover{color:var(--white);background:var(--hot);border-color:var(--hot)}}.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(--black);border:3px solid var(--line);border-radius:var(--radius-sm);box-shadow:3px 3px #000;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}.info-tab.sel{color:var(--black);background:var(--fire);border-color:var(--fire-2)}.info-tab:active{transform:translate(3px,3px);box-shadow:0 0 #000}@media (hover: hover){.info-tab:not(.sel):hover{border-color:var(--fire);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}.victory-modal{max-width:380px;border-color:var(--fire-2);box-shadow:6px 6px #000,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(--white);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(--fire-2);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}.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)}.team,.bench,.score-card,.clock{box-shadow:5px 5px #000}.player-list li,.chip,.size-opt{box-shadow:3px 3px #000}.team.black .chip{box-shadow:3px 3px 0 var(--white)}.chip.locked{box-shadow:3px 3px 0 var(--fire)}.size-opt.sel{box-shadow:4px 4px 0 var(--hot);animation:mode-slam .16s steps(2) both}@keyframes mode-slam{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}.chip.sel{box-shadow:4px 4px 0 var(--hot)}.panel h2,.team.black h3,.bench h3{text-shadow:2px 2px 0 #000}.score-num{text-shadow:4px 4px 0 var(--hot)}.score-card.white .score-num{text-shadow:4px 4px 0 var(--fire)}.score-card.black .label{text-shadow:2px 2px 0 var(--hot)}.score-card.white .label{text-shadow:2px 2px 0 var(--fire)}.clock .time{text-shadow:3px 3px 0 #000,0 0 8px rgba(255,207,51,.5)}@media (min-width: 560px){body{padding:18px}.title h1{text-shadow:2px 2px 0 var(--hot),4px 4px 0 var(--fire)}.panel{padding:16px;box-shadow:6px 6px #000}.matchup{grid-template-columns:1fr 1fr;gap:12px}}@media (orientation: landscape) and (max-height: 600px){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}.title .sub{display:none}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-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:3px 3px #000}.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,34vh,168px);margin:2px 0;padding:0 64px}.score-card .score-btns{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;width:auto;z-index:2}#card-black .score-btns{left:4px}#card-white .score-btns{right:4px}.score-btns .btn{min-height:38px;width:56px;padding:8px 2px}.score-btns .minus{min-height:32px;width:56px}#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:3px solid var(--line);background:var(--ink);box-shadow:3px 3px #000;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]{border-color:var(--fire)}.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(--white);background:var(--black);border:2px solid var(--white);border-radius:var(--radius-sm);box-shadow:2px 2px #000;padding:7px 10px;min-height:34px;cursor:pointer;touch-action:manipulation;flex:0 0 auto}.net-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}@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}.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(--black);border:3px solid var(--white);border-radius:var(--radius);box-shadow:inset 2px 2px #000;padding:16px 10px;margin-bottom:16px;animation:flicker .5s steps(2) infinite alternate}.join-input{width:100%;font-family:inherit;font-size:22px;text-align:center;letter-spacing:8px;text-transform:uppercase;color:var(--fire);background:var(--black);border:3px solid var(--white);border-radius:var(--radius);box-shadow:inset 2px 2px #000;padding:14px 10px;margin-bottom:12px}.join-input:focus{outline:none;border-color:var(--fire)}.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(--white);background:var(--ink);border:3px solid var(--hot);border-radius:var(--radius-sm);box-shadow:4px 4px #000;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}}