@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2")}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-latin.woff2)format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo-2-800-latin.woff2)format("woff2")}:root{--bp-phone:600px;--bp-tablet:1100px;--bp-short:500px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tap-min:44px;--thumb-zone-w:min(38vw, 280px);--thumb-zone-h:min(60dvh, 240px);--thumb-zone-inset:12px;--fs-btn:clamp(1.15rem, .9rem + 1.2vmin, 1.35rem);--fs-btn-huge:clamp(1.5rem, min(3.2vw + .6rem, 7vmin), 3rem);--fs-logo-big:clamp(2rem, 9vw, 8.2rem);--art-pup:clamp(40px, 9vw, 118px);--ink:#2a1840;--ink-soft:#5b4a73;--cream:#fff7e8;--paper:#fffdf7;--pink:#ff4fa8;--pink-dark:#b8196e;--blue:#2f8cff;--blue-dark:#1b4fb3;--yellow:#ffd23f;--lime:#7cfc5a;--green:#2fcf6b;--purple:#b36bff;--orange:#ff8a2f;--teal:#2de0c8;--red:#ff4d4d;--font-display:"Lilita One", "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Fredoka", "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;--outline:4px solid var(--ink);--pop-shadow:0 6px 0 var(--ink);--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#ffe36e;margin:0;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}button{font:inherit;color:inherit}kbd{border:2.5px solid var(--ink);background:var(--paper);min-width:1.9em;height:1.9em;font-family:var(--font-display);color:var(--ink);white-space:nowrap;border-bottom-width:5px;border-radius:.5em;justify-content:center;align-items:center;padding:0 .45em;font-size:.85em;line-height:1;display:inline-flex}.party-bg{z-index:0;background:radial-gradient(circle at 18% 22%,#ffffff8c,#0000 38%),radial-gradient(circle at 85% 80%,#ff4fa859,#0000 45%),linear-gradient(160deg,#ffe45c 0%,#ffb347 45%,#ff7ab6 100%);position:absolute;inset:0;overflow:hidden}.party-bg:before{content:"";background:repeating-conic-gradient(#ffffff29 0deg 9deg,#0000 9deg 18deg);width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;animation:90s linear infinite spin;position:absolute;top:50%;left:50%}.party-bg:after{content:"";opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%232a1840'%3E%3Cg transform='translate(10 14) rotate(-18 20 20) scale(.4)'%3E%3Cpath d='M50 50c11 0 25 13 25 25 0 9-7 13-14 13-5 0-7-3-11-3s-6 3-11 3c-7 0-14-4-14-13 0-12 14-25 25-25z'/%3E%3Cellipse cx='21' cy='44' rx='9' ry='12'/%3E%3Cellipse cx='38' cy='24' rx='9.5' ry='13'/%3E%3Cellipse cx='62' cy='24' rx='9.5' ry='13'/%3E%3Cellipse cx='79' cy='44' rx='9' ry='12'/%3E%3C/g%3E%3Cg transform='translate(66 68) rotate(22 20 20) scale(.4)'%3E%3Cpath d='M50 50c11 0 25 13 25 25 0 9-7 13-14 13-5 0-7-3-11-3s-6 3-11 3c-7 0-14-4-14-13 0-12 14-25 25-25z'/%3E%3Cellipse cx='21' cy='44' rx='9' ry='12'/%3E%3Cellipse cx='38' cy='24' rx='9.5' ry='13'/%3E%3Cellipse cx='62' cy='24' rx='9.5' ry='13'/%3E%3Cellipse cx='79' cy='44' rx='9' ry='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px;animation:40s linear infinite paw-drift;position:absolute;inset:0}.bg-splat{width:var(--s,220px);height:var(--s,220px);rotate:var(--rot,0deg);opacity:.9;filter:drop-shadow(0 8px #2a18402e);animation:7s ease-in-out infinite alternate splat-bob;animation-delay:var(--delay,0s);pointer-events:none;position:absolute}.bg-splat svg{width:100%;height:100%;display:block}@keyframes spin{to{rotate:360deg}}@keyframes paw-drift{to{background-position:180px -180px}}@keyframes splat-bob{0%{translate:0;scale:1}to{translate:0 -14px;scale:1.05}}@keyframes wobble{0%{rotate:-2.5deg}50%{rotate:2.5deg}to{rotate:-2.5deg}}@keyframes jelly{0%{scale:1}30%{scale:1.12 .88}45%{scale:.92 1.08}60%{scale:1.05 .96}to{scale:1}}@keyframes bounce-in{0%{opacity:0;scale:.3}60%{opacity:1;scale:1.12}80%{scale:.95}to{scale:1}}@keyframes float-y{0%{translate:0}to{translate:0 -10px}}.btn{--bg:var(--yellow);--fg:var(--ink);border:var(--outline);background:var(--bg);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-btn);letter-spacing:.02em;box-shadow:var(--pop-shadow), inset 0 -6px 0 #0000001f, inset 0 4px 0 #ffffff73;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:none;border-radius:18px;justify-content:center;align-items:center;gap:.5em;padding:.55em 1.3em .6em;line-height:1;transition:translate 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.btn:focus-visible{filter:brightness(1.06)saturate(1.1);outline:none;animation:.45s ease-in-out infinite wobble}@media (hover:hover){.btn:hover{filter:brightness(1.06)saturate(1.1);outline:none;animation:.45s ease-in-out infinite wobble}}.btn:focus-visible{box-shadow:var(--pop-shadow), 0 0 0 5px #fff, 0 0 0 9px var(--ink)}.pad-nav :is(button,select,[data-nav]):focus{filter:brightness(1.06)saturate(1.1);box-shadow:var(--pop-shadow), 0 0 0 5px var(--yellow), 0 0 0 9px var(--ink);outline:none;animation:.45s ease-in-out infinite wobble}.pad-nav label:has(>input:focus){background:color-mix(in srgb, var(--yellow) 55%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--yellow) 55%, transparent), 0 0 0 8px var(--ink);border-radius:12px}.pad-nav input:focus{outline:none}.btn:active{box-shadow:0 1px 0 var(--ink), inset 0 -3px 0 #0000001f;animation:none;translate:0 5px}.btn.pink{--bg:var(--pink);--fg:#fff}.btn.blue{--bg:var(--blue);--fg:#fff}.btn.lime{--bg:var(--lime)}.btn.cream{--bg:var(--paper)}.btn.purple{--bg:var(--purple);--fg:#fff}.btn.pink,.btn.blue,.btn.purple{text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.btn.small{box-shadow:0 4px 0 var(--ink), inset 0 -4px 0 #0000001f;border-width:3px;border-radius:14px;padding:.45em .9em .5em;font-size:1rem}.btn.small:active{translate:0 3px}.btn.huge{font-size:var(--fs-btn-huge);box-shadow:0 9px 0 var(--ink), inset 0 -9px 0 #00000024, inset 0 6px 0 #ffffff73;border-width:5px;border-radius:26px;padding:.45em 1.4em .5em}.btn.huge:active{translate:0 7px}.btn svg{width:1.2em;height:1.2em}.btn[disabled]{filter:grayscale()opacity(.6);pointer-events:none}.display{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);letter-spacing:.01em}.panel{background:var(--paper);border:var(--outline);border-radius:var(--radius);box-shadow:0 8px #2a1840d9}.screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);animation:.35s ease-out screen-in;position:absolute;inset:0;overflow:hidden}@keyframes screen-in{0%{opacity:0;scale:1.03}to{opacity:1;scale:1}}:root:not([data-input=gamepad],[data-input=touch]) :is(.for-pad,.for-touch):not(.for-keys),:root[data-input=gamepad] :is(.for-keys,.for-touch):not(.for-pad),:root[data-input=touch] :is(.for-keys,.for-pad):not(.for-touch){display:none!important}.prompt{vertical-align:middle;align-items:center;display:inline-flex}.touch-glyph{border:2.5px solid var(--ink);background:var(--paper);width:1.7em;height:1.7em;box-shadow:0 2px 0 var(--ink);color:var(--ink);border-radius:50%;place-items:center;font-weight:800;line-height:1;display:inline-grid}.touch-glyph:before{content:attr(data-glyph)}.prompt-line{flex-wrap:wrap;align-items:center;gap:.3em;display:inline-flex}.pad-glyph{vertical-align:middle;flex-shrink:0;height:1.9em;display:inline-flex}.pad-glyph svg{width:auto;height:100%;display:block;overflow:visible}.pad-glyph .pg-text{font-family:var(--font-display)}.controls-sheet{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.45em 1.1em;font-size:.95rem;font-weight:600;display:grid}.controls-sheet .cs-row{align-items:center;gap:.5em;min-width:0;display:flex}.controls-sheet .cs-keys{flex-shrink:0;gap:.2em;display:inline-flex}.controls-sheet .cs-what{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.controls-sheet[hidden]{display:none}.controls-sheet .pad-glyph{height:1.75em}.controls-sheet .cs-group{font-family:var(--font-display);color:var(--ink);grid-column:1/-1;margin-top:.2em;font-weight:400}.controls-sheet .cs-group:first-child{margin-top:0}.controls-tabs{width:100%}.cs-tabbar{gap:.5em;margin-bottom:.7em;display:flex}.controls-sheet .cs-tp-diagram{aspect-ratio:844/390;border:3px solid var(--ink);background:linear-gradient(#bfe6ff,#d9f7c8);border-radius:16px;grid-column:1/-1;width:min(100%,34em);margin:0 auto .3em;font-size:clamp(8px,1.6vw,12px);position:relative;overflow:hidden}.cs-tp-spot{aspect-ratio:1;border:2px solid var(--ink);background:#fffdf7d9;border-radius:50%;place-content:center;justify-items:center;line-height:1;display:grid;position:absolute;translate:-50% -50%}.cs-tp-fire{background:var(--pink)}.cs-tp-stick,.cs-tp-sprintLock{background:#fffdf780;border-style:dashed}.cs-tp-glyph{font-size:1.2em}.cs-tp-label{font-family:var(--font-display);white-space:nowrap;font-size:.8em;position:absolute;top:calc(100% + 1px);left:50%;translate:-50%}.cs-tp-stick.cs-tp-stick-fixed{border-style:solid}.cs-tp-stick .cs-tp-label{position:static;translate:none}.controls-sheet.cs-touch .cs-what{white-space:normal}.cs-tp-look{color:var(--ink-soft);font-style:italic;position:absolute;top:22%}.cs-tp-slots{border:2px solid var(--ink);background:var(--paper);font-family:var(--font-display);border-radius:8px;padding:.2em .8em;position:absolute;bottom:4%;left:50%;translate:-50%}.controls-sheet .touch-glyph{font-size:.9em}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#2a18408c;place-items:center;animation:.2s ease-out fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.page-toasts{left:50%;top:calc(1.2em + var(--safe-top));z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:.35em;font-size:clamp(13px,1.6vmin,18px);display:flex;position:fixed;translate:-50%}.toast{background:var(--lime);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font-family:var(--font-display);border-radius:999px;padding:.3em 1em .35em;font-size:1.25em;transition:opacity .4s,translate .4s;animation:.35s ease-out bounce-in}.toast.kill{background:var(--pink);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.toast.bad{background:#ffd0d0}.toast.good{background:var(--yellow)}.toast.leaving{opacity:0;translate:0 -1em}.portrait{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}:where(button,a[href],input,select,textarea,label,summary,[role=button],[tabindex]){touch-action:manipulation}@media (pointer:coarse){.btn,.btn.small,:where(button,[role=button],select,a[href].btn),:root input:is([type=checkbox],[type=radio]){min-width:var(--tap-min);min-height:var(--tap-min)}:root input[type=range]{min-height:var(--tap-min)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}}.sitelock{text-align:center;font-family:var(--font-display);place-items:center;margin:0;padding:24px;font-size:1.5rem;display:grid;position:fixed;inset:0}.rotate-overlay{z-index:200;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;animation:.25s ease-out fade-in;display:grid;position:fixed;inset:0;overflow:hidden}.rotate-overlay[hidden]{display:none}.ro-card{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(340px,100%);padding:22px 20px 24px;animation:.35s ease-out bounce-in;display:flex;position:relative}.ro-art{justify-content:center;align-items:center;gap:4px;display:flex}.ro-pup{aspect-ratio:1;border:4px solid var(--ink);background:radial-gradient(circle at 50% 40%,#fff 0 45%,#ffc8e4 75%);border-radius:50%;width:110px;overflow:hidden;rotate:-6deg}.ro-pup img{object-fit:cover;width:100%;height:100%;display:block}.ro-icon{width:96px;height:96px}.ro-icon svg{width:100%;height:100%;overflow:visible}.ro-phone{transform-origin:60px 69px;animation:2.4s ease-in-out infinite ro-turn}@keyframes ro-turn{0%,20%{rotate:0deg}45%,80%{rotate:-90deg}to{rotate:0deg}}.ro-title{color:var(--yellow);margin:4px 0 0;font-size:2rem;font-weight:400;line-height:1.05;rotate:-2deg}.ro-text{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}@media (prefers-reduced-motion:reduce){.ro-phone{animation:none;rotate:-90deg}}.lobby-screen{display:flex}.lb-frame{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.lb-header{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 4px;display:flex}.lb-header .logo-small{font-size:clamp(1.5rem,2.6vw,2.3rem)}.lb-header-right{gap:10px;display:flex}.lb-icon-btn{padding:.35em .55em}.lb-icon-btn svg{width:1.5em;height:1.5em}.lb-main{flex:1;grid-template-columns:minmax(360px,5fr) minmax(420px,7fr);align-items:start;gap:18px;min-height:0;padding:10px 20px 18px;display:grid;overflow:auto}.lb-section{padding:14px 16px 16px;position:relative}.lb-section-title{align-items:center;gap:10px;margin:0 0 8px;font-size:1.7rem;font-weight:400;display:flex}.lb-section-title .display{color:var(--yellow)}.lb-choice{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;text-align:left;color:var(--ink);background:#fff;border-radius:16px;transition:translate 80ms,box-shadow 80ms,background .15s;position:relative}@media (hover:hover){.lb-choice:hover{background:#fff6c9;animation:.5s ease-in-out infinite wobble}}.lb-choice:active{box-shadow:0 1px 0 var(--ink);translate:0 3px}.lb-choice.active{background:var(--yellow);animation:.45s ease-out jelly}.lb-choice:focus-visible{outline:4px solid var(--blue);outline-offset:2px}.lb-seg{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lb-modes .lb-choice{flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.lb-mode-name{font-family:var(--font-display);font-size:1.5rem}.lb-mode-dots{align-items:center;gap:3px;font-size:.7rem;display:flex}.lb-mode-dots b{font-family:var(--font-display);margin:0 3px;font-weight:400}.lb-mode-dots .dot{background:var(--c);border:2px solid var(--ink);border-radius:50%;width:11px;height:11px}.lb-rules{gap:8px;display:grid}.lb-rules .lb-choice{align-items:center;gap:12px;padding:7px 12px;display:flex}.lb-rule-glyph{text-align:center;font-family:var(--font-display);color:var(--pink);-webkit-text-stroke:1px var(--ink);letter-spacing:-.05em;flex:0 0 4.2em;font-size:1.1rem}.rule-timed .lb-rule-glyph{color:var(--blue)}.lb-rule-text{flex-direction:column;line-height:1.15;display:flex}.lb-rule-text b{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.lb-rule-text small{color:var(--ink-soft);font-weight:500}.lb-choice.active small{color:var(--ink)}.lb-diff{grid-template-columns:repeat(4,1fr)}.lb-diff .lb-choice{flex-direction:column;align-items:center;padding:6px 4px;line-height:1.1;display:flex}.lb-diff b{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.lb-diff small{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.7rem;font-weight:600}.diff-super-easy.active{background:var(--teal)}.diff-easy.active{background:var(--lime)}.diff-hard.active{background:var(--orange)}.lb-maps{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.lb-map{flex-direction:column;padding:0;display:flex;overflow:hidden}.lb-map-thumb{aspect-ratio:16/8.5;border-bottom:3px solid var(--ink);background:linear-gradient(var(--sky1), var(--sky2));position:relative}.lb-map-thumb svg{width:100%;height:100%;display:block}.lb-map-info{flex-direction:column;padding:7px 10px 9px;line-height:1.15;display:flex;position:relative}.lb-map-info b{font-family:var(--font-display);font-size:1.15rem;font-weight:400}.lb-map-info small{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:500;display:-webkit-box;overflow:hidden}.lb-map-weather{font-family:var(--font-display);border:2.5px solid var(--ink);background:#fff;border-radius:999px;padding:2px 8px;font-size:.75rem;position:absolute;top:-32px;right:8px}.lb-map.active{background:var(--yellow)}.lb-map.active .lb-map-thumb:after{content:"✔";background:var(--lime);border:3px solid var(--ink);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:6px;left:6px}.lb-squad{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;display:grid}.lb-team{background:color-mix(in srgb, var(--tc) 18%, #fff);border:3px solid var(--ink);border-radius:16px;min-width:0;padding:8px}.lb-team-name{font-family:var(--font-display);color:var(--td);justify-content:space-between;align-items:center;gap:6px;min-height:1.9em;margin:0 2px 6px;font-size:1.05rem;display:flex}.lb-reroll{padding:.3em .6em;font-size:.8rem}.lb-dice svg{width:1.3em;height:1.3em;display:block}@media (hover:hover){.lb-reroll:hover .lb-dice{animation:.6s linear infinite spin}}.lb-vs{color:var(--yellow);align-self:center;font-size:2rem;rotate:-8deg}.lb-slots{flex-direction:column;gap:6px;display:flex}.lb-slot{border:3px solid var(--ink);text-align:left;color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 4px;display:flex;position:relative}button.lb-slot{cursor:pointer;box-shadow:0 3px 0 var(--ink)}@media (hover:hover){button.lb-slot:hover{animation:.5s ease-in-out infinite wobble}}.lb-slot.active{background:var(--yellow);box-shadow:0 3px 0 var(--ink), 0 0 0 4px var(--tc)}.lb-slot-portrait{border:3px solid var(--ink);background:color-mix(in srgb, var(--tc) 30%, #fff);border-radius:50%;flex:none;width:46px;height:46px;overflow:hidden}.lb-slot-portrait img{object-fit:cover;width:100%;height:100%;display:block}.lb-slot-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.lb-slot-text b{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:400;overflow:hidden}.lb-slot-text small{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.lb-slot.me .lb-slot-text b{color:var(--pink-dark)}.lb-slot-edit{background:var(--pink);color:#fff;font-family:var(--font-display);border:2px solid var(--ink);border-radius:999px;padding:1px 7px;font-size:.68rem;animation:.6s ease-in-out infinite alternate float-y;position:absolute;top:-9px;right:-6px;rotate:6deg}.lb-picking{flex-wrap:wrap;align-items:baseline;gap:6px;margin:12px 2px 8px;font-weight:600;display:flex}.lb-picking b{font-family:var(--font-display);color:var(--blue-dark);font-size:1.25rem;font-weight:400}.lb-picking b.me{color:var(--pink-dark)}.lb-picking small{color:var(--ink-soft);font-weight:500}.lb-breeds{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.lb-breed{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;text-align:center;color:var(--ink);animation:.35s ease-out backwards bounce-in;animation-delay:calc(var(--i) * 18ms);background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:8px 8px 9px;display:flex;position:relative}@media (hover:hover){.lb-breed:hover{background:#fff6c9;animation:.5s ease-in-out infinite wobble}.lb-breed:hover .lb-breed-portrait img{rotate:-4deg;scale:1.1}}.lb-breed:active{box-shadow:0 1px 0 var(--ink);translate:0 3px}.lb-breed.selected{background:var(--yellow);box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--pink)}.lb-breed-portrait{border:3px solid var(--ink);background:radial-gradient(circle at 50% 38%,#fff 0 40%,#ffe0f0 72%);border-radius:50%;width:84px;height:84px;margin-bottom:5px;overflow:hidden}.lb-breed-portrait img{object-fit:cover;width:100%;height:100%;transition:scale .2s,rotate .2s;display:block}.lb-breed-name{font-family:var(--font-display);font-size:1rem;font-weight:400;line-height:1.05}.lb-breed-blurb{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:.74rem;font-weight:500;line-height:1.15;display:-webkit-box;overflow:hidden}.lb-breed.selected .lb-breed-blurb{color:var(--ink)}.lb-breed-check{background:var(--pink);border:3px solid var(--ink);border-radius:50%;width:34px;height:34px;padding:4px;animation:.3s ease-out bounce-in;position:absolute;top:-10px;right:-8px;rotate:14deg}.lb-breed-check svg{width:100%;height:100%;display:block}.lb-footer{background:linear-gradient(#0000,#ffffff59 40%);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px 16px;display:flex}.lb-summary{background:var(--paper);border:var(--outline);box-shadow:0 5px 0 var(--ink);border-radius:18px;min-width:0;padding:8px 16px}.lb-summary-line{flex-wrap:wrap;align-items:baseline;gap:6px;font-weight:600;display:flex}.lb-summary-line b{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.lb-summary-keys{color:var(--ink-soft);align-items:center;gap:4px;margin-top:2px;font-size:.85rem;font-weight:600;display:flex}.lb-play{flex-shrink:0}.lb-play-paw{width:1em;height:1em;display:inline-block;rotate:-18deg}.lb-play-paw svg{width:100%;height:100%}@media (hover:hover){.lb-play:hover .lb-play-paw{animation:.6s ease-in-out infinite paw-wiggle}}.lb-controls-modal{flex-direction:column;align-items:flex-start;gap:14px;width:100%;max-width:760px;padding:20px 24px 22px;animation:.3s ease-out bounce-in;display:flex}.lb-controls-modal h2{color:var(--pink);margin:0;font-size:2.2rem;font-weight:400}.lb-controls-modal p{margin:0;font-weight:500}.lb-controls-modal .controls-sheet{width:100%}@media (width<=900px){.lb-main{grid-template-columns:1fr}.lb-footer{flex-direction:column;align-items:stretch}.lb-summary-keys{display:none}}@media (width<=560px){.lb-header{padding:10px 16px 4px}.lb-header .logo{display:none}.lb-main,.lb-footer{padding-left:16px;padding-right:16px}.lb-squad{grid-template-columns:1fr}.lb-vs{justify-self:center}.lb-maps{grid-template-columns:1fr}.lb-breeds{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.lb-players{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.lb-swap{flex-direction:column;align-items:center;padding:6px 10px;font-size:.8rem;line-height:1;display:inline-flex}.lb-swap-arrows{font-size:1.3rem}.lb-player{--pc:var(--pink);border:3px solid var(--ink);min-width:0;box-shadow:0 4px 0 var(--ink), inset 0 0 0 3px color-mix(in srgb, var(--pc) 45%, #fff);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:8px 12px 8px 10px;display:flex;position:relative}.lb-player.p2{--pc:var(--blue)}.lobby-screen.swapped .lb-breed.selected{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--blue)}.lb-player.empty{background:color-mix(in srgb, var(--pc) 8%, #fff);box-shadow:none;border-style:dashed}.lb-player.empty.ready{background:color-mix(in srgb, var(--yellow) 60%, #fff);box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--pc);border-style:solid;animation:1.2s ease-in-out infinite wobble}.lb-player-tag{background:var(--pink);color:#fff;font-family:var(--font-display);border:2px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:.8rem;line-height:1.2;display:inline-block}.lb-player-tag.p2{background:var(--blue)}.lb-player>.lb-player-tag{position:absolute;top:-11px;left:10px;rotate:-6deg}.lb-player-portrait{border:3px solid var(--ink);background:color-mix(in srgb, var(--pc) 30%, #fff);border-radius:50%;flex:none;width:58px;height:58px;overflow:hidden}.lb-player-portrait img{object-fit:cover;width:100%;height:100%;display:block}.lb-player-plus{background:#fff;border-style:dashed;place-items:center;padding:10px;display:grid}.lb-player-plus svg{width:100%;height:auto}.lb-player-text{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.15;display:flex}.lb-player-text b{font-family:var(--font-display);color:color-mix(in srgb, var(--pc) 70%, var(--ink));font-size:1.15rem;font-weight:400}.lb-player-text small{color:var(--ink-soft);font-size:.8rem;font-weight:600}.lb-join-how{flex-wrap:wrap;align-items:center;gap:3px;display:inline-flex}.lb-player.ready .lb-join-how{color:var(--ink);font-weight:700}.lb-player .pad-glyph{vertical-align:middle;height:1.6em}.lb-device{background:var(--cream,#fff7e8);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:5px;margin-top:2px;padding:1px 8px 1px 4px;font-size:.72rem;font-weight:700;display:inline-flex}.lb-device-icon svg{width:26px;height:auto;display:block}.lb-team-chip{color:var(--pink-dark);font-weight:700}.lb-team-chip.t1{color:var(--blue-dark)}.lb-player-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.lb-player-row .lb-device{margin-top:0}.lb-ready-badge{background:var(--lime,#7cfc5a);color:var(--ink);font-family:var(--font-display);border:2px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:.8rem;line-height:1.2;animation:.3s ease-out bounce-in;position:absolute;top:-11px;right:10px;rotate:5deg}.lb-p2-keys{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.lb-p2-keys .pad-glyph{height:1.4em}.lb-slot-tag{font-size:.68rem;position:absolute;top:-9px;left:-6px;rotate:-6deg}.lb-breed-players{gap:3px;display:flex;position:absolute;bottom:-9px;left:50%;translate:-50%}.lb-breed-players .lb-player-tag{font-size:.7rem}@media (width<=720px){.lb-players{grid-template-columns:1fr}.lb-swap{flex-direction:row;justify-self:center;gap:6px}}.lb-summary-p2{color:var(--pink,#ff4fa8)}:root[data-input=touch] .lb-summary-keys,:root:not([data-input=gamepad]) .lobby-screen.touch-device .lb-summary-keys{display:none}@media (width<=1100px){.lobby-screen.touch-device .lb-footer{flex-direction:row;align-items:center}.lobby-screen.touch-device .lb-summary{flex:auto}}@media (width<=600px){.lb-main{gap:14px;padding-top:6px;padding-bottom:14px}.lb-section{padding:10px 12px 12px}.lb-section-title{margin-bottom:6px;font-size:1.35rem}.lb-rules .lb-choice{gap:8px;padding:5px 10px}.lb-rule-glyph{flex-basis:3.4em}.lb-maps{grid-template-columns:repeat(2,1fr);gap:10px}.lb-map-info{padding:5px 8px 7px}.lb-map-info b{font-size:1rem}.lb-map-info small{display:none}.lb-map-weather{padding:1px 6px;font-size:.66rem;top:-26px;right:6px}.lb-map.active .lb-map-thumb:after{width:24px;height:24px;font-size:.8rem}.lb-breeds{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lb-breed{border-radius:16px;padding:6px 4px 7px}.lb-breed-portrait{width:58px;height:58px;margin-bottom:3px}.lb-breed-name{font-size:.85rem}.lb-breed-blurb{display:none}.lb-breed-check{width:28px;height:28px;top:-8px;right:-6px}.lb-footer{padding-top:8px;padding-bottom:calc(10px + var(--safe-bottom));flex-direction:row;align-items:center;gap:10px}.lb-summary{box-shadow:0 4px 0 var(--ink);border-width:3px;border-radius:14px;flex:auto;padding:5px 10px}.lb-summary-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.25;display:-webkit-box;overflow:hidden}.lb-summary-line>*+*{margin-left:4px}.lb-summary-line b{font-size:.92rem}.lb-footer .btn.lb-play{box-shadow:0 6px 0 var(--ink), inset 0 -6px 0 #00000024, inset 0 4px 0 #ffffff73;border-width:4px;border-radius:20px;padding:.35em .6em .4em;font-size:1.35rem}}@media (height<=500px){.lb-header{padding:6px 16px 2px}.lb-header .logo-small{font-size:1.4rem}.lb-main{gap:12px;padding-top:6px;padding-bottom:12px}.lb-section{padding:8px 12px 12px}.lb-section-title{margin-bottom:4px;font-size:1.25rem}.lb-modes .lb-choice{gap:2px;padding:4px 4px 6px}.lb-mode-name{font-size:1.25rem}.lb-rules .lb-choice{gap:8px;padding:4px 10px}.lb-rule-glyph{flex-basis:3.4em}.lb-maps{gap:10px}.lb-map-info{padding:4px 8px 6px}.lb-map-info b{font-size:.95rem}.lb-map-info small{display:none}.lb-map-weather{padding:1px 6px;font-size:.64rem;top:-24px;right:6px}.lb-map.active .lb-map-thumb:after{width:22px;height:22px;font-size:.75rem}.lb-breeds{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.lb-breed{padding:6px 4px 7px}.lb-breed-portrait{width:56px;height:56px;margin-bottom:3px}.lb-breed-name{font-size:.85rem}.lb-breed-blurb{display:none}.lb-footer{padding:4px 16px calc(8px + var(--safe-bottom));flex-direction:row;align-items:center;gap:12px}.lb-summary{box-shadow:0 4px 0 var(--ink);border-width:3px;border-radius:14px;flex:auto;padding:4px 12px}.lb-summary-line{white-space:nowrap;flex-wrap:nowrap;font-size:.85rem;overflow:hidden}.lb-summary-line b{font-size:1rem}.lb-footer .btn.lb-play{box-shadow:0 6px 0 var(--ink), inset 0 -6px 0 #00000024, inset 0 4px 0 #ffffff73;border-width:4px;border-radius:20px;padding:.2em 1.1em .25em;font-size:1.5rem}}@media (height<=500px) and (width>=601px){.lb-main{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}@media (width<=900px) and (width>=601px){.lobby-screen.touch-device .lb-maps{grid-template-columns:repeat(4,1fr)}}@media (width<=600px),(height<=500px){.lb-maps{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:10px;margin:-4px -6px 0;padding:4px 6px 10px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.lb-map{scroll-snap-align:start;flex:0 0 clamp(128px,40%,170px)}.lb-controls-modal{max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;gap:10px;padding:14px 16px 16px;overflow-y:auto}.lb-controls-modal h2{font-size:1.6rem}}.sf-stepper{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px 20px 2px;display:flex}.sf-step{border:3px solid var(--ink);font-family:var(--font-display);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:1rem;line-height:1.2;display:inline-flex}button.sf-step{cursor:pointer;min-height:36px}.sf-step-num{background:var(--paper,#fff7e8);border:2px solid var(--ink);border-radius:50%;place-items:center;width:1.6em;height:1.6em;font-size:.85em;display:inline-grid}.sf-step.done{background:color-mix(in srgb, var(--lime,#7cfc5a) 55%, #fff)}.sf-step.current{background:var(--yellow,#ffd23f);box-shadow:0 3px 0 var(--ink)}.sf-step.current .sf-step-num{background:var(--pink);color:#fff}.sf-step.todo{opacity:.55}.sf-step:focus-visible{outline:4px solid var(--pink);outline-offset:2px}.sf-step-line{background:var(--ink);opacity:.35;border-radius:2px;width:22px;height:4px}.sf-main{display:block}.sf-body-wrap{max-width:1120px;margin:0 auto}.sf-step-body{flex-direction:column;gap:16px;display:flex}.sf-sec .lb-seg{margin-top:4px}.sf-choosing{border:3px dashed var(--ink);background:color-mix(in srgb, var(--yellow) 40%, #fff);text-align:center;border-radius:14px;margin:0;padding:8px 14px;font-weight:700}.sf-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sf-hints{flex:1;min-width:0}.sf-next[aria-disabled=true]{opacity:.75;cursor:default}.sf-next[hidden]{display:none}.sf-footer{gap:16px}.sf-teams{margin-top:4px}.sf-team-slots{flex-direction:column;gap:12px;margin-top:8px;display:flex}.sf-pcard{min-height:78px;padding-top:12px}.sf-bot{opacity:.8;box-shadow:none;--pc:var(--ink-soft,#777);border-style:dashed}.sf-bot .lb-player-plus svg{opacity:.45}.sf-team-toggle{border:2px solid var(--ink);background:color-mix(in srgb, var(--pink) 22%, #fff);min-height:32px;font-family:var(--font-display);cursor:pointer;border-radius:999px;align-items:center;padding:2px 12px;font-size:.9rem;display:inline-flex}.sf-team-toggle.t1{background:color-mix(in srgb, var(--blue) 22%, #fff)}.sf-team-arrows{letter-spacing:-1px;margin-right:4px;font-size:.7em}.sf-team-toggle:focus-visible{outline:4px solid var(--ink);outline-offset:2px}.sf-swap-row{justify-content:center;margin-top:10px;display:flex}.sf-join{margin-top:10px}.sf-solo-team{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sf-variant-list{grid-template-columns:repeat(auto-fit,minmax(15em,1fr))}.sf-variant-option{text-align:left;min-height:44px}.sf-variant-option .lb-rule-text small{display:block}.sf-variant-badge{border:2px solid var(--ink);background:var(--yellow,#ffd23f);font-family:var(--font-display);border-radius:999px;padding:2px 10px;display:inline-block}.lb-slot.owned.p1{box-shadow:0 3px 0 var(--ink), 0 0 0 3px var(--pink)}.lb-slot.owned.p2{box-shadow:0 3px 0 var(--ink), 0 0 0 3px var(--blue)}.lb-slot.owned.active{background:var(--yellow)}.sf-picking{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lb-breed.cursor-p1{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--pink)}.lb-breed.cursor-p2{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--blue)}.lb-breed.selected.cursor-p1{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--blue), 0 0 0 8px var(--pink)}.lb-breed.selected.cursor-p2{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--pink), 0 0 0 8px var(--blue)}.sf-map-random{flex-direction:column;display:flex}.sf-random-thumb{background:var(--paper,#fff7e8);place-items:center;display:grid}.sf-random-thumb svg{width:3em;height:3em}.sf-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sf-summary-teams{align-items:center;gap:14px;display:flex}.sf-summary-team{border:2px solid var(--ink);background:color-mix(in srgb, var(--tc) 25%, #fff);border-radius:999px;gap:2px;padding:2px 6px;display:flex}.sf-summary-pup{border-radius:50%;width:32px;height:32px;display:inline-block;overflow:hidden}.sf-summary-pup img{object-fit:cover;width:100%;height:100%}.sf-pups-players{grid-template-columns:1fr 1fr;gap:14px}@media (width<=720px){.sf-pups-players{grid-template-columns:1fr}}@media (pointer:coarse){.sf-team-toggle,button.sf-step,.sf-variant-option,.sf-random,.lb-reroll{min-height:44px}}.sf-arena .lb-maps{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (width<=560px){.sf-arena .lb-maps{grid-template-columns:1fr}}.touch-device .sf-stepper{flex-wrap:nowrap;gap:12px;padding:2px 16px}.touch-device .sf-counter{font-family:var(--font-display);font-size:1.15rem}.touch-device .sf-dots{gap:6px;display:inline-flex}.touch-device .sf-dot{border:2px solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px}.touch-device .sf-dot.on{background:var(--pink)}.touch-device .sf-footer{padding:8px max(16px, var(--safe-right,0px)) max(8px, var(--safe-bottom,0px)) max(16px, var(--safe-left,0px));justify-content:space-between;position:sticky;bottom:0}.touch-device .sf-footer .btn{min-height:var(--tap-min,44px);min-width:var(--tap-min,44px)}.touch-device .sf-bar-back{padding:.3em .9em .35em;font-size:1.2rem}.sf-bar-back{flex-shrink:0}[data-hold]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-device .sf-match{gap:10px}.touch-device .sf-match .lb-section{padding:8px 12px 10px}.touch-device .sf-match .lb-section-title{margin-bottom:4px;font-size:1.15rem}.touch-device .sf-match .lb-rules{flex-direction:column;gap:6px;display:flex}.touch-device .sf-match .lb-rules .lb-choice,.touch-device .sf-match .lb-seg .lb-choice{min-height:var(--tap-min,44px)}.touch-device .sf-match .lb-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.touch-device .sf-squad{display:contents}.touch-device .sf-pups .sf-sec:has(.sf-squad){display:contents}.touch-device .sf-squad .lb-vs{display:none}.touch-device .sf-pups>*{order:1}.touch-device .sf-squad .lb-team{border:3px solid var(--ink);background:color-mix(in srgb, var(--tc) 22%, #fff);border-radius:16px;padding:6px 10px 8px}.touch-device .sf-squad .lb-team[data-own]{z-index:3;box-shadow:0 4px 0 var(--ink);order:0;position:sticky;top:0}.touch-device .sf-squad .lb-team:not([data-own]){order:2}.touch-device .sf-breeds{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}@media (width<=600px),(height<=500px){.touch-device .sf-arena .lb-maps{scroll-snap-type:none;grid-template-columns:1fr;gap:8px;margin:0;padding:0;display:grid;overflow:visible}.touch-device .sf-arena .lb-map{flex:none;grid-template-columns:104px 1fr;align-items:stretch;min-height:64px;display:grid}.touch-device .sf-arena .lb-map-thumb{aspect-ratio:auto;border-bottom:0;border-right:3px solid var(--ink);border-radius:13px 0 0 13px;min-height:64px;overflow:hidden}.touch-device .sf-arena .lb-map-info{justify-content:center;gap:2px}.touch-device .sf-arena .lb-map-info small{display:block}.touch-device .sf-arena .lb-map-weather{align-self:flex-start;margin-top:2px;position:static}}@media (height<=500px) and (width>=601px){.touch-device .sf-arena .lb-maps{grid-template-columns:1fr 1fr}}.touch-device .sf-main{scroll-padding-top:92px}.touch-device .sf-squad .lb-team[data-own]{padding:6px}.touch-device .sf-squad .lb-team[data-own] .lb-team-name{display:none}.touch-device .sf-squad .lb-team[data-own] .lb-slots{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.touch-device .sf-squad .lb-team[data-own] .lb-slot{min-height:var(--tap-min,44px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 4px 5px}.touch-device .sf-squad .lb-team[data-own] .lb-slot-portrait{width:34px;height:34px}.touch-device .sf-squad .lb-team[data-own] .lb-slot-text small{display:none}.touch-device .sf-squad .lb-team[data-own] .lb-slot-text b{font-size:.8rem}.lb-pick-strips{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.lb-picks{border:3px solid var(--ink);background:#fff;border-radius:16px;flex:320px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:relative}.lb-picks.is-ready{background:#eaffd9}.lb-picks>.lb-player-tag{position:absolute;top:-12px;left:10px}.lb-pick{border:3px solid var(--ink);background:color-mix(in srgb, var(--wc,#ddd) 24%, #fff);border-radius:12px;align-items:center;gap:6px;min-width:0;padding:6px 8px;font-size:.82rem;line-height:1.1;display:flex}.lb-pick.empty{color:var(--ink-soft);background:0 0;border-style:dashed}.lb-pick b{font-family:var(--font-display);overflow-wrap:anywhere;font-weight:400}.lb-pick-key{border:2px solid var(--ink);width:24px;height:24px;font-family:var(--font-display);background:#fff;border-radius:7px;flex:none;place-items:center;display:grid}.lb-pick-icon,.lb-gun-icon{flex:none;width:40px;height:28px;display:block}.lb-pick-icon svg,.lb-gun-icon svg{width:100%;height:100%}.lb-gun-family+.lb-gun-family{margin-top:14px}.lb-gun-family-name{margin:0 0 8px;font-size:1.05rem}.lb-guns{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;display:grid}.lb-gun{background:color-mix(in srgb, var(--wc,#ddd) 14%, #fff);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;text-align:center;color:var(--ink);animation:.35s ease-out backwards bounce-in;animation-delay:calc(var(--i) * 18ms);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:8px 8px 10px;display:flex;position:relative}.lb-gun .lb-gun-icon{width:72px;height:48px}.lb-gun-name{font-family:var(--font-display);font-size:1rem;font-weight:400;line-height:1.05}.lb-gun-dual{color:var(--ink-soft);font-size:.7rem;font-weight:700}.lb-gun-blurb{color:var(--ink-soft);font-size:.74rem;font-weight:500;line-height:1.15}.lb-gun:active{box-shadow:0 1px 0 var(--ink);translate:0 3px}.lb-gun.selected{background:var(--yellow);box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--pink)}.lb-gun.full{opacity:.55}.lb-gun.cursor-p1{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--pink)}.lb-gun.cursor-p2{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--blue)}.lb-gun.full.cursor-p1,.lb-gun.full.cursor-p2{opacity:1}@media (hover:hover){.lb-gun:hover{background:#fff6c9}}.touch-device .lb-guns{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.touch-device .lb-gun-blurb{display:none}.touch-device .lb-picks{grid-template-columns:1fr}.qa-pad{z-index:60;color:#fff;background:#0a0e1ed1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.qa-title{margin:0;font-size:1.2rem;font-weight:700}.qa-dots{gap:14px;display:flex}.qa-dot{border:2px solid #fff;border-radius:50%;width:18px;height:18px}.qa-dot-filled{background:#fff}.qa-message{color:#ffb3b3;min-height:1.4em;margin:0}.qa-grid{grid-template-columns:repeat(3,64px);gap:10px;display:grid}.qa-key{color:#fff;min-width:48px;min-height:48px;font:inherit;cursor:pointer;background:#ffffff1f;border:2px solid #fff9;border-radius:12px;font-size:1.2rem}.qa-key-cancel{font-size:.85rem}.qa-key:focus-visible{outline-offset:2px;outline:3px solid #ffd54a}.qa-shake{animation:.35s ease-in-out qa-shake}@keyframes qa-shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.qa-shake{animation:none}}.match-view{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-pad{pointer-events:none;display:none;position:absolute;inset:0}:root[data-input=touch] .touch-pad{display:block}.tp-stick{--tp-ring:100px;width:var(--tp-ring);height:var(--tp-ring);opacity:.45;background:#2a184038;border:3px solid #ffffffbf;border-radius:50%;transition:opacity .15s;position:absolute;top:60%;left:50%;translate:-50% -50%}.touch-pad-move.is-active .tp-stick{opacity:1;transition:none}.touch-pad-move.is-fixed .tp-stick{opacity:.8}.touch-pad-move.is-fixed.is-active .tp-stick{opacity:1}.tp-knob{border:3px solid var(--ink);background:var(--paper);width:48px;height:48px;box-shadow:0 3px 0 var(--ink);border-radius:50%;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.tp-btn{box-sizing:border-box;border:4px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);opacity:.9;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute}.tp-fire{background:var(--pink);color:var(--paper);-webkit-text-stroke:1px var(--ink)}.tp-btn.is-pressed{box-shadow:0 1px 0 var(--ink);background:var(--yellow);color:var(--ink);opacity:1;translate:0 3px}.tp-jump,.tp-reload,.tp-aim,.tp-grenade,.tp-mine{font-size:13px}.tp-grenade,.tp-mine{background:var(--cream);font-size:11px}.tp-fire.is-auto{font-size:15px}.tp-aim.is-on{background:var(--blue);color:var(--paper);-webkit-text-stroke:.5px var(--ink)}.tp-grenade.is-cancel{background:var(--red);color:var(--paper)}.tp-badge{box-sizing:border-box;border:2px solid var(--ink);background:var(--yellow);text-align:center;border-radius:11px;min-width:22px;height:22px;padding:0 4px;font-size:13px;line-height:18px;position:absolute;top:-8px;right:-8px}.tp-btn.is-empty{opacity:.45}.tp-btn.is-empty .tp-badge{background:var(--paper)}.tp-lock{--tp-lock-size:56px;--tp-lock-rise:112px;left:50%;top:calc(50% - var(--tp-lock-rise));width:var(--tp-lock-size);height:var(--tp-lock-size);box-sizing:border-box;color:var(--paper);opacity:0;background:#2a18404d;border:3px dashed #ffffffd9;border-radius:50%;place-items:center;font-size:30px;line-height:1;transition:opacity .15s;display:grid;position:absolute;translate:-50% -50%}.touch-pad-move.is-active .tp-lock{opacity:.8}.touch-pad-move[data-sprint=held] .tp-lock{opacity:1;border-style:solid}.touch-pad-move[data-sprint=locked] .tp-lock{opacity:1;border:3px solid var(--ink);background:var(--yellow);color:var(--ink)}.touch-pad-move[data-sprint=locked] .tp-stick{border-color:var(--yellow)}.tp-autofire{box-sizing:border-box;pointer-events:none;border:2px dashed #ffffffb3;border-radius:50%;width:64px;height:64px;display:none;position:absolute;top:50%;left:50%;translate:-50% -50%}:root[data-input=touch] .tp-autofire.is-shown{display:block}.tp-autofire.is-firing{border:3px solid var(--pink)}.tp-safe-probe{visibility:hidden;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed;top:0;left:0}.hud{z-index:10;pointer-events:none;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:clamp(12px,.7vw + .55vh,18px);position:absolute;inset:0;overflow:hidden}.hud button{pointer-events:auto}.hud-crosshair{--r:14px;--wc:#ffd23f;width:0;height:0;transition:opacity .15s;position:absolute;top:50%;left:50%}.hud-crosshair.hidden{opacity:0}.xh-dot{width:6px;height:6px;box-shadow:0 0 0 1.5px var(--ink), 0 0 6px #00000059;background:#fff;border-radius:50%;margin:-3px 0 0 -3px;position:absolute}.xh-bean,.xh-heel{border:2px solid var(--ink);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--wc) 70%, transparent);background:#fff;position:absolute;top:0;left:0}.xh-bean{width:10px;height:13px;transform:rotate(var(--a)) translateY(calc(-1 * var(--r) - 3px));border-radius:50%;margin:-6.5px 0 0 -5px}.xh-heel{width:20px;height:14px;transform:translateY(calc(var(--r) + 2px));border-radius:50% 50% 45% 45%;margin:-7px 0 0 -10px}.hud-crosshair.aiming .xh-bean,.hud-crosshair.aiming .xh-heel{background:var(--wc)}.xh-marker{opacity:0;position:absolute;top:0;left:0}.xh-marker i{border:1.5px solid var(--ink);background:#fff;border-radius:3px;width:4px;height:11px;margin:-5.5px 0 0 -2px;position:absolute}.xh-marker i:first-child{transform:rotate(45deg)translateY(-15px)}.xh-marker i:nth-child(2){transform:rotate(135deg)translateY(-15px)}.xh-marker i:nth-child(3){transform:rotate(225deg)translateY(-15px)}.xh-marker i:nth-child(4){transform:rotate(315deg)translateY(-15px)}.xh-marker.show{animation:.22s ease-out marker}.xh-marker.kill i{background:var(--pink);width:6px;height:16px;margin:-8px 0 0 -3px}.xh-marker.kill.show{animation:.45s ease-out marker-kill}@keyframes marker{0%{opacity:1;scale:.7}40%{opacity:1;scale:1.15}to{opacity:0;scale:1.3}}@keyframes marker-kill{0%{opacity:1;rotate:0deg;scale:.6}40%{opacity:1;rotate:20deg;scale:1.5}to{opacity:0;rotate:45deg;scale:1.8}}.hud-teambar{align-items:flex-start;gap:.5em;display:flex;position:absolute;top:.8em;left:50%;translate:-50%}.tb-team{background:var(--tc);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:1.1em;flex-direction:column;align-items:center;gap:.2em;min-width:8em;padding:.3em .7em .45em;display:flex}.tb-team.team-0{rotate:-1.5deg}.tb-team.team-1{rotate:1.5deg}.tb-name{font-family:var(--font-display);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;letter-spacing:.04em;text-transform:uppercase;font-size:.95em}.tb-row{align-items:center;gap:.5em;display:flex}.tb-chips{gap:.3em;display:flex}.tb-chip{flex-direction:column;align-items:center;gap:.15em;transition:opacity .3s,filter .3s;display:flex;position:relative}.tb-portrait{border:2.5px solid var(--ink);object-fit:cover;background:#fff;border-radius:50%;width:2.3em;height:2.3em;display:block}.tb-chip.me .tb-portrait{box-shadow:0 0 0 2.5px var(--yellow)}.tb-x{color:var(--red);-webkit-text-stroke:1.5px var(--ink);font-size:1.6em;line-height:1;display:none;position:absolute;top:.15em;left:50%;translate:-50%}.tb-chip.dead{opacity:.55}.tb-chip.out{filter:grayscale();opacity:.6}.tb-chip.out .tb-x{animation:.3s ease-out bounce-in;display:block}.tb-pips{gap:.15em;display:flex}.pip{border:1.5px solid var(--ink);background:#ffffff4d;border-radius:50%;width:.55em;height:.55em}.pip.on{background:#fff}.tb-score{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);text-align:center;min-width:1.2em;font-size:2.2em;line-height:1}.tb-center{background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:1em;flex-direction:column;align-items:center;margin-top:.3em;padding:.25em .9em .35em;display:flex}.tb-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2em;line-height:1}.tb-clock.urgent{color:var(--red);animation:1s ease-in-out infinite jelly}.tb-clock-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.7em;font-weight:700}.hud-topleft{align-items:flex-start;gap:.6em;display:flex;position:absolute;top:.8em;left:.8em}.hud-mute{border:3px solid var(--ink);background:var(--paper);width:2.8em;height:2.8em;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;padding:.35em;position:relative}.hud-mute svg{width:100%;height:100%;display:block}.hud-mute kbd{font-size:.6em;position:absolute;bottom:-.5em;right:-.6em}.hud-keyhints{color:#fff;text-shadow:0 1px 0 var(--ink), 0 0 4px #00000080;flex-direction:column;gap:.25em;font-size:.8em;font-weight:700;display:flex}.hud-keyhints kbd{margin-right:.2em;font-size:.8em}.hud-killfeed{flex-direction:column;align-items:flex-end;gap:.35em;max-width:36em;display:flex;position:absolute;top:.8em;right:.8em}.kf-row{border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffdf7eb;border-radius:999px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25em;padding:.25em .7em;font-size:.95em;font-weight:600;transition:opacity .45s,translate .45s;animation:.35s cubic-bezier(.3,1.6,.5,1) kf-in;display:flex}.kf-row.mine{background:var(--yellow)}.kf-row.leaving{opacity:0;translate:2em}@keyframes kf-in{0%{opacity:0;translate:3em}}.kf-name{font-family:var(--font-display);color:var(--tc);-webkit-text-stroke:.6px var(--ink);paint-order:stroke fill;font-weight:400}.kf-name.me{text-underline-offset:.2em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.kf-with{color:var(--ink-soft);align-items:center;gap:.25em;display:inline-flex}.kf-icon{width:1.4em;height:1.4em;display:inline-block}.kf-icon.wide{width:2.6em}.kf-icon svg{width:100%;height:100%;display:block}.hud-bigtext{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);opacity:0;white-space:nowrap;font-size:9em;line-height:1;position:absolute;top:34%;left:50%;translate:-50% -50%}.hud-bigtext.count{color:var(--yellow)}.hud-bigtext.splat{color:var(--pink);font-size:10em}.hud-bigtext.pop{animation:.95s cubic-bezier(.2,1.5,.4,1) forwards big-pop}.hud-bigtext.splat.pop{animation:1.3s cubic-bezier(.2,1.5,.4,1) forwards big-splat}@keyframes big-pop{0%{opacity:0;rotate:-12deg;scale:2.2}25%{opacity:1;rotate:4deg;scale:1}75%{opacity:1;rotate:-2deg;scale:.95}to{opacity:0;scale:.6}}@keyframes big-splat{0%{opacity:0;rotate:0deg;scale:.2}20%{opacity:1;rotate:-6deg;scale:1.2}35%{scale:.95 1.05}75%{opacity:1;rotate:-3deg;scale:1}to{opacity:0;scale:1.6}}.hud-center-msg{background:var(--paper);border:3.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);font-family:var(--font-display);text-align:center;white-space:pre-line;opacity:0;border-radius:1.2em;padding:.5em 1.4em .6em;font-size:1.8em;line-height:1.2;transition:opacity .2s,scale .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:56%;left:50%;translate:-50%;scale:.8}.hud-center-msg.show{opacity:1;scale:1}.hud-center-msg.out{background:var(--purple);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.hud.is-dead .match-view,.hud.is-dead:before{content:""}.hud.is-dead:before{background:radial-gradient(circle,#0000 30%,#2a184073);position:absolute;inset:0}.hud-toasts{flex-direction:column;align-items:center;gap:.35em;display:flex;position:absolute;top:64%;left:50%;translate:-50%}.hud-announce{pointer-events:none;flex-direction:column;align-items:center;gap:.3em;display:flex;position:absolute;top:6.4em;left:50%;translate:-50%}.hud-ann{background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font-family:var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.25em .9em .3em .5em;font-size:1.15em;transition:opacity .35s,translate .35s;animation:.35s ease-out bounce-in;display:flex}.hud-ann.good{background:var(--yellow)}.hud-ann.bad{background:#ffd0d0}.hud-ann.leaving{opacity:0;translate:0 -.8em}.ann-icon{width:2.2em;height:1.4em;display:inline-block}.ann-icon svg{width:100%;height:100%;display:block}.hud-health{align-items:flex-end;gap:.6em;display:flex;position:absolute;bottom:1em;left:1em}.hud-health.ouch{animation:.3s ease-out ouch}@keyframes ouch{0%,to{translate:0}20%{translate:-6px 2px}45%{translate:5px -2px}70%{translate:-3px 1px}}.ht-portrait-wrap{border:3.5px solid var(--ink);background:radial-gradient(circle at 50% 40%, #fff 0 40%, color-mix(in srgb, var(--tc) 40%, #fff) 75%);width:4.6em;height:4.6em;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex-shrink:0;overflow:hidden}.ht-portrait{object-fit:cover;width:100%;height:100%;display:block}.hud-health.dead .ht-portrait-wrap{filter:grayscale()}.ht-body{flex-direction:column;gap:.2em;display:flex;position:relative}.ht-label{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 4px #0006;align-items:baseline;gap:.4em;font-weight:700;display:flex}.ht-label b{font-family:var(--font-display);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;font-size:1.3em;font-weight:400}.ht-label span{font-size:.85em}.ht-tube{align-items:center;width:17em;height:2.3em;display:flex;position:relative}.ht-track{border:3.5px solid var(--ink);height:100%;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:.6em 1.3em 1.3em .6em;flex:1;position:relative;overflow:hidden}.ht-track:before{content:"";border-right:2.5px solid var(--ink);z-index:3;background:repeating-linear-gradient(0deg,#ddd 0 3px,#fff 3px 6px);width:.7em;position:absolute;top:0;bottom:0;left:0}.ht-fill,.ht-ghost{transition:width .12s ease-out;position:absolute;top:0;bottom:0;left:0}.ht-fill{z-index:2;background:radial-gradient(circle at 20% 30%, #ffffff80 0 3px, transparent 4px) 0 0 / 22px 16px, linear-gradient(180deg, color-mix(in srgb, var(--tc) 70%, #fff), var(--tc) 55%, var(--td));border-right:2.5px solid var(--ink);border-radius:0 .6em .6em 0}.ht-ghost{z-index:1;background:#ffe066;transition:none}.ht-shine{z-index:4;background:#ffffff8c;border-radius:999px;height:.3em;position:absolute;top:.22em;left:.9em;right:.8em}.ht-neck{border:3px solid var(--ink);background:#fff;border-left:none;width:.8em;height:1.3em;margin-left:-2px}.ht-cap{background:var(--tc);border:3px solid var(--ink);background-image:repeating-linear-gradient(90deg,#0000 0 3px,#2a18404d 3px 5px);border-radius:.35em;width:1.4em;height:1.8em}.ht-num{z-index:5;font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:1.3em;position:absolute;top:50%;left:1.2em;translate:0 -50%}.hud-health.low .ht-fill{background:linear-gradient(180deg, #ff9090, var(--red));animation:.6s ease-in-out infinite alternate low-pulse}@keyframes low-pulse{to{filter:brightness(1.3)}}.ht-shield{font-family:var(--font-display);border:2.5px solid var(--ink);opacity:0;background:linear-gradient(90deg,#aef4ff,#e0c8ff,#ffc8ea);border-radius:999px;padding:.1em .6em;font-size:.85em;transition:opacity .2s;position:absolute;top:-1.8em;left:0}.ht-shield.show{opacity:1;animation:.5s ease-in-out infinite alternate float-y}.hud-loadout{--wc:#ffd23f;grid-template:"gadgets main""slots slots"/auto auto;place-items:end;gap:.5em .7em;display:grid;position:absolute;bottom:1em;right:1em}.lo-main{background:var(--paper);border:3.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:1.1em;flex-direction:column;grid-area:main;align-items:flex-end;min-width:10em;padding:.35em .9em .45em;display:flex;position:relative}.lo-weapon-name{font-family:var(--font-display);color:var(--ink);background:var(--wc);border:2.5px solid var(--ink);border-radius:999px;margin-top:-1.2em;padding:0 .6em;font-size:1.05em;rotate:-2deg}.lo-weapon-name.pop{animation:.4s ease-out jelly}.lo-ammo-row{align-items:baseline;gap:.25em;margin-top:.15em;line-height:1;display:flex}.lo-ammo{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-variant-numeric:tabular-nums;font-size:2.8em}.lo-ammo.low{color:var(--red)}.lo-mag{font-family:var(--font-display);color:var(--ink-soft);font-size:1.2em}.lo-reload{border:2.5px solid var(--ink);background:#eee;border-radius:999px;width:100%;height:1.2em;margin-top:.3em;display:none;position:relative;overflow:hidden}.lo-reload.show{display:block}.lo-reload-fill{background:repeating-linear-gradient(-45deg, var(--wc) 0 8px, color-mix(in srgb, var(--wc) 70%, #fff) 8px 16px);width:0;animation:.5s linear infinite stripes;position:absolute;inset:0 auto 0 0}@keyframes stripes{to{background-position:22px 0}}.lo-reload-text{place-items:center;font-size:.72em;font-weight:700;display:grid;position:absolute;inset:0}.lo-hint{font-family:var(--font-display);color:var(--red);margin-top:.2em;font-size:.9em;animation:.8s ease-in-out infinite jelly;display:none}.lo-hint.show{display:block}.lo-slots{grid-area:slots;gap:.4em;display:flex}.lo-slot{border:3px solid var(--ink);width:5.2em;height:2.9em;box-shadow:0 3px 0 var(--ink);opacity:.75;background:#fffdf7cc;border-radius:.8em;padding:.25em .4em;transition:translate .15s,opacity .15s,background .15s;position:relative}.lo-slot.active{background:var(--wc);opacity:1;translate:0 -.35em}.lo-slot.lo-power{border-style:dashed;display:none}.lo-slot.lo-power.show{display:block}.lo-slot.lo-power.bump{animation:.5s ease-out jelly}.lo-power-ammo{min-width:1.6em;font-family:var(--font-display);text-align:center;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-radius:999px;padding:0 .3em;font-size:.8em;position:absolute;bottom:-.55em;right:-.45em}.hud-loadout.power .lo-main{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--wc)}.lo-slot.empty .lo-icon{filter:grayscale();opacity:.6}.lo-icon,.lo-icon svg{width:100%;height:100%;display:block}.lo-key{width:1.35em;height:1.35em;font-family:var(--font-display);background:var(--paper);border:2px solid var(--ink);border-radius:.35em;place-items:center;font-size:.85em;display:grid;position:absolute;top:-.55em;left:-.45em}.lo-gadgets{flex-direction:column;grid-area:gadgets;gap:.35em;display:flex}.lo-gadget{background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;align-items:center;gap:.35em;padding:.2em .55em .2em .25em;display:flex;position:relative}.lo-gadget.none{opacity:.55}.lo-gadget.bump{animation:.5s ease-out jelly}.lo-gicon{width:1.9em;height:1.9em}.lo-gicon svg{width:100%;height:100%;display:block}.lo-gkey{font-family:var(--font-display);background:var(--ink);color:#fff;border-radius:.3em;padding:0 .35em;font-size:.75em}:root[data-input=gamepad] .hud:not([data-input]) .lo-key,.hud[data-input=gamepad] .lo-key{background:0 0;border:none;width:auto;height:2.2em;top:-1em;left:-.9em}:root[data-input=gamepad] .hud:not([data-input]) .lo-key .pad-glyph,.hud[data-input=gamepad] .lo-key .pad-glyph{height:2.2em}:root[data-input=gamepad] .hud:not([data-input]) .lo-gkey,.hud[data-input=gamepad] .lo-gkey{background:0 0;padding:0;font-size:1em}.lo-gkey .pad-glyph{height:1.9em}.lo-hint kbd{color:var(--ink);font-size:.8em}.lo-hint .pad-glyph{height:1.5em}.hud-keyhints .pad-glyph{height:2.3em;margin-right:.2em}.lo-gpips{gap:.2em;display:flex}.gpip{border:2px solid var(--ink);background:#ddd;border-radius:50%;width:.7em;height:.7em}.gpip.on{background:var(--pink)}.hud-vignette{position:absolute;inset:0}.vg-splat{width:38vmin;height:38vmin;translate:-50% -50%;rotate:var(--rot);opacity:0;filter:drop-shadow(0 0 6px #00000040);animation:1.5s ease-out forwards vg;position:absolute}.vg-splat svg{width:100%;height:100%;display:block}@keyframes vg{0%{opacity:.95;scale:.4}12%{opacity:.9;scale:1.05}60%{opacity:.75;translate:-50% -46%;scale:1}to{opacity:0;translate:-50% -38%;scale:1}}.hud-lowhp{opacity:0;background:radial-gradient(#0000 45%,#ff3c5a8c 100%);transition:opacity .3s;position:absolute;inset:0}.hud-lowhp.show{opacity:1;animation:.9s ease-in-out infinite alternate low-pulse-bg}@keyframes low-pulse-bg{0%{opacity:.6}to{opacity:1}}.hud-scoreboard{background:var(--paper);border:4px solid var(--ink);width:min(52em,100% - 2em);box-shadow:0 8px 0 var(--ink);opacity:0;border-radius:1.4em;padding:.8em 1em 1em;transition:opacity .12s,scale .15s;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9}.hud-scoreboard.show{opacity:1;scale:1}.sb-mode{text-align:center;margin:-.2em 0 .4em;font-weight:700}.sb-title{font-family:var(--font-display);text-align:center;color:var(--pink);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;margin-bottom:.3em;font-size:1.8em}.sb-teams{grid-template-columns:1fr 1fr;gap:.8em;display:grid}.sb-team{border:3px solid var(--ink);background:color-mix(in srgb, var(--tc) 12%, #fff);border-radius:1em;overflow:hidden}.sb-team-head{background:var(--tc);color:#fff;font-family:var(--font-display);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;border-bottom:3px solid var(--ink);justify-content:space-between;padding:.25em .7em;font-size:1.15em;display:flex}.sb-team table{border-collapse:collapse;width:100%}.sb-team th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:.35em .4em .1em;font-size:.7em}.sb-team th:first-child{text-align:left;padding-left:.7em}.sb-team td{border-top:2px dashed #2a184026;padding:.25em .4em}.sb-team tr.me td{background:#ffd23f66}.sb-team tr.out{opacity:.5}.sb-pup{align-items:center;gap:.5em;display:flex;padding-left:.5em!important}.sb-pup div{flex-direction:column;line-height:1.05;display:flex}.sb-pup b{font-family:var(--font-display);font-weight:400}.sb-pup small{color:var(--ink-soft);font-size:.75em}.sb-portrait{border:2px solid var(--ink);object-fit:cover;background:#fff;border-radius:50%;width:2.2em;height:2.2em}.sb-num{text-align:center;font-family:var(--font-display);font-size:1.2em}.sb-status{text-align:center;color:var(--pink-dark);font-size:.85em;font-weight:700}.hud-banner{text-align:center;flex-direction:column;align-items:center;padding:2em 3em;display:none;position:absolute;top:42%;left:50%;translate:-50% -50%}.hud-banner.show{animation:.6s cubic-bezier(.2,1.5,.4,1) bounce-in;display:flex}.bn-splat{z-index:-1;position:absolute;inset:-6em 4%}.bn-splat svg{width:100%;height:100%}.bn-title{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);white-space:nowrap;font-size:4.4em;line-height:1;rotate:-3deg}.bn-sub{font-family:var(--font-display);border:3px solid var(--ink);background:#fff;border-radius:999px;margin-top:.4em;padding:.1em .9em;font-size:1.4em}.hud-lock-hint{background:var(--yellow);border:3.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:1.2em;flex-direction:column;align-items:center;gap:.1em;padding:.5em 1.4em .6em;display:none;position:absolute;top:60%;left:50%;translate:-50%}.hud-lock-hint.show{animation:1.2s ease-in-out infinite jelly;display:flex}.hud-lock-hint b{font-family:var(--font-display);font-size:1.6em;font-weight:400}.hud-lock-hint span{font-size:.85em;font-weight:600}.lh-paw{width:3em;height:1.5em}.lh-paw svg{width:100%;height:100%}@media (width<=700px){.hud-keyhints,.hud-killfeed{display:none}.ht-tube{width:11em}.bn-title{font-size:2.6em}}.hud-scoreboard.show~.hud-lock-hint,.hud-banner.show~.hud-lock-hint{display:none}.hud-player{font-size:clamp(10px,.6vw + .5vh,15px)}.hud-player .vg-splat{width:30vmin;height:30vmin}.hud-player .hud-scoreboard{max-height:calc(100% - 1em);font-size:.85em;overflow:hidden}.hud-player .hud-banner{padding:.5em 2em;font-size:.8em;top:50%}.hud-player .hud-center-msg{top:62%}.hud-player .hud-toasts{top:70%}.hud-shared{z-index:11;font-size:clamp(10px,.55vw + .45vh,15px)}.hud-divider-row{align-items:center;gap:.6em;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.hud-divider-row .hud-teambar{position:static;translate:none}.hud-shared .hud-killfeed{max-width:30em;top:50%;translate:0 -50%}.hud-shared .hud-bigtext{font-size:6em;top:50%}.hud-touch{--strip-max:calc(100% - 2 * (var(--thumb-zone-w) + var(--thumb-zone-inset)) - var(--safe-left) - var(--safe-right) - 1em)}.hud-touch button{touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.hud-touch .hud-teambar{top:calc(.8em + var(--safe-top))}.hud-touch .hud-announce{top:calc(6.4em + var(--safe-top))}.hud-topright{top:calc(.8em + var(--safe-top));right:calc(.8em + var(--safe-right));z-index:2;gap:.5em;display:flex;position:absolute}.hud-touch .hud-mute,.hud-round{width:var(--tap-min);height:var(--tap-min);border:3px solid var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;padding:7px;position:relative}.hud-round svg{width:100%;height:100%;display:block}.hud-pause{background:var(--pink)}.hud-scores{padding:8px 6px}.hud-round:active,.hud-scores.held{box-shadow:0 1px 0 var(--ink);translate:0 2px}.hud-scores.held{background:var(--yellow)}.hud-touch .hud-mute kbd,.hud-touch .lo-key,.hud-touch .lo-gkey,.hud-touch .lo-hint,:root[data-input=touch] .hud:not([data-input]) :is(.lo-key,.lo-gkey){display:none}.hud-touch .hud-killfeed{top:calc(1.6em + var(--tap-min) + var(--safe-top));right:calc(.8em + var(--safe-right))}.hud-touch .hud-health{top:calc(.8em + var(--safe-top));bottom:auto;left:calc(.8em + var(--safe-left));align-items:flex-start}.hud-touch .ht-tube{width:clamp(9em, calc(50vw - 23em - var(--safe-left)), 17em)}.hud-touch .hud-loadout{left:50%;right:auto;bottom:calc(.6em + var(--safe-bottom));max-width:var(--strip-max);justify-items:center;gap:.45em .5em;font-size:.9em;translate:-50%}.hud-touch .lo-main{align-items:center;min-width:0;padding:.2em .7em .3em}.hud-touch .lo-weapon-name{white-space:nowrap;margin-top:-1em;font-size:.9em}.hud-touch .lo-ammo{font-size:2em}.hud-touch .lo-gadgets{gap:.25em}.hud-touch .lo-gadget{padding:.1em .45em .1em .2em}.hud-touch .lo-gicon{width:1.5em;height:1.5em}.hud-touch .lo-slots{gap:.3em;max-width:100%}.hud-touch .lo-slot{flex:0 1 max(3.8em, var(--tap-min));min-width:0;width:max(3.8em, var(--tap-min));height:max(2.3em, var(--tap-min));padding:.15em .25em}.hud-thumb-zone{bottom:calc(var(--thumb-zone-inset) + var(--safe-bottom));width:var(--thumb-zone-w);height:var(--thumb-zone-h);pointer-events:none;position:absolute}.hud-thumb-left{left:calc(var(--thumb-zone-inset) + var(--safe-left))}.hud-thumb-right{right:calc(var(--thumb-zone-inset) + var(--safe-right))}@media (width<=600px){.hud-touch .sb-teams{grid-template-columns:1fr}.hud-touch .hud-teambar{top:calc(1.6em + var(--tap-min) + var(--safe-top))}.hud-touch .hud-killfeed{top:calc(7em + var(--tap-min) + var(--safe-top))}.hud-touch .hud-announce{top:calc(6.2em + var(--tap-min) + var(--safe-top))}.hud-touch .hud-loadout{max-width:calc(100% - 1em - var(--safe-left) - var(--safe-right))}}@media (height<=500px){.hud-touch .hud-scoreboard{max-height:calc(100% - 1em - var(--safe-top) - var(--safe-bottom));padding:.5em .8em .7em;overflow-y:auto}.hud-touch .sb-title{margin-bottom:.15em;font-size:1.3em}.hud-touch .sb-portrait{width:1.7em;height:1.7em}}.hud-tips{top:calc(1.6em + var(--tap-min) + var(--safe-top));z-index:3;width:min(26em, var(--strip-max,90%));text-align:center;background:var(--paper);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);pointer-events:none;border-radius:18px;justify-items:center;gap:.35em;padding:.55em .8em;font-size:.9em;font-weight:700;animation:.3s ease-out screen-in;display:grid;position:absolute;left:50%;translate:-50%}.hud-tips .ht-line{margin:0;line-height:1.25}.hud-tips .ht-ok{min-height:var(--tap-min);min-width:6em;margin-top:.2em}.hud-glitter{--g:0;opacity:0;position:absolute;inset:0;overflow:hidden}.hud-glitter:not(.on){visibility:hidden}.hud-glitter.on{opacity:1}.hud-glitter.on .sfx-spark{animation-play-state:running}.sfx-tint{opacity:calc(var(--g) * .85);background:radial-gradient(#0000 62%,#ff78e180 88%,#ffd65ab3 100%);position:absolute;inset:0}.sfx-spark{--c1:#ffd23f;--c2:#fff5b8;width:calc(var(--s) * 1.6em);height:calc(var(--s) * 1.6em);opacity:calc(var(--g) * 1.1);background:radial-gradient(circle, #fff 0 18%, var(--c2) 19% 40%, var(--c1) 41% 100%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:sfx-twinkle var(--p) ease-in-out var(--d) infinite;animation-play-state:paused;position:absolute;translate:-50% -50%}.sfx-spark.pink{--c1:#ff4fd8;--c2:#ffc2f2}.sfx-spark.white{--c1:#fff;--c2:#ffe9fb}.sfx-spark.cyan{--c1:#5fe0ff;--c2:#d2f6ff}@keyframes sfx-twinkle{0%,to{rotate:0deg;scale:.35}50%{rotate:40deg;scale:1.15}}.hud-statuses{flex-direction:column;align-items:flex-start;gap:.3em;display:flex;position:absolute;bottom:7.6em;left:1em}.hud-chip{font-family:var(--font-display);color:var(--ink);border:2.5px solid var(--ink);background:#fff7e8;border-radius:999px;align-items:center;gap:.4em;padding:.15em .7em .15em .35em;font-size:.95em;display:none;position:relative;overflow:hidden}.hud-chip.show{display:flex}.chip-icon{flex:none;width:1.5em;height:1.5em;display:block}.chip-icon svg{width:100%;height:100%;display:block}.chip-bar{transform-origin:0;width:100%;height:.22em;transform:scaleX(var(--left,1));background:var(--ink);opacity:.55;position:absolute;bottom:0;left:0}.chip-slowed{background:#f0d9b8}.chip-glittered{background:#ffe3fa}.chip-bubbled{background:#d9f6ff}.hud-touch .hud-statuses{top:calc(5.4em + var(--safe-top));bottom:auto;left:calc(.8em + var(--safe-left))}@media (prefers-reduced-motion:reduce){.sfx-spark{display:none}}.xh-charge{--c:0;opacity:0;background:conic-gradient(from 0deg, var(--wc) calc(var(--c) * 1turn), #1f1b2e61 0);border-radius:50%;width:92px;height:92px;margin:-46px 0 0 -46px;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(circle,#0000 36px,#000 37px 43px,#0000 44px);mask:radial-gradient(circle,#0000 36px,#000 37px 43px,#0000 44px)}.xh-charge.show{opacity:1}.xh-charge.full{background:conic-gradient(from 0deg, #fff6c8 0 1turn);animation:.5s ease-in-out infinite alternate charge-full}.xh-charge.wobble{background:conic-gradient(from 0deg, var(--red) 0 1turn);animation:.12s linear infinite charge-shake}.xh-charge-tag{font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink), 0 0 6px #0009;white-space:nowrap;font-size:.9em;display:none;position:absolute;top:52px;left:0;translate:-50%}.xh-charge-tag.show{display:block}@keyframes charge-full{0%{opacity:.8;scale:1}to{opacity:1;scale:1.07}}@keyframes charge-shake{0%{translate:-2px 1px}50%{translate:2px -1px}to{translate:-2px 1px}}.lo-tank{border:2.5px solid var(--ink);background:#eee;border-radius:999px;width:100%;min-width:9em;height:1.5em;margin-top:.3em;display:none;position:relative;overflow:hidden}.hud-loadout.tank-gun .lo-tank{display:block}.hud-loadout.tank-gun .lo-ammo-row{display:none}.lo-tank-fill{background:linear-gradient(#7fe4ff, var(--wc));width:100%;position:absolute;inset:0 auto 0 0}.lo-tank.low .lo-tank-fill{background:linear-gradient(#ff8a8a, var(--red))}.lo-tank.refilling .lo-tank-fill{background:repeating-linear-gradient(-45deg, var(--wc) 0 8px, color-mix(in srgb, var(--wc) 65%, #fff) 8px 16px);animation:.5s linear infinite stripes}.lo-tank-text{text-shadow:0 0 3px #fff,0 0 3px #fff;place-items:center;font-size:.78em;font-weight:700;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.xh-charge.full,.xh-charge.wobble,.lo-tank.refilling .lo-tank-fill{animation:none}}.hud-objective{pointer-events:none;display:none;position:absolute;inset:0}.hud-objective.show{display:block}.obj-chips{right:calc(.8em + var(--safe-right,0px));flex-direction:column;align-items:flex-end;gap:.3em;display:flex;position:absolute;top:4.6em}.hud-touch .obj-chips{top:calc(4.6em + var(--tap-min,0px) + var(--safe-top,0px))}.obj-chip{border:2px solid var(--tc);color:#fff7e8;white-space:nowrap;background:#2a1840c7;border-radius:999px;align-items:center;gap:.45em;padding:.25em .7em .25em .5em;font-size:.85em;font-weight:700;display:flex}.obj-chip[data-state=taken]{background:var(--tc);color:#2a1840}.obj-chip[data-state=dropped]{animation:.8s ease-in-out infinite obj-blink}.obj-flag{background:var(--tc);clip-path:polygon(0 0,100% 50%,0 100%);outline:0;width:.9em;height:.9em}.obj-chip[data-state=taken] .obj-flag{background:#2a1840}.obj-carry,.obj-hint{text-align:center;opacity:0;border-radius:999px;padding:.35em .9em;font-weight:800;transition:opacity .2s;position:absolute;left:50%;translate:-50%}.obj-carry{color:#2a1840;background:#ffd23f;font-size:1.1em;bottom:9.5em}.obj-hint{color:#fff7e8;background:#2a1840d1;font-size:.9em;bottom:7.4em}.obj-carry.show,.obj-hint.show{opacity:1}.obj-arrow{color:#ffd23f;opacity:0;width:2.2em;height:2.2em;transition:opacity .2s;position:absolute;top:50%;left:50%}.obj-arrow.show{opacity:.9}.obj-arrow svg{width:100%;height:100%;display:block}.obj-chips.hide{display:none}.obj-base{right:calc(.8em + var(--safe-right,0px));flex-direction:column;align-items:flex-end;gap:.35em;min-width:11em;display:none;position:absolute;top:4.6em}.obj-base.show{display:flex}.hud-touch .obj-base{top:calc(4.6em + var(--tap-min,0px) + var(--safe-top,0px))}.obj-counts{gap:.3em;display:flex}.obj-count{border:2px solid var(--tc);color:#fff7e8;white-space:nowrap;background:#2a1840c7;border-radius:999px;align-items:baseline;gap:.3em;padding:.25em .7em;font-size:.85em;font-weight:700;display:flex}.obj-count[data-owner=yes]{background:var(--tc);color:#2a1840}.obj-count-pen{opacity:.9;font-size:.8em}.obj-meter{background:#2a1840c7;border:2px solid #fff7e8;border-radius:999px;width:100%;height:.7em;overflow:hidden}.obj-meter-fill{background:var(--tc,#fff7e8);width:0;height:100%;display:block}.obj-meter[data-contested=yes]{background:repeating-linear-gradient(45deg,#2a1840c7 0 6px,#fff7e880 6px 12px);animation:.6s ease-in-out infinite obj-blink}@keyframes obj-blink{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.obj-chip[data-state=dropped],.obj-meter[data-contested=yes]{animation:none}}.hud-snack{--sa-top:7.4em;pointer-events:none;position:absolute;inset:0}.hud-touch .hud-snack{--sa-top:calc(1.6em + var(--tap-min) + var(--safe-top))}.hud-player .hud-snack{--sa-top:4.4em}@media (width<=600px){.hud-touch .hud-snack{--sa-top:calc(7.4em + var(--tap-min) + var(--safe-top))}}.sa-banner{left:50%;top:var(--sa-top);border:3.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);white-space:nowrap;z-index:3;align-items:center;display:none;position:absolute;translate:-50%}.sa-banner.show{display:flex}.sa-banner{background:repeating-linear-gradient(-45deg,#fff4c8 0 .9em,#ffe38a .9em 1.8em);border-radius:1.3em;gap:.6em;max-width:calc(100% - 1.5em);padding:.35em 1.1em .4em .7em;rotate:-1.5deg}.sa-banner.bounce{animation:.55s cubic-bezier(.25,1.7,.45,1) both sa-bounce-in}.sa-bowl{flex:none;width:4.2em;height:2.9em;animation:.9s ease-in-out infinite alternate sa-wobble}.sa-bowl svg,.sa-arrow-bowl svg{width:100%;height:100%;display:block}.sa-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.05;display:flex}.sa-title{font-family:var(--font-display);color:var(--pink);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink);letter-spacing:.02em;font-size:2.3em}.sa-sub{font-family:var(--font-display);white-space:nowrap;font-size:1.35em}.sa-banner.cover .sa-sub{color:var(--red);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill}.sa-sub.tick{animation:.4s cubic-bezier(.25,1.8,.45,1) sa-tick}.sa-arrow{z-index:2;width:0;height:0;display:none;position:absolute;top:0;left:0}.sa-arrow.show{display:block}.sa-arrow-bowl{border:2.5px solid var(--ink);width:2.6em;height:2.6em;box-shadow:0 2px 0 var(--ink);background:#ffe38a;border-radius:50%;margin:-1.3em 0 0 -1.3em;padding:.35em .2em;position:absolute}.sa-arrow-chev,.sa-badge-chev{width:0;height:0;position:absolute;top:0;left:0}.sa-arrow-chev:before,.sa-badge-chev:before{content:"";border-left:.6em solid #0000;border-right:.6em solid #0000;border-bottom:.8em solid var(--ink);width:0;height:0;position:absolute;translate:-50% calc(-100% - 1.35em)}.sa-arrow-chev:before{animation:.7s ease-in-out infinite alternate sa-nudge}.kf-saucer{--tc:#ff4fa8;align-items:center;gap:.2em;display:inline-flex}.sa-danger{--gx:50%;--gy:100%;--k:.5;opacity:var(--k);background:radial-gradient(circle at var(--gx) var(--gy), #ff8a2fd9 0, #ff5a288c 18%, transparent 48%);display:none;position:absolute;inset:0}.sa-danger.under{background:radial-gradient(#0000 42%,#ff6e28bf 100%)}.sa-danger.show{animation:.6s ease-in-out infinite alternate sa-pulse;display:block}.sa-danger.show.urgent{animation-duration:.3s}.sa-badge{z-index:2;width:0;height:0;display:none;position:absolute;top:0;left:0}.sa-badge.show{display:block}.sa-badge-mark{width:2.2em;height:2.2em;font-family:var(--font-display);color:var(--ink);isolation:isolate;place-items:center;margin:-1.1em 0 0 -1.1em;font-size:1.1em;line-height:1;display:grid;position:absolute}.sa-badge-mark:before{content:"";z-index:-1;border:3px solid var(--ink);background:#ffd23f;border-radius:.3em;position:absolute;inset:.2em;rotate:45deg;box-shadow:0 0 0 3px #fff}.sa-badge.urgent .sa-badge-mark:before{background:#ff8a2f}.sa-badge.urgent .sa-badge-mark{animation:.3s ease-in-out infinite alternate sa-tick}.sa-badge.under .sa-badge-chev{display:none}@keyframes sa-bounce-in{0%{opacity:0;translate:-50% -1.5em;scale:.3}60%{opacity:1;scale:1.08}to{opacity:1;translate:-50%;scale:1}}@keyframes sa-wobble{0%{translate:0 -.08em;rotate:-7deg}to{translate:0 .08em;rotate:7deg}}@keyframes sa-tick{0%{scale:1.6}to{scale:1}}@keyframes sa-nudge{to{translate:-50% calc(-100% - 1.7em)}}@keyframes sa-pulse{0%{opacity:calc(var(--k) * .55)}to{opacity:var(--k)}}@media (height<=500px){.sa-banner{font-size:.8em}}.hud-player .sa-banner{font-size:.85em}@media (prefers-reduced-motion:reduce){.sa-banner.bounce,.sa-sub.tick,.sa-bowl,.sa-arrow-chev:before,.sa-badge.urgent .sa-badge-mark,.sa-danger.show,.sa-danger.show.urgent{animation:none}}.match-screen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#87cefa;animation:none}.match-view{position:absolute;inset:0;overflow:hidden}.match-view canvas{width:100%;height:100%;display:block}.loading-overlay{z-index:40;place-items:center;transition:opacity .4s,scale .4s;display:grid;position:absolute;inset:0;overflow:auto}.loading-overlay.leaving{opacity:0;pointer-events:none;scale:1.08}.ld-content{z-index:1;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1100px;padding:20px 16px;display:flex;position:relative}.ld-meta{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ld-chip{border:3px solid var(--ink);font-family:var(--font-display);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;padding:3px 14px;font-size:1.05rem}.ld-chip:nth-child(2){background:var(--yellow)}.ld-chip:nth-child(3){background:var(--lime)}.ld-versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%;display:grid}.ld-team{background:color-mix(in srgb, var(--tc) 22%, #fff);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 16px;display:flex}.ld-team.team-0{animation:.5s ease-out slide-in-left;rotate:-1.5deg}.ld-team.team-1{animation:.5s ease-out slide-in-right;rotate:1.5deg}@keyframes slide-in-left{0%{opacity:0;translate:-60px}}@keyframes slide-in-right{0%{opacity:0;translate:60px}}.ld-team-name{color:var(--tc);font-size:clamp(1.3rem,2.4vw,2rem)}.ld-pups{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ld-pup{text-align:center;width:clamp(80px,10vw,124px);animation:.4s ease-out backwards bounce-in;animation-delay:calc(.25s + var(--i) * .1s);flex-direction:column;align-items:center;line-height:1.1;display:flex}.ld-pup-portrait{aspect-ratio:1;border:4px solid var(--ink);background:radial-gradient(circle at 50% 40%, #fff 0 45%, color-mix(in srgb, var(--tc) 35%, #fff) 75%);border-radius:50%;width:100%;margin-bottom:6px;overflow:hidden}.ld-pup.me .ld-pup-portrait{box-shadow:0 0 0 5px var(--yellow), 0 0 0 8px var(--ink)}.ld-pup-portrait img{object-fit:cover;width:100%;height:100%;display:block}.ld-pup b{font-family:var(--font-display);font-size:1.05rem;font-weight:400}.ld-pup small{color:var(--ink-soft);font-size:.78rem;font-weight:500}.ld-vs{color:var(--yellow);font-size:clamp(2.4rem,5vw,4.2rem);animation:1s ease-in-out infinite jelly}.ld-tip{border:3px solid var(--ink);text-align:center;background:#ffffffd9;border-radius:16px;max-width:640px;padding:8px 16px;font-weight:500}.ld-tip b{font-family:var(--font-display);color:var(--pink-dark);font-weight:400}.ld-actions{flex-direction:column;align-items:center;gap:10px;min-height:110px;display:flex}.ld-status{font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;align-items:center;gap:10px;font-size:1.4rem;display:flex}.ld-spinner{width:44px;height:44px;animation:1s steps(8,end) infinite spin;display:inline-block}.ld-spinner svg{width:100%;height:100%}.ld-go{animation:.4s ease-out bounce-in}.ld-hint{background:#fffc;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-weight:600;display:flex}.ld-error{flex-direction:column;align-items:center;gap:10px;max-width:560px;padding:16px 20px;display:flex}.ld-error .display{color:var(--pink);font-size:1.5rem}.ld-error code{white-space:pre-wrap;word-break:break-word;background:#fff0f0;border-radius:8px;padding:6px 10px;font-size:.85rem}@media (width<=600px){.loading-overlay{overflow-x:hidden}.ld-content{padding:calc(14px + var(--safe-top)) 10px calc(14px + var(--safe-bottom));gap:14px}.ld-versus{gap:6px}.ld-team{min-width:0;padding:10px 6px 12px}.ld-hint{text-align:center;text-wrap:balance;border-radius:16px;flex-wrap:wrap;justify-content:center}}@media (height<=500px){.ld-content{padding:calc(8px + var(--safe-top)) calc(16px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(16px + var(--safe-left));gap:8px}.ld-chip{box-shadow:0 2px 0 var(--ink);border-width:2.5px;padding:1px 12px;font-size:.9rem}.ld-versus{gap:12px}.ld-team{box-shadow:0 5px 0 var(--ink);border-width:3px;border-radius:20px;flex-flow:wrap;justify-content:center;gap:4px 10px;padding:6px 10px 8px}.ld-team-name{text-align:center;width:100%;font-size:1.25rem}.ld-pups{gap:8px}.ld-pup{width:clamp(56px,13dvh,76px)}.ld-pup-portrait{border-width:3px;margin-bottom:3px}.ld-pup.me .ld-pup-portrait{box-shadow:0 0 0 3px var(--yellow), 0 0 0 5px var(--ink)}.ld-pup b{font-size:.9rem}.ld-pup small{font-size:.7rem}.ld-vs{font-size:2.2rem}.ld-tip{border-width:2.5px;padding:4px 12px;font-size:.85rem}.ld-actions{gap:6px;min-height:0}.ld-status{font-size:1.15rem}.ld-spinner{width:34px;height:34px}.ld-hint{font-size:.85rem}}.pm-panel{width:min(560px,100%);max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));flex-direction:column;align-items:center;gap:16px;padding:20px 24px 22px;animation:.3s ease-out bounce-in;display:flex;overflow:auto}.pm-title{color:var(--yellow);margin:0;font-size:3rem;font-weight:400;rotate:-3deg}.pm-notice{border:3px solid var(--ink);background:var(--paper,#fff);border-radius:999px;align-self:center;padding:.25em .9em;font-weight:800}.pm-notice.alert{background:var(--pink,#ff4fa8);color:#fff;animation:1.2s ease-in-out infinite wobble}.pm-buttons{flex-direction:column;gap:12px;width:min(320px,100%);display:flex}.pm-buttons .btn{width:100%}.pm-settings{border:3px dashed #2a18404d;border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:10px 14px;display:flex}.pm-group{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:4px 0 0;font-size:.8rem;font-weight:800}.pm-group:first-child{margin-top:0}.pm-row{align-items:center;gap:12px;font-weight:600;display:flex}.pm-row>span{flex:1}.pm-row input[type=range]{accent-color:var(--pink);flex:1.3}.pm-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--pink)}.pm-choice{flex:1.3;gap:6px;display:flex}.pm-choice-btn{flex:1;padding-inline:8px}.pm-choice-btn[aria-pressed=true]{background:var(--pink);color:var(--paper)}.pm-sens-value{font-family:var(--font-display);text-align:right;min-width:2.2em}.pm-controls{width:100%;display:none}.pm-controls.show{display:block}.pm-head,.pm-body{display:contents}.pm-note{opacity:.7;margin:0;font-weight:600}@media (height<=500px){.pm-panel{flex-direction:row;align-items:stretch;gap:16px;width:min(820px,100%);padding:12px 14px 14px;overflow:hidden}.pm-head{flex-direction:column;flex:0 0 min(260px,38%);justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.pm-title{font-size:2.2rem}.pm-buttons{gap:10px;width:100%}.pm-buttons .btn.huge{font-size:var(--fs-btn-huge);padding:.3em .8em .35em}.pm-buttons .btn:not(.huge){padding-block:.35em}.pm-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:12px;min-width:0;min-height:0;padding:2px 2px 4px;display:flex;overflow-y:auto}}.split-divider{pointer-events:none;z-index:1;background:#fff8f0;height:4px;margin-top:-2px;position:absolute;left:0;right:0;box-shadow:0 0 0 1px #28143c59}.perf-overlay{z-index:30;color:#7cfc5a;pointer-events:none;white-space:pre;background:#140a1eb8;border-radius:6px;margin:0;padding:4px 8px;font:600 11px/1.35 ui-monospace,monospace;position:absolute;top:8px;right:8px}.pm-loadout{flex-direction:column;gap:8px;display:flex}.pm-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pm-pick{border:3px solid var(--ink);background:color-mix(in srgb, var(--wc,#ddd) 24%, #fff);border-radius:12px;align-items:center;gap:5px;min-width:0;padding:5px 7px;font-size:.8rem;line-height:1.1;display:flex}.pm-pick.empty{background:0 0;border-style:dashed}.pm-pick-icon{flex:none;width:30px;height:20px;display:block}.pm-pick-icon svg{width:100%;height:100%}.pm-gun-family-name{color:var(--ink-soft);font-weight:700}.pm-guns{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.pm-gun{align-items:center;gap:5px;display:inline-flex}.pm-gun[aria-pressed=true]{background:var(--yellow)}.pm-loadout-confirm[aria-disabled=true]{opacity:.5}.pm-loadout-note{color:var(--ink-soft)}.gfx-lost{z-index:60}.gfx-lost-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;padding:18px 22px;display:flex}.gfx-lost-panel .display{font-size:1.5rem}.gfx-lost-panel .ld-spinner{width:40px;height:40px}.results-screen{overflow-y:auto}.results-screen>.party-bg{position:fixed}.rs-confetti{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;inset:0}.rs-content{z-index:2;flex-direction:column;align-items:center;gap:18px;min-height:100%;padding:18px 20px 26px;display:flex;position:relative}.rs-banner{text-align:center;flex-direction:column;align-items:center;padding:26px 60px 22px;animation:.6s ease-out bounce-in;display:flex;position:relative}.rs-banner-splat{z-index:-1;animation:3s ease-in-out infinite alternate splat-bob;position:absolute;inset:-40px -30px}.rs-banner-splat svg{width:100%;height:100%;display:block}.rs-banner-title{font-size:clamp(2.6rem,6.5vw,5.4rem);line-height:1;rotate:-3deg}.results-screen.lost .rs-banner-title{rotate:2deg}.rs-banner-sub{font-family:var(--font-display);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;margin-top:8px;padding:4px 16px;font-size:clamp(1.1rem,2vw,1.5rem);rotate:1.5deg}.rs-banner-meta{text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-top:8px;font-size:.9rem;font-weight:700}.rs-body{grid-template-columns:minmax(240px,300px) minmax(0,760px);align-items:start;gap:18px;width:100%;max-width:1100px;display:grid}.rs-mvp{text-align:center;flex-direction:column;align-items:center;padding:18px 16px 16px;animation:.5s ease-out .2s backwards bounce-in;display:flex;position:relative;rotate:-1.5deg}.rs-mvp-label{background:var(--pink);color:#fff;font-family:var(--font-display);border:3px solid var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:2px 16px;font-size:1.3rem;position:absolute;top:-16px}.rs-mvp-portrait{border:4px solid var(--ink);width:clamp(72px,20vmin,128px);height:clamp(72px,20vmin,128px);box-shadow:0 0 0 8px var(--yellow), 0 0 0 12px var(--ink);background:radial-gradient(circle at 50% 40%,#fff 0 45%,#fff0b3 75%);border-radius:50%;margin:10px 0 14px;animation:1.4s ease-in-out infinite pup-hop;overflow:hidden}.rs-mvp-portrait img{object-fit:cover;width:100%;height:100%;display:block}.rs-mvp-title{color:var(--yellow);font-size:1.7rem;line-height:1.05}.rs-mvp-name{font-family:var(--font-display);margin-top:4px;font-size:1.3rem}.rs-mvp-stats{color:var(--ink-soft);font-weight:600}.rs-awards{flex-direction:column;gap:6px;width:100%;margin-top:12px;display:flex}.rs-award{text-align:left;border:2.5px solid var(--ink);border-left:8px solid var(--tc);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;padding:5px 10px;line-height:1.15;display:flex}.rs-award b{font-family:var(--font-display);font-weight:400}.rs-award span{color:var(--ink-soft);font-size:.85rem;font-weight:500}.rs-tables{flex-direction:column;gap:14px;padding:14px;animation:.5s ease-out .3s backwards bounce-in;display:flex}.rs-team{border:3px solid var(--ink);background:color-mix(in srgb, var(--tc) 10%, #fff);border-radius:16px;overflow:hidden}.rs-team.winner{box-shadow:0 0 0 4px var(--yellow)}.rs-team-head{background:var(--tc);border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.rs-team-head .display{font-size:1.35rem}.rs-team.winner .rs-team-head .display:after{content:" ★";color:var(--yellow)}.rs-team-score{font-family:var(--font-display);color:#fff;background:#2a184059;border-radius:999px;padding:2px 10px}.rs-team table{border-collapse:collapse;width:100%}.rs-team th{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:6px 8px 2px;font-size:.72rem}.rs-team th:first-child{text-align:left;padding-left:12px}.rs-team td{border-top:2px dashed #2a184026;padding:5px 8px}.rs-team tr.me td{background:#ffd23f59}.rs-pup{align-items:center;gap:10px;display:flex;padding-left:10px!important}.rs-portrait{border:3px solid var(--ink);background:color-mix(in srgb, var(--tc) 30%, #fff);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.rs-portrait img{object-fit:cover;width:100%;height:100%;display:block}.rs-who{flex-direction:column;line-height:1.1;display:flex}.rs-who b{font-family:var(--font-display);align-items:center;gap:6px;font-size:1.1rem;font-weight:400;display:flex}.rs-who small{color:var(--ink-soft);font-weight:500}.rs-crown{width:26px;height:20px;display:inline-block;rotate:12deg}.rs-crown svg{width:100%;height:100%}.rs-num{text-align:center;font-family:var(--font-display);width:64px;font-size:1.25rem}.rs-kd{color:var(--pink-dark)}.rs-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;animation:.5s ease-out .45s backwards bounce-in;display:flex}@media (width<=820px){.rs-body{grid-template-columns:minmax(0,1fr)}.rs-mvp{rotate:0deg}.rs-num{width:auto;font-size:1rem}.rs-banner{padding:20px 16px}}@media (width<=1100px),(height<=500px),(pointer:coarse){.results-screen,.rs-content{padding-bottom:0}.rs-actions{z-index:3;padding:14px 16px calc(12px + var(--safe-bottom));background:linear-gradient(#fff7e800,#fff7e8f0 45%);align-self:stretch;gap:12px;margin:auto -20px 0;position:sticky;bottom:0}.rs-banner{padding:clamp(12px,3dvh,26px) clamp(16px,5vw,60px) clamp(10px,2.5dvh,22px)}}@media (width<=600px){.rs-content{gap:14px;padding-left:12px;padding-right:12px}.rs-actions{flex-wrap:nowrap;gap:10px;margin-left:-12px;margin-right:-12px}.rs-actions .btn{flex:auto;min-width:0;padding-left:.6em;padding-right:.6em}.rs-actions .btn.huge{flex-grow:1.4;font-size:1.5rem}.rs-banner-splat{inset:-24px -12px}.rs-banner-sub{padding:4px 12px;font-size:1rem}.rs-tables{gap:10px;padding:10px}.rs-team-head{flex-wrap:wrap;gap:4px 8px;padding:6px 10px}.rs-team-head .display{font-size:1.15rem}.rs-team table,.rs-team tbody{display:block}.rs-team thead{display:none}.rs-team tr{border-top:2px dashed #2a184026;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rs-team tbody tr:first-child{border-top:0}.rs-team tr.me{background:#ffd23f59}.rs-team td,.rs-team tr.me td{background:0 0;border-top:0;padding:2px 4px 6px}.rs-pup{grid-column:1/-1;padding:8px 10px 2px!important}.rs-num{flex-direction:column;align-items:center;min-width:0;font-size:1.1rem;line-height:1.1;display:flex}.rs-num:before{content:attr(data-label);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.66rem;font-weight:600}.rs-locals{gap:8px}.rs-local{flex-wrap:wrap;max-width:100%}}@media (height<=500px){.rs-content{gap:12px;padding-top:10px}.rs-banner-title{font-size:clamp(1.8rem,11dvh,3rem)}.rs-banner-sub{margin-top:4px;font-size:1rem}.rs-banner-meta{margin-top:4px;font-size:.75rem}.rs-banner-splat{inset:-20px}.rs-actions{padding-top:8px;padding-bottom:calc(8px + var(--safe-bottom))}}.rs-locals{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:1100px;display:flex}.rs-local{border-left:8px solid var(--tc);align-items:center;gap:10px;padding:8px 14px;display:flex}.rs-outcome{border:3px solid var(--ink);background:#fff;border-radius:999px;margin-left:6px;padding:2px 12px;font-size:1.2rem}.rs-local.win .rs-outcome{background:var(--yellow)}.rs-local.lose .rs-outcome{background:#e4d9f5}.logo{font-family:var(--font-display);-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .18em;line-height:.95;display:flex}.logo-big{font-size:var(--fs-logo-big)}.logo-small{font-size:2rem}.logo-word{display:inline-flex}.logo-letter{color:var(--c);-webkit-text-stroke:.075em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink), 0 .12em 0 #2a184040;animation:1.8s ease-in-out infinite letter-bounce;animation-delay:calc(var(--i) * -.12s);transform-origin:50% 100%;display:inline-block}.logo-small .logo-letter{animation:none}.logo-tail{align-items:center;gap:.12em;display:inline-flex}.logo-paw{width:.72em;height:.72em;filter:drop-shadow(0 .06em 0 var(--ink));animation:2.2s ease-in-out infinite paw-wiggle;display:inline-block;rotate:18deg}.logo-paw svg{width:100%;height:100%;display:block}@keyframes letter-bounce{0%,to{translate:0;rotate:-3deg}50%{translate:0 -.08em;rotate:3deg}}@keyframes paw-wiggle{0%,to{rotate:10deg;scale:1}50%{rotate:28deg;scale:1.12}}.title-screen{place-items:center;display:grid}.tt-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(.6rem,2.2vh,1.6rem);padding:16px;display:flex;position:relative}.tt-tagline{font-size:clamp(1.4rem,3vw,2.4rem);rotate:-2deg}.tt-splat{color:var(--lime);animation:1.4s ease-in-out infinite jelly;display:inline-block}.tt-parade{justify-content:center;gap:clamp(4px,1vw,14px);margin:.4rem 0 .6rem;display:flex}.tt-pup{width:var(--art-pup);height:var(--art-pup);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);animation:1.2s ease-in-out infinite pup-hop;animation-delay:calc(var(--i) * -.17s);background:radial-gradient(circle at 50% 40%,#fff 0 45%,#ffe9f5 70%);border-radius:50%;overflow:hidden}.tt-pup:nth-child(2n){background:radial-gradient(circle at 50% 40%,#fff 0 45%,#e3f0ff 70%)}.tt-pup img{object-fit:cover;width:100%;height:100%;display:block}@keyframes pup-hop{0%,to{translate:0}40%{translate:0 -12px}55%{translate:0 -12px;scale:1.04 .96}}.tt-play{min-width:6.5em}.tt-actions{flex-direction:column;align-items:center;gap:.7rem;display:flex}.tt-name{border:3px solid var(--ink);max-width:100%;color:var(--ink);background:#ffffffd9;border-radius:999px;align-items:center;gap:.4em;padding:.15em .2em .15em .9em;font-weight:600;display:inline-flex}.tt-name[hidden]{display:none}.tt-name-text{font-family:var(--font-display);white-space:nowrap;font-size:1.15em;font-weight:400}.tt-name-dice{border:2.5px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:50%;place-items:center;width:2em;height:2em;font-size:1rem;display:grid}.tt-name-dice:hover,.tt-name-dice:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.tt-name-dice:active{translate:0 2px}.tt-hint{color:var(--ink);border:3px solid var(--ink);background:#ffffffb3;border-radius:999px;align-items:center;gap:.4em;padding:.35em .9em;font-size:1.05rem;font-weight:600;display:flex}.tt-hint-line{display:contents}.tt-tap{color:var(--pink-dark)}.tt-mute{top:calc(16px + var(--safe-top));right:calc(16px + var(--safe-right));z-index:2;position:absolute}.tt-footer{bottom:calc(14px + var(--safe-bottom));text-align:center;color:var(--ink);opacity:.7;z-index:1;letter-spacing:.04em;font-weight:700;position:absolute;left:0;right:0}@media (width<=600px),(height<=500px),(pointer:coarse){.title-screen{grid-template-rows:minmax(0,1fr) auto}.tt-content{max-width:100%}.tt-hint{text-wrap:balance;border-radius:1.2em;justify-content:center}.tt-footer{opacity:1;max-width:calc(100% - 24px);color:var(--ink-soft);text-wrap:balance;background:#fffdf7b8;border-radius:999px;justify-self:center;margin-bottom:10px;padding:.2em .8em;font-size:.8rem;position:static}}@media (width<=600px){.logo-big{font-size:clamp(2.6rem,15vw,5rem)}.tt-parade{--art-pup:min(11.5vw, 64px);gap:4px}.tt-pup{box-shadow:0 4px 0 var(--ink);border-width:3px}.tt-hint{font-size:1rem;display:block}}@media (height<=500px){.logo-big{font-size:clamp(2rem,13dvh,8.2rem)}.tt-content{gap:clamp(.3rem,2dvh,.8rem);padding:8px 16px}.tt-tagline{font-size:clamp(1.1rem,6dvh,2.4rem)}.tt-parade{--art-pup:clamp(36px, 13dvh, 118px);margin:0}.tt-pup{box-shadow:0 4px 0 var(--ink);border-width:3px}.tt-hint{font-size:.95rem}}.phone-notice{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));z-index:3;width:min(250px, calc(100% - 96px - var(--safe-left) - var(--safe-right)));text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 14px 14px;animation:.35s ease-out bounce-in;display:flex;position:absolute;rotate:-1.5deg}.pn-title{color:var(--yellow);margin:0;font-size:1.25rem;font-weight:400;line-height:1.05}.pn-text{margin:0;font-size:.9rem;font-weight:600;line-height:1.25}@media (height<=500px){.phone-notice{gap:4px;width:min(210px,50vw - 110px);padding:8px 10px 10px}.pn-title{font-size:1rem}.pn-text{font-size:.78rem}}