@font-face{font-family:Khand;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/khand-latin-600-normal-B3VVjWw1.woff2) format("woff2"),url(/assets/khand-latin-600-normal-DUZjGkLW.woff) format("woff")}@font-face{font-family:Khand;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/khand-latin-700-normal-DB9wUwY3.woff2) format("woff2"),url(/assets/khand-latin-700-normal-BJE0D1Qn.woff) format("woff")}@font-face{font-family:Yatra One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/yatra-one-latin-400-normal-DWZsRie6.woff2) format("woff2"),url(/assets/yatra-one-latin-400-normal-C_QO1cws.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}:root{--ink: #0b0610;--panel: #170d22;--panel2: #22132f;--line: #3b2652;--text: #f7f0ff;--muted: #bba9d6;--pink: #ff2e88;--yellow: #ffe600;--cyan: #00e5ff;--green: #39ff88;--orange: #ff7a00;--lilac: #b26bff;--gold: #ffd23f;--red: #ff3a5c;--r-BAT: #3dff8f;--r-PACE: #ff3a5c;--r-SPIN: #b26bff;--r-FIELD: #2ea8ff;--r-CROWD: #ffb11f;--r-NONE: #cfc6e6;--display: "Khand", "Arial Narrow", Impact, sans-serif;--deco: "Yatra One", "Khand", serif;--body: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--cut: polygon(0 8px, 8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;-webkit-text-size-adjust:100%}body{padding:env(safe-area-inset-top,0) max(0px,env(safe-area-inset-right,0)) env(safe-area-inset-bottom,0) max(0px,env(safe-area-inset-left,0))}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:.02em;margin:0 0 .4em;text-wrap:balance}h2{font-size:30px;line-height:1}h3{font-size:22px}p{margin:0 0 .6em;line-height:1.4}a{color:var(--cyan)}abbr.kw{text-decoration:underline dotted;text-underline-offset:3px;cursor:help;font-weight:700}.ts-host{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:50}.zig{height:14px;background:linear-gradient(135deg,var(--pink) 33%,transparent 33%) 0 0/14px 14px,linear-gradient(225deg,var(--pink) 33%,transparent 33%) 0 0/14px 14px,var(--yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border:0;clip-path:var(--cut);font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .12s,filter .12s}.btn:not(:disabled):active{transform:translateY(2px)}.btn:not(:disabled):hover{filter:brightness(1.12)}.btn.primary{background:var(--pink);color:#fff}.btn.gold{background:var(--yellow);color:var(--ink)}.btn.ghost{background:transparent;color:var(--cyan);box-shadow:inset 0 0 0 2px var(--cyan)}.btn.danger{background:transparent;color:var(--red);box-shadow:inset 0 0 0 2px var(--red)}.btn:disabled{background:#2b2140;color:#8a7da3;box-shadow:none}.btn.small{min-height:36px;padding:6px 14px;font-size:17px}.link{background:none;border:0;color:var(--cyan);text-decoration:underline;font-size:16px;padding:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:34px;background:var(--panel2);border:1.5px solid var(--line);color:var(--text);font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.03em;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}.chip.big{min-height:44px;padding:8px 14px;font-size:17px}.chip.on,.chip[aria-pressed=true]{position:relative;background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}.chip.big.on{padding-right:26px}.chip.big.on:after,.finger.on:after{content:"✓";position:absolute;top:3px;right:7px;font:700 14px/1 var(--body);color:var(--ink)}.chip.danger{color:var(--red);border-color:var(--red)}.row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.row.wrap{flex-wrap:wrap}.hint{color:var(--muted);font-size:15px}.err{color:var(--red)}.waiting{color:var(--muted);font-style:italic;text-align:center}.yourturn{color:var(--yellow);font-family:var(--display);font-size:22px;text-align:center}.sub{color:var(--cyan);font-size:18px;margin-top:18px}.tag{font-style:normal;font-size:12px;background:var(--yellow);color:var(--ink);padding:1px 6px;margin-left:6px;font-family:var(--display)}.tag.shark{background:var(--cyan)}.seatmark{flex:none;vertical-align:-2px}.notice{background:var(--panel2);border-left:4px solid var(--yellow);padding:10px 14px;margin:12px 16px}.banner{background:var(--panel2);border-bottom:2px solid var(--yellow);padding:8px 16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:15px}.banner.warn{border-color:var(--red)}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0));transform:translate(-50%);background:var(--red);color:#fff;padding:10px 18px;font-family:var(--display);font-size:18px;z-index:80;clip-path:var(--cut)}.floating{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);z-index:40}.home,.lobby,.phase,.loading{max-width:640px;margin:0 auto;padding:0 16px 40px}.game{min-height:100vh;min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--panel);border-bottom:2px solid var(--pink)}.brand{background:none;border:0;font-family:var(--deco);font-size:22px;color:var(--yellow);text-shadow:2px 2px 0 var(--pink);padding:4px 0}.roomtag{font-family:var(--display);color:var(--cyan);font-size:17px;letter-spacing:.08em}.loading{display:grid;place-items:center;min-height:60vh;gap:16px;text-align:center}.spinner{width:54px;height:54px;border:6px solid var(--line);border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{margin:0 -16px 10px;padding-bottom:14px;text-align:center;background:radial-gradient(ellipse at 50% 120%,#ff2e8844,transparent 60%);overflow:hidden}.logo{font-family:var(--deco);font-weight:400;font-size:clamp(54px,15vw,88px);line-height:.9;margin:22px 0 6px;color:var(--yellow);text-shadow:3px 3px 0 var(--pink),6px 6px 0 var(--cyan)}.tagline{color:var(--muted);font-size:17px;padding:0 16px}.hero-cards{display:flex;justify-content:center;gap:0;margin-top:12px}.hero-cards>*{margin:0 -10px;transform:rotate(-8deg) translateY(6px)}.hero-cards>*:nth-child(2){transform:translateY(-8px);z-index:2}.hero-cards>*:nth-child(3){transform:rotate(8deg) translateY(6px)}.menu{display:flex;flex-direction:column;gap:12px;margin-top:8px}.menu h2{color:var(--yellow)}.field{display:flex;flex-direction:column;gap:6px;font-family:var(--display);font-size:18px;color:var(--cyan)}.field-row{display:flex;gap:8px}.field input{flex:1;min-width:0;min-height:48px;padding:8px 14px;background:var(--panel2);border:2px solid var(--line);color:var(--text);font:18px var(--body);clip-path:var(--cut)}.field input:focus{border-color:var(--yellow);outline:none}.btn.dice{flex:none;min-height:48px;padding:6px 14px 6px 10px;gap:6px;background:var(--yellow);color:var(--ink);font-size:17px;white-space:nowrap}.btn.dice .die{display:inline-block;font-size:24px;line-height:1;animation:die-roll .5s cubic-bezier(.3,1.4,.5,1)}.btn.dice:hover .die{transform:rotate(-14deg)}@keyframes die-roll{0%{transform:rotate(-300deg) scale(.6)}}@media(max-width:400px){.btn.dice .wide{display:none}}.code-input{font-family:var(--display)!important;font-size:34px!important;letter-spacing:.3em;text-transform:uppercase;text-align:center}.hof{border-top:1px dashed var(--line);padding-top:10px}.hof h3{color:var(--gold);font-size:18px}.foot{color:var(--muted);text-align:center;font-size:14px;margin-top:30px}.settings{display:flex;flex-direction:column;gap:10px}.seg{border:0;padding:0;margin:0;min-width:0}.seg legend{font-family:var(--display);color:var(--muted);font-size:16px;padding:0;margin-bottom:4px}.seg-row{display:flex;flex-wrap:wrap;gap:6px}.seg-row button{flex:1 1 auto;min-height:42px;padding:6px 10px;background:var(--panel2);border:1.5px solid var(--line);font-family:var(--display);font-weight:600;font-size:17px;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}.seg-row button.on{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.seg:disabled .seg-row button{opacity:.7}.settings-pick{display:flex;flex-direction:column;gap:8px}.set-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.set-tile{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:52px;padding:6px 4px;background:var(--panel);border:1.5px dashed var(--line);clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}.set-tile small{font:600 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.set-tile b{font:700 17px/1.1 var(--display);color:var(--yellow);white-space:nowrap}.set-tile:hover,.set-tile:focus-visible{border-color:var(--cyan)}.home.setup .hero{padding-bottom:4px;margin-bottom:4px}.home.setup .logo{font-size:clamp(36px,10vw,56px);margin-top:12px}.home.setup .tagline,.home.setup .hero-cards,.home.setup .foot{display:none}.share-preview{display:grid;place-items:center;min-height:200px}.share-preview img{display:block;max-width:100%;max-height:68vh;max-height:68dvh;height:auto;box-shadow:0 0 0 2px var(--pink)}.room-code{font-family:var(--display);font-weight:700;font-size:clamp(54px,16vw,92px);letter-spacing:.14em;text-align:center;color:var(--yellow);text-shadow:3px 3px 0 var(--pink);margin:18px 0 8px}.share-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.seats{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}.seat{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel);border-left:4px solid var(--seat, var(--line));clip-path:var(--cut);flex-wrap:wrap}.seat.me{background:var(--panel2)}.seat.empty{color:var(--muted);border-left-style:dashed;font-style:italic}.seat-name{flex:1;font-family:var(--display);font-size:20px;min-width:0}.seat-actions{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#555}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.tip{margin-top:18px;color:var(--muted);font-size:15px;border-top:1px dashed var(--line);padding-top:10px}.phase{text-align:center;padding-top:14px}.phase h2{color:var(--yellow);text-shadow:2px 2px 0 var(--pink)}.big{font-size:20px}.batspin{display:flex;flex-direction:column;align-items:center;gap:6px}.batspin-svg{width:min(340px,100%);height:auto;overflow:visible}.bs-seat.win circle{filter:drop-shadow(0 0 8px #ffe600);animation:bs-pulse .7s ease-in-out infinite alternate}@keyframes bs-pulse{to{stroke:#ffe600}}.batspin-result{min-height:1.4em;opacity:.7}.batspin-result.on{opacity:1;animation:bs-pop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes bs-pop{0%{transform:scale(.6)}}.coin{width:120px;height:120px;margin:18px auto;position:relative;transform-style:preserve-3d;animation:coinspin 1.2s linear infinite}.coin span{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;font-family:var(--display);font-size:54px;color:var(--ink);background:radial-gradient(circle at 35% 30%,#fff6b0,var(--gold) 55%,#b88a00);border:5px solid #7a5a00;backface-visibility:hidden}.coin .t{transform:rotateY(180deg)}.coin.flip-heads{animation:coinland-h 1.6s cubic-bezier(.2,.7,.3,1) forwards}.coin.flip-tails{animation:coinland-t 1.6s cubic-bezier(.2,.7,.3,1) forwards}@keyframes coinspin{to{transform:rotateY(360deg)}}@keyframes coinland-h{0%{transform:rotateY(0) translateY(0)}40%{transform:rotateY(900deg) translateY(-50px)}to{transform:rotateY(1440deg) translateY(0)}}@keyframes coinland-t{0%{transform:rotateY(0) translateY(0)}40%{transform:rotateY(900deg) translateY(-50px)}to{transform:rotateY(1620deg) translateY(0)}}.firstpick{margin:12px 0}.snake{list-style:none;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:0;margin:6px 0 10px}.snake li{display:flex;align-items:center;gap:4px;padding:3px 7px;background:var(--panel2);font-family:var(--display);font-size:15px;opacity:.6}.snake li.now{opacity:1;background:var(--yellow);color:var(--ink)}.snake li.done{opacity:.3}.draft-grid,.hand-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;justify-items:center;margin:12px 0}.squads{display:grid;gap:6px;margin-top:14px;text-align:left}.squad{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:15px}.squad-name{font-family:var(--display);font-size:17px;min-width:110px}.squad-cards{display:flex;gap:4px;flex-wrap:wrap}.squad-mini{padding:2px 6px;border:1px solid var(--role-c, var(--line));color:var(--role-c, var(--text));font-size:13px;font-family:var(--display)}.match-banner{font-family:var(--display);font-size:19px;color:var(--cyan);margin-bottom:8px;letter-spacing:.04em}.final-tag{color:var(--ink);background:var(--gold);padding:2px 10px;font-weight:700}.locks{display:flex;justify-content:center;gap:12px;margin:8px 0}.lock{display:inline-flex;gap:4px;align-items:center}.walkout{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0}.walk{display:flex;flex-direction:column;align-items:center;gap:4px;animation:walkin .6s backwards cubic-bezier(.2,.9,.3,1.2)}.walk-name{font-family:var(--display);font-size:16px}@keyframes walkin{0%{opacity:0;transform:translateY(30px) scale(.8)}}.ccard{--w: 150px;position:relative;display:flex;flex-direction:column;width:var(--w);padding:0 0 10px;border:0;text-align:left;color:var(--text);background:linear-gradient(170deg,var(--role-dark) 0%,#160c22 46%,#0e0716 100%);clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);box-shadow:inset 0 0 0 3px var(--role),inset 0 0 0 5px #0b0610,inset 0 0 0 6.5px var(--acc);transition:transform .15s,box-shadow .15s;overflow:hidden;isolation:isolate}button.ccard:hover{transform:translateY(-3px) rotate(-.6deg)}.ccard.selected{box-shadow:inset 0 0 0 4px var(--yellow),inset 0 0 0 7px #0b0610,0 0 0 0 transparent;transform:translateY(-4px)}.ccard.dim{opacity:.45}.ccard-sm{--w: 92px;padding-bottom:8px}.ccard-lg{--w: min(300px, 82vw);padding-bottom:14px}.cc-top{display:flex;justify-content:space-between;align-items:center;padding:8px 9px 0;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.08em;position:relative;z-index:2}.ccard-sm .cc-top{padding:6px 6px 0;font-size:11px}.cc-role{display:inline-flex;align-items:center;gap:3px;background:var(--role);color:var(--ink);padding:1px 6px 0 3px;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.cc-no{color:var(--acc);font-family:var(--display);letter-spacing:.04em}.ccard.legend .cc-no{color:var(--gold)}.cc-art{position:relative;display:grid;place-items:end center;height:calc(var(--w) * .86);margin:2px 6px 0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.ccard-sm .cc-art{height:80px;margin:2px 4px 0}.cc-bg{position:absolute;inset:0;width:100%;height:100%}.cc-rays{transform-origin:50% 57.5%;transform-box:view-box;animation:burst 24s linear infinite}@keyframes burst{to{transform:rotate(360deg)}}.cc-art .portrait{position:relative;margin-bottom:-4px}.portrait{overflow:visible;filter:drop-shadow(2px 3px 0 #0009)}.cc-name{position:relative;z-index:2;margin:-10px 2px 0;background:var(--role);color:var(--ink);text-align:center;padding:4px 14px 2px;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%,9px 50%);box-shadow:inset 0 -3px #0003}.cc-name span{--fs: 21px;display:block;font-family:var(--deco);font-weight:400;font-size:min(var(--fs),calc((var(--w) - 30px) / (var(--len, 8) * .63)));line-height:1.15;letter-spacing:.01em;white-space:nowrap}.ccard-sm .cc-name{margin:-8px 0 0;padding:3px 9px 1px}.ccard-sm .cc-name span{--fs: 13px;font-size:min(var(--fs),calc((var(--w) - 20px) / (var(--len, 8) * .63)))}.ccard-lg .cc-name span{--fs: 31px}.ccard.legend .cc-name{background:linear-gradient(90deg,#b8860b,var(--gold),#fff3b0,var(--gold),#b8860b)}.cc-body{padding:8px 10px 4px;display:flex;flex-direction:column;gap:7px}.cc-flavour{font-family:var(--deco);font-size:13px;color:var(--acc);margin:0;line-height:1.25;text-align:center}.cc-power{position:relative;background:#0b0610b3;border:1.5px dashed color-mix(in srgb,var(--role) 70%,transparent);padding:10px 8px 7px;margin-top:4px}.cc-plabel{position:absolute;top:-8px;left:8px;font:700 11px/1 var(--display);letter-spacing:.12em;background:var(--role);color:var(--ink);padding:3px 6px 1px}.ccard.legend .cc-plabel{background:var(--gold)}.ccard.legend .cc-power{border-color:#ffd23faa}.cc-power p{font-size:13.5px;line-height:1.35;margin:0}.ccard-lg .cc-flavour{font-size:17px}.ccard-lg .cc-power p{font-size:17px;line-height:1.4}.ccard-lg .cc-plabel{font-size:13px}.cc-copy{font-size:13px;color:var(--cyan);margin:0}.cc-celebration{font-size:14px;color:var(--gold);margin:0;font-style:italic;text-align:center}.cc-fl{position:absolute;width:11px;height:11px;background:var(--acc);z-index:3;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.cc-fl.a{top:3px;right:3px}.cc-fl.b{bottom:3px;left:3px}.ccard-sm .cc-fl{width:8px;height:8px}.cc-jhalar{position:absolute;left:7px;right:7px;bottom:4px;height:6px;background:linear-gradient(135deg,var(--acc) 25%,transparent 25%) -3px 0/6px 6px,linear-gradient(225deg,var(--acc) 25%,transparent 25%) -3px 0/6px 6px;opacity:.85}.ccard.legend{background:linear-gradient(170deg,#5a4000,#241204 40%,#120a1c);box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 0 5px #120a1c,inset 0 0 0 6.5px var(--role)}.ccard.legend .cc-fl,.ccard.legend .cc-jhalar{--acc: var(--gold)}.cc-foil{position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(115deg,transparent 30%,#fff5 44%,#ff2e8833 48%,#00e5ff33 52%,#ffd23f44 56%,transparent 66%);background-size:260% 100%;mix-blend-mode:screen;animation:foil 3.6s ease-in-out infinite}@keyframes foil{0%{background-position:130% 0}to{background-position:-130% 0}}.inspect{display:flex;flex-direction:column;align-items:center;gap:12px}.inspect-cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.inspect-note{color:var(--muted)}.inspect-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.uses{font-family:var(--display);color:var(--cyan);align-self:center}.hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:420px;margin:8px auto}.shot{--c: var(--cyan);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:5/7;padding:8px 2px 6px;color:var(--c);background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--c) 30%,transparent),transparent 62%),repeating-linear-gradient(135deg,#ffffff06 0 6px,transparent 6px 12px),#170d22;border:0;box-shadow:inset 0 0 0 2.5px var(--c),inset 0 0 0 4.5px #0b0610,inset 0 0 0 5.5px color-mix(in srgb,var(--c) 45%,transparent);clip-path:polygon(0 8%,12% 0,100% 0,100% 92%,88% 100%,0 100%);transition:transform .14s cubic-bezier(.3,1.6,.5,1),background .14s;min-height:92px}.shot-n{font-family:var(--deco);font-weight:400;font-size:clamp(32px,9.5vw,46px);line-height:.9;color:var(--c);text-shadow:2px 2px 0 #0b0610,3px 3px 0 color-mix(in srgb,var(--c) 40%,#0b0610);margin-top:2px}.shot-pip{position:absolute;top:5px;right:7px;font:700 12px/1 var(--display);color:var(--c);opacity:.8}.shot-g{width:58%;height:auto}.shot-name{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.shot-explained .shot-g{display:none}.shot-why{font-size:10.5px;line-height:1.15;color:var(--muted);text-align:center;background:#000c;padding:2px;overflow-wrap:anywhere}.shot:not(:disabled):hover{transform:translateY(-4px)}.shot-up{background:var(--c);color:var(--ink);transform:translateY(-14px)!important;box-shadow:inset 0 0 0 3px #fff,0 0 18px var(--c)}.shot-up .shot-n{color:var(--ink);text-shadow:2px 2px 0 #fff8}.shot-up .shot-name,.shot-up .shot-pip{color:var(--ink)}.shot-disabled{opacity:.4;filter:grayscale(.8)}.shot-sm{min-height:0;width:64px}.cardback{display:inline-block;vertical-align:middle}.cardback svg{width:100%;height:100%;display:block}.pitchcard,.eventcard{max-width:360px;margin:6px auto 12px;padding:12px 16px;background:var(--panel);clip-path:var(--cut);box-shadow:inset 0 0 0 3px var(--role, var(--cyan));text-align:left}.pc-label,.ev-label{font-family:var(--display);font-size:13px;letter-spacing:.14em;color:var(--muted)}.pc-name,.ev-name{font-family:var(--deco);font-size:30px;line-height:1.05;color:var(--role, var(--yellow))}.pc-fav{display:inline-flex;gap:6px;align-items:center;background:var(--role);color:var(--ink);font-family:var(--display);font-weight:700;padding:2px 8px;margin:4px 0}.pc-text,.ev-text{font-size:16px;margin:6px 0 0}.pitchcard.compact,.eventcard.compact{padding:6px 12px}.eventcard.gully{box-shadow:inset 0 0 0 3px var(--pink)}.eventcard.gully .ev-name{color:var(--pink)}.eventcard.stadium{box-shadow:inset 0 0 0 3px var(--cyan)}.eventcard.stadium .ev-name{color:var(--cyan)}.match{max-width:640px;margin:0 auto;padding:0 8px 24px;display:flex;flex-direction:column;gap:6px}.mhead{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 2px 0;font-family:var(--display);font-size:17px}.mh-match{color:var(--cyan)}.mh-over{color:var(--text);margin-right:auto}.trial{color:var(--pink)}.pitchchip{border-color:var(--green)}.eventchip{border-color:var(--pink);color:var(--pink)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px}.tile{position:relative;display:flex;flex-direction:column;gap:1px;padding:6px 8px 5px;background:var(--panel);border:0;text-align:left;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:inset 0 -3px 0 var(--line)}.tile.me{background:var(--panel2);box-shadow:inset 0 -3px 0 var(--yellow)}.tile.bowling{box-shadow:inset 0 0 0 2px var(--red),inset 0 -3px 0 var(--red)}.tile.lead .tile-score{color:var(--yellow)}.tile.legend{background:repeating-conic-gradient(from 0deg at 85% 120%,#ffd23f2e 0 6deg,transparent 6deg 15deg),linear-gradient(160deg,#3a2a08,var(--panel) 70%)}.tile.legend .tile-char{text-shadow:0 0 6px #ffd23f88}.glow-gold{filter:drop-shadow(0 0 4px #ffd23fcc)}.lg-breathe{animation:lg-breathe 3.2s ease-in-out infinite alternate}@keyframes lg-breathe{0%{opacity:.7}to{opacity:1}}.lg-sheen{transform-box:fill-box;animation:lg-sheen 4.5s ease-in-out infinite}@keyframes lg-sheen{0%,25%{transform:translate(0)}to{transform:translate(200%)}}.bowler-legend{filter:drop-shadow(0 0 1.5px #fff3b0) drop-shadow(0 0 4px #ffd23f) drop-shadow(0 0 10px #ffb80099);animation:lg-aura 2.4s ease-in-out infinite alternate}@keyframes lg-aura{0%{filter:drop-shadow(0 0 1.5px #fff3b0) drop-shadow(0 0 3px #ffd23f) drop-shadow(0 0 6px #ffb80066)}to{filter:drop-shadow(0 0 2px #fff3b0) drop-shadow(0 0 6px #ffd23f) drop-shadow(0 0 14px #ffb800aa)}}.bowler-legend.temp{filter:drop-shadow(0 0 1.5px #ffd23f) drop-shadow(0 0 3px #ffd23f88);animation:none}.rm .lg-breathe,.rm .lg-sheen,.rm .bowler-legend{animation:none}.tile.legend.temp{background:linear-gradient(160deg,#2a2008,var(--panel) 60%);box-shadow:inset 0 0 0 1.5px #ffd23f99}.tile-tag{position:absolute;right:4px;bottom:3px;font:700 9px var(--display);letter-spacing:.06em;text-transform:uppercase;color:#120a1c;background:var(--gold);border-radius:4px;padding:1px 4px;pointer-events:none}.event-fx{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;max-width:calc(100% - 24px);background:#120a1cee;border:2px solid var(--gold);border-radius:10px;box-shadow:0 0 18px #ffd23f55;pointer-events:none;text-align:center;animation:ef-in 3.2s ease-out forwards}.ef-event{font:400 22px/1 var(--deco);color:var(--yellow)}.ef-text{font:700 14px var(--display);color:var(--text)}.event-fx b.gold,.walk-note b.gold{color:var(--gold)}@keyframes ef-in{0%{opacity:0;transform:translate(-50%,-12px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.walk-note{max-width:520px;text-align:center;margin:4px 0;font-size:15px}.walk-tag{display:block;margin-top:3px;font:700 10px var(--display);letter-spacing:.06em;text-transform:uppercase;color:#120a1c;background:var(--gold);border-radius:4px;padding:1px 5px;text-align:center}.walk-tag.temp{background:transparent;color:var(--gold);border:1px dashed var(--gold)}.walk-tag.shark{background:transparent;color:var(--muted);border:1px solid var(--line)}.tile-top{display:flex;align-items:center;gap:4px;font-family:var(--display);font-size:14px;letter-spacing:.04em;min-width:0}.tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-ball{color:var(--red);margin-left:auto}.tile-score{font-family:var(--display);font-weight:700;font-size:32px;line-height:.95;font-variant-numeric:tabular-nums}.tile-score em{font-style:normal;font-size:16px;margin-left:4px;vertical-align:6px}.tile-score em.up{color:var(--green)}.tile-score em.down{color:var(--red)}.tile-char{display:flex;align-items:center;gap:3px;font-family:var(--display);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-char .role-icon path{stroke:currentColor}.tile-meta{display:flex;gap:6px;align-items:center;font-size:12px;font-family:var(--display)}.drs{color:var(--green);border:1px solid currentColor;padding:0 3px;line-height:1.2}.drs.used{color:#6c5d83;text-decoration:line-through}.flips{color:var(--gold);letter-spacing:1px}.risk{color:var(--orange)}.tile-lock{margin-left:auto;color:var(--green);font-weight:700}.tile-ball+.tile-lock{margin-left:2px}.tile-off{position:absolute;bottom:4px;right:6px;font-size:11px;color:var(--muted);font-family:var(--display);text-transform:uppercase}.bubble{position:absolute;left:6px;right:6px;top:-6px;transform:translateY(-100%);background:#fff;color:var(--ink);font:700 13px/1.2 var(--body);padding:5px 8px 12px;z-index:5;animation:pop .25s cubic-bezier(.3,1.6,.5,1);clip-path:polygon(0 0,100% 0,100% 80%,30% 80%,18% 100%,20% 80%,0 80%)}@keyframes pop{0%{transform:translateY(-80%) scale(.6);opacity:0}}.stage{position:relative}.scene{display:block;width:100%;height:auto;max-height:46vh;background:var(--ink);clip-path:var(--cut);overflow:hidden}.glow-cyan{filter:drop-shadow(0 0 3px #00e5ffaa)}.scene .lane.you>path:first-child{stroke:var(--yellow)}.scene-flip{transform-box:fill-box;transform-origin:center;animation:scene-flip .4s ease-out backwards}.scene-hit{opacity:0;animation:scene-hit .5s steps(2) backwards;pointer-events:none}@keyframes scene-flip{0%{transform:scaleX(0)}}@keyframes scene-hit{0%{opacity:1}}.badge path{fill:var(--panel2);stroke:var(--ink);stroke-width:2.5}.badge text{font:700 20px var(--display);fill:var(--text);letter-spacing:.04em}.badge.six path{fill:var(--pink)}.badge.six text{fill:var(--yellow)}.badge.four path{fill:var(--cyan)}.badge.four text{fill:var(--ink)}.badge.runs path{fill:var(--green)}.badge.runs text{fill:var(--ink)}.badge.out path{fill:var(--red)}.badge.out text{fill:#fff}.badge.blocked path,.badge.notout path{fill:var(--yellow)}.badge.blocked text,.badge.notout text{fill:var(--ink)}.badge{animation:badgein .35s cubic-bezier(.3,1.6,.5,1) backwards;transform-box:fill-box;transform-origin:center}@keyframes badgein{0%{opacity:0;transform:scale(.4)}}.ln-spin{transform-box:fill-box;transform-origin:center;animation:spin 2.4s linear infinite}.launcher.winding .ln-spin{animation-duration:.16s}.launcher.winding>g:not(.ln-recoil){animation:shake .08s steps(2) infinite}@keyframes shake{50%{transform:translate(.6px,-.4px)}}.ln-led{animation:led 1.1s steps(1) infinite}.launcher.winding .ln-led{animation-duration:.25s;fill:#ffe600}@keyframes led{50%{opacity:.25}}.ln-recoil{animation:recoil .35s cubic-bezier(.2,1.8,.4,1)}@keyframes recoil{20%{transform:translateY(5px) scaleY(.94)}}.ln-flash{transform-box:fill-box;transform-origin:center;animation:flash .32s ease-out forwards}@keyframes flash{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.ln-smoke{transform-box:fill-box;transform-origin:center;animation:smoke .9s ease-out forwards}@keyframes smoke{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-24px) scale(3);opacity:0}}.bob{animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(1.2px)}}.pre{animation:hide .01s steps(1) forwards}@keyframes hide{to{opacity:0;visibility:hidden}}.post{animation:show .01s steps(1) backwards}@keyframes show{0%{opacity:0;visibility:hidden}}.post.six,.post.four,.post.runs{transform-box:fill-box;transform-origin:50% 100%;animation:show .01s steps(1) backwards,swing .35s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:inherit}@keyframes swing{0%{transform:rotate(-8deg) scale(.96)}}.impact{fill:#ffe600;stroke:#fff;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:impact .4s ease-out backwards}.impact.out{fill:#ff3a5c}@keyframes impact{0%{opacity:1;transform:scale(.3)}60%{opacity:1}to{opacity:0;transform:scale(1.8)}}.stump-fly{transform-box:fill-box;transform-origin:50% 100%;animation:fly .55s cubic-bezier(.2,.8,.3,1) both}@keyframes fly{0%{transform:none}to{transform:translate(var(--mx),var(--my)) rotate(var(--r))}}.bail-fly{animation:bail .6s cubic-bezier(.2,.8,.3,1) both}@keyframes bail{0%{transform:none}40%{transform:translateY(-22px)}to{transform:translateY(-8px) translate(6px);opacity:.7}}.pitchmark{fill:#00e5ff;opacity:.55;transform-box:fill-box;transform-origin:center;animation:pitchmark .5s ease-out backwards}@keyframes pitchmark{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(2.2);fill:#fff}}.six-burst{transform-box:fill-box;transform-origin:center;animation:sixburst .7s cubic-bezier(.3,1.6,.5,1) backwards}.six-burst text{font:400 26px var(--deco);fill:#ffe600;stroke:#0b0610;stroke-width:1}@keyframes sixburst{0%{opacity:0;transform:scale(0) rotate(-40deg)}}.eyeglow{filter:drop-shadow(0 0 1.5px #2ee6ff)}.scene.flicker .skyline,.scene.flicker .flood{animation:flicker 2.4s steps(1) infinite}@keyframes flicker{0%,to{opacity:1}47%{opacity:.2}49%{opacity:1}51%{opacity:.3}}.scene circle.wave{animation:wave 2s ease-in-out infinite}@keyframes wave{50%{transform:translateY(-5px)}}.count{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(56px,18vw,110px)/1 var(--display);color:#fff;text-shadow:4px 4px 0 var(--pink),8px 8px 0 #0008;pointer-events:none;animation:countin .3s cubic-bezier(.3,1.6,.5,1)}.count.howzat{color:var(--yellow);font-family:var(--deco)}@keyframes countin{0%{transform:scale(1.8);opacity:0}}.legend-fx{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;background:radial-gradient(circle at 50% 45%,#ffd23f55,#0b0610cc 70%);animation:lf-bg 2.6s ease-out forwards}.lf-cards{display:flex;gap:10px;perspective:600px}.lf-card{animation:lf-flip .7s cubic-bezier(.3,1.4,.5,1) both;filter:drop-shadow(0 0 14px var(--gold))}.lf-card .ccard{--w: min(110px, 26vw)}.lf-text{margin:0;font:700 clamp(20px,6vw,30px)/1 var(--display);color:#fff;text-shadow:2px 2px 0 var(--pink);animation:countin .35s .35s cubic-bezier(.3,1.6,.5,1) both}.lf-text b{font-family:var(--deco);font-weight:400;color:var(--yellow)}@keyframes lf-flip{0%{transform:rotateY(180deg) scale(.5);opacity:0}40%{opacity:1}}@keyframes lf-bg{0%{opacity:0}10%,82%{opacity:1}to{opacity:0}}.bowler-fx{position:fixed;inset:0;z-index:40;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:#0b061088;animation:bf-dim var(--bowler-duration, 2.9s) ease-out forwards}.bf-band{display:flex;align-items:center;width:100%;justify-content:center;padding:clamp(28px,5vw,64px) 16px;transform:skewY(-6deg);background:linear-gradient(90deg,transparent,var(--seat) 18%,var(--seat) 82%,transparent);box-shadow:0 0 0 3px #0b0610,0 0 30px var(--seat);animation:bf-slide var(--bowler-duration, 2.9s) cubic-bezier(.2,.9,.2,1) forwards}.bf-content{display:flex;align-items:center;gap:16px;max-width:100%;transform:skewY(6deg)}.bf-card{flex:none}.bf-card .ccard{--w: min(84px, 22vw)}.bf-text{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.3;color:var(--ink)}.bf-over{font:700 14px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;opacity:.8}.bf-label{font:700 18px/1.3 var(--display);letter-spacing:.1em;text-transform:uppercase}.bf-name{font:400 clamp(34px,11vw,60px)/1 var(--deco);text-shadow:2px 2px 0 #fff8;max-width:min(60vw,560px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes bf-slide{0%{transform:skewY(-6deg) translate(-110%)}9%{transform:skewY(-6deg) translate(3%)}12%,90%{transform:skewY(-6deg) translate(0)}to{transform:skewY(-6deg) translate(110%)}}@keyframes bf-dim{0%,93%{opacity:1}to{opacity:0}}.walkout-overlay{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0610f0;padding:16px;overflow:auto}.walkout-overlay h3{font-size:34px}.walkout-overlay h3{color:var(--yellow);font-family:var(--deco);font-weight:400}.walkout.small{gap:6px}.log{min-height:58px;padding:6px 10px;background:var(--panel);border-left:3px solid var(--cyan);cursor:pointer}.ll{margin:0 0 2px;font-size:15px;line-height:1.3;animation:llin .25s ease-out}@keyframes llin{0%{opacity:0;transform:translate(-8px)}}.ll.info{font-family:var(--display);font-size:17px;letter-spacing:.02em}.ll.status{color:var(--yellow);text-transform:uppercase;letter-spacing:.06em}.ll.out{color:#ff8095}.ll.good{color:var(--green)}.ll.big{color:var(--yellow);font-weight:700}.ll.flavour{color:var(--muted);font-family:var(--deco)}.dock{min-height:120px}.act{display:flex;flex-direction:column;gap:8px;padding:6px 2px;text-align:center}.act h3{color:var(--yellow);margin:0}.act-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.you-are{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em;color:var(--yellow)}.risk-chip{font-size:14px;color:var(--orange)}.toggle{display:flex;gap:8px;align-items:center;justify-content:center;font-size:15px;color:var(--cyan);min-height:36px}.toggle input{width:22px;height:22px;accent-color:var(--yellow)}.decl{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--panel);text-align:left}.decl>span{font-size:15px;color:var(--muted)}.peeked{color:var(--cyan);font-weight:700}.locked-in{font-size:17px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;max-height:40vh;overflow:auto}.pickname{min-height:44px;background:var(--panel2);border:1.5px solid var(--line);font-family:var(--display);font-size:16px;padding:4px}.fuse{position:relative;height:22px;background:var(--panel2);overflow:hidden;clip-path:var(--cut);margin-top:4px}.fuse-bar{position:absolute;inset:0;background:linear-gradient(90deg,var(--pink),var(--yellow));transform-origin:left;transition:transform .2s linear}.fuse.hurry .fuse-bar{background:var(--red);animation:hurry .5s steps(2) infinite}@keyframes hurry{50%{opacity:.6}}.fuse-n{position:absolute;inset:0;display:block;text-align:center;font:700 16px/22px var(--display);color:var(--text)}.fuse-n.on-bar{color:var(--ink);transition:clip-path .2s linear}.side{display:none}.rail{display:contents}.balllog{list-style:none;padding:0;margin:0;font-size:14px;display:grid;gap:4px}.balllog li{padding:4px 6px;background:var(--panel)}.balllog .o{color:#ff8095}.balllog span{margin-right:6px}.third-umpire{display:flex;flex-direction:column;gap:10px;text-align:center}.tu-title{background:var(--red);color:#fff;margin:-14px -14px 4px;padding:10px 12px;font-size:24px;letter-spacing:.1em;line-height:1.1}.tu-title small{display:block;font-size:14px;letter-spacing:.06em;opacity:.9;margin-top:2px}.duel{display:flex;flex-direction:column;gap:6px;align-items:center;padding:10px;background:var(--panel2)}.duel small{color:var(--muted)}.fingers{display:flex;gap:12px}.finger{width:84px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px;background:var(--panel);border:2px solid var(--cyan);clip-path:var(--cut)}.finger small{font:700 15px var(--display);color:var(--cyan)}.finger{position:relative}.finger.on{background:var(--yellow);border-color:var(--ink);box-shadow:inset 0 0 0 4px var(--ink)}.finger.on small{color:var(--ink)}.modal{position:fixed;inset:0;background:#05020acc;display:grid;place-items:center;padding:16px;z-index:60;overflow:auto;animation:fade .15s}@keyframes fade{0%{opacity:0}}.panel{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--panel);padding:16px;clip-path:var(--cut);box-shadow:inset 0 0 0 2px var(--pink);display:flex;flex-direction:column;gap:10px}.panel.wide{width:min(760px,100%)}.panel-title{color:var(--yellow)}.menu-list{display:flex;flex-direction:column;gap:8px}.emotes{display:flex;flex-wrap:wrap;gap:6px}.emotes.sledges .chip{font-family:var(--body);font-weight:700;font-size:14px;text-align:left}.lastball{padding:8px;background:var(--panel2)}.scorebook{background:var(--panel);padding:14px;clip-path:var(--cut);text-align:left;background-image:repeating-linear-gradient(transparent 0 27px,#ffffff0d 27px 28px);margin-bottom:12px}.scorebook h2{font-size:26px}.sb-sub{color:var(--muted);font-size:14px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:6px 0 12px}th{font-family:var(--display);font-size:13px;letter-spacing:.08em;color:var(--muted);text-align:left;border-bottom:2px solid var(--line);padding:4px}td{padding:6px 4px;border-bottom:1px solid #ffffff10;font-size:15px}tr.me td{background:#ffe6001a}.caps{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.cap{font-family:var(--display);font-size:15px;padding:3px 10px;color:var(--ink)}.cap.orange{background:var(--orange)}.cap.purple{background:var(--lilac)}.cap.duck{background:var(--gold)}.trophy-title{font-family:var(--deco)!important;font-weight:400!important;font-size:clamp(30px,8vw,46px)!important}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:14px 0}.step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:var(--panel);clip-path:var(--cut)}.step.s1{order:2;box-shadow:inset 0 0 0 3px var(--gold);padding-bottom:30px}.step.s2{order:1}.step.s3{order:3}.pname{font-family:var(--display);font-size:17px}.ppts{font-family:var(--display);font-size:22px;color:var(--yellow)}.pplace{font-family:var(--deco);color:var(--gold)}.spirit{color:var(--green)}.vote{margin:10px 0}.so-players{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.so-round{color:var(--muted)}.howto{display:flex;flex-direction:column;gap:6px}.howto h2{color:var(--yellow);font-family:var(--deco);font-weight:400}.howto h2{margin:0;padding-right:26px;font-size:21px;line-height:1.15}.howto{position:relative}.howto-close{position:absolute;top:-12px;right:-12px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--muted);font:400 32px/1 var(--body);cursor:pointer}.howto-close:hover,.howto-close:focus-visible{color:var(--text)}.howto-sec{--sec: var(--cyan);position:relative;border-top:2px solid var(--sec);padding-top:9px;margin-top:4px}.howto-act{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:0 8px;background:var(--panel);white-space:nowrap;font:600 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--sec)}.howto-phases{list-style:none;padding:0;margin:0;display:grid;gap:4px}.howto-phases li{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:0 10px;padding:3px 10px;background:var(--panel2);border-left:3px solid var(--sec)}.howto-pic{display:flex;justify-content:center;align-items:center;min-height:40px}.howto-phases h3{margin:0;font-family:var(--display);font-size:19px;line-height:1}.howto-phases p{margin:0;line-height:1.25;font-size:14.5px}.howto-phases .out{color:var(--red)}.howto-phases .nowrap{white-space:nowrap}.howto h2 small{display:block;margin-top:2px;font:600 15px/1.2 var(--body);color:var(--text)}.howto-phases .gold{color:var(--gold)}.howto-flip{gap:3px}.howto-flip>span{width:28px;height:40px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--role) 30%,var(--ink));border:1px solid var(--role)}.howto-flip>span.legend{border-color:var(--gold);box-shadow:0 0 8px var(--gold)}.howto-flip>b{color:var(--gold)}.howto-row{display:flex;gap:4px;align-items:center}.howto-fan{display:flex}.howto-fan>span{width:26px;height:40px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--role) 30%,var(--ink));border:1px solid var(--role);margin-left:-10px;box-shadow:-2px 0 4px #0008}.howto-fan>span:first-child{margin-left:0}.howto-pick{align-items:flex-end}.howto-bars{display:flex;gap:5px;align-items:flex-end;height:36px}.howto-bars i{width:12px;background:var(--cyan)}.howto-bars i:nth-child(2){background:var(--gold)}.mini{--c: var(--cyan);position:relative;display:grid;place-items:center;width:26px;height:36px;border:2px solid var(--c);color:var(--c);background:var(--ink)}.mini b{font:400 20px/1 var(--deco)}.mini i{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font:700 9px/1 var(--display);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--c);padding:1px 3px;white-space:nowrap}.mini-bowl{background:color-mix(in srgb,var(--c) 20%,var(--ink))}.teach{padding-left:22px;display:grid;gap:6px}.teach li,.order li,.tips li{line-height:1.4}.howto-cards{display:flex;gap:8px;justify-content:center;align-items:flex-end}.gloss dt{font-family:var(--display);color:var(--cyan);font-size:17px}.gloss dd{margin:0 0 6px}@media(min-width:700px){.match{max-width:720px;padding:0 16px 24px}.match .scene{max-height:40vh}.tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hand{max-width:480px}.scene{max-height:52vh}}@media(min-width:1100px){.match{max-width:1160px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:repeat(5,auto) 1fr;column-gap:20px;align-items:start}.match>*:not(.rail){grid-column:1}.rail{grid-column:2;grid-row:1 / span 6;position:sticky;top:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 24px)}.side{display:block;flex:0 1 auto;min-height:0;max-height:46vh;overflow:auto;background:var(--panel);padding:12px;clip-path:var(--cut)}.side h3{color:var(--cyan)}.rail .log{flex:0 1 auto;min-height:0;overflow:auto}.scene{max-height:56vh}.home,.lobby,.phase{max-width:900px}.draft-grid,.hand-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:380px){.hand{gap:5px}.shot-name{font-size:12px}.tile-score{font-size:28px}.ccard{--w: 140px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html.rm *,html.rm *:before,html.rm *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.inspect-actions{position:sticky;bottom:0;padding:10px 0 calc(6px + env(safe-area-inset-bottom,0));background:linear-gradient(transparent,var(--ink) 30%);width:100%}@media(max-width:700px){.inspect-cards{flex-direction:column;align-items:center;flex-wrap:nowrap;width:100%;gap:12px}.inspect-cards>*{flex:none}.ccard-lg{--w: min(290px, 78vw)}}.match{min-height:calc(100dvh - 52px)}.dock{position:static;z-index:10;background:linear-gradient(transparent,var(--ink) 14px);padding:10px 0 calc(6px + env(safe-area-inset-bottom,0));margin-top:auto}@media(max-width:699px){.scene{max-height:33vh}.tile{padding:5px 6px 4px}.tile-score{font-size:28px}.tile-top{font-size:13px}.tile-char{font-size:12px}.log{min-height:48px;max-height:76px;overflow:hidden}.ll{font-size:14px}.shot{min-height:0;padding:6px 2px 4px}.act{gap:6px}}@media(max-width:699px){.mhead{gap:4px;font-size:15px}.mhead .chip{min-height:30px;padding:3px 8px;font-size:14px}}.gallery{max-width:1100px;margin:0 auto;padding:0 16px 48px}.gal-head{display:flex;align-items:center;gap:12px;padding:14px 0 8px;flex-wrap:wrap}.gal-head h2{margin:0;font-family:var(--deco);font-weight:400;color:var(--yellow);text-shadow:2px 2px 0 var(--pink);font-size:clamp(28px,7vw,40px)}.gal-tabs{margin:4px 0 12px;position:sticky;top:0;z-index:5;background:var(--ink);padding:6px 0}.gal-tabs button.on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.gal-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.gal-roles{justify-content:flex-start;gap:6px}.gal-roles .chip small{opacity:.7;font-size:13px}.gal-side{flex:0 1 300px}.gal-side button.on.gold{background:var(--gold);border-color:var(--gold)}.gal-blurb{margin:10px 0 4px}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px;justify-items:center;margin:12px 0}.gal-shots{display:grid;gap:10px}.gal-shot{display:flex;gap:10px;align-items:center;padding:10px;background:var(--panel);clip-path:var(--cut)}.gal-shot h3{margin:0 0 2px;color:var(--yellow)}.gal-shot p{margin:0;color:var(--muted)}.gal-list .pitchcard,.gal-list .eventcard{max-width:none;margin:0 0 10px}.gal-list{display:grid;gap:2px}@media(min-width:760px){.gal-list{grid-template-columns:1fr 1fr;column-gap:12px}.gal-list>.hint,.gal-list>.gal-sub{grid-column:1 / -1}}.gal-sub{margin:10px 0 6px;font-family:var(--deco);font-weight:400}.gal-sub.pink{color:var(--pink)}.gal-sub.cyan{color:var(--cyan)}.gal-nav{display:inline-flex;gap:8px}@media(max-width:420px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}.gal-grid .ccard{--w: min(150px, 44vw)}}.gal-tabs{flex-wrap:nowrap}.gal-tabs button{flex:1 1 0;min-width:0;padding:6px 4px;font-size:16px;white-space:nowrap}@media(max-width:420px){.gal-tabs button{font-size:14px}}.overstrip{display:flex;align-items:center;gap:8px;padding:4px 6px;background:var(--panel);clip-path:var(--cut);font-family:var(--display);min-width:0}.os-label{font-size:11px;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.overstrip ol{display:flex;flex-wrap:wrap;align-items:center;gap:3px;list-style:none;margin:0;padding:0;min-width:0}.overstrip li{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border:1px solid var(--line);font-size:14px;line-height:1}.overstrip li.done{opacity:.35}.overstrip li.now{background:var(--yellow);color:var(--ink);border-color:var(--yellow);padding:3px 7px}.overstrip li.os-rev{border:0;color:var(--cyan);font-size:15px;padding:0 2px}.os-pips{display:inline-flex;gap:2px;margin-left:2px}.os-pips i{width:7px;height:7px;background:#0b061033;border:1.5px solid var(--ink);transform:rotate(45deg)}.os-pips i.gone{background:var(--ink)}.os-pips i.cur{background:var(--pink)}.log{max-height:none!important}.ballcard{display:flex;flex-direction:column;gap:4px}.bc-head{font-family:var(--display);font-size:13px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.bc-rows{margin:0;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.bc-rows td{padding:3px 4px;border-bottom:1px solid #ffffff10;font-size:14px;vertical-align:middle}.bc-rows tr.me td{background:#ffe6001a}.bc-who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw;font-family:var(--display);font-size:15px!important}.bc-who small{color:var(--red);margin-left:4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.bc-card{white-space:nowrap}.mini-card{display:inline-grid;place-items:center;width:18px;height:24px;margin-right:2px;background:#fff;color:var(--ink);font:700 16px/1 var(--display);clip-path:polygon(0 10%,14% 0,100% 0,100% 90%,86% 100%,0 100%)}.mini-card.bowl{background:var(--red);color:#fff}.bc-res{font-family:var(--display);font-size:15px!important;letter-spacing:.03em}.bc-res small{display:block;font-family:var(--body);font-size:11.5px;color:var(--muted);letter-spacing:0}tr.out .bc-res{color:#ff8095}tr.big .bc-res{color:var(--yellow)}tr.good .bc-res{color:var(--green)}.bc-score{text-align:right;white-space:nowrap;color:var(--muted)}.bc-score b{color:var(--text);font-size:16px;margin-left:2px}.bc-score em{font-style:normal;font-size:12px;margin-left:4px;font-family:var(--display)}.bc-score em.up{color:var(--green)}.bc-score em.down{color:var(--red)}.ballline{display:none;position:relative;font-variant-numeric:tabular-nums}.ballline p{margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:64px}.bl-me{font-family:var(--display);font-size:15px;letter-spacing:.02em}.bl-me.out{color:#ff8095}.bl-me.big{color:var(--yellow)}.bl-me.good{color:var(--green)}.bl-me b{color:var(--text)}.bl-me .mini-card{margin:0 2px}.bl-score{margin-left:6px;color:var(--muted)}.ballline em{font-style:normal;font-family:var(--display);margin-left:3px}.ballline em.up{color:var(--green)}.ballline em.down{color:var(--red)}.bl-rest{color:var(--muted);font-size:13px}.bl-rest .t-out{color:#ff8095}.bl-rest .t-big{color:var(--yellow)}.bl-rest .t-good{color:var(--green)}.bl-more{position:absolute;right:0;top:0;font:600 13px/1.35 var(--display);color:var(--cyan);letter-spacing:.04em}.bc-powers{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.bc-powers .callout{animation:none;position:static}.callouts{position:absolute;left:8px;right:8px;top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none;z-index:3}.callout{--c: var(--cyan);display:flex;flex-direction:column;gap:1px;max-width:min(100%,420px);padding:5px 10px 5px 9px;background:#0b0610ee;border-left:4px solid var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);animation:callin .35s cubic-bezier(.3,1.5,.5,1) backwards}.callout b{font:700 13px/1.1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--c)}.callout span{font-size:13.5px;line-height:1.25;color:var(--text)}@keyframes callin{0%{opacity:0;transform:translate(-16px)}}.mypower{--role: var(--cyan);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:6px 10px;background:var(--panel);border-left:4px solid var(--role);text-align:left;font-size:14px;line-height:1.3}.mypower.off{opacity:.6}.mp-name{font-family:var(--display);font-weight:700;color:var(--role);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;display:inline-flex;gap:4px;align-items:center}.mp-name .role-icon path{stroke:currentColor}.mp-text{flex:1 1 200px;min-width:0}.mp-when{font-family:var(--display);font-size:12px;color:var(--yellow);letter-spacing:.04em}@media(max-width:699px){.overstrip{gap:6px}.os-label{display:none}.callout span{font-size:12.5px}.callouts{gap:4px}}.bl-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.bl-d{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.bl-shots{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:13px;color:var(--muted)}.bl-shots .mini-card{width:15px;height:20px;font-size:13px}.balllog .mini-card{vertical-align:middle}.howto-nav{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:-16px;background:var(--panel);padding:6px 0;z-index:2}.howto section{scroll-margin-top:50px;display:flex;flex-direction:column;gap:6px}.howto-table{margin:4px 0}.howto-table th,.howto-table td{text-align:center}.howto-table td:first-child,.howto-table th:first-child{text-align:left}.example{display:block;color:var(--cyan);font-size:14.5px;margin-top:3px}p.example{border-left:3px solid var(--cyan);padding-left:8px}.golden{padding-left:22px;display:grid;gap:10px}.golden li{line-height:1.4}.callouts{top:auto;bottom:8px}.bc-x{color:var(--cyan)!important}.bc-rows td{padding:2px 4px}.mhead .chip{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.dock.busy{min-height:0;padding:0}.mhead{flex-wrap:nowrap}.mhead>*{flex:0 1 auto;min-width:0}.mh-match,.mh-over{white-space:nowrap;flex-shrink:0}.mhead .chip{max-width:none}@media(max-width:420px){.mhead{gap:3px;font-size:14px}.mhead .chip{padding:3px 6px;font-size:13px}}@media(max-width:699px){.callouts .callout:nth-child(n+3){display:none}}@media(max-width:699px){.tiles{gap:4px}.tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top score" "char score";align-items:center;column-gap:4px;padding:4px 6px}.tile-top{grid-area:top;font-size:12.5px}.tile-score{grid-area:score;font-size:24px!important;line-height:1;text-align:right}.tile-score em{display:block;font-size:11px;margin:0;vertical-align:0}.tile-char{grid-area:char;font-size:11px!important}.tile-meta{display:none}.tile-off{bottom:auto;top:3px;right:30px;font-size:9px}}.ap-pill{position:fixed;left:50%;transform:translate(-50%);top:calc(56px + env(safe-area-inset-top,0px));z-index:45;border:0;padding:6px 14px;background:var(--yellow);color:var(--ink);font:700 15px var(--display);letter-spacing:.04em;clip-path:var(--cut)}@media(max-width:699px){.topbar{padding:3px 10px;border-bottom-width:1.5px}.brand{font-size:17px;padding:2px 0;text-shadow:1.5px 1.5px 0 var(--pink)}.roomtag{font-size:13px}.game.in-match{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.game.in-match>.topbar{flex:none}.game.in-match>.match{flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:0 6px;overflow-y:auto;overflow-x:hidden}.game.in-match .mhead,.game.in-match .tiles,.game.in-match .overstrip{flex:none}.game.in-match .mhead{padding-top:3px}.game.in-match .overstrip{padding:2px 6px;max-width:100%;overflow:hidden}.game.in-match .overstrip ol{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.game.in-match .overstrip li{white-space:nowrap;flex:none}.game.in-match>.match>*{max-width:100%;min-width:0}.game.in-match .overstrip ol::-webkit-scrollbar{display:none}.game.in-match .stage{flex:none;height:clamp(130px,31vh,330px);height:clamp(130px,31dvh,330px)}.game.in-match .scene{width:100%;height:100%;max-height:none}.game.in-match .log{flex:none;height:calc(2.7em + 10px);min-height:0;max-height:none;overflow:hidden;padding:4px 8px;font-size:14px}.game.in-match .log .ballcard,.game.in-match .log .ll.flavour{display:none}.game.in-match .ballline{display:block}.game.in-match .dock{flex:none;position:static;min-height:0;margin:auto 0 0;padding:2px 0 calc(4px + env(safe-area-inset-bottom,0px));background:none}.game.in-match .act{gap:4px;padding:0 2px}.game.in-match .act-head{font-size:14px}.game.in-match .mypower{display:flex;font-size:13px}.game.in-match .toggle{font-size:13px}.game.in-match .hand{margin:4px auto 2px;gap:6px;width:100%;max-width:min(420px,calc(5 * min(14vh,112px) * 5 / 7 + 24px));max-width:min(420px,calc(5 * min(14dvh,112px) * 5 / 7 + 24px))}.game.in-match .shot-up{transform:translateY(-8px)!important}.game.in-match .dock .btn{min-height:40px;padding:6px 16px;font-size:17px}.game.in-match .fuse{height:16px;margin-top:2px}.game.in-match .fuse-n{font-size:13px;line-height:16px}}@media(max-width:699px)and (max-height:700px){.game.in-match .stage{height:clamp(96px,22vh,260px);height:clamp(96px,22dvh,260px)}.game.in-match .hand{max-width:min(420px,calc(5 * min(12vh,112px) * 5 / 7 + 24px));max-width:min(420px,calc(5 * min(12dvh,112px) * 5 / 7 + 24px))}.game.in-match .log{min-height:24px}.game.in-match .act-head{font-size:13px}.game.in-match .act-head h3{font-size:16px}.game.in-match .risk-chip{font-size:12.5px}.game.in-match .dock .btn{min-height:34px;padding:4px 14px;font-size:16px}.game.in-match .callouts .callout:nth-child(n+2){display:none}.game.in-match .mypower{max-height:none}.game.in-match .shot-name{display:none}.game.in-match .tile{padding:2px 6px}.game.in-match .tile-score{font-size:21px!important}}@media(max-width:699px)and (max-height:560px){.game.in-match .mypower{display:flex}.game.in-match .stage{height:clamp(88px,21vh,200px);height:clamp(88px,21dvh,200px)}}.gameplay-info{flex:none;min-width:0;border-left:3px solid var(--cyan);padding:6px 9px;background:var(--panel);font-size:14px;line-height:1.35;overflow-wrap:anywhere}.gameplay-info summary{cursor:pointer;min-height:28px}.gameplay-info summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.gameplay-info p{margin:4px 0 0}.active-event{color:var(--text)}.trial-note{color:var(--yellow)}.pick-candidate{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.candidate-status{display:block;max-width:190px;text-align:center;font-size:13px;line-height:1.3;color:var(--cyan)}.power-side{display:flex;flex-direction:column;align-items:center;gap:6px}.power-side.active{outline:2px solid var(--cyan);outline-offset:4px}.active-side-label{color:var(--cyan);font-size:14px}.shot-why{color:var(--yellow)}.act-head{flex-wrap:wrap;gap:4px 12px}@media(max-width:699px){.game.in-match .gameplay-info{font-size:13px}.game.in-match .gameplay-info summary{min-height:36px}.game.in-match .stage{height:clamp(100px,24vh,260px);height:clamp(100px,24dvh,260px)}.game.in-match .shot-why{font-size:10px}}