@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/luckiest-guy-latin-ext-400-normal-Dzj4o2hI.woff2)format("woff2"),url(/assets/luckiest-guy-latin-ext-400-normal-Dplr6uOI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2"),url(/assets/luckiest-guy-latin-400-normal-f5b8-b44.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1b1033;--ink-2:#2a1a4f;--panel:#2d1e58;--panel-2:#3d2a77;--panel-3:#4f3993;--line:#ffffff1a;--paper:#fff8ec;--muted:#cbbfe8;--yellow:#ffd21f;--yellow-2:#ffb800;--red:#ff3b3f;--blue:#2f8bff;--green:#3fcf5a;--orange:#ff8a1f;--purple:#b56cff;--cardboard:#c29560;--radius:1.8rem;--radius-sm:1rem;--pill:999px;--toy-shadow:0 .55rem 0 #00000059;--soft-shadow:0 1.2rem 3rem #00000059;--focus-color:var(--yellow);--footer-space:3.6rem;--focus-ring:0 0 0 .45rem var(--focus-color), 0 0 2.4rem .7rem color-mix(in srgb, var(--focus-color) 55%, transparent);--font-display:"Luckiest Guy", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-body:"Nunito", "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--ink);font-size:max(8px,min(.8333vw,1.4815vh))}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--paper);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default;background:radial-gradient(circle,#ffffff0d 0 .9rem,#0000 1rem) 0 0/4rem 4rem,radial-gradient(at 50% 0,#4a2c8f 0%,#2a1757 45%,#160b2c 100%);font-weight:700}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:400}kbd{background:var(--paper);min-width:1.9em;color:var(--ink);font-family:var(--font-display);text-align:center;border-radius:.45em;padding:.1em .45em .05em;font-size:.9em;line-height:1.2;display:inline-block;box-shadow:0 .18em #00000073}code{background:#ffffff1f;border-radius:.35em;padding:.05em .35em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.app{position:fixed;inset:0}canvas.gl{z-index:0;outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}canvas.gl.is-on-top{z-index:3;pointer-events:none}.overlay{z-index:2;position:fixed;inset:0}.screen{opacity:0;transition:opacity .35s var(--ease-out);position:absolute;inset:0}.screen.is-in{opacity:1}.footer-hints{z-index:6;border-radius:var(--pill);color:#cbbfe8cc;white-space:nowrap;max-width:calc(100vw - 4rem);transition:opacity .3s, transform .3s var(--ease-out);pointer-events:none;background:#140a288c;flex-wrap:wrap;justify-content:flex-end;gap:.2rem 1.1rem;padding:.45rem 1.2rem;font-size:1.05rem;display:flex;position:fixed;bottom:1.2rem;right:1.6rem}.footer-hints.is-hidden{opacity:0;transform:translateY(150%)}.footer-hints .hint{white-space:nowrap}.footer-hints .hint kbd{margin-right:.2em}.toast{z-index:30;border-radius:var(--pill);background:var(--paper);color:var(--ink);font-family:var(--font-display);box-shadow:var(--toy-shadow), var(--soft-shadow);opacity:0;pointer-events:none;padding:1rem 2.2rem;font-size:2rem;position:fixed;top:2rem;left:50%;transform:translate(-50%,-200%)}.toast.is-on{animation:toast-in 1.8s var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-200%)}12%{opacity:1;transform:translate(-50%)scale(1.06)}18%{transform:translate(-50%)scale(1)}82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-200%)}}.loading{z-index:20;opacity:0;visibility:hidden;background:#160b2cd9;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.loading.is-on{opacity:1;visibility:visible}.loading-text{font-family:var(--font-display);font-size:3rem}.loading-brick{background:var(--red);width:9rem;height:5rem;box-shadow:inset 0 -.7rem 0 #0003, var(--toy-shadow);animation:brick-bounce .8s var(--ease-pop) infinite alternate;border-radius:.8rem;position:relative}.loading-brick span{background:var(--red);border-radius:.5rem .5rem .2rem .2rem;width:2.8rem;height:1.4rem;position:absolute;top:-1.2rem;box-shadow:inset 0 .35rem #ffffff40}.loading-brick span:first-child{left:.9rem}.loading-brick span:nth-child(2){left:5.3rem}.loading-brick span:nth-child(3),.loading-brick span:nth-child(4){display:none}@keyframes brick-bounce{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-2.2rem)rotate(4deg)}}.fatal{z-index:40;background:radial-gradient(at 50% 0,#4a2c8f 0%,#160b2c 100%);place-items:center;display:grid;position:fixed;inset:0}.fatal-card{border-radius:var(--radius);background:var(--panel);text-align:center;max-width:60rem;box-shadow:var(--toy-shadow), var(--soft-shadow);padding:4rem}.fatal-logo{font-family:var(--font-display);color:var(--yellow);font-size:6rem}.fatal-card h1{margin:1rem 0;font-size:3.4rem}.fatal-card p{color:var(--muted);margin-bottom:2.5rem;font-size:2rem}.icon{vertical-align:middle;flex:none;width:1em;height:1em;line-height:0;display:inline-block}.icon svg{width:100%;height:100%;display:block;overflow:visible}.move-badge{border:.35rem solid var(--chip,var(--yellow));background:radial-gradient(circle at 50% 30%,#fff 0%,#fff8ec 60%,#eadfcc 100%);border-radius:50%;place-items:center;width:5.6rem;height:5.6rem;display:inline-grid;box-shadow:0 .35rem #0000004d}.move-badge .icon{width:72%;height:72%}.icon-btn{--btn:var(--panel-3);flex-direction:column;align-items:center;gap:.7rem;display:flex}.icon-btn-disc{background:radial-gradient(circle at 50% 22%, #ffffff59 0%, #fff0 60%), var(--btn);width:9rem;height:9rem;box-shadow:0 .7rem 0 color-mix(in srgb, var(--btn) 50%, black), 0 1.2rem 2.4rem #0006;transition:transform .18s var(--ease-pop), box-shadow .18s;border:.45rem solid #ffffff4d;border-radius:50%;place-items:center;display:grid}.icon-btn-disc .icon{width:62%;height:62%}.icon-btn-label{font-family:var(--font-display);color:var(--paper);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:1.6rem;line-height:1}.icon-btn.is-primary .icon-btn-disc{width:11.5rem;height:11.5rem}.icon-btn.focusable.is-focused{box-shadow:none;transform:none}.icon-btn.is-focused .icon-btn-disc{box-shadow:0 .7rem 0 color-mix(in srgb, var(--btn) 50%, black), 0 0 0 .55rem var(--yellow), 0 0 3.2rem 1rem color-mix(in srgb, var(--yellow) 65%, transparent);border-color:#fff;transform:translateY(-.8rem)scale(1.12)}.icon-btn.is-focused .icon-btn-label{color:var(--yellow)}.icon-btn.is-focused .icon-btn-disc .icon{animation:1.1s ease-in-out infinite pic-wiggle}.focusable{cursor:pointer;transition:transform .18s var(--ease-pop), box-shadow .18s, background-color .18s, color .18s;outline:none}.focusable.is-focused{box-shadow:var(--focus-ring);z-index:1;transform:scale(1.05)}.btn{border-radius:var(--pill);background:var(--panel-3);min-width:14rem;color:var(--paper);font-family:var(--font-display);white-space:nowrap;box-shadow:var(--toy-shadow);cursor:pointer;justify-content:center;align-items:center;padding:1.1rem 2.6rem .9rem;font-size:2.4rem;line-height:1;display:inline-flex}.btn.is-focused{background:var(--paper);color:var(--ink);box-shadow:var(--toy-shadow), var(--focus-ring)}.btn-primary{background:var(--yellow);color:var(--ink)}.btn-primary.is-focused{background:#ffe36b}.btn.is-disabled{opacity:.4;filter:saturate(.3)}.btn-small{min-width:0;padding:.6rem 1.2rem .5rem;font-size:1.8rem}.chip{border-radius:var(--pill);background:var(--yellow);color:var(--ink);font-family:var(--font-display);letter-spacing:.03em;align-items:center;padding:.3rem .9rem .2rem;font-size:1.35rem;display:inline-flex}.chip-dim{color:var(--paper);font-family:var(--font-body);background:#ffffff24;font-weight:800}.chip-bad{background:var(--red);color:#fff}.chip-ability{background:var(--chip,var(--yellow));color:var(--ink);gap:.45rem;box-shadow:inset 0 -.18rem #0000002e}.chip .icon.chip-icon{width:1.5em;height:1.5em;margin:-.2em 0 -.2em -.3em}.chip-ability.is-icon{padding:.2rem .5rem .15rem}.toggle{border-radius:var(--pill);color:var(--muted);background:#140a28b3;align-items:center;gap:.8rem;padding:.7rem 1.4rem;font-size:1.6rem;display:inline-flex}.toggle-state{border-radius:var(--pill);font-family:var(--font-display);color:var(--paper);background:#ffffff26;padding:.15rem .7rem;font-size:1.3rem}.toggle.is-on .toggle-state{background:var(--green);color:var(--ink)}.toggle.is-focused{background:var(--paper);color:var(--ink)}.toggle-cycle .toggle-state{text-align:center;background:var(--yellow);min-width:4.6em;color:var(--ink)}.toggle-cycle[data-quality=auto] .toggle-state{background:var(--green)}.toggle-small{cursor:pointer;padding:.5rem 1rem;font-size:1.4rem}.toggle-small.is-on{background:var(--green);color:var(--ink)}.stats{gap:.55rem;display:grid}.stat{grid-template-columns:7.5rem 1fr 2rem;align-items:center;gap:.8rem;font-size:1.5rem;display:grid}.stat-label{color:var(--muted)}.stat-bar{grid-template-columns:repeat(10,1fr);gap:.25rem;display:grid}.seg{background:#ffffff1a;border-radius:.3rem;height:1.2rem}.seg.on{background:var(--stat-color);box-shadow:inset 0 -.25rem #0000002e,inset 0 .2rem #ffffff4d}.stat-value{font-family:var(--font-display);text-align:right}.stats.is-compact{gap:.35rem}.stats.is-compact .stat{grid-template-columns:6rem 1fr 1.6rem;font-size:1.2rem}.stats.is-compact .seg{height:.9rem}.title-screen:before{content:"";pointer-events:none;background:linear-gradient(#160b2c8c 0%,#160b2c00 24%),linear-gradient(#160b2c00 54%,#160b2c40 70%,#160b2cb3 100%);position:absolute;inset:0}.title-top{pointer-events:none;justify-content:center;display:flex;position:absolute;top:2.2rem;left:0;right:0}.logo{white-space:nowrap;font-size:9rem;line-height:1;display:flex}.logo-letter{color:var(--c);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-shadow:0 .05em 0 color-mix(in srgb, var(--c) 60%, black), 0 .1em 0 color-mix(in srgb, var(--c) 45%, black), 0 .18em .2em #00000073;animation:2.4s ease-in-out infinite letter-bob;animation-delay:calc(var(--i) * -.18s);display:inline-block}@keyframes letter-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-.12em)rotate(3deg)}}.title-menu{left:0;right:0;bottom:calc(var(--footer-space) + 1.6rem);justify-content:center;gap:3.4rem;display:flex;position:absolute}.big-btn{--btn:var(--yellow);background:radial-gradient(ellipse at 50% 18%, #fff6 0%, #fff0 55%), var(--btn);width:23rem;height:23rem;box-shadow:0 .9rem 0 color-mix(in srgb, var(--btn) 55%, black), 0 1.6rem 3rem #00000073;transform-origin:50% 100%;border:.5rem solid #ffffff47;border-radius:3.2rem;flex-direction:column;justify-content:center;align-items:center;padding:1.4rem 1rem 1.2rem;display:flex;position:relative}.big-btn-pic{filter:drop-shadow(0 .5rem #0003);width:14rem;height:14rem}.big-btn-pic .icon{width:100%;height:100%}.big-btn-word{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;letter-spacing:.03em;white-space:nowrap;margin-top:.5rem;font-size:3.6rem;line-height:1}.big-btn.is-focused{box-shadow:0 .9rem 0 color-mix(in srgb, var(--btn) 55%, black), 0 0 0 .6rem var(--yellow), 0 0 4rem 1.4rem color-mix(in srgb, var(--yellow) 70%, transparent);border-color:#fff;transform:translateY(-1.4rem)scale(1.1)}.big-btn.is-focused .big-btn-pic{animation:1.1s ease-in-out infinite pic-wiggle}@keyframes pic-wiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-7deg)scale(1.06)}75%{transform:rotate(7deg)scale(1.06)}}.title-menu.is-inline{justify-content:flex-start;margin-top:1.6rem;position:static}.title-menu.is-inline .big-btn{width:16rem;height:16rem}.title-menu.is-inline .big-btn-pic{width:9rem;height:9rem}.title-menu.is-inline .big-btn-word{font-size:2.6rem}.title-empty{position:absolute;top:16rem;left:50%;transform:translate(-50%)}.title-settings{gap:.9rem;display:flex;position:absolute;top:2rem;right:2.2rem}.set-btn{background:#140a28b8;border:.25rem solid #ffffff1f;border-radius:1.6rem;flex-direction:column;align-items:center;width:6.4rem;padding:.7rem 0 .5rem;display:flex;position:relative}.set-btn .icon{width:3.6rem;height:3.6rem}.set-pic{width:3.6rem;height:3.6rem;display:block;position:relative}.set-btn.is-off .set-pic .icon{opacity:.45;filter:grayscale()}.set-btn.is-off:not([data-toggle=muted]) .set-pic:after{content:"";background:var(--red);width:.5rem;box-shadow:0 0 0 .18rem var(--ink);border-radius:.3rem;position:absolute;top:-.2rem;bottom:-.2rem;left:50%;transform:translate(-50%)rotate(45deg)}.set-state{font-family:var(--font-display);color:var(--green);margin-top:.3rem;font-size:1.1rem;line-height:1}.set-btn.is-off .set-state{color:#ff8a8c}.set-btn[data-cycle=quality] .set-state{color:var(--yellow)}.set-btn[data-quality=auto] .set-state{color:var(--green)}.set-btn.is-focused{background:var(--paper);border-color:var(--yellow);transform:scale(1.12)}.set-btn.is-focused .set-state{color:var(--ink)}.title-credit{letter-spacing:.02em;color:#ffffff9e;text-shadow:0 .1rem .4rem #000000b3;pointer-events:none;font-size:1.1rem;position:absolute;bottom:1.6rem;left:2.2rem}.empty-card{border-radius:var(--radius);max-width:64rem;box-shadow:var(--toy-shadow), var(--soft-shadow);background:#2d1e58f2;padding:3rem 3.4rem}.empty-card.center{text-align:left;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-card h2{color:var(--yellow);margin-bottom:1rem;font-size:4.2rem}.empty-card p{font-size:2rem}.empty-steps{margin:1.4rem 0;padding-left:2.6rem;font-size:2.1rem;line-height:1.5}.empty-note{color:var(--muted);font-size:1.6rem!important}.select-screen{--pick:var(--red)}.select-screen[data-choosing=blue]{--pick:var(--blue)}.select-screen[data-choosing=done]{--pick:var(--yellow)}.roster-wrap{scrollbar-width:none;position:absolute;inset:1.2rem 2rem 18.4rem;overflow:hidden auto}.roster-wrap::-webkit-scrollbar{display:none}.roster{grid-template-columns:repeat(4,24rem);place-content:center;gap:2rem 3.4rem;min-height:100%;padding:1.4rem 2rem;display:grid}.roster.is-big{grid-template-columns:repeat(auto-fill,21rem);align-content:start}.tile{--focus-ring:0 0 0 .6rem var(--pick), 0 0 3.2rem 1rem color-mix(in srgb, var(--pick) 60%, transparent);box-shadow:var(--toy-shadow);background:#ffffff0f;border-radius:2.6rem;flex-direction:column;align-items:center;display:flex;position:relative}.tile-pic{aspect-ratio:24/16.5;background:radial-gradient(ellipse at 50% 88%, color-mix(in srgb, var(--bot) 50%, transparent) 0%, transparent 58%), radial-gradient(ellipse at 50% 32%, #fffaf0 0%, #eedcbd 58%, #d2b58a 100%);border-radius:2.6rem 2.6rem 1.2rem 1.2rem;width:100%;position:relative;overflow:hidden}.tile-img{object-fit:contain;opacity:0;width:90%;height:84%;transition:opacity .3s, transform .4s var(--ease-pop);filter:drop-shadow(0 .5rem .6rem #3c1e0040);position:absolute;top:9%;left:5%;transform:scale(.85)}.tile-img.is-loaded{opacity:1;transform:none}.tile-name{text-align:center;width:100%;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;padding:.6rem 1rem .7rem;font-size:2.5rem;line-height:1.05;overflow:hidden}.tile .tile-move{width:5.4rem;height:5.4rem;position:absolute;top:.8rem;right:.8rem}.tile.is-focused{z-index:2;box-shadow:var(--toy-shadow), var(--focus-ring);background:#ffffff29;transform:translateY(-.6rem)scale(1.08)}.tile.is-focused .tile-img.is-loaded{animation:bot-bounce .9s var(--ease-out) infinite alternate}@keyframes bot-bounce{0%{transform:translateY(0)rotate(-2deg)scale(1)}to{transform:translateY(-5%)rotate(2deg)scale(1.05)}}.tile.is-red{box-shadow:var(--toy-shadow), 0 0 0 .6rem var(--red), 0 0 2.6rem .6rem color-mix(in srgb, var(--red) 60%, transparent)}.tile.is-blue{box-shadow:var(--toy-shadow), 0 0 0 .6rem var(--blue), 0 0 2.6rem .6rem color-mix(in srgb, var(--blue) 60%, transparent)}.tile.is-red.is-blue{box-shadow:var(--toy-shadow), -.4rem -.4rem 0 .4rem var(--red), .4rem .4rem 0 .4rem var(--blue)}.tile.is-focused.is-red,.tile.is-focused.is-blue{box-shadow:var(--toy-shadow), var(--focus-ring)}.tile-pick{background:var(--red);border:.35rem solid #fff;border-radius:50%;place-items:center;width:5.4rem;height:5.4rem;display:none;position:absolute;top:.8rem;left:.8rem;box-shadow:0 .35rem #0000004d}.tile-pick .icon{width:72%;height:72%}.tile.is-red .tile-pick,.tile.is-blue .tile-pick{animation:num-pop .45s var(--ease-pop);display:grid}.tile.is-blue .tile-pick{background:var(--blue)}.tile.is-red.is-blue .tile-pick{background:linear-gradient(135deg, var(--red) 50%, var(--blue) 50%)}.tile.is-flash{box-shadow:var(--toy-shadow), 0 0 0 .6rem var(--yellow), 0 0 3rem 1rem color-mix(in srgb, var(--yellow) 70%, transparent);transform:scale(1.06)}.tile-warn{background:var(--orange);width:3rem;height:3rem;color:var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:2rem;display:grid;position:absolute;bottom:.8rem;left:.8rem}.picks{left:50%;bottom:calc(var(--footer-space) + .6rem);align-items:center;gap:2.4rem;display:flex;position:absolute;transform:translate(-50%)}.pick-slot{flex-direction:column;align-items:center;width:21rem;display:flex}.pick-disc{border:.5rem dashed color-mix(in srgb, var(--team) 75%, transparent);background:#140a2899;border-radius:50%;place-items:center;width:12.5rem;height:12.5rem;transition:background-color .25s,border-color .25s;display:grid;position:relative}.pick-q{font-family:var(--font-display);color:color-mix(in srgb, var(--team) 80%, white);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;padding-top:.1em;font-size:8rem;line-height:1}.pick-img{object-fit:contain;filter:drop-shadow(0 .5rem .6rem #00000059);width:124%;height:124%;display:none;position:absolute;inset:-12%}.pick-slot.is-set .pick-disc{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--team) 60%, white) 0%, var(--team) 70%);box-shadow:0 0 0 .35rem var(--team), 0 0 3rem .8rem color-mix(in srgb, var(--team) 55%, transparent);border-style:solid;border-color:#fff}.pick-slot.is-set .pick-q{display:none}.pick-slot.is-set .pick-img[src]{display:block}.pick-slot.is-pop .pick-disc{animation:slot-drop .55s var(--ease-pop)}@keyframes slot-drop{0%{transform:translateY(-3rem)scale(.6)}to{transform:none}}.pick-slot.is-next .pick-disc{animation:1.1s ease-in-out infinite slot-pulse}@keyframes slot-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--team) 0%, transparent);transform:scale(1)}50%{box-shadow:0 0 2.6rem .8rem color-mix(in srgb, var(--team) 65%, transparent);transform:scale(1.06)}}.pick-slot.is-nudge .pick-disc{animation:.5s ease-in-out slot-nudge}@keyframes slot-nudge{0%,to{transform:none}20%{transform:translate(-1rem)scale(1.1)}40%{transform:translate(1rem)scale(1.1)}60%{transform:translate(-.6rem)}80%{transform:translate(.6rem)}}.pick-name{text-align:center;width:100%;min-height:2.4rem;font-family:var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-top:.7rem;font-size:2.2rem;line-height:1.1;overflow:hidden}.picks-vs{font-family:var(--font-display);color:var(--yellow);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;font-size:6rem;transform:rotate(-6deg)}.dice-btn{background:radial-gradient(at 50% 20%,#fff6 0%,#fff0 60%),#9a5cff;border:.45rem solid #ffffff4d;border-radius:2.8rem;place-items:center;width:11rem;height:11rem;margin-right:1.4rem;display:grid;box-shadow:0 .7rem #5b2eb0,0 1.2rem 2.4rem #00000059}.dice-btn .icon{width:72%;height:72%}.dice-btn.is-focused{box-shadow:0 .7rem 0 #5b2eb0, 0 0 0 .55rem var(--yellow), 0 0 3rem 1rem color-mix(in srgb, var(--yellow) 60%, transparent);border-color:#fff;transform:translateY(-.6rem)scale(1.1)}.dice-btn.is-rolling .icon{animation:.3s linear infinite dice-roll}@keyframes dice-roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fight-btn{background:radial-gradient(ellipse at 50% 15%, #ffffff73 0%, #fff0 60%), var(--yellow);border:.5rem solid #fff6;border-radius:3.4rem;align-items:center;gap:1.2rem;height:13rem;margin-left:1.4rem;padding:0 3.2rem 0 2.4rem;display:flex;box-shadow:0 .9rem #c48a00,0 1.4rem 2.8rem #0006}.fight-btn .icon{width:9rem;height:9rem}.fight-word{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;padding-top:.08em;font-size:5.4rem;line-height:1}.fight-btn.is-disabled{filter:grayscale(.85)brightness(.7);opacity:.55}.fight-btn:not(.is-disabled){animation:.9s ease-in-out infinite fight-pulse}.fight-btn.is-focused{box-shadow:0 .9rem 0 #c48a00, 0 0 0 .6rem #fff, 0 0 4rem 1.4rem color-mix(in srgb, var(--yellow) 75%, transparent);border-color:#fff}.fight-btn.is-focused:not(.is-disabled){animation:.7s ease-in-out infinite alternate fight-bounce}@keyframes fight-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}@keyframes fight-bounce{0%{transform:scale(1.08)translateY(0)}to{transform:scale(1.14)translateY(-.8rem)}}.battle-hud{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud-top{opacity:0;transition:opacity .4s, transform .5s var(--ease-pop);justify-content:space-between;align-items:flex-start;gap:2rem;display:flex;position:absolute;top:1.2rem;left:1.4rem;right:1.4rem;transform:translateY(-120%)}.hud-top.is-on{opacity:1;transform:none}.hud-side{align-items:center;gap:1rem;width:min(36rem,38vw);min-width:0;display:flex}.hud-side.blue{flex-direction:row-reverse}.hud-face{border:.5rem solid var(--team);width:8.4rem;height:8.4rem;box-shadow:0 .4rem 0 #00000059, 0 0 1.6rem color-mix(in srgb, var(--team) 55%, transparent);background:radial-gradient(circle at 50% 38%,#fffaf0 0%,#f1e2c6 60%,#d9bd92 100%);border-radius:50%;flex:none;position:relative;overflow:hidden}.hud-face-img{object-fit:contain;width:140%;height:140%;position:absolute;inset:-20%}.hud-meta{flex:1;min-width:0}.hud-side.blue .hud-meta{text-align:right}.hud-name{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;white-space:nowrap;text-overflow:ellipsis;margin:0 .4rem .3rem;padding-top:.1em;font-size:2rem;line-height:1.1;overflow:hidden}.hp{border-radius:var(--pill);background:#140a28bf;border:.35rem solid #ffffffd9;height:3.2rem;position:relative;overflow:hidden;box-shadow:0 .35rem #00000059}.hp-fill,.hp-ghost{border-radius:var(--pill);transform-origin:0;will-change:transform;position:absolute;inset:0}.hud-side.blue .hp-fill,.hud-side.blue .hp-ghost{transform-origin:100%}.hp-ghost{opacity:.85;background:#fff}.hp-fill{background:linear-gradient(180deg, #ffffff73 0%, #fff0 50%), var(--team)}.hud-side.is-low .hp-fill{animation:.6s ease-in-out infinite alternate hp-low}@keyframes hp-low{0%{filter:brightness()}to{filter:brightness(1.7)}}.hud-side.is-hit .hud-face{animation:.35s ease-out face-hit}@keyframes face-hit{0%{filter:brightness(1.8);transform:scale(1.12)rotate(-8deg)}50%{transform:scale(.96)rotate(6deg)}to{filter:none;transform:none}}.hud-timer{border-radius:var(--pill);color:var(--ink);font-family:var(--font-display);background:#fff8eceb;flex:none;margin-top:.6rem;padding:.6rem 1.2rem .3rem;font-size:2.4rem;line-height:1;box-shadow:0 .3rem #00000059}.battle-hud.is-ko .hud-timer{opacity:0;transition:opacity .2s}.hud-timer.is-urgent{background:var(--red);color:#fff;animation:.5s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.hud-pop{border-radius:var(--pill);border:.35rem solid var(--team,#fff);opacity:0;transform-origin:0;background:#140a28c7;align-items:center;gap:.6rem;height:6.2rem;padding:0 1.8rem 0 .8rem;display:flex;position:absolute;box-shadow:0 .35rem #00000059}.hud-pop.is-right{transform-origin:100%;flex-direction:row-reverse;padding:0 .8rem 0 1.8rem}.pop-pic{width:5.2rem;height:5.2rem;display:block}.pop-pic .icon{width:100%;height:100%}.pop-word{font-family:var(--font-display);color:var(--pop,var(--yellow));-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;white-space:nowrap;padding-top:.08em;font-size:3.4rem;line-height:1}.hud-pop.is-on{animation:pop-in 1.25s var(--ease-out) forwards}.hud-pop.is-on.is-bump .pop-pic{animation:num-pop .35s var(--ease-pop)}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.1)}22%{transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.hud-ko{opacity:0;flex-direction:column;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:30%;left:2.4rem}.hud-ko.is-right{left:auto;right:2.4rem}.hud-ko.is-on{opacity:1}.hud-ko-head{border:.5rem solid var(--team);background:radial-gradient(circle at 50% 38%,#fffaf0 0%,#f1e2c6 60%,#d9bd92 100%);border-radius:50%;width:9rem;height:9rem;position:relative;box-shadow:0 .4rem #00000059}.hud-ko-face{object-fit:contain;border-radius:50%;width:136%;height:136%;position:absolute;inset:-18%}.hud-ko-pic{width:4.6rem;height:4.6rem;animation:1s ease-in-out infinite pic-wiggle;position:absolute;bottom:-1rem;right:-1.6rem}.hud-ko-pic .icon{width:100%;height:100%}.hud-ko-num{font-family:var(--font-display);color:var(--team);-webkit-text-stroke:.05em #fff;paint-order:stroke fill;text-shadow:0 .05em #00000073,0 0 3rem #0006;margin-top:-.4rem;font-size:15rem;line-height:.95}.hud-ko-num.pop{animation:num-pop .5s var(--ease-pop)}@keyframes num-pop{0%{opacity:.3;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.hud-count{text-align:center;font-family:var(--font-display);color:var(--paper);-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;text-shadow:0 .05em #00000080;opacity:0;font-size:20rem;line-height:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hud-count.is-on{animation:count-zoom .9s var(--ease-out) forwards}.hud-count.is-fight{color:var(--yellow);font-size:10rem}.hud-count.is-fight.is-on{animation:fight-zoom 1.1s var(--ease-out) forwards}.hud-count.is-call{color:var(--yellow);font-size:11rem;top:5%;transform:none}.hud-count.is-call.is-on{animation:call-pop 1.6s var(--ease-out) forwards}@keyframes count-zoom{0%{opacity:0;transform:translateY(-50%)scale(2.4)}25%{opacity:1;transform:translateY(-50%)scale(1)}80%{opacity:1;transform:translateY(-50%)scale(.92)}to{opacity:0;transform:translateY(-50%)scale(.7)}}@keyframes fight-zoom{0%{opacity:0;transform:translateY(-50%)scale(.2)rotate(-12deg)}22%{opacity:1;transform:translateY(-50%)scale(1.15)rotate(-4deg)}32%{transform:translateY(-50%)scale(1)rotate(-4deg)}75%{opacity:1}to{opacity:0;transform:translateY(-50%)scale(1.3)rotate(-4deg)}}@keyframes call-pop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}15%{opacity:1;transform:scale(1.12)rotate(-4deg)}25%{transform:scale(1)rotate(-4deg)}80%{opacity:1}to{opacity:0;transform:scale(1.1)rotate(-4deg)}}.hud-lower{opacity:0;align-items:center;gap:1.6rem;max-width:min(62rem,48vw);display:flex;position:absolute;bottom:3rem;left:3rem;transform:translate(-120%)}.hud-lower.is-right{flex-direction:row-reverse;left:auto;right:3rem;transform:translate(120%)}.hud-lower.is-on{opacity:1;transition:transform .6s var(--ease-pop), opacity .3s;transform:none}.hud-lower:not(.is-on){transition:transform .4s ease-in,opacity .4s}.lt-disc{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--team) 45%, white) 0%, var(--team) 72%);width:22rem;height:22rem;box-shadow:0 0 0 .45rem var(--team), 0 0 4rem 1rem color-mix(in srgb, var(--team) 55%, transparent), 0 1rem 2rem #0006;border:.7rem solid #fff;border-radius:50%;flex:none;position:relative}.lt-img{object-fit:contain;filter:drop-shadow(0 .6rem .6rem #00000059);width:120%;height:120%;position:absolute;inset:-10%}.hud-lower.is-on .lt-img{animation:bot-bounce .9s var(--ease-out) .5s infinite alternate}.lt-disc .lt-move{width:7.2rem;height:7.2rem;position:absolute;bottom:.4rem;right:-.6rem}.hud-lower.is-right .lt-disc .lt-move{left:-.6rem;right:auto}.lt-name{min-width:0;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 color-mix(in srgb, var(--team) 70%, black);white-space:nowrap;text-overflow:ellipsis;padding-top:.08em;font-size:6.4rem;line-height:1;overflow:hidden}.hud-versus{opacity:0;justify-content:center;align-items:center;gap:4rem;transition:opacity .5s;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hud-versus.is-on{opacity:1}.vs-side{flex-direction:column;align-items:center;width:36rem;display:flex}.vs-disc{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--team) 45%, white) 0%, var(--team) 72%);width:26rem;height:26rem;box-shadow:0 0 0 .5rem var(--team), 0 0 5rem 1.4rem color-mix(in srgb, var(--team) 55%, transparent), 0 1rem 2rem #0006;border:.8rem solid #fff;border-radius:50%;position:relative}.vs-img{object-fit:contain;filter:drop-shadow(0 .6rem .6rem #00000059);width:120%;height:120%;position:absolute;inset:-10%}.vs-name{max-width:100%;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;white-space:nowrap;text-overflow:ellipsis;margin-top:1.4rem;font-size:4.6rem;line-height:1;overflow:hidden}.hud-versus.is-on .vs-side.red{animation:slide-in-left .7s var(--ease-pop)}.hud-versus.is-on .vs-side.blue{animation:slide-in-right .7s var(--ease-pop)}.hud-versus.is-on .vs-vs{animation:num-pop .6s .3s var(--ease-pop) both}@keyframes slide-in-left{0%{transform:translate(-60vw)}to{transform:none}}@keyframes slide-in-right{0%{transform:translate(60vw)}to{transform:none}}.vs-vs{font-family:var(--font-display);color:var(--yellow);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;font-size:11rem;transform:rotate(-6deg)}.hud-skip{border-radius:var(--pill);color:var(--muted);opacity:0;background:#140a2880;padding:.4rem 1rem;font-size:1.1rem;transition:opacity .4s;position:absolute;bottom:1.2rem;right:1.6rem}.hud-skip.is-on{opacity:1}.result{padding:2rem 2rem calc(var(--footer-space) + .6rem);opacity:0;background:radial-gradient(at 50% 42%,#160b2c59 0%,#160b2cc7 70%,#160b2ce6 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.result.is-on{opacity:1}.result-card{text-align:center;max-width:100%;transition:transform .7s var(--ease-pop);flex-direction:column;align-items:center;display:flex;position:relative;transform:scale(.5)}.result.is-on .result-card{transform:none}.result-hero{align-items:flex-end;gap:2.4rem;display:flex}.result-disc{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--team) 40%, white) 0%, var(--team) 72%);width:34rem;height:34rem;box-shadow:0 0 0 .6rem var(--team), 0 0 7rem 2rem color-mix(in srgb, var(--team) 60%, transparent), 0 1.4rem 3rem #00000073;border:.9rem solid #fff;border-radius:50%;position:relative}.result-disc.small{width:26rem;height:26rem}.result-rays{z-index:-1;background:repeating-conic-gradient(#ffe67866 0deg 10deg,#ffe67800 10deg 22deg);border-radius:50%;animation:12s linear infinite rays-spin;position:absolute;inset:-30%;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 70%);mask-image:radial-gradient(circle,#000 35%,#0000 70%)}@keyframes rays-spin{to{transform:rotate(360deg)}}.result-img{object-fit:contain;filter:drop-shadow(0 1rem 1rem #00000059);width:116%;height:116%;animation:bot-bounce .8s var(--ease-out) infinite alternate;position:absolute;inset:-8%}.result-crown{width:9.5rem;height:9.5rem;animation:1.4s ease-in-out infinite crown-bob;position:absolute;top:-5.6rem;left:50%;transform:translate(-50%)rotate(-8deg)}@keyframes crown-bob{0%,to{transform:translate(-50%)translateY(0)rotate(-8deg)}50%{transform:translate(-50%)translateY(-1rem)rotate(6deg)}}.result-crown .icon,.result-trophy .icon,.result-tie .icon{width:100%;height:100%}.result-trophy{width:12rem;height:12rem;margin-bottom:1.4rem;animation:2.2s ease-in-out infinite letter-bob}.result-trophy.r{animation-delay:-1.1s}.result-tie{align-self:center;width:12rem;height:12rem;animation:2s ease-in-out infinite letter-bob}.result-name{max-width:calc(100vw - 4rem);font-family:var(--font-display);white-space:nowrap;color:var(--team);-webkit-text-stroke:.06em #fff;paint-order:stroke fill;text-shadow:0 .06em #00000073,0 0 4rem #00000080;margin:1.2rem 0 0;padding-top:.06em;font-size:7rem;line-height:1;animation:2.4s ease-in-out infinite letter-bob}.result-buttons,.next-buttons{justify-content:center;align-items:flex-end;gap:3rem;margin-top:2.4rem;display:flex}.result .result-buttons{margin-top:1.4rem}.result-hero{padding-top:4.4rem}.screen-title{text-align:center;color:var(--yellow);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:0 .08em #00000073;font-size:6rem;position:absolute;top:2.4rem;left:0;right:0}.bracket{grid-template-columns:repeat(var(--rounds), minmax(0, 24rem));scrollbar-width:none;justify-content:center;gap:5rem;display:grid;position:absolute;inset:1.2rem 2rem 25rem;overflow:auto}.bracket::-webkit-scrollbar{display:none}.round{flex-direction:column;min-height:0;display:flex}.round-name{height:2.4rem;font-family:var(--font-display);color:var(--muted);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:1.5rem;display:flex}.round-name .icon{width:2.4rem;height:2.4rem}.round-matches{flex-direction:column;flex:1;justify-content:space-around;gap:.8rem;display:flex}.match{background:#ffffff0f;border-radius:2rem;justify-content:center;gap:1rem;padding:.5rem 1rem .3rem;display:flex}.match.is-current{box-shadow:0 0 0 .45rem var(--yellow);background:#ffd21f29;animation:1s ease-in-out infinite alternate current-glow}@keyframes current-glow{0%{box-shadow:0 0 0 .45rem var(--yellow), 0 0 0 0 #ffd21f66;transform:scale(1)}to{box-shadow:0 0 0 .45rem var(--yellow), 0 0 2.6rem .8rem #ffd21f8c;transform:scale(1.05)}}.slot{flex-direction:column;align-items:center;width:10rem;display:flex}.slot-disc{border:.35rem solid color-mix(in srgb, var(--bot,#888) 70%, white);background:radial-gradient(circle at 50% 38%,#fffaf0 0%,#f1e2c6 60%,#d9bd92 100%);border-radius:50%;place-items:center;width:6.2rem;height:6.2rem;display:grid;position:relative}.slot-img{object-fit:contain;width:132%;height:132%;position:absolute;inset:-16%}.slot-q{font-family:var(--font-display);color:var(--muted);padding-top:.1em;font-size:3.4rem;line-height:1}.slot.is-empty .slot-disc{background:#140a288c;border:.3rem dashed #ffffff4d}.slot-name{text-align:center;width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:1.2rem;line-height:1.2;overflow:hidden}.slot.is-won .slot-disc{border-color:var(--yellow);box-shadow:0 0 0 .25rem var(--yellow), 0 0 1.6rem .4rem #ffd21f99}.slot.is-won .slot-name{color:var(--yellow)}.slot-crown{width:3.4rem;height:3.4rem;position:absolute;top:-1.9rem;left:50%;transform:translate(-50%)rotate(-8deg)}.slot-crown .icon{width:100%;height:100%}.slot.is-lost{opacity:.45;filter:grayscale()}.round.is-final .slot-disc{width:9rem;height:9rem}.bracket[data-size=large] .slot-disc{width:5.4rem;height:5.4rem}.bracket[data-size=large] .slot{width:7.6rem}.next-up{left:50%;bottom:calc(var(--footer-space) + .6rem);box-shadow:var(--toy-shadow), var(--soft-shadow);background:#140a28b8;border-radius:3rem;align-items:center;gap:2.4rem;padding:1.4rem 3rem 1.2rem;display:flex;position:absolute;transform:translate(-50%)}.next-side{flex-direction:column;align-items:center;width:19rem;display:flex}.next-disc{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--team) 45%, white) 0%, var(--team) 72%);width:15rem;height:15rem;box-shadow:0 0 0 .35rem var(--team), 0 0 2.6rem .6rem color-mix(in srgb, var(--team) 55%, transparent);border:.55rem solid #fff;border-radius:50%;position:relative}.next-img{object-fit:contain;filter:drop-shadow(0 .5rem .5rem #00000059);width:124%;height:124%;animation:bot-bounce .9s var(--ease-out) infinite alternate;position:absolute;inset:-12%}.next-name{max-width:100%;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-top:.7rem;font-size:2.2rem;line-height:1.1;overflow:hidden}.next-vs{font-family:var(--font-display);color:var(--yellow);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;font-size:6rem;transform:rotate(-6deg)}.next-count{background:var(--paper);width:10rem;height:10rem;box-shadow:var(--toy-shadow);border-radius:50%;place-items:center;margin:0 1rem;display:grid}.next-count-num{font-family:var(--font-display);color:var(--ink);padding-top:.1em;font-size:6.4rem;line-height:1}.next-count-num.pop{animation:num-pop .45s var(--ease-pop)}.next-up .next-buttons{gap:1.8rem;margin-top:0}.champ{padding-bottom:var(--footer-space);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.champ-row{align-items:flex-end;gap:3rem;padding-top:5rem;display:flex}.champ-disc{background:radial-gradient(circle at 50% 40%,#fff6c2 0%,#ffd21f 55%,#e0a000 100%);border:1rem solid #fff;border-radius:50%;width:32rem;height:32rem;position:relative;box-shadow:0 0 0 .6rem #ffb000,0 0 7rem 2rem #ffd21f99,0 1.4rem 3rem #00000073}.champ-img{object-fit:contain;filter:drop-shadow(0 1rem 1rem #00000059);width:116%;height:116%;animation:bot-bounce .8s var(--ease-out) infinite alternate;position:absolute;inset:-8%}.champ-crown{width:10rem;height:10rem;animation:1.4s ease-in-out infinite crown-bob;position:absolute;top:-5.8rem;left:50%;transform:translate(-50%)rotate(-8deg)}.champ-crown .icon,.champ-trophy .icon{width:100%;height:100%}.champ-trophy{width:14rem;height:14rem;margin-bottom:1rem;animation:2.2s ease-in-out infinite letter-bob}.champ-trophy.r{animation-delay:-1.1s}.champ-name{max-width:90vw;font-family:var(--font-display);white-space:nowrap;color:var(--yellow);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .07em #c98a00,0 0 4rem #0006;margin-top:1.4rem;font-size:7rem;line-height:1;animation:2.2s ease-in-out infinite letter-bob}.champ .next-buttons{margin-top:2rem}.confetti-rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-rain i{top:-3rem;left:var(--x);width:calc(1.2rem * var(--s));height:calc(2rem * var(--s));background:var(--c);transform:rotate(var(--r));animation:confetti-fall var(--d) linear infinite;animation-delay:var(--delay);border-radius:.2rem;position:absolute}@keyframes confetti-fall{0%{transform:translate3d(0, 0, 0) rotate(var(--r)) rotateY(0)}to{transform:translate3d(4rem, 115vh, 0) rotate(calc(var(--r) + 540deg)) rotateY(720deg)}}.garage-screen{pointer-events:none}.garage-screen .panel{pointer-events:auto}.panel{scrollbar-width:thin;background:#1b1033f0;padding:2.4rem 2.4rem 7rem;display:none;position:absolute;top:0;bottom:0;overflow-y:auto}.panel.is-on{display:block}.garage-panel{border-left:.4rem solid #ffffff14;width:38rem;right:0}.garage-nav{justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.garage-count{font-family:var(--font-display);color:var(--muted);font-size:2rem}.garage-name{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:var(--bot);text-decoration-color:var(--bot);text-underline-offset:.6rem;font-size:4.4rem;line-height:1;text-decoration-thickness:.35rem}.garage-builder{color:var(--muted);margin-top:.8rem;font-size:2rem}.garage-tagline{color:var(--yellow);margin-top:.4rem;font-size:1.8rem;font-style:italic}.garage-chips{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.6rem;display:flex}.val{border-radius:var(--radius-sm);margin-top:1.8rem;padding:.8rem 1.2rem;font-size:1.7rem}.val-ok{background:color-mix(in srgb, var(--green) 30%, transparent);color:#c8ffd2}.val-warn{background:color-mix(in srgb, var(--orange) 28%, transparent);color:#ffe0bf}.val-bad{background:color-mix(in srgb, var(--red) 32%, transparent);color:#ffd3d4}.val-list{margin:.8rem 0 0;padding-left:2rem;font-size:1.35rem;font-weight:600;line-height:1.4}.val-list.bad{color:#ffb3b5}.val-list.warn{color:#ffd9a8}.garage-toggles{flex-wrap:wrap;gap:.6rem;margin-top:2rem;display:flex}.garage-file{color:var(--muted);margin-top:1.4rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.3rem}.photo-panel{border-right:.4rem solid #ffffff14;width:40rem;left:0}.photo-panel h2{color:var(--yellow);margin-bottom:1.2rem;font-size:3rem}.photo-list{flex-direction:column;gap:1.4rem;display:flex}.photo-list figure{margin:0}.photo-list img{border-radius:var(--radius-sm);background:#ffffff0f;width:100%;display:block}.photo-list figcaption{color:var(--muted);margin-top:.3rem;font-size:1.3rem}.photo-list figure.is-missing img{display:none}.photo-list figure.is-missing figcaption:after{content:" — file not found";color:#ffb3b5}.photo-empty{color:var(--muted);font-size:1.7rem;line-height:1.5}.angle-badge{border-radius:var(--pill);background:#1b1033bf;padding:.5rem 1.2rem;font-size:1.6rem;display:none;position:absolute;top:2rem;left:2rem}.angle-badge.is-on{display:block}.photo-panel.is-on~.angle-badge{left:42rem}.label-layer{pointer-events:none;display:none;position:absolute;inset:0}.label-layer.is-on{display:block}.part-label{color:var(--paper);white-space:nowrap;will-change:transform;background:#1b1033d1;border-radius:.5rem;padding:.15rem .55rem;font-size:1.15rem;font-weight:600;position:absolute;top:0;left:0}.part-label b{color:var(--yellow)}@media (max-width:720px){.hud-top{gap:1rem;left:.8rem;right:.8rem}.hud-side{width:40vw}.hud-face{width:6rem;height:6rem}.next-up{flex-wrap:wrap;justify-content:center;width:calc(100vw - 2rem)}.bracket{bottom:34rem}}@media (prefers-reduced-motion:reduce){.logo-letter,.result-name,.champ-name,.confetti-rain i,.fight-btn,.match.is-current,.tile-img,.result-img,.result-rays,.champ-img,.next-img,.lt-img,.result-trophy,.champ-trophy,.big-btn-pic,.icon-btn-disc .icon{animation:none!important}}