@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-display:block}:root{--ink:#ffe94a;--home:#6dff6d;--away:#ff6a6a;--edge:#29d3f0;--panel:#061234e0;--px:"Press Start 2P", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:#0d0b14;height:100%;margin:0;overflow:hidden}canvas{width:100vw;height:100vh;display:block}canvas.pixel{image-rendering:pixelated}#hud{pointer-events:none;font:10px/1.4 var(--px);color:var(--ink);text-shadow:2px 2px #000;position:fixed;inset:0}#topbar{grid-template-columns:1fr 1fr 1.4fr 1fr 1fr;width:min(1100px,96vw);display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}#topbar .pl:nth-child(3){grid-column:4}.pl{justify-items:start;gap:3px;min-width:0;display:grid}.pl .nm{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--ink);overflow:hidden}.pl .tb{color:#fff;font-size:7px}.pl .tag{display:none}.pl.you .tag{color:#fff;text-shadow:none;background:#e8202a;padding:2px 4px;display:inline-block;box-shadow:2px 2px #000}.pl.you{grid-template-columns:auto 1fr;column-gap:6px}.pl.you .tag{grid-row:1/4;align-self:start}.pl i{background:#400;border:1px solid #000;width:100%;max-width:120px;height:5px;display:block}.pl em{background:#e8202a;width:100%;height:100%;transition:width .1s linear;display:block}.pl.fire .nm{color:#ff7a1a;animation:.25s steps(2,end) infinite flicker}@keyframes flicker{50%{color:#ffe94a}}.pl.hot .nm:after{content:" HOT";color:#ffb21f}.pl.fire .nm:after{content:" ON FIRE";color:#ff4a12}#flash{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}#flash.go{animation:.35s ease-out flash}@keyframes flash{0%{opacity:var(--flash,.6)}to{opacity:0}}#bug{opacity:0;background:linear-gradient(#3b4fd8,#1a2896);border:3px solid #cfd8ff;width:min(520px,70vw);padding:8px 12px 6px;transition:transform .25s steps(5,end),opacity .25s steps(5,end);position:absolute;bottom:34px;left:max(2vw,12px);transform:translateY(140%);box-shadow:4px 4px #000}#bug.up{opacity:1;transform:none}#bug .row{color:var(--ink);justify-content:space-between;font-size:13px;line-height:1.6;display:flex}#bug .row b{color:#fff;font-weight:400}#bug .row b.bump{animation:.45s ease-out bump;display:inline-block}@keyframes bump{0%{transform:scale(1.8)}to{transform:scale(1)}}#bug .foot{color:#fff;border-top:2px solid #8fa0ff;justify-content:space-between;margin-top:4px;padding-top:4px;font-size:9px;display:flex}#hint{text-align:center;color:#cfd8ff;opacity:.75;white-space:nowrap;font-size:clamp(7px,.7vw,9px);position:absolute;bottom:12px;left:0;right:0}body.seen-hint #hint{display:none}.meter{background:#1a1a22;border:2px solid #000;width:120px;height:14px;display:none;position:absolute;transform:translate(-50%,-100%);box-shadow:0 0 0 1px #fff,2px 3px 0 1px #000}.meter.on{display:block}.meter .sweet{z-index:1;background:#2fae3a73;border-left:2px solid #7dff7a;border-right:2px solid #7dff7a;position:absolute;top:0;bottom:0}.meter em{background:#ffe94a;width:0;position:absolute;top:0;bottom:0;left:0}.meter.sweet-now em{background:#fff}.meter.over em{background:#f04030}.meter b{white-space:nowrap;color:#fff;font-size:11px;font-weight:400;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.meter[data-q=perfect] b{color:#7dff7a;font-size:14px;animation:.4s ease-out bump}.meter[data-q=wild] b,.meter[data-q=strong] b{color:#ff6a50}.meter[data-q=weak] b{color:#b8b8c8}#debug{text-align:center;color:#fff;font-size:8px;position:absolute;bottom:30px;left:0;right:0}#battle{color:#303030;text-shadow:2px 2px #d8d8d0;opacity:0;background:#f8f8f8;border:4px solid #383848;border-radius:10px;width:min(470px,44vw);min-height:74px;padding:14px 18px;font-size:11px;line-height:2;transition:transform .2s steps(4,end),opacity .2s steps(4,end);position:absolute;bottom:34px;right:max(2vw,12px);transform:translateY(140%);box-shadow:inset 0 0 0 3px #f8f8f8,inset 0 0 0 6px #5878a8,4px 4px #000}#battle.up{opacity:1;transform:none}#battle p{white-space:pre-line;margin:0}#battle .more{color:#e8202a;text-shadow:none;visibility:hidden;font-size:9px;position:absolute;bottom:8px;right:14px}#battle.done .more{visibility:visible;animation:.5s steps(2,end) infinite more}@keyframes more{50%{transform:translateY(3px)}}@media (width<=1000px){#bug{width:48vw}#bug .row{font-size:10px}}#callout{opacity:0;--size:clamp(20px, 4.4vw, 46px);--fill:linear-gradient(#fff 0 34%, #ffe94a 34% 64%, #ff9a1a 64%);--edge:#10081c;--deep:#7a1030;--enter:ch-slam;place-items:center;display:grid;position:absolute;top:20%;left:0;right:0}#callout>*{grid-area:1/1}#callout .line{text-align:center;max-width:94vw;font-size:var(--size);letter-spacing:.04em;transform:rotate(var(--tilt,0deg)) skewX(-7deg);padding:0 .3em;line-height:1.3;position:relative}#callout .word{white-space:nowrap;display:inline-block}#callout .ch{z-index:0;display:inline-block;position:relative}#callout .ch:before{content:attr(data-c);z-index:-1;color:var(--edge);text-shadow:.07em 0 var(--edge), -.07em 0 var(--edge), 0 .07em var(--edge), 0 -.07em var(--edge), .07em .07em var(--edge), -.07em -.07em var(--edge), .07em -.07em var(--edge), -.07em .07em var(--edge), .1em .1em var(--deep), .13em .13em var(--deep), .16em .16em var(--deep), .19em .19em var(--deep), .22em .22em #000;position:absolute;inset:0}#callout .ch>span{text-shadow:none;background-image:var(--fill);color:#0000;-webkit-background-clip:text;background-clip:text}#callout .burst{aspect-ratio:2.4;opacity:0;background:repeating-conic-gradient(from 0deg, var(--ray) 0 7deg, transparent 7deg 18deg);width:min(64vw,620px);display:none;-webkit-mask:radial-gradient(closest-side,#000 25%,#0000 100%);mask:radial-gradient(closest-side,#000 25%,#0000 100%)}#callout.dunk .burst,#callout.fire .burst,#callout.super .burst{display:block}#callout.show{animation:1.9s linear forwards callout-life}#callout.show .ch{animation:var(--enter) .34s cubic-bezier(.2, 1.5, .4, 1) calc(var(--i) * 32ms) both}#callout.show .burst{animation:1.9s ease-out forwards burst}#callout.hold{animation:.3s ease-out forwards callout-in}#callout.hold .ch{animation:var(--enter) .34s cubic-bezier(.2, 1.5, .4, 1) calc(var(--i) * 32ms) both}#callout.dunk{--ray:#ffe94a8c}#callout.dunk.show .line{animation:shake .32s steps(4) calc(var(--n) * 32ms + .2s)}#callout.fire{--fill:linear-gradient(#fff6a0, #ffd21f 30%, #ff7a1a 55%, #e8202a 80%, #ffd21f);--deep:#5a0a00;--enter:ch-rise;--ray:#ff5a1480}#callout.fire .ch>span{background-size:100% 260%;animation:.5s steps(3,end) infinite flicker-fill}#callout.fire.show .ch{animation:ch-rise .36s cubic-bezier(.2, 1.5, .4, 1) calc(var(--i) * 32ms) both, ch-wave .6s ease-in-out calc(var(--i) * 50ms + .4s) infinite alternate}#callout.warm{--fill:linear-gradient(#fff 0 30%, #ffd21f 30% 62%, #ff7a1a 62%);--deep:#6a2a00;--enter:ch-drop}#callout.cool{--fill:linear-gradient(#fff 0 36%, #9ff0ff 36% 66%, #29a8f0 66%);--deep:#0a2a6a;--enter:ch-slide;--size:clamp(16px, 3vw, 30px)}#callout.super{--deep:#2a0a4a;--ray:#ffffff73;--enter:ch-pop}#callout.super .ch>span{background-image:linear-gradient(#fff 0 30%, hsl(calc(var(--i) * 37deg) 95% 62%) 30% 66%, hsl(calc(var(--i) * 37deg + 20deg) 90% 45%) 66%)}@keyframes callout-life{0%{opacity:1;transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:scale(1.25)}}@keyframes callout-in{0%{opacity:0}to{opacity:1}}@keyframes ch-slam{0%{opacity:0;transform:scale(3)translateY(-.4em)}60%{opacity:1;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes ch-drop{0%{opacity:0;transform:translateY(-1.4em)}60%{opacity:1;transform:translateY(.12em)}to{opacity:1;transform:none}}@keyframes ch-slide{0%{opacity:0;transform:translate(2.5em)skew(-25deg)}to{opacity:1;transform:none}}@keyframes ch-rise{0%{opacity:0;transform:translateY(.9em)scale(.5)}to{opacity:1;transform:none}}@keyframes ch-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}70%{opacity:1;transform:scale(1.3)rotate(6deg)}to{opacity:1;transform:none}}@keyframes ch-wave{0%{transform:translateY(.06em)}to{transform:translateY(-.14em)}}@keyframes flicker-fill{0%{background-position:0 0}to{background-position:0 100%}}@keyframes shake{0%,to{transform:rotate(var(--tilt,0deg)) skewX(-7deg)}25%{transform:translate(-.12em, .06em) rotate(var(--tilt,0deg)) skewX(-7deg)}50%{transform:translate(.1em, -.08em) rotate(var(--tilt,0deg)) skewX(-7deg)}75%{transform:translate(-.06em, .1em) rotate(var(--tilt,0deg)) skewX(-7deg)}}@keyframes burst{0%{opacity:0;transform:scale(.2)rotate(0)}15%{opacity:1;transform:scale(1.05)rotate(8deg)}80%{opacity:.8;transform:scale(1)rotate(30deg)}to{opacity:0;transform:scale(1.2)rotate(36deg)}}@media (prefers-reduced-motion:reduce){#callout.show .ch,#callout.hold .ch,#callout .burst,#callout .line{animation:none!important}}#screens{font:10px/1.5 var(--px);color:var(--ink);text-shadow:2px 2px #000;background:#0408188c;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}#screens[hidden]{display:none}#screens.scr-mode,#screens.scr-options,#screens.scr-ask,#screens.scr-initials,#screens.scr-select,#screens.scr-matchup,#screens.scr-quarter,#screens.scr-final,#screens.scr-controls,#screens.scr-ladder,#screens.scr-party,#screens.scr-catch,#screens.scr-pokedex,#screens.scr-daily{background:repeating-linear-gradient(135deg,#1a2a7a 0 18px,#16246a 18px 36px)}#screens.scr-title{background:radial-gradient(#04081859,#040818d9)}#screens.scr-initials,#screens.scr-select{background:#120806}body.menu-open #hud{display:none}.blink{animation:.9s steps(2,end) infinite pulse-text}@keyframes pulse-text{50%{opacity:.25}}.fine{color:#cfd8ff;text-align:center;font-size:9px}.big{font-size:clamp(16px,2.6vw,26px)}.logo,.banner,.vs-mark,.yesno,.question,.slot .num{background:linear-gradient(#fff6b0 0%,#ffd23a 40%,#f08a12 62%,#ffcf3a 100%);color:#0000;filter:drop-shadow(3px 0 #000)drop-shadow(-3px 0 #000)drop-shadow(0 3px #000)drop-shadow(0 -3px #000)drop-shadow(4px 4px #300);text-shadow:none;-webkit-background-clip:text;background-clip:text}.logo{letter-spacing:6px;gap:.3em;font-size:clamp(42px,9vw,104px);display:flex;transform:rotate(-4deg)skew(-6deg)}.logo .l2{background:linear-gradient(#ffb0b0,#ff3a3a 45%,#a80c12 70%,#ff5a4a);-webkit-background-clip:text;background-clip:text}.logo.small{font-size:clamp(26px,5vw,54px)}.logo.dodge{flex-direction:column;align-items:center;gap:.05em}.logo.dodge .l1{letter-spacing:4px;white-space:nowrap;font-size:.42em}.banner{letter-spacing:2px;font-size:clamp(18px,3.4vw,36px)}.banner.small{font-size:clamp(14px,2.4vw,24px)}.frame{background:linear-gradient(#0c1c4a,#06102e);border:4px solid #29d3f0;box-shadow:inset 0 0 0 2px #0b6f86,inset 0 0 0 4px #9ff3ff33,4px 4px #000}.wood{background:repeating-linear-gradient(90deg,#0000002e 0 2px,#0000 2px 23px),repeating-linear-gradient(90deg,#ffd29614 0 1px,#0000 1px 7px),linear-gradient(90deg,#6b3a17,#8a4e22 30%,#5e3112 55%,#8f5526 80%,#6b3a17)}.menu{flex-direction:column;align-items:stretch;gap:10px;min-width:300px;padding:20px 34px;display:flex}.menu h2{text-align:center;color:#29d3f0;margin:0 0 6px;font-size:12px}.item{color:#fff;border:3px solid #0000;padding:8px 12px;font-size:13px}.item small{color:#9aa6d8;margin-top:4px;font-size:9px;display:block}.item b{color:var(--ink);float:right;margin-left:24px;font-weight:400}.item.on{color:var(--ink);background:#ff2fd833;border-color:#ff2fd8}.item.off{color:#59618a}.question{text-align:center;font-size:clamp(14px,2.2vw,22px);line-height:1.6}.yesno{border:6px solid #0000;padding:6px 26px;font-size:clamp(44px,8vw,84px)}.yesno.on{background-color:#ff2fd8;border-color:#ff2fd8}.scr-ask .yesno.on{background:linear-gradient(#fff6b0,#ffd23a 40%,#f08a12 62%,#ffcf3a) padding-box padding-box,#ff2fd8;-webkit-background-clip:text;background-clip:text;box-shadow:0 0 0 6px #ff2fd8}#screens.scr-initials{grid-template-rows:1fr auto;grid-template-columns:minmax(200px,.9fr) 3fr;place-items:stretch stretch;gap:10px;display:grid}.scr-initials .left{display:flex}.letters{flex-direction:column;flex:1;padding:14px 16px;display:flex;position:relative}.letters .tab{color:#29d3f0;margin-bottom:10px;font-size:11px}.cells{flex:1;grid-template-columns:repeat(4,1fr);align-content:space-evenly;gap:6px;font-size:clamp(16px,2.4vw,26px);display:grid}.cells span{text-align:center;color:var(--ink);border:3px solid #0000;padding:4px 0}.cells span.on{background:#29d3f033;border-color:#29d3f0}.slots{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.slot{border:4px solid #3a1e08;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #000}.slot .num{opacity:.55;filter:drop-shadow(4px 4px #2a1404);background:linear-gradient(#4a2810,#2a1404);-webkit-background-clip:text;background-clip:text;font-size:clamp(120px,22vw,260px);position:absolute}.slot .msg{text-align:center;color:var(--ink);font-size:clamp(10px,1.4vw,14px);line-height:1.8;position:relative}.slot.record{flex-direction:column;gap:14px}.slot .rec{color:#fff;font-size:16px}.boxes{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.box{text-align:center;color:var(--ink);min-height:64px;padding:14px;font-size:clamp(16px,2.4vw,26px)}.box.you{color:#fff}#screens.scr-select{justify-content:flex-start;gap:10px}.conf{border:4px solid #3a1e08;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;width:min(1120px,100%);padding:10px 6px;display:grid;box-shadow:inset 0 0 0 3px #29d3f0,4px 4px #000}.side-label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-2px;color:#ffd23a;text-align:center;align-self:center;font-size:20px}.teamgrid{background:#1d0a0acc;border:3px solid #29d3f0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 10px;padding:8px;display:grid}.teamgrid ul{margin:0;padding:0;list-style:none}.teamgrid ul.east-start{border-left:3px solid #29d3f0;padding-left:10px}.teamgrid li{color:#e9d8ff;cursor:pointer;align-items:center;gap:6px;padding:3px 6px;font-size:clamp(9px,.85vw,10px);display:flex}.teamgrid li span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.teamgrid li i{text-shadow:1px 1px #000;font-size:9px;font-style:normal}.teamgrid li i.up{color:#7dff7a}.teamgrid li i.down{color:#ff6a6a}.teamgrid li i.vs{color:#ffd23a}.teamgrid li.cpu{color:#8a7a9a;cursor:default}.teamgrid li.on{color:#2a0b3a;text-shadow:none;background:#ffd23a}.teamgrid li.locked{background:#22d12b}.panels{flex:1;grid-template-columns:1fr 1fr;gap:14px;width:min(1120px,100%);min-height:0;display:grid}.panel{flex-direction:column;gap:6px;min-height:0;padding:10px 14px;display:flex}.panel .teamname{text-align:center;color:#fff;font-size:11px}.panel .teamname small{color:#29d3f0;margin-bottom:3px;font-size:9px;display:block}.panel.waiting{justify-content:center;align-items:center}.panel .cpu{color:#22d12b;font-size:34px}.faces{flex:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px;min-height:0;display:grid}.fc{flex-direction:column;gap:4px;min-width:0;min-height:0;display:flex}.fc .face{flex:1;height:auto}.cap{color:var(--ink);flex-wrap:wrap;align-items:center;gap:3px 5px;font-size:9px;display:flex}.fc:last-child .cap{justify-content:flex-end}.face{background:linear-gradient(#5b2a8a,#2c0f4c);border:3px solid #9b6be0;justify-content:center;align-items:flex-end;height:100%;min-height:90px;display:flex;position:relative;overflow:hidden}.p2 .face{background:linear-gradient(#4a4f5a,#22252c);border-color:#9aa3b5}.face .art{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.face canvas{image-rendering:pixelated;object-fit:contain;max-width:100%;height:100%;max-height:100%}.face .jersey{color:#fff;padding-bottom:10px;font-size:34px}.face .tag{color:#fff;text-shadow:none;z-index:1;background:#e8202a;padding:2px 5px;position:absolute;top:4px;left:4px}.face.you{border-color:#22d12b}.ratings{grid-template-columns:1fr auto 1fr;align-items:center;gap:3px 10px;font-size:9px;display:grid}.ratings .nm{color:var(--ink);font-size:9px}.ratings .nm.r{text-align:right}.ratings .lbl{text-align:center;color:#fff}.bar{background:#c0141c;border:2px solid #111;height:7px;display:block}.bar em{background:#22d12b;height:100%;display:block}.bar.r{transform:scaleX(-1)}.badge{background:linear-gradient(135deg, var(--c1) 0 50%, var(--c2) 50% 100%);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);filter:drop-shadow(3px 3px #000);justify-content:center;align-self:center;align-items:center;width:64px;height:72px;display:flex}.badge span{color:#fff;text-shadow:2px 2px #000,-1px -1px #000;margin-top:-10px;font-size:14px}.badge.big{width:110px;height:124px}.badge.big span{font-size:24px}#screens.scr-matchup{gap:14px}#screens.scr-matchup .badge.big{width:84px;height:95px}#screens.scr-matchup .badge.big span{font-size:19px}#screens.scr-matchup .vs-mark{font-size:clamp(40px,6vw,72px)}.versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;width:min(1000px,100%);display:grid}.vs-team{flex-direction:column;align-items:center;gap:12px;display:flex}.vs-team .teamname{color:#fff;text-align:center;font-size:clamp(10px,1.4vw,15px)}.vs-mark{flex-direction:column;font-size:clamp(54px,9vw,110px);line-height:1;display:flex}.faces-row .spacer{width:clamp(54px,9vw,110px)}.pair{grid-template-columns:1fr 1fr;gap:8px;height:clamp(120px,22vh,220px);padding:10px;display:grid}.pair .face{min-height:0}.scoreline{min-width:min(520px,90vw);padding:10px 22px}.scoreline .row{color:#fff;justify-content:space-between;font-size:14px;line-height:1.9;display:flex}.scoreline .row b{color:var(--ink);font-weight:400}.tips{text-align:center;max-width:640px;padding:16px 24px}.tips h2{color:#29d3f0;margin:0 0 10px;font-size:16px}.tips h3{color:var(--ink);margin:0 0 12px;font-size:11px}.tips p{color:#fff;margin:0;line-height:2}.boxscore{border-collapse:collapse;color:#fff;font-size:clamp(8px,1vw,11px)}.boxscore th{color:#29d3f0;padding:8px 12px;font-weight:400}.boxscore td{text-align:center;padding:6px 12px}.boxscore td:first-child{text-align:left;color:var(--ink)}.boxscore tr.t1 td:first-child{color:#ff9a9a}.boxscore small{color:#9aa6d8;font-size:9px}.record{color:#fff;font-size:12px}.heal{color:#fff;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;font-size:10px;display:flex}.heal i{background:linear-gradient(#e3262e 0 45%,#000 45% 55%,#f4f4f4 55%);border:2px solid #000;border-radius:50%;width:14px;height:14px;animation:.6s steps(2,end) infinite heal}.heal small{color:#ff9ad0;font-size:9px}@keyframes heal{50%{filter:brightness(1.6)}}.levels{color:#fff;padding:10px 18px;font-size:10px;line-height:2}.levels b{color:var(--ink);font-weight:400}.levels small{color:#6dff6d;font-size:9px}.levels .rec{color:#9ad8ff}.touch-only,body.touch .kb-only{display:none}body.touch .touch-only{display:inline}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#screens .item,#screens .cells span,#screens .teamgrid li,#screens .panel.p1 .face{cursor:pointer}#touchpad{display:none}body.dodge.touch #touchpad{display:block}body.dodge.touch #hint{display:none}#stick{background:#0a0e2859;border:3px solid #ffffff8c;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;display:none;position:absolute}#stick.on{display:block}#stick i{background:radial-gradient(circle at 35% 35%,#fff 0 18%,#f04a4a 19% 48%,#151515 49% 56%,#f2f2ee 57%);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #000}#touchpad button{pointer-events:auto;touch-action:none;font:9px var(--px);color:#fff;text-shadow:1px 1px #000;border:3px solid #000;border-radius:50%;position:absolute;box-shadow:inset 0 -4px #00000059,2px 3px #000}#touchpad button.down{transform:translateY(2px);box-shadow:inset 0 -1px #00000059,1px 1px #000}#tb-turbo{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));background:#e8202a;width:68px;height:68px}#tb-pass{right:calc(max(12px, env(safe-area-inset-right)) + 76px);bottom:max(12px, env(safe-area-inset-bottom));background:#3a64d8;width:58px;height:58px}#tb-pass.cool{filter:grayscale(.8)brightness(.6)}#tb-pause{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));background:#14183ccc;border-radius:6px;width:44px;height:44px;font-size:10px}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:50;font:14px/1.8 var(--px);color:#ffe94a;text-align:center;text-shadow:2px 2px #000;background:#120806;place-items:center;display:grid;position:fixed;inset:0}#rotate div:before{content:"📱";margin-bottom:18px;font-size:40px;display:block;transform:rotate(-90deg)}}#mega-ready{white-space:nowrap;color:#fff;background:linear-gradient(90deg,#8a2ad8,#e8407a,#8a2ad8) 0 0/200% 100%;border:3px solid #000;border-radius:4px;padding:7px 14px 6px;font-size:11px;animation:1.2s linear infinite rainbow,.6s ease-in-out infinite alternate ready-bob;display:none;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #ffd84a,0 0 16px #ff8ae0,3px 3px #000}@keyframes ready-bob{to{transform:translate(-50%,-3px)}}#mega-ready.on{display:block}#tb-mega{right:max(16px, env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 76px);background:radial-gradient(circle at 35% 35%,#fff 0 10%,#ff8ad8 11% 40%,#8a2ad8 41%);width:60px;height:60px;animation:.8s steps(2,end) infinite pulse-text;display:none}#tb-mega.on{display:block}#wx{color:#fff;white-space:nowrap;font-size:9px;position:absolute;top:76px;left:50%;transform:translate(-50%)}#weather{pointer-events:none;opacity:0;transition:opacity 1s;position:fixed;inset:0}#weather.rain{opacity:1;background:repeating-linear-gradient(105deg,#0000 0 22px,#aac8ff59 22px 24px,#0000 24px 61px) 0 0/140px 140px,#14285a38;animation:.35s linear infinite rain}@keyframes rain{to{background-position:-38px 140px,0 0}}#weather.sun{opacity:1;mix-blend-mode:screen;background:radial-gradient(at 70% -10%,#ffdc788c,#ff96282e 45%,#0000 75%)}#cards,.dodge #topbar{display:none}.dodge #cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6px;width:min(1180px,98vw);display:grid;position:absolute;top:6px;left:50%;transform:translate(-50%)}.card{--team:#888;border:2px solid #000;border-left:5px solid var(--team);text-shadow:1px 1px #000;background:linear-gradient(#242a46eb,#0e101eeb);border-radius:8px 3px;grid-template-columns:38px 1fr;gap:3px 6px;min-width:0;padding:5px 7px 6px 5px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff40,3px 3px #000c}.card.t1{border-left-width:2px;border-right:5px solid var(--team);border-radius:3px 8px}.card .pic{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--team) 70%, #fff), color-mix(in srgb, var(--team) 60%, #000));border:2px solid #000;border-radius:50%;grid-row:1/4;place-items:end center;width:38px;height:38px;display:grid;overflow:hidden}.card .pic canvas{image-rendering:pixelated;width:auto;max-width:92%;height:auto;max-height:92%;margin-bottom:2px}.card .top{justify-content:space-between;align-items:baseline;gap:4px;min-width:0;display:flex}.card .nm{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.card .hpn{color:#d8e8ff;white-space:nowrap;font-size:9px}.card .hp{background:#2c2c3a;border:2px solid #000;border-radius:3px;height:10px;position:relative;overflow:hidden}.card .hp:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#00000059 calc(10% - 1px) 10%);position:absolute;inset:0}.card .hp i{position:absolute;top:0;bottom:0;left:0}.card .hp .lag{background:#fff}.card .hp .fill{background:linear-gradient(#a6ff9a,#44d052 45%,#23983a);transition:width .15s ease-out;box-shadow:inset 0 2px #ffffff73}.card .hp.low .fill{background:linear-gradient(#fff3a0,#f8c820 45%,#c89010)}.card .hp.crit .fill{background:linear-gradient(#ffb0a0,#f04030 45%,#a01a10);animation:.5s steps(2,end) infinite hp-crit}@keyframes hp-crit{50%{filter:brightness(1.6)}}.card .sub{align-items:center;gap:5px;display:flex}.card .tb{background:#1a1a2a;border:1px solid #000;flex:1;height:4px}.card .tb i{background:linear-gradient(90deg,#3a8cff,#8ae0ff);height:100%;display:block}.card .mega{align-items:center;gap:2px;display:flex}.card .mega:before{content:"";background:radial-gradient(circle at 35% 35%,#fff 0 20%,#a080c0 21%);border:1px solid #000;border-radius:50%;width:8px;height:8px;margin-right:1px}.card .mega b{background:#2a1840;border:1px solid #000;width:9px;height:5px}.card .mega b.on{background:linear-gradient(#ffb0f0,#c84ad8)}.card.ready .mega:before{background:radial-gradient(circle at 35% 35%,#fff 0 20%,#ff5ad8 21%,#6a2ad8);box-shadow:0 0 6px #ff8ae0}.card.ready .mega b{background:linear-gradient(90deg,#ff5a8a,#ffd84a,#6aff8a,#5ac8ff,#c86aff) 0 0/300% 100%;animation:.8s linear infinite rainbow}@keyframes rainbow{to{background-position:300% 0}}.card.ready{box-shadow:0 0 0 2px #ff8ae0,0 0 14px #c86aff,3px 3px #000c}.card.used .mega{opacity:.25}.card .tags{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:3px;min-height:0;display:flex}.card .types,.card .chips{display:contents}.ty{--c:#888;color:#fff;background:var(--c);text-shadow:1px 1px #000000b3;border:1px solid #000;border-radius:3px;padding:2px 4px 1px;font-size:9px;line-height:1;display:inline-block}.card .vs{border:1px solid #000;border-radius:3px;padding:2px 4px 1px;font-size:9px;line-height:1}.card .vs:empty{display:none}.card .vs.super{color:#b8ffb0;background:#1f7a2a}.card .vs.weak,.card .vs.immune{color:#c8cce0;background:#3a3f52}.card .cds{gap:3px;margin-left:auto;display:none}.card.you .cds{display:inline-flex}body.touch .card .cds{display:none}.card .cds i{color:#0c1c4a;text-shadow:none;background:#9ff3ff;border:1px solid #000;border-radius:3px;padding:2px 4px 1px;font-size:9px;font-style:normal;line-height:1}.card .cds i.off{color:#6a7088;background:#2a3048}.mid{background:#080a18e6;border:2px solid #000;border-radius:6px;justify-items:center;gap:4px;min-width:84px;padding:4px 6px 5px;display:grid;box-shadow:3px 3px #000c}.mid .clk{color:#ff4a3a;white-space:nowrap;font-size:16px;font-weight:400}.mid.late .clk{font-size:12px;animation:.5s steps(2,end) infinite pulse-text}.mid .wins{align-items:center;gap:3px;display:flex}.mid .wins i{background:#2a3048;border:1px solid #000;border-radius:50%;width:8px;height:8px}.mid .wins i.on{background:#ffd84a;box-shadow:0 0 4px #ffd84a}.mid .wins em{color:#cfd8ff;margin:0 2px;font-size:9px;font-style:normal}.chip{--c:#666;--left:1;color:#fff;background:var(--c);border:1px solid #000;border-radius:7px;padding:2px 5px 3px;font-size:9px;line-height:1;animation:.3s steps(4,end) chip-in;position:relative;overflow:hidden}.chip:after{content:"";height:2px;width:calc(var(--left) * 100%);background:#ffffffd9;position:absolute;bottom:0;left:0}.chip.counter{--c:#d8341f}.chip.speed{--c:#2a7ad8}.chip.ultra{--c:#26262e;color:#ffd84a}.chip.dyna{--c:#d8143a}.chip.mega{--c:linear-gradient(90deg, #c84ad8, #ff5a8a);background:var(--c)}.chip.fire{--c:#ff6a12}.chip.gem{color:#000;text-shadow:none}@keyframes chip-in{0%{transform:scale(2)}to{transform:scale(1)}}.card.hurt{animation:.35s steps(6,end) card-hit}@keyframes card-hit{0%{background:#8a1a1a;transform:translate(-4px,2px)}33%{transform:translate(4px,-2px)}66%{transform:translate(-2px,1px)}to{transform:none}}.card.healed{animation:.7s ease-out card-heal}@keyframes card-heal{0%{box-shadow:0 0 0 3px #7dff7a,0 0 18px #7dff7a}to{box-shadow:3px 3px #000c}}.card.you{border-top-color:#ffd84a;border-bottom-color:#ffd84a}.card.you .nm:before{content:"1P ";color:#ffd84a}.card.fire .nm{color:#ffb21f}.card.out{filter:grayscale()brightness(.55)}.card.out:after{content:"FAINTED";color:#ff6a50;filter:none;border:2px solid #ff6a50;padding:1px 6px;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.floater{color:#fff;white-space:nowrap;pointer-events:none;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:15px;animation:1s ease-out forwards float-up;position:absolute;transform:translate(-50%,-100%)}.floater.super{color:#ff9a3a;font-size:18px}.floater.crit{color:#ffe94a;font-size:20px}.floater.weak{color:#b8b8c8;font-size:12px}.floater.gain{color:#7dff7a}.floater.item{color:#9ad8ff;font-size:10px}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-60%)scale(1.8)}15%{opacity:1;transform:translate(-50%,-100%)scale(1)}to{opacity:0;transform:translate(-50%,-260%)}}@media (width<=900px){.card{grid-template-columns:28px 1fr;padding:3px 5px 4px 3px}.card .pic{width:28px;height:28px}.card .hpn{display:none}.card .hp{height:8px}.card .mega b{width:6px}.card .mega:after,.card .vs span{display:none}.card.you .nm:before{content:none}.mid{min-width:64px;padding:3px 4px}.mid .clk{font-size:13px}}.card .mega:after{content:attr(data-k);color:#e8b8ff;margin-left:3px;font-size:8px}.card.ready .mega:after{color:#fff}#evolve{opacity:0;pointer-events:none;text-align:center;background:linear-gradient(#281046f2,#0e081ef2);border:3px solid #000;border-radius:10px;justify-items:center;gap:6px;min-width:300px;padding:10px 22px 12px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:24%;left:50%;transform:translate(-50%,-20px)scale(.9);box-shadow:0 0 0 3px #ff8ae0,0 0 30px #c86aff,4px 4px #000}#evolve.dynamax{background:linear-gradient(#5a0a18f2,#1e060af2);box-shadow:0 0 0 3px #ff3a5a,0 0 30px #ff2a4a,4px 4px #000}#evolve.show{opacity:1;transform:translate(-50%)scale(1)}#evolve .who{color:#9ad8ff;font-size:9px}#evolve.theirs .who{color:#ff9a8a}#evolve h2{color:#0000;background:linear-gradient(90deg,#ff5a8a,#ffd84a,#6aff8a,#5ac8ff,#c86aff);text-shadow:none;filter:drop-shadow(2px 2px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:400}#evolve.dynamax h2{background:linear-gradient(#ffd0d0,#ff3a5a 60%,#a0102a);-webkit-background-clip:text;background-clip:text}#evolve .row{align-items:center;gap:14px;display:flex}#evolve .epic{background:radial-gradient(circle at 50% 35%,#6a5a9a,#20183a);border:2px solid #000;border-radius:50%;place-items:end center;width:64px;height:64px;display:grid;overflow:hidden}#evolve .epic canvas{width:auto;max-width:90%;height:auto;max-height:90%;image-rendering:pixelated}#evolve .epic.giant{background:radial-gradient(circle at 50% 35%,#ff6a7a,#4a0a18);width:84px;height:84px}#evolve .epic.giant canvas{max-width:100%;max-height:100%}#evolve .arrow{color:#ffd84a;font-size:20px;animation:.5s steps(2,end) infinite pulse-text}#evolve .names{color:#fff;font-size:10px}#evolve .gains{color:#7dff7a;gap:3px;font-size:9px;display:grid}#evolve .gains div:last-child{color:#c8c8e0;font-size:9px}.evo-tag{color:#fff;z-index:1;border:2px solid #000;border-radius:6px;padding:2px 5px;font-size:9px;position:absolute;top:4px;right:4px}.evo-tag.mega,.howto b.mega{background:linear-gradient(90deg,#c84ad8,#ff5a8a)}.evo-tag.max,.howto b.max{background:#d8143a}.howto{width:min(760px,100%);padding:10px 16px}.howto h2{color:#ffd84a;margin:0 0 8px;font-size:11px;font-weight:400}.howto dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:9px;line-height:1.5;display:grid}.howto dt{color:#9ad8ff}.howto dd{color:#fff;margin:0}.howto b{border:1px solid #000;border-radius:4px;padding:0 4px;font-weight:400}@media (width<=900px){#screens.scr-matchup{gap:10px}.howto{padding:6px 10px}.howto dl{gap:3px 8px}.howto h2{margin-bottom:4px;font-size:10px}#evolve{gap:4px;min-width:240px;padding:6px 14px 8px;top:22%}#evolve h2{font-size:14px}#evolve .epic{width:46px;height:46px}#evolve .epic.giant{width:58px;height:58px}#mega-ready{font-size:9px;top:96px}}@media (height<=500px){#screens.scr-matchup{gap:6px;padding:8px 16px}#screens.scr-matchup .banner{font-size:16px}#screens.scr-matchup .versus{gap:12px}#screens.scr-matchup .vs-team{flex-direction:row;gap:8px}#screens.scr-matchup .badge.big{width:40px;height:46px}#screens.scr-matchup .badge.big span{margin-top:-4px;font-size:10px}#screens.scr-matchup .vs-mark{flex-direction:row;font-size:22px}#screens.scr-matchup .pair{gap:5px;height:84px;padding:5px}#screens.scr-matchup .face{min-height:0}#screens.scr-matchup .evo-tag{padding:1px 3px}}.aimtag{white-space:nowrap;pointer-events:none;display:none;position:absolute;transform:translate(-50%,-100%)}.aimtag.on{border:2px solid #000;border-radius:4px;padding:3px 6px 2px;font-size:11px;display:block;box-shadow:2px 2px #000}.aimtag.super{color:#d8ffd0;background:#1f7a2a}.aimtag.weak,.aimtag.immune{color:#dfe3f5;background:#3a3f52}#holdclock{--left:1;--c:#fff;--d:#12131a;--n:#fff;pointer-events:none;background:conic-gradient(#3a3e52 0 calc((1 - var(--left)) * 1turn), var(--c) calc((1 - var(--left)) * 1turn) 1turn);border:3px solid #000;border-radius:50%;width:44px;height:44px;display:none;position:absolute;translate:-50% -50%;box-shadow:2px 2px #000}#holdclock.on{display:block}#holdclock b{background:var(--d);color:var(--n);text-shadow:none;border:2px solid #000;border-radius:50%;place-items:center;padding:2px 0 0 2px;font-size:15px;font-weight:400;line-height:1;display:grid;position:absolute;inset:6px}#holdclock b.bump{animation:.3s ease-out bump}#holdclock span{white-space:nowrap;color:#fff;text-shadow:1px 1px #000;background:#d8262e;border:2px solid #000;border-radius:3px;margin-bottom:5px;padding:3px 4px 2px;font-size:7px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}#holdclock.theirs{scale:.9}#holdclock.warn{--c:#ffd84a;--d:#ffd84a;--n:#000}#holdclock.last{--c:#ff4a3a;--d:#e3262e;--n:#fff}#holdclock.ours.warn{scale:1.25}#holdclock.ours.last{animation:.24s step-end infinite hold-blink;scale:1.5}#holdclock.ours.warn span,#holdclock.ours.last span{display:block}#holdclock.tight span{display:none!important}@keyframes hold-blink{0%{--d:#e3262e;--n:#fff}50%{--d:#fff;--n:#e3262e}}body.calm #holdclock.ours.last,body.calm #holdclock b.bump{animation:none}.menu.row{flex-flow:wrap;justify-content:center;gap:6px;min-width:0;padding:8px 12px}.menu.row .item{padding:7px 10px;font-size:11px}.selbar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chipbtn{font:9px var(--px);color:#fff;text-shadow:1px 1px #000;cursor:pointer;background:#0c1c4a;border:3px solid #29d3f0;padding:7px 10px 6px;box-shadow:3px 3px #000}.chipbtn b{color:var(--ink);font-weight:400}.chipbtn.go{background:#1f7a2a;border-color:#7dff7a}.chipbtn.gone{display:none}.facetags{z-index:1;flex-wrap:wrap;gap:3px;display:flex;position:absolute;bottom:4px;left:4px;right:4px}.mu{text-shadow:none;border:1px solid #000;border-radius:3px;padding:2px 4px 1px;font-size:9px;line-height:1}.mu.up{color:#d8ffd0;background:#1f7a2a}.mu.down{color:#dfe3f5;background:#3a3f52}.tips.small{max-width:620px;padding:8px 16px}.tips.small h3{margin:0 0 6px;font-size:10px}.tips.small p{font-size:9px;line-height:1.7}.controls{width:min(860px,100%)}.controls table{border-collapse:collapse;color:#fff;width:100%;font-size:9px;line-height:1.5}.controls th{text-align:left;color:#29d3f0;padding:3px 8px;font-weight:400}.controls td{border-top:1px solid #29d3f033;padding:3px 8px}.controls td:first-child{color:var(--ink);white-space:nowrap}body.touch .controls :is(td,th):nth-child(2),body.touch .controls :is(td,th):nth-child(3),body:not(.touch) .controls :is(td,th):nth-child(4),#bug .code,body.touch #mega-ready{display:none}@media (height<=500px),(width<=760px){#battle{border-width:2px;border-radius:6px;width:auto;max-width:78vw;min-height:0;padding:5px 10px 4px;font-size:10px;line-height:1.3;inset:64px auto auto 50%;transform:translate(-50%,-12px);box-shadow:2px 2px #000}#battle.up{transform:translate(-50%)}#battle p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#battle .more{display:none}#callout{top:30%}#bug{white-space:nowrap;width:auto;padding:4px 10px;bottom:6px;left:50%;transform:translate(-50%,160%)}#bug.up{transform:translate(-50%)}#bug .teams{gap:14px;display:flex}#bug .row{gap:8px;font-size:11px;line-height:1.4}#bug .full{display:none}#bug .code{display:inline}#bug .foot{gap:12px;margin-top:2px;padding-top:2px}#wx{top:88px}}@media (height<=500px){#screens{justify-content:safe center;gap:6px;padding:8px 12px;overflow-y:auto}.logo.small{font-size:26px}.menu{gap:4px;padding:10px 22px}.item{padding:6px 10px;font-size:12px}.banner,.banner.small{font-size:16px}.scoreline{padding:4px 16px}.scoreline .row{font-size:11px;line-height:1.6}.boxscore{font-size:9px}.boxscore th{padding:3px 10px}.boxscore td{padding:2px 10px}.levels,.heal{gap:3px;padding:5px 12px;font-size:9px;line-height:1.6}.tips.small{padding:5px 12px}.tips.small h3{margin-bottom:3px}.question{font-size:14px}.yesno{padding:2px 20px;font-size:34px}#screens.scr-select{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr);place-items:stretch stretch;gap:6px 8px;display:grid}.conf{overscroll-behavior:contain;touch-action:pan-y;grid-row:1/3;grid-template-columns:minmax(0,1fr);width:auto;padding:4px;overflow-y:auto}.side-label{display:none}.teamgrid{grid-template-columns:minmax(0,1fr);gap:0;padding:3px 4px}.teamgrid ul.east-start{border-left:0;padding-left:0}.teamgrid li{touch-action:pan-y;min-height:34px;padding:0 8px;font-size:10px}.panels{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:6px;width:auto;min-height:0}.panel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3px 10px;padding:4px 8px;display:grid}.panel .teamname{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:10px;overflow:hidden}.panel .teamname small{margin:0 6px 0 0;display:inline}.panel .faces{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.panel .badge{display:none}.face{min-height:0}.cap{gap:2px 3px;font-size:9px}.fc .cap span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1 0 100%;min-width:0;overflow:hidden}.fc:last-child .cap{justify-content:flex-start}.ratings{align-self:center;gap:4px 5px}.bar{height:6px}.selbar{flex-wrap:nowrap;grid-column:2;gap:6px}.chipbtn{white-space:nowrap;padding:9px 8px 8px}#screens.scr-select .fine{display:none}#screens.scr-initials{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.cells{grid-template-columns:repeat(7,1fr);gap:3px;font-size:16px}.letters{padding:8px 10px}.letters .tab{margin-bottom:4px}.slots{grid-template-columns:1fr}.slot:nth-child(n+2){display:none}.slot .num{font-size:120px}.box{min-height:0;padding:6px;font-size:14px}.controls table{line-height:1.35}.controls td,.controls th{padding:2px 6px}}body.dodge.gamepad #hint .kb-only{display:none}body.dodge.gamepad #hint:after{content:"LEFT STICK MOVE · HOLD A, LET GO IN THE GREEN · RIGHT STICK AIMS · A CATCH · B DODGE/PASS/CURVE · RT POWER · Y MEGA · LB ORDERS · START PAUSE"}.menu.main{gap:4px;min-width:380px;padding:14px 26px}.menu.main .item{padding:6px 12px}.cap i{color:#9ad8ff;font-style:normal}.evo-tag{white-space:nowrap}.final-grid{justify-content:center;align-items:stretch;gap:16px;max-width:100%;display:flex}.final-grid .col{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.grade{--g:#9aa6d8;min-width:250px;padding:10px 16px 12px}.grade.g-S{--g:#ffd84a}.grade.g-A{--g:#7dff7a}.grade.g-B{--g:#5ac8ff}.grade.g-C{--g:#ffb21f}.grade.g-D{--g:#ff6a6a}.grade .top{align-items:center;gap:14px;margin-bottom:8px;display:flex}.grade .letter{color:var(--g);text-shadow:3px 3px 0 #000, 0 0 18px color-mix(in srgb, var(--g) 60%, transparent);font-size:54px;font-weight:400;line-height:1}.grade.g-S .letter{animation:.8s ease-in-out infinite alternate s-glow}@keyframes s-glow{to{filter:brightness(1.35);transform:scale(1.06)}}.grade .pts{color:#fff;font-size:16px}.grade .pts small{color:#9aa6d8;font-size:9px}.grade .best{color:#ffd84a;margin-top:4px;font-size:10px}.grade .mult{color:#9ad8ff;margin-top:4px;font-size:9px}.grade dl{color:#cfd8ff;grid-template-columns:1fr auto;gap:2px 14px;margin:0;font-size:9px;display:grid}.grade dd{text-align:right;color:#fff;margin:0}.levels .star{color:#ffd84a}.levels .star small{color:#9ad8ff}.gymroad{color:#cfd8ff;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.road{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:min(1000px,100%);display:grid}.gym{--c:#888;text-align:center;background:linear-gradient(color-mix(in srgb, var(--c) 45%, #0c1c4a), #06102e);opacity:.6;border:3px solid #000;justify-items:center;gap:4px;padding:8px 4px 6px;display:grid;position:relative;box-shadow:3px 3px #000}.gym i{color:#fff;background:var(--c);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:2px solid #000;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;display:grid}.gym b{color:#fff;font-size:10px;font-weight:400}.gym span{color:#cfd8ff;max-width:100%;font-size:9px;line-height:1.5;overflow:hidden}.gym.done{opacity:1;filter:saturate(.6)}.gym.done i{color:#2a1a00;background:#ffd84a}.gym.next{opacity:1;border-color:#ffd84a;animation:.7s ease-in-out infinite alternate ready-nudge;box-shadow:0 0 0 2px #ffd84a,0 0 14px #ffd84a,3px 3px #000}@keyframes ready-nudge{to{transform:translateY(-3px)}}.ladinfo{gap:22px;max-width:100%;padding:10px 16px;display:flex}.ladinfo h3{color:#29d3f0;margin:0 0 6px;font-size:10px;font-weight:400}.ladinfo h3 small{color:#cfd8ff;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.narrow-only{display:none}.side{min-width:0}.tiles{flex-wrap:wrap;gap:6px;display:flex}.tile{background:linear-gradient(#5b2a8a,#2c0f4c);border:3px solid #9b6be0;justify-items:center;gap:2px;width:84px;padding:4px 3px 5px;display:grid;position:relative}.tile .art{place-items:end center;height:52px;display:grid}.tile .art canvas{image-rendering:pixelated;max-width:76px;max-height:52px}.tile .tn{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.tile .ts{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;min-height:12px;display:flex}.tile .ts em{color:#9ad8ff;font-size:9px;font-style:normal}.tile.lead{border-color:#22d12b}.tiles.big{justify-content:center;gap:10px}.tiles.big .tile{cursor:pointer;width:132px;padding:6px 5px 8px}.tiles.big .tile .art{height:76px}.tiles.big .tile .art canvas{max-width:120px;max-height:76px}.tile.pick.on{border-color:#ffd84a;box-shadow:0 0 0 2px #ffd84a,0 0 12px #ffd84a}.tile.pick.chosen{background:linear-gradient(#1f7a2a,#0c3a14)}.tile.pick.chosen:before{content:attr(data-n);color:#fff;text-shadow:none;background:#e8202a;padding:2px 5px;font-size:10px;position:absolute;top:3px;left:3px}.tile.pick.off{filter:grayscale(.8)brightness(.7)}.tile.skip{align-content:center;min-height:120px}.vsrow{gap:2px;width:100%;display:grid}.vsrow .mu{white-space:nowrap;text-overflow:ellipsis;color:#cfd8ff;text-align:left;background:#1a2040;overflow:hidden}.vsrow .mu.up{color:#d8ffd0;background:#1f7a2a}.vsrow .mu.down{color:#ffd0d0;background:#5a2030}.ratings.mini{grid-template-columns:auto 1fr;gap:2px 6px;width:100%;font-size:9px}.ratings.mini .lbl{text-align:left;color:#cfd8ff}.dex{grid-template-columns:auto minmax(220px,300px);align-items:stretch;gap:12px;max-width:100%;min-height:0;display:grid}.dexgrid{grid-template-columns:repeat(9,52px);align-content:start;gap:4px;display:grid}.dt{cursor:pointer;color:#3a4a80;background:#0c1430;border:2px solid #23305e;place-items:center;width:52px;height:52px;font-size:14px;display:grid;position:relative;overflow:hidden}.dt canvas{image-rendering:pixelated;max-width:46px;max-height:46px}.dt.seen canvas{filter:brightness(0)invert(.25)}.dt.caught{background:linear-gradient(#5b2a8a,#2c0f4c);border-color:#9b6be0}.dt em{color:#fff;text-shadow:1px 1px #000,-1px -1px #000;font-size:9px;font-style:normal;position:absolute;bottom:0;right:1px}.dt.on{z-index:1;border-color:#ffd84a;box-shadow:0 0 0 2px #ffd84a}.dexinfo{color:#fff;flex-direction:column;gap:7px;padding:10px 12px;font-size:9px;display:flex}.dexinfo h3{color:var(--ink);margin:0;font-size:11px;font-weight:400}.dexinfo p{color:#cfd8ff;margin:0;line-height:1.7}.dexinfo .lv{color:#9ad8ff}.unlocks{color:#6a7088;gap:4px;margin:0;padding:0;line-height:1.4;list-style:none;display:grid}.unlocks li:before{content:"· "}.unlocks li.on{color:#7dff7a}.unlocks li.on:before{content:"✓ "}.ribbons{flex-wrap:wrap;justify-content:center;gap:4px;max-width:min(1000px,100%);display:flex}.rb{color:#59618a;text-shadow:none;background:#1a2040;border:2px solid #000;padding:3px 6px 2px;font-size:9px}.rb small{display:none}.rb.on{color:#2a1a00;background:linear-gradient(#ffd84a,#f08a12)}.rb:hover small{color:#fff;z-index:3;background:#000;margin-top:4px;padding:3px 6px;display:block;position:absolute}.daily{gap:10px;max-width:min(860px,100%);padding:12px 18px;display:grid}.daily .mod{align-items:center;gap:12px;display:flex}.daily .mod i{text-shadow:none;font-size:30px;font-style:normal}.daily .mod b{color:var(--ink);font-size:14px;font-weight:400;display:block}.daily .mod span{color:#cfd8ff;margin-top:4px;font-size:9px;line-height:1.5;display:block}.dvs{justify-content:center;align-items:center;gap:18px;display:flex}.dvs h3{color:#29d3f0;text-align:center;margin:0 0 6px;font-size:10px;font-weight:400}.dvs .vsm{color:#ffd23a;font-size:22px}.daily .today{color:#fff;text-align:center;font-size:10px;line-height:1.6}@media (height<=500px){#screens.scr-mode .logo{display:none}.menu.main{gap:2px;min-width:340px;padding:8px 18px}.menu.main .item{padding:7px 10px;font-size:11px}.menu.main .item small{margin-top:2px}.final-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px;width:100%;display:grid}.final-grid .col{min-width:0}.final-grid .scoreline{width:100%;min-width:0}.final-grid .scoreline .row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.final-grid .boxscore{display:none}.grade{min-width:0;padding:5px 10px 6px}.grade .top>div{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.grade .best,.grade .mult{margin-top:0}.menu.row .item{padding:6px 8px;font-size:10px}.grade .top{gap:10px;margin-bottom:3px}.grade .letter{font-size:34px}.grade .pts{font-size:13px}.grade dl{grid-template-columns:1fr auto 1fr auto;gap:1px 10px}.road{gap:4px}.gym{gap:2px;padding:4px 2px}.gym span{display:none}.gym i{width:24px;height:24px;font-size:11px}.ladinfo{gap:12px;padding:5px 10px}.ladinfo h3{margin-bottom:3px}.ladinfo .tiles{flex-wrap:nowrap;gap:4px}.tile{width:62px;padding:2px 2px 3px}.tile .art{height:40px}.tile .art canvas{max-width:56px;max-height:40px}.tiles.big .tile{width:94px;padding:3px}.tiles.big .tile .art{height:50px}.tiles.big .tile .art canvas{max-width:86px;max-height:50px}#screens.scr-party .side:not(.wide),#screens.scr-party .fine,#screens.scr-ladder .fine{display:none}.narrow-only{display:inline}.vsrow{grid-template-columns:1fr 1fr}.vsrow .mu{text-align:center}.vsrow .mu span{display:none}.tile.skip{min-height:80px}.dex{grid-template-columns:auto minmax(180px,1fr);gap:8px;max-height:62vh}.dexgrid{touch-action:pan-y;grid-template-columns:repeat(9,36px);gap:3px;overflow-y:auto}.dt{width:36px;height:36px}.dt canvas{max-width:32px;max-height:32px}.dexinfo{gap:4px;padding:6px 8px;overflow-y:auto}.ribbons{touch-action:pan-x;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto}.rb{white-space:nowrap}.daily{gap:5px;padding:6px 12px}.daily .mod i{font-size:22px}.daily .mod b{font-size:12px}}.card.afield{filter:saturate(.5)brightness(.8)}.chip.field{--c:#3a64d8}.chip.order{--c:#1f7a2a}.chip.psn{--c:#a040a0}.chip.par{--c:#b89010}.chip.frz{--c:#58a8c8}.meter[data-q=style] b{color:#9ad8ff;font-size:11px}.card.p2{border-top-color:#6ab0ff;border-bottom-color:#6ab0ff}.card.p2 .nm:before{content:"2P ";color:#6ab0ff}.pl.you .tag{text-align:center;min-width:1.4em}.face .tag.t2{background:#2a7af0}.face.p2{border-color:#6ab0ff}.teamgrid li.on2{color:#06102e;text-shadow:none;background:#6ab0ff}.teamgrid li.on.on2{background:linear-gradient(90deg,#ffd23a 50%,#6ab0ff 50%)}.teamgrid li.locked i:after{content:" ✓"}.joinrow{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.joinslot{text-align:center;color:#fff;place-items:center;gap:12px;width:min(300px,42vw);min-height:132px;padding:16px 14px;font-size:11px;line-height:1.7;display:grid}.joinslot b{color:#ff6a6a;font-size:14px;font-weight:400}.joinslot.j2 b{color:#6ab0ff}.joinslot.in{border-color:#22d12b;box-shadow:inset 0 0 0 2px #0b6f2a,0 0 14px #22d12b,4px 4px #000}.joinslot.in span{color:#7dff7a}.joinslot small{color:#cfd8ff;font-size:9px}.joinhelp{color:#cfd8ff;gap:7px;max-width:min(760px,100%);padding:10px 16px;font-size:9px;line-height:1.5;display:grid}.joinhelp b{color:#29d3f0;margin-right:8px;font-weight:400}@media (width<=760px){.card.p2 .nm:before{content:none}}.menu.options{gap:4px;min-width:400px;padding:14px 26px}.menu.options .item{padding:6px 12px}.menu.keys{gap:6px;min-width:0;padding:14px 22px}.keygrid{grid-template-columns:auto minmax(110px,1fr) minmax(110px,1fr);align-items:center;gap:5px 10px;margin-bottom:6px;display:grid}.keygrid .kl{color:#cfd8ff;font-size:9px}.keygrid .kh{color:#ff6a6a;text-align:center;font-size:9px;font-weight:400}.keygrid .kh+.kh{color:#6ab0ff}.keygrid .item{text-align:center;background:#0a1438;border-color:#23306a;padding:6px 8px;font-size:11px}.keygrid .item.on{border-color:#ff2fd8}.keygrid .item.waiting{color:#7dff7a;animation:.7s steps(2,end) infinite pulse-text}.keygrid .fixed{color:#59618a;text-align:center;font-size:10px;font-weight:400}.menu.keys>.item{text-align:center;font-size:11px}@media (height<=500px){.menu.options{grid-template-columns:1fr 1fr;gap:2px 14px;min-width:0;padding:8px 16px;display:grid}.menu.options h2{grid-column:1/-1;margin:0}.menu.options .item{padding:5px 8px;font-size:10px}.menu.main{grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.menu.main .item{font-size:11px}}#coach{color:#fff;text-shadow:1px 1px #000;background:linear-gradient(#0c1c4a,#06102e);border:4px solid #ffd84a;width:min(720px,94vw);padding:10px 16px 9px;display:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #7a5a00,4px 4px #000}#coach.on{display:block}#coach .steps{gap:4px;margin-bottom:7px;display:flex}#coach .steps i{background:#23306a;flex:1;height:5px}#coach .steps i.done{background:#22d12b}#coach .steps i.now{background:#ffd84a}#coach h3{color:#ffd84a;margin:0 0 6px;font-size:11px;font-weight:400}#coach h3 em{color:#7dff7a;margin-left:8px;font-style:normal}#coach p{margin:0;font-size:10px;line-height:1.7}#coach .note{color:#9ad8ff;min-height:15px;margin-top:6px;font-size:9px}#coach .note.good{color:#7dff7a;font-size:12px}body.lesson #hint,body.lesson #battle{display:none}@media (height<=500px),(width<=760px){#coach{border-width:3px;width:min(560px,62vw);padding:5px 10px;bottom:4px}#coach h3{margin-bottom:3px;font-size:9px}#coach p{font-size:9px;line-height:1.45}#coach .steps{margin-bottom:4px}#coach .note{min-height:12px;margin-top:3px}}.howto p.more{color:#9ad8ff;margin:8px 0 0;font-size:9px}canvas.leaderface{width:auto;height:auto;image-rendering:pixelated;box-shadow:0 0 0 2px var(--c,#29d3f0);border:3px solid #000;flex:none}.leader{border-color:var(--c);align-items:center;gap:16px;width:min(760px,100%);padding:10px 16px;display:flex}.leader .lt{color:#fff;gap:4px;min-width:0;display:grid}.leader .lt b{color:var(--ink);font-size:13px;font-weight:400}.leader .lt small{color:#9ad8ff;font-size:9px}.leader .lt p{margin:2px 0 4px;font-size:11px;line-height:1.6}.rule,.houserule{color:#cfd8ff;align-items:center;gap:8px;font-size:9px;line-height:1.5;display:flex}.rule i,.houserule i{text-shadow:none;font-size:20px;font-style:normal}.leader .rule b,.houserule b{color:#ffd84a;font-size:10px;font-weight:400;display:block}.houserule{max-width:420px;margin-top:8px}.houserule b{margin-right:6px;display:inline}.leadertile{border-color:var(--c)}.leadertile canvas.leaderface{border-width:2px;margin:2px auto 4px}.leadertile .ts{color:#9ad8ff;font-size:9px}.leaderline{color:#fff;border-color:var(--c);align-items:center;gap:12px;max-width:min(760px,100%);padding:6px 14px;font-size:10px;line-height:1.6;display:flex}.leaderline b{color:var(--ink);font-size:9px;font-weight:400;display:block}@media (height<=500px){.leader{gap:10px;padding:5px 10px}.leader .lt p{margin:0;font-size:9px}.leader .lt b{font-size:11px}.leader canvas.leaderface{width:64px;height:64px}.leaderline{padding:3px 10px;font-size:9px}.leaderline canvas.leaderface{width:32px;height:32px}.houserule{margin-top:4px}}#weather.sand{opacity:1;background:repeating-linear-gradient(100deg,#0000 0 40px,#e6be6e29 40px 46px,#0000 46px 120px) 0 0/220px 220px,#966e3233;animation:1.6s linear infinite reverse rain}#weather.dark{opacity:1;background:radial-gradient(at 50% 62%,#0000 0 22%,#04020e80 55%,#04020ed1 100%)}#weather.toxic{opacity:1;background:radial-gradient(at 50% 110%,#963cbe57,#5a1e781f 55%,#0000 80%)}.dailywrap{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;max-width:100%;display:flex}.board{color:#fff;min-width:250px;padding:10px 14px;font-size:10px}.board h3{color:#29d3f0;margin:0 0 8px;font-size:10px;font-weight:400}.board h3 small{float:right;color:#9aa6d8;font-size:9px}.board ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.board li{grid-template-columns:22px 44px 1fr 16px 62px;align-items:center;gap:6px;display:grid}.board li i{color:#9aa6d8;font-style:normal}.board li b{color:var(--ink);font-weight:400}.board li span{text-shadow:none;font-size:9px}.board li em{color:#7dff7a;font-style:normal}.board li u{text-align:right;text-decoration:none}.board li.me{outline-offset:2px;outline:2px solid #ffd84a}.board p{color:#cfd8ff;max-width:250px;margin:6px 0 0;font-size:9px;line-height:1.6}.board p.mine{color:#ffd84a}#tb-order{right:calc(max(12px, env(safe-area-inset-right)) + 142px);bottom:max(12px, env(safe-area-inset-bottom));background:#2a8a5a;width:50px;height:50px;font-size:8px;display:none}#tb-order.on{display:block}body.calm #callout.show .ch,body.calm #callout.hold .ch,body.calm #callout.fire.show .ch,body.calm #callout.fire .ch>span,body.calm #callout.dunk.show .line{animation:none}body.calm #callout .burst{display:none!important}body.calm #callout.show{animation:1.9s linear forwards calm-life}@keyframes calm-life{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}body.calm .card.hurt,body.calm .card.healed,body.calm .gym.next,body.calm #mega-ready,body.calm .blink,body.calm #tb-mega{animation:none!important}body.calm #weather.rain,body.calm #weather.sand{animation:none}body.calm .floater{animation-duration:1.1s;animation-timing-function:linear}body.lesson .mid .clk{visibility:hidden}@media (height<=500px),(width<=760px){.dailywrap{flex-wrap:nowrap;gap:6px}.dailywrap .daily{flex:1;min-width:0}.board{min-width:196px;padding:6px 8px}.board li{grid-template-columns:14px 34px 1fr 12px 52px;gap:4px;font-size:9px}.board li:nth-child(n+6){display:none}.board p{max-width:180px}.houserule{margin-top:2px}.houserule i{font-size:14px}.leadertile canvas.leaderface{width:36px;height:36px}}body.two-up #hint{display:none}@media (height<=500px){.howto p.more{display:none}.menu.keys{gap:2px;padding:6px 14px}.menu.keys h2{margin:0}.keygrid{gap:2px 8px;margin-bottom:2px}.keygrid .item{padding:3px 6px;font-size:10px}.menu.keys>.item{padding:4px 8px}#screens.scr-keys .fine{display:none}}.card.ball{animation:.8s ease-in-out infinite alternate card-ball;box-shadow:0 0 0 2px #ffe94a,0 0 14px 2px #ffe94ad9,3px 3px #000c}@keyframes card-ball{to{box-shadow:0 0 0 2px #fff6b0,0 0 22px 5px #ffe94a,3px 3px #000c}}.card.ball:before{content:"";z-index:2;background:linear-gradient(#e3262e 0 40%,#151515 40% 60%,#f4f4f4 60%);border:2px solid #000;border-radius:50%;width:12px;height:12px;position:absolute;top:30px;left:30px}body.calm .card.ball{animation:none}.chip.sball{text-shadow:1px 1px #000}canvas.heldicon{image-rendering:pixelated;flex:none}.card>canvas.heldicon{z-index:2;filter:drop-shadow(1px 1px #000)drop-shadow(0 0 1px #000);position:absolute;top:24px;left:-4px}.card>canvas.heldicon.ping{animation:.55s ease-out held-ping}@keyframes held-ping{0%{filter:drop-shadow(0 0 5px #fff)brightness(1.5);transform:scale(2.4)}to{transform:scale(1)}}body.calm .card>canvas.heldicon.ping{animation:none}.card>canvas.heldicon.spent{filter:grayscale()brightness(.55)drop-shadow(1px 1px #000)}.paircol{gap:5px;min-width:0;display:grid}.heldrow{grid-template-columns:1fr 1fr;gap:8px;padding:0 10px;display:grid}.held{color:#fff;background:#080a18d9;border:2px solid #000;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:28px;padding:1px 4px;font-size:9px;display:flex}.held span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.held.none{color:#6a7088}.held i{color:#5a6078;font-style:normal}.held.pick{cursor:pointer;border-color:#3a4060}.held.pick.on{border-color:#22d12b;box-shadow:0 0 0 1px #22d12b}.held.pick.on i{color:#ffd84a}.held.pick.on.p2{border-color:#6ab0ff;box-shadow:0 0 0 1px #6ab0ff}.heldinfo{color:#fff;text-align:center;width:min(760px,100%);min-height:26px;font-size:9px;line-height:1.6}.heldinfo:empty{display:none}.heldinfo b{color:#ffd84a;margin-right:6px;font-weight:400}.heldinfo small{color:#9ad8ff;font-size:9px;display:block}.heldinfo .p2 b{color:#8ac0ff}.heldtag{color:#fff;justify-content:center;align-items:center;gap:4px;max-width:100%;font-size:9px;display:flex}.heldtag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.heldtag em{color:#9ad8ff;font-style:normal}.heldtag.prize{justify-content:flex-start;gap:8px;margin-top:6px}.heldtag.prize.new em{color:#ffd84a}.leaderline.gave{max-width:min(1000px,100%)}.leaderline .gift{border-left:2px solid var(--c);color:#fff;align-items:center;gap:10px;padding-left:12px;font-size:9px;line-height:1.5;display:flex}.leaderline .gift b{color:#ffd84a;font-size:10px}.leaderline .gift small{color:#9ad8ff;font-size:9px;display:block}.heldlist{color:#fff;gap:4px;width:min(780px,100%);padding:8px 14px;font-size:9px;display:grid}.heldlist h3{color:#ffd84a;margin:0 0 2px;font-size:10px;font-weight:400}.heldlist div{grid-template-columns:22px 110px 110px 1fr;align-items:center;gap:8px;display:grid}.heldlist div.them b{color:#ff9a8a}.heldlist b{color:#9dffb0;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.heldlist small{color:#cfd8ff;font-size:9px;line-height:1.4}@media (height<=500px){.paircol{gap:2px}.heldrow{gap:5px;padding:0 5px}.held{border-width:1px;min-height:24px;padding:0 3px}.heldinfo{min-height:0;line-height:1.35}.heldlist{gap:1px;padding:4px 10px}.heldlist div{grid-template-columns:22px 84px 96px 1fr;gap:6px}.heldtag.prize{margin:-3px 0 -5px}.leaderline .gift{gap:6px;padding-left:8px}.leaderline .gift canvas.heldicon{width:22px!important;height:22px!important}.leaderline .gift small{display:none}.dailywrap .daily .tile{width:62px;min-width:0;padding:2px 2px 0}.dailywrap .heldtag span{display:none}.dailywrap .daily{gap:2px}.dailywrap .daily .today .extra{display:none}.dailywrap .daily .heldtag{margin:-3px 0}.held{gap:3px}.held i:first-child,#screens.scr-matchup.newbie .heldinfo small{display:none}#screens.scr-matchup.newbie .pair{height:68px}#screens.scr-matchup.newbie .howto dl{line-height:1.3}#screens.scr-pause{flex-direction:row;gap:10px}#screens.scr-pause .menu{min-width:250px}.heldlist{width:380px}.heldlist div{grid-template-columns:22px auto 1fr;gap:0 6px;margin-top:2px}.heldlist small{grid-column:2/-1}}.daily .tile{width:auto;min-width:84px;padding-left:6px;padding-right:6px}
