/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.p-1{padding:calc(var(--spacing) * 1)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#171426;--cream:#fff8e7;--pink:#ff4d6d;--blue:#2ed4ff;--yellow:#ffe44d}*{box-sizing:border-box}html,body{min-height:100%;color:var(--cream);background:#100e1d;margin:0}body{font-family:var(--font-geist-sans),Arial,sans-serif;overflow-x:hidden}.game-shell{background:radial-gradient(circle at 50% -20%,#3b315d 0,#171426 52%,#0d0b16 100%);flex-direction:column;min-height:100svh;display:flex}.topbar{background:#0f0d1bd1;border-bottom:3px solid #ffffff17;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,4vw,64px);display:flex}.brand{letter-spacing:-2px;text-shadow:3px 3px #000;font-size:clamp(21px,3vw,34px);font-style:italic;font-weight:950;transform:rotate(-1deg)}.brand span{color:var(--yellow)}.brand i{color:var(--pink);font-size:1.35em}.pad-status{letter-spacing:.12em;color:#9c97ad;align-items:center;gap:8px;font-size:11px;font-weight:850;display:flex}.pad-status b{background:#696477;border-radius:50%;width:9px;height:9px}.pad-status.ready{color:#aaffc8}.pad-status.ready b{background:#4cff8d;box-shadow:0 0 12px #4cff8d}.scoreboard{grid-template-columns:1fr 130px 1fr;align-items:center;gap:18px;width:min(1060px,100% - 36px);height:86px;margin:auto;display:grid}.player-card{align-items:center;gap:18px;display:flex}.player-card.p2{text-align:right;justify-content:flex-end}.player-card small{letter-spacing:.16em;color:#b6b0c6;margin-bottom:3px;font-size:10px;font-weight:900;display:block}.player-card strong{font-family:var(--font-geist-mono),monospace;letter-spacing:4px;font-size:clamp(18px,2.4vw,27px)}.p1 strong{color:var(--pink);text-shadow:0 0 12px #ff4d6d66}.p2 strong{color:var(--blue);text-shadow:0 0 12px #2ed4ff66}.player-card>b{background:#211d36;border:3px solid;border-radius:15px;place-items:center;width:50px;height:50px;font-size:25px;display:grid;transform:rotate(-3deg)}.p1>b{color:var(--pink)}.p2>b{color:var(--blue);transform:rotate(3deg)}.first-to{background:var(--yellow);color:#272032;letter-spacing:.12em;border-radius:7px;justify-self:center;padding:8px 14px;font-size:10px;font-weight:950;transform:rotate(-2deg);box-shadow:3px 4px #000}.arena{aspect-ratio:16/9;background:#151326;border:4px solid #4a4264;border-radius:23px;width:min(1280px,100% - 28px);margin:auto;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073,inset 0 0 0 4px #161326}.arena canvas{width:100%;height:100%;display:block}.banner{color:#28213b;background:var(--yellow);letter-spacing:-.04em;white-space:nowrap;pointer-events:none;border:4px solid #fff8cf;border-radius:10px;padding:10px 20px;font-size:clamp(16px,3.4vw,42px);font-style:italic;font-weight:950;animation:.25s cubic-bezier(.2,1.8,.4,1) pop;position:absolute;top:17%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:5px 6px #000c}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.5)rotate(5deg)}}.power{border:2px solid var(--yellow);color:var(--yellow);letter-spacing:.08em;background:#0f0d1bcc;border-radius:7px;padding:7px 12px;font-size:10px;font-weight:900;position:absolute;bottom:14px}.power.left{left:14px}.power.right{right:14px}footer{color:#aaa4bb;letter-spacing:.055em;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px clamp(18px,4vw,64px);font-size:10px;display:flex}footer>div{align-items:center;gap:7px;display:flex}footer b{color:#fff}footer em{border-radius:50%;width:9px;height:9px}.red{background:var(--pink)}.blue{background:var(--blue)}kbd{color:#f2eff9;background:#2a2540;border:1px solid #625b78;border-bottom-width:3px;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:800}.tip{color:#d5d0df;font-size:11px}@media (max-width:760px){.topbar{height:54px}.pad-status{font-size:8px}.scoreboard{grid-template-columns:1fr 72px 1fr;gap:5px;height:72px}.player-card{gap:7px}.player-card>b{border-radius:9px;width:36px;height:36px;font-size:18px}.player-card small{font-size:7px}.first-to{padding:6px;font-size:7px}.arena{border-width:2px;border-radius:12px;width:calc(100% - 10px)}footer{flex-wrap:wrap;justify-content:center;min-height:95px}.tip{order:-1;justify-content:center;width:100%}}.back-button{color:#9c97ad;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:900}.lobby-shell{color:#fff8e7;background:radial-gradient(circle at 72% 38%,#3d3368 0,#19152c 40%,#0c0a15 100%);min-height:100svh;position:relative;overflow:hidden}.lobby-noise{opacity:.22;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;transform:perspective(500px)rotateX(8deg)scale(1.1)}.lobby-header{z-index:1;border-bottom:2px solid #ffffff14;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(24px,6vw,90px);display:flex;position:relative}.online-pill{color:#aaffe0;letter-spacing:.14em;align-items:center;gap:9px;font-size:10px;font-weight:900;display:flex}.online-pill b{background:#4cff8d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #4cff8d}.lobby-hero{z-index:1;width:min(800px,88%);margin-left:clamp(24px,9vw,140px);padding:clamp(50px,9vh,110px) 0 80px;position:relative}.eyebrow{color:#ffe44d;letter-spacing:.18em;font-size:12px;font-weight:950}.lobby-hero h1{letter-spacing:-.075em;text-shadow:7px 8px #090711;margin:16px 0;font-size:clamp(52px,8vw,112px);font-style:italic;font-weight:950;line-height:.82}.lobby-hero h1 span{color:#ff4d6d}.hero-copy{color:#b8b0c9;max-width:570px;font-size:clamp(15px,1.6vw,20px);line-height:1.55}.lobby-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.host-button{color:#221b35;letter-spacing:.06em;cursor:pointer;background:#ffe44d;border:0;border-radius:10px;padding:17px 20px;font-weight:950;box-shadow:5px 6px #000}.host-button b{margin-left:28px;font-size:20px}.join-box{background:#18142a;border:2px solid #5a526f;border-radius:10px;display:flex;overflow:hidden}.join-box input{color:#fff;letter-spacing:.18em;text-align:center;background:0 0;border:0;outline:0;width:118px;font-size:20px;font-weight:950}.join-box button{color:#13202c;cursor:pointer;background:#2ed4ff;border:0;border-left:2px solid #5a526f;padding:0 20px;font-weight:950}.join-box button:disabled{color:#777084;background:#322c48}.couch-link{color:#aaa4bb;cursor:pointer;background:0 0;border:0;margin-top:19px;text-decoration:underline;display:block}.how-card{z-index:1;background:#28223e;border:2px solid #554b72;border-radius:14px;padding:20px 24px;position:absolute;bottom:7vh;right:6vw;transform:rotate(2deg);box-shadow:9px 10px #0a0810}.how-card>span{color:#ffe44d;letter-spacing:.17em;font-size:10px;font-weight:950}.how-card ol{color:#d8d3e2;gap:10px;margin:13px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.how-card li b{color:#fff;background:#ff4d6d;border-radius:7px;place-items:center;width:22px;height:22px;margin-right:8px;display:inline-grid}.lobby-preview{z-index:5;text-align:center;color:#211b35;background:#fff8e7;border:5px solid #ffe44d;border-radius:20px;width:min(420px,100% - 36px);padding:36px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:12px 14px #000}.lobby-preview>button{cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;top:8px;right:12px}.lobby-preview small{letter-spacing:.16em;color:#756d85;font-weight:900;display:block}.lobby-preview strong{letter-spacing:.14em;margin:10px;font-size:62px;display:block}.lobby-preview p{color:#756d85}.lobby-preview i{background:#ff4d6d;border-radius:50%;width:12px;height:12px;margin:8px 5px;animation:.7s infinite alternate bounce;display:inline-block}.lobby-preview i:nth-of-type(2){background:#ffe44d;animation-delay:.2s}.lobby-preview i:nth-of-type(3){background:#2ed4ff;animation-delay:.4s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (max-width:900px){.how-card{display:none}.lobby-hero{margin:auto}.lobby-hero h1{font-size:clamp(48px,14vw,90px)}}.room-shell{color:#fff8e7;background:radial-gradient(circle at 50% 30%,#3a315f,#171426 60%,#0b0912);min-height:100svh}.room-shell>header,.online-arena>header{border-bottom:2px solid #ffffff16;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 clamp(18px,4vw,60px);display:grid}.room-shell>header>button,.online-arena>header>button{color:#aaa4bb;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;justify-self:start;font-size:10px;font-weight:900}.room-shell>header>b,.online-arena>header>b{color:#2ed4ff;letter-spacing:.15em;justify-self:end;font-size:10px}.room-code{text-align:center;padding:36px 20px 25px}.room-code small{color:#aaa4bb;letter-spacing:.15em;font-weight:900;display:block}.room-code strong{letter-spacing:.13em;color:#ffe44d;text-shadow:7px 8px #000;margin:5px;font-size:clamp(62px,10vw,112px);font-style:italic;line-height:1;display:block}.room-code p{color:#aaa4bb;font-size:13px}.roster{width:min(1040px,100% - 32px);margin:auto}.roster-title{justify-content:space-between;align-items:center;display:flex}.roster-title h2{font-size:20px;font-style:italic}.roster-title span{color:#aaffc8;letter-spacing:.12em;font-size:10px;font-weight:900}.player-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.player-grid article{text-align:center;background:#25203a;border:2px solid #4e4665;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:165px;padding:20px 12px;display:flex}.player-grid article.is-ready{border-color:#5cff8d;box-shadow:inset 0 0 28px #5cff8d14}.player-grid article>strong{margin-top:12px;font-size:16px}.player-grid article>small{color:#918b9e;letter-spacing:.1em;margin-top:5px;font-size:8px;font-weight:900}.empty-slot{opacity:.55}.empty-slot>b{color:#777087;font-size:32px}.empty-slot span{letter-spacing:.1em;font-size:9px;font-weight:900}.start-battle{color:#221b35;letter-spacing:.06em;cursor:pointer;background:#ffe44d;border:0;border-radius:10px;margin:24px auto;padding:16px 28px;font-weight:950;display:block;box-shadow:5px 6px #000}.start-battle:disabled{color:#817a8d;box-shadow:none;cursor:not-allowed;background:#383247}.room-error{color:#ff6d88;text-align:center;font-size:12px;font-weight:800}.blob-face{--blob:#ff4d6d;background:var(--blob);filter:drop-shadow(0 8px #0004);border-radius:50%;width:74px;height:68px;position:relative}.blob-face.blob-style-1{border-radius:22px 22px 18px 18px}.blob-face.blob-style-2{clip-path:polygon(50% 0,64% 16%,84% 11%,87% 34%,100% 50%,85% 64%,86% 88%,62% 85%,50% 100%,36% 84%,12% 89%,14% 65%,0 50%,14% 35%,12% 11%,36% 16%)}.blob-face i{background:#fff;border-radius:50%;width:16px;height:17px;position:absolute;top:21px}.blob-face i:first-child{left:17px}.blob-face i:nth-child(2){right:17px}.blob-face i:after{content:"";background:#171426;border-radius:50%;width:6px;height:7px;position:absolute;top:6px;left:6px}.blob-face>b{background:#171426;border-radius:0 0 10px 10px;width:20px;height:5px;font-size:0;position:absolute;top:46px;left:50%;transform:translate(-50%)}.phone-shell{color:#fff;background:radial-gradient(circle at 50% 20%,#41356b,#171426 62%,#0c0a14);min-height:100svh}.phone-shell>header,.controller-shell>header{border-bottom:2px solid #ffffff17;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex}.phone-shell>header button,.controller-shell>header button{color:#aaa4bb;cursor:pointer;background:0 0;border:0;font-size:24px}.phone-shell>header span{letter-spacing:.16em;color:#ffe44d;font-size:11px;font-weight:900}.blob-picker{background:#25203a;border:2px solid #4d4567;border-radius:20px;width:min(450px,100% - 32px);margin:26px auto;padding:26px;box-shadow:10px 12px #0a0811}.blob-picker>small{text-align:center;color:#ffe44d;letter-spacing:.17em;font-size:10px;font-weight:950;display:block}.blob-picker>.blob-face{margin:22px auto;transform:scale(1.25)}.blob-picker label{color:#aaa4bb;letter-spacing:.13em;margin-top:20px;font-size:9px;font-weight:900;display:block}.blob-picker input{color:#fff;background:#171426;border:2px solid #5a526f;border-radius:9px;outline:none;width:100%;margin-top:8px;padding:13px;font-size:17px;font-weight:800;display:block}.color-row,.shape-row{gap:9px;margin-top:9px;display:flex}.color-row button{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px}.color-row button.selected{border-color:#fff;transform:scale(1.15)}.shape-row button{cursor:pointer;background:#171426;border:2px solid #4d4567;border-radius:10px;flex:1;height:66px}.shape-row button.selected{background:#302a46;border-color:#ffe44d}.shape-row .blob-face{margin:auto;transform:scale(.55)}.join-party,.ready-card>button{color:#211b35;cursor:pointer;background:#ffe44d;border:0;border-radius:10px;width:100%;margin-top:24px;padding:16px;font-weight:950;box-shadow:5px 6px #000}.ready-card{text-align:center;width:min(420px,100% - 32px);margin:11vh auto 0}.ready-card>.blob-face{margin:0 auto 30px;transform:scale(1.65)}.ready-card>small{color:#aaa4bb;letter-spacing:.15em;font-size:10px;font-weight:900}.ready-card h1{margin:5px;font-size:40px}.ready-card p{color:#aaa4bb}.ready-card>button.unready{background:#5cff8d}.waiting-pulse{color:#aaa4bb;letter-spacing:.13em;margin-top:30px;font-size:9px;font-weight:900}.waiting-pulse i{background:#2ed4ff;border-radius:50%;width:9px;height:9px;margin-right:9px;animation:.7s infinite alternate bounce;display:inline-block;box-shadow:0 0 12px #2ed4ff}.controller-shell{--player:#ff4d6d;background:radial-gradient(circle at 50% 30%,var(--player),#0d0b16 70%);min-height:100svh;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.controller-shell{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--player) 25%,#211b39),#0d0b16 70%)}}.controller-shell{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none}.controller-shell>header{justify-content:flex-start;gap:12px}.controller-shell>header .blob-face{width:46px;height:42px;transform:scale(.75)}.controller-shell>header div:not(.blob-face){flex-direction:column;display:flex}.controller-shell>header small{color:#aaa4bb;letter-spacing:.12em;font-size:8px;font-weight:900}.controller-shell>header strong{font-size:15px}.controller-shell>header>i{color:#aaffc8;letter-spacing:.14em;margin-left:auto;font-size:9px;font-style:normal;font-weight:900}.controller-stage{grid-template-columns:1fr 1fr;place-items:center;gap:30px;min-height:calc(100svh - 120px);padding:30px;display:grid}.dpad{grid-template:80px 80px 80px/80px 80px 80px;display:grid}.dpad button{color:#fff;touch-action:none;background:#2b2541;border:2px solid #5a526f;font-size:26px;box-shadow:0 7px #0a0811}.dpad button.active{background:var(--player);transform:translateY(5px);box-shadow:0 2px #0a0811}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-area:2/1}.dpad b{text-align:center;color:#777087;background:#19152a;grid-area:2/2;place-items:center;font-size:11px;display:grid}.dpad b small{font-size:7px}.dpad button:nth-child(4){grid-area:2/3}.dpad button:last-child{grid-area:3/2}.fire-button{aspect-ratio:1;border:8px solid var(--player);width:min(240px,35vw)}@supports (color:color-mix(in lab, red, red)){.fire-button{border:8px solid color-mix(in srgb,var(--player) 65%,white)}}.fire-button{background:var(--player);color:#fff;box-shadow:0 14px #090711,0 0 45px var(--player);border-radius:50%;font-size:clamp(24px,6vw,48px);font-style:italic;font-weight:950}@supports (color:color-mix(in lab, red, red)){.fire-button{box-shadow:0 14px #090711,0 0 45px color-mix(in srgb,var(--player) 50%,transparent)}}.fire-button{text-shadow:3px 3px #000;touch-action:none}.fire-button:active{transform:translateY(10px);box-shadow:0 4px #090711}.fire-button small{letter-spacing:.12em;font-size:8px;display:block}.phone-tip{text-align:center;color:#777087;letter-spacing:.1em;font-size:9px;font-weight:800}.online-arena{color:#fff;background:#0d0b16;min-height:100svh}.online-arena canvas{aspect-ratio:16/9;border:4px solid #4a4264;border-radius:20px;width:min(1280px,100% - 20px);margin:auto;display:block}.online-scores{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:54px;display:flex}.online-scores span{background:#24203a;border:2px solid;border-radius:8px;padding:6px 10px;font-size:11px}.online-scores b{margin-right:7px}@media (max-width:680px){.player-grid{grid-template-columns:repeat(2,1fr)}.room-code strong{font-size:58px}.controller-stage{grid-template-columns:1fr;gap:20px;padding:20px}.dpad{margin:-20px;transform:scale(.82)}.fire-button{width:180px}.online-arena>header{grid-template-columns:1fr auto}.online-arena>header .brand{display:none}}.game-menu-buttons{align-items:center;gap:12px;display:flex}.pause-button{color:#ffe44d;letter-spacing:.08em;cursor:pointer;background:#2a2540;border:1px solid #5a526f;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:900}.host-controls{justify-self:start;gap:8px;display:flex}.host-controls button{letter-spacing:.08em;cursor:pointer;color:#aaa4bb!important;background:#27213a!important;border:1px solid #544c69!important;border-radius:6px!important;padding:7px 9px!important;font-size:9px!important;font-weight:900!important}.host-controls button.resume-control{color:#201a31!important;background:#ffe44d!important;border-color:#ffe44d!important}.online-canvas-wrap{width:min(1280px,100% - 20px);margin:auto;position:relative}.online-canvas-wrap canvas{width:100%;margin:0}.pause-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#0d0b16c9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-overlay small{color:#aaa4bb;letter-spacing:.16em;font-size:10px;font-weight:900}.pause-overlay strong{color:#ffe44d;text-shadow:6px 7px #000;margin:8px;font-size:clamp(42px,8vw,90px);font-style:italic}.pause-overlay p{color:#aaa4bb}.pause-overlay button{color:#14251c;cursor:pointer;background:#5cff8d;border:0;border-radius:9px;margin-top:12px;padding:14px 20px;font-weight:950;box-shadow:5px 6px #000}.locker-shell{color:#fff8e7;background:radial-gradient(circle at 50% 20%,#43366d,#171426 58%,#0b0912);min-height:100svh;padding-bottom:36px}.locker-shell>header{border-bottom:2px solid #ffffff16;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 clamp(18px,4vw,60px);display:grid}.locker-shell>header button{color:#aaa4bb;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;justify-self:start;font-size:10px;font-weight:900}.locker-shell>header>b{color:#ffe44d;letter-spacing:.15em;justify-self:end;font-size:10px}.locker-heading{text-align:center;padding:28px 20px 18px}.locker-heading small{color:#ffe44d;letter-spacing:.18em;font-size:10px;font-weight:950}.locker-heading h1{letter-spacing:-.055em;text-shadow:5px 6px #000;margin:7px 0 3px;font-size:clamp(36px,6vw,70px);font-style:italic;font-weight:950;line-height:1}.locker-heading p{color:#aaa4bb;margin:8px}.locker-grid{grid-template-columns:repeat(2,minmax(260px,430px));justify-content:center;gap:22px;width:min(920px,100% - 30px);margin:auto;display:grid}.locker-grid article{--fighter:#ff4d6d;background:#24203a;border:3px solid #4e4665;border-radius:20px;flex-direction:column;align-items:center;padding:22px;transition:all .2s;display:flex;box-shadow:8px 10px #090711}.locker-grid article.locked-in{border-color:var(--fighter);box-shadow:8px 10px #090711,0 0 34px var(--fighter)}@supports (color:color-mix(in lab, red, red)){.locker-grid article.locked-in{box-shadow:8px 10px #090711,0 0 34px color-mix(in srgb,var(--fighter) 30%,transparent)}}.locker-grid article>span{color:var(--fighter);letter-spacing:.18em;font-size:11px;font-weight:950}.locker-grid article>.blob-face{margin:18px 0 24px;transform:scale(1.28)}.locker-choice{grid-template-columns:70px 42px 1fr 42px;align-items:center;gap:7px;width:100%;margin-top:8px;display:grid}.locker-choice>b{letter-spacing:.12em;color:#aaa4bb;font-size:9px}.locker-choice button{color:#fff;cursor:pointer;background:#171426;border:2px solid #554d6c;border-radius:9px;height:38px;font-size:25px}.locker-choice button:hover{border-color:#ffe44d}.locker-choice i{width:30px;height:30px;box-shadow:0 0 18px var(--fighter);border:3px solid #fff;border-radius:50%;justify-self:center}.locker-choice strong{text-align:center;letter-spacing:.08em;font-size:12px}.locker-ready{background:var(--fighter);color:#171426;letter-spacing:.08em;cursor:pointer;border:0;border-radius:9px;width:100%;margin-top:20px;padding:13px;font-weight:950;box-shadow:4px 5px #080610}.locker-grid article>small{color:#817a8d;letter-spacing:.1em;margin-top:13px;font-size:8px;font-weight:900}.locker-play{color:#211b35;letter-spacing:.06em;cursor:pointer;background:#ffe44d;border:0;border-radius:10px;min-width:min(430px,100% - 30px);margin:26px auto 0;padding:16px 24px;font-weight:950;display:block;box-shadow:5px 6px #000}.locker-play:disabled{color:#817a8d;box-shadow:none;cursor:not-allowed;background:#383247}@media (max-width:680px){.locker-grid{grid-template-columns:1fr}.locker-shell>header{grid-template-columns:1fr auto}.locker-shell>header .brand{display:none}.locker-heading{padding-top:22px}.locker-grid article{padding:18px}.locker-grid article>.blob-face{margin:14px 0 18px}}.mode-shell{color:#fff8e7;background:radial-gradient(circle at 50% 25%,#493875,#171426 58%,#090711);min-height:100svh}.mode-shell>header,.race-shell>header{border-bottom:2px solid #ffffff16;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 clamp(18px,4vw,60px);display:grid}.mode-shell>header button,.race-shell>header button{color:#aaa4bb;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;justify-self:start;font-size:10px;font-weight:900}.mode-shell>header>b,.race-shell>header>b{color:#ffe44d;letter-spacing:.15em;justify-self:end;font-size:10px}.mode-shell>section{width:min(1030px,100% - 32px);margin:auto;padding:clamp(34px,7vh,72px) 0}.mode-shell>section>small{text-align:center;color:#ffe44d;letter-spacing:.18em;font-size:10px;font-weight:950;display:block}.mode-shell h1{text-align:center;letter-spacing:-.065em;text-shadow:6px 7px #000;margin:8px 0 4px;font-size:clamp(46px,7vw,86px);font-style:italic;line-height:1}.mode-shell>section>p{text-align:center;color:#aaa4bb}.mode-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:38px;display:grid}.mode-grid>button{text-align:left;color:#fff;cursor:pointer;background:linear-gradient(145deg,#2d2645,#1c1830);border:3px solid #51476c;border-radius:22px;min-height:360px;padding:30px;transition:all .18s;position:relative;overflow:hidden;box-shadow:10px 12px #08060d}.mode-grid>button:hover{border-color:#ffe44d;transform:translateY(-7px)rotate(-1deg);box-shadow:12px 18px #08060d}.mode-grid>button:nth-child(2):hover{border-color:#2ed4ff;transform:translateY(-7px)rotate(1deg)}.mode-grid i{filter:drop-shadow(5px 6px #0005);font-size:70px;font-style:normal;position:absolute;top:18px;right:25px}.mode-grid span{color:#ffe44d;letter-spacing:.17em;font-size:10px;font-weight:950;display:block}.mode-grid strong{letter-spacing:-.055em;margin:26px 0 16px;font-size:clamp(38px,5vw,65px);font-style:italic;line-height:.84;display:block}.mode-grid p{color:#b6afc3;max-width:360px;line-height:1.5}.mode-grid button>b{color:#ffe44d;letter-spacing:.1em;font-size:11px;position:absolute;bottom:27px;left:30px}.host-mode-picker{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px;display:grid}.host-mode-picker button{color:#fff;cursor:pointer;background:#211c35;border:2px solid #4e4665;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;display:flex}.host-mode-picker button.selected{background:#332b46;border-color:#ffe44d;box-shadow:0 0 24px #ffe44d20}.host-mode-picker b{letter-spacing:.06em;font-size:14px}.host-mode-picker small{color:#aaa4bb;letter-spacing:.06em;font-size:9px}.race-shell{color:#fff;background:#0d0b16;min-height:100svh}.race-board{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:72px;padding:8px 16px;display:flex}.race-board span{background:#25203a;border:2px solid;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:8px;min-width:145px;padding:7px 10px;display:grid}.race-board span>b{color:#ffe44d;grid-row:1/3;align-self:center;font-size:23px}.race-board strong{font-size:11px}.race-board small{color:#aaa4bb;font-size:8px}.race-board em{color:#ffe44d;letter-spacing:.07em;grid-column:1/3;margin-top:4px;font-size:8px;font-style:normal;font-weight:900}.race-canvas{aspect-ratio:16/9;border:4px solid #4a4264;border-radius:20px;width:min(1280px,100% - 20px);margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 70px #0008}.race-canvas canvas{width:100%;height:100%;display:block}.race-shell footer{padding-top:12px;padding-bottom:12px}@media (max-width:680px){.mode-shell>header,.race-shell>header{grid-template-columns:1fr auto}.mode-shell>header .brand,.race-shell>header .brand{display:none}.mode-grid{grid-template-columns:1fr}.mode-grid>button{min-height:310px}.race-board{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.race-board span{min-width:135px}.race-shell footer{display:none}}.color-row button:disabled{opacity:.18;cursor:not-allowed;filter:grayscale()}.locker-choice.controller-focus{outline:3px solid var(--fighter);background:var(--fighter);border-radius:10px;padding:6px}@supports (color:color-mix(in lab, red, red)){.locker-choice.controller-focus{background:color-mix(in srgb,var(--fighter) 14%,#171426)}}.locker-choice.controller-focus>b:before{content:"▶ ";color:var(--fighter)}.locker-choice.controller-focus button{border-color:var(--fighter);color:var(--fighter);box-shadow:0 0 15px var(--fighter)}@supports (color:color-mix(in lab, red, red)){.locker-choice.controller-focus button{box-shadow:0 0 15px color-mix(in srgb,var(--fighter) 45%,transparent)}}.locker-choice.controller-focus button{animation:.7s infinite alternate controller-pulse}.locker-ready.controller-focus{box-shadow:4px 5px #080610,0 0 28px var(--fighter);outline:4px solid #fff;transform:scale(1.025)}.locker-play.controller-focus{outline:4px solid #fff;animation:.7s infinite alternate controller-pulse;box-shadow:5px 6px #000,0 0 30px #ffe44d}@keyframes controller-pulse{to{filter:brightness(1.35);transform:scale(1.04)}}.blob-stats{border:1px solid var(--fighter);width:100%;margin:-8px 0 10px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.blob-stats{border:1px solid color-mix(in srgb,var(--fighter) 45%,#4e4665)}}.blob-stats{text-align:center;background:#171426;border-radius:12px}.blob-stats>strong{color:var(--fighter);letter-spacing:.13em;font-size:11px;font-weight:950;display:block}.blob-stats>small{color:#d7d0df;margin:3px 0 8px;font-size:9px;font-weight:800;display:block}.blob-stats>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.blob-stats span{gap:3px;display:grid}.blob-stats span>b{text-transform:uppercase;color:#817a8d;letter-spacing:.08em;font-size:7px}.blob-stats span>i{justify-content:center;gap:3px;display:flex}.blob-stats em{background:#3f394f;border-radius:4px;width:15px;height:5px}.blob-stats em.filled{background:var(--fighter);box-shadow:0 0 7px var(--fighter)}@supports (color:color-mix(in lab, red, red)){.blob-stats em.filled{box-shadow:0 0 7px color-mix(in srgb,var(--fighter) 65%,transparent)}}.mode-grid,.host-mode-picker{grid-template-columns:repeat(3,1fr)}.mode-grid>button:nth-child(3)>b,.mode-grid>button:nth-child(3)>span{color:#ff65d4}.mode-grid>button:nth-child(3):hover{border-color:#ff65d4;transform:translateY(-7px)rotate(-1deg)}.mode-grid>button.controller-focus{border-color:#fff;outline:5px solid #ffe44d;transform:translateY(-8px);box-shadow:12px 18px #08060d,0 0 36px #ffe44d66}.mode-grid>button:nth-child(3).controller-focus{outline-color:#ff65d4}.ctf-shell{color:#fff;background:#0d0b16;min-height:100svh}.ctf-shell>header{border-bottom:2px solid #ffffff16;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 clamp(18px,4vw,60px);display:grid}.ctf-shell>header button{color:#aaa4bb;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:900}.ctf-shell>header>b{color:#ffe44d;letter-spacing:.15em;justify-self:end;font-size:10px}.ctf-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;width:min(760px,100% - 28px);height:72px;margin:auto;display:grid}.ctf-score>div{color:#ff4d6d;letter-spacing:.12em;justify-content:flex-end;align-items:center;gap:18px;font-weight:950;display:flex}.ctf-score>div:last-child{color:#2ed4ff;justify-content:flex-start}.ctf-score strong{font-size:42px;line-height:1}.ctf-score em{color:#aaa4bb;letter-spacing:.16em;font-size:10px;font-style:normal;font-weight:950}.ctf-players{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px 9px;display:flex}.ctf-players>span{background:#25203a;border:2px solid;border-radius:9px;min-width:145px;padding:6px 10px;display:grid}.ctf-players b{font-size:10px}.ctf-players small{color:#aaa4bb;font-size:8px}.ctf-players em{color:#ffe44d;font-size:8px;font-style:normal;font-weight:950}.ctf-canvas{aspect-ratio:16/9;border:4px solid #4a4264;border-radius:20px;width:min(1280px,100% - 20px);margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 70px #0008}.ctf-canvas canvas{width:100%;height:100%;display:block}.ctf-shell footer{color:#aaa4bb;justify-content:space-between;padding:12px 24px;font-size:10px;font-weight:800;display:flex}.ctf-shell footer .tip{color:#ffe44d;text-align:center}.ctf-shell footer b{color:#fff}.ctf-players>span>strong{font-family:var(--font-geist-mono),monospace;letter-spacing:3px;text-shadow:0 0 12px;font-size:20px;line-height:1.15}@media (max-width:900px){.mode-grid{grid-template-columns:1fr}.mode-grid>button{min-height:300px}.host-mode-picker{grid-template-columns:1fr}.ctf-shell>header{grid-template-columns:1fr auto}.ctf-shell>header .brand,.ctf-score span{display:none}.ctf-players{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.ctf-players>span{min-width:135px}.ctf-shell footer{display:none}}.party-home{isolation:isolate;background:radial-gradient(circle at 50% 35%,#463879 0,#211a3b 42%,#0b0914 82%);flex-direction:column;align-items:center;min-height:100svh;display:flex;overflow:auto}.party-home:after{content:"";z-index:-2;background:radial-gradient(circle at 15% 25%,#ff4d6d20,#0000 25%),radial-gradient(circle at 87% 70%,#2ed4ff20,#0000 27%),radial-gradient(circle at 65% 8%,#ffe44d10,#0000 20%);position:fixed;inset:0}.party-home .lobby-noise{z-index:-1;opacity:.16;animation:16s linear infinite grid-drift;position:fixed}.party-home .lobby-header{z-index:5;border:0;justify-content:center;width:100%;height:70px;padding:0 clamp(20px,5vw,72px)}.party-home .lobby-header .brand{font-size:20px;animation:2.2s ease-in-out infinite brand-bob}.party-home .online-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121022aa;border:1px solid #5cff8d44;border-radius:999px;padding:8px 11px;position:absolute;right:clamp(20px,5vw,72px)}.party-home .lobby-hero{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(760px,100% - 32px);margin:0 auto;padding:10px 0 34px;display:flex}.party-home .eyebrow{color:#ffe44d;background:#171329aa;border:1px solid #ffe44d55;border-radius:999px;margin:0 0 8px;padding:7px 12px;font-size:9px;animation:.5s both menu-pop;box-shadow:0 0 24px #ffe44d12}.party-home .lobby-hero h1{letter-spacing:-.075em;text-align:center;margin:4px 0 9px;font-size:clamp(66px,10vw,126px);line-height:.72;animation:3.2s ease-in-out infinite logo-squish;position:relative;transform:rotate(-2deg)}.party-home .lobby-hero h1 span{color:#ffe44d;letter-spacing:.18em;text-shadow:4px 4px #090711;font-size:.32em;line-height:1;display:block}.party-home .lobby-hero h1 b{color:#fff8e7;text-shadow:8px 9px #090711,-3px -3px #ff4d6d;display:block}.party-home .lobby-hero h1 i{color:#2ed4ff;text-shadow:5px 6px #090711;font-size:.72em;font-style:normal;position:absolute;bottom:-.03em;right:-.08em;transform:rotate(10deg)}.party-home .hero-copy{color:#c5bdd3;max-width:620px;margin:10px auto 16px;font-size:clamp(13px,1.5vw,17px);line-height:1.45;animation:.55s 80ms both menu-pop}.party-home .lobby-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#292241e8,#171327e8);border:2px solid #ffffff1c;border-radius:21px;gap:10px;width:min(500px,100%);margin:0 auto;padding:14px;animation:.6s .14s both menu-pop;display:grid;box-shadow:12px 14px #08060e,0 0 60px #9b72ff1c}.party-home .host-button{text-align:left;background:linear-gradient(135deg,#ffe44d,#ffbd2e);border:2px solid #fff3a1;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;width:100%;padding:13px 18px;transition:all .16s;display:grid;box-shadow:5px 6px #090711}.party-home .host-button:hover{filter:brightness(1.08);transform:translateY(-3px)rotate(-.5deg);box-shadow:7px 9px #090711}.party-home .host-button span{letter-spacing:.15em;opacity:.68;font-size:8px;font-weight:950}.party-home .host-button strong{letter-spacing:-.02em;font-size:20px}.party-home .host-button b{grid-area:1/2/3;margin:0 0 0 20px;font-size:28px}.party-home .menu-divider{color:#817990;letter-spacing:.15em;align-items:center;gap:10px;font-size:8px;font-weight:950;display:flex}.party-home .menu-divider:before,.party-home .menu-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.party-home .join-box{background:#100d1e;border:2px solid #5f5579;border-radius:12px;width:100%;height:56px;transition:all .16s}.party-home .join-box:focus-within{border-color:#2ed4ff;box-shadow:0 0 24px #2ed4ff33}.party-home .join-box input{flex:1;width:auto;min-width:0;font-size:23px}.party-home .join-box button{background:#2ed4ff;min-width:112px;font-size:12px}.party-home .couch-link{text-align:left;color:#fff;background:#211b35;border:2px solid #51476c;border-radius:12px;align-items:center;gap:13px;width:100%;margin:0;padding:11px 14px;text-decoration:none;transition:all .16s;display:flex}.party-home .couch-link:hover{border-color:#ff65d4;transform:translateY(-2px);box-shadow:0 0 25px #ff65d422}.party-home .couch-link>span{background:#ff65d422;border-radius:11px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.party-home .couch-link div{flex:1;display:grid}.party-home .couch-link small{color:#aaa4bb;letter-spacing:.12em;font-size:8px;font-weight:900}.party-home .couch-link strong{letter-spacing:.02em;font-size:15px}.party-home .couch-link>b{color:#ff65d4;font-size:21px}.mode-ribbon{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px;animation:.6s .24s both menu-pop;display:flex}.mode-ribbon span{color:#d8d2e3;letter-spacing:.08em;background:#171329aa;border:1px solid #ffffff1c;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:950}.home-footnote{color:#777083;letter-spacing:.13em;margin:10px 0 0;font-size:8px;font-weight:950}.party-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.float-blob{border:4px solid #fff2;border-radius:48% 52% 44% 56%/58% 45% 55% 42%;width:130px;height:108px;animation:5s ease-in-out infinite blob-float;display:block;position:absolute;box-shadow:inset -16px -18px #0002,0 18px 45px #0005}.float-blob b{background:#fff;border-radius:50%;width:18px;height:22px;position:absolute;top:34%;box-shadow:inset 0 -5px #d8d2e3}.float-blob b:after{content:"";background:#171426;border-radius:50%;width:6px;height:7px;position:absolute;top:8px;left:7px}.float-blob b:first-child{left:34%}.float-blob b:nth-child(2){right:30%}.blob-a{background:#ff4d6d;top:18%;left:-38px;transform:rotate(14deg)}.blob-b{background:#2ed4ff;animation-delay:-1.4s;top:25%;right:-32px;transform:rotate(-12deg)scale(.9)}.blob-c{background:#ffe44d;animation-delay:-2.7s;bottom:-38px;left:7%;transform:rotate(-8deg)scale(1.15)}.blob-d{background:#a66cff;animation-delay:-3.6s;bottom:-28px;right:8%;transform:rotate(13deg)scale(.82)}.confetti span{background:#ffe44d;border-radius:2px;width:8px;height:18px;animation:8s linear infinite confetti-fall;position:absolute;top:-30px}.confetti span:nth-child(3n){background:#ff4d6d}.confetti span:nth-child(3n+2){background:#2ed4ff}.confetti span:first-child{animation-delay:-3s;left:5%}.confetti span:nth-child(2){animation-delay:-7s;left:13%}.confetti span:nth-child(3){animation-delay:-1s;left:21%}.confetti span:nth-child(4){animation-delay:-5s;left:29%}.confetti span:nth-child(5){animation-delay:-2s;left:37%}.confetti span:nth-child(6){animation-delay:-6.2s;left:45%}.confetti span:nth-child(7){animation-delay:-.5s;left:53%}.confetti span:nth-child(8){animation-delay:-4.3s;left:61%}.confetti span:nth-child(9){animation-delay:-7.4s;left:69%}.confetti span:nth-child(10){animation-delay:-2.8s;left:77%}.confetti span:nth-child(11){animation-delay:-5.7s;left:85%}.confetti span:nth-child(12){animation-delay:-1.8s;left:93%}.confetti span:nth-child(13){animation-delay:-3.7s;left:48%}.confetti span:nth-child(14){animation-delay:-6.9s;left:73%}@keyframes grid-drift{to{background-position:46px 46px}}@keyframes brand-bob{50%{transform:translateY(-3px)rotate(-1deg)}}@keyframes logo-squish{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(1deg)scale(1.025,.96)}}@keyframes menu-pop{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes blob-float{0%,to{translate:0;rotate:-3deg}50%{translate:0 -24px;rotate:5deg}}@keyframes confetti-fall{0%{translate:0 -5vh;rotate:0deg}to{translate:40px 110vh;rotate:720deg}}@media (max-width:700px){.party-home .lobby-header{justify-content:flex-start;height:58px}.party-home .lobby-header .brand{font-size:15px}.party-home .online-pill{font-size:7px;right:14px}.party-home .lobby-hero{justify-content:flex-start;padding-top:12px}.party-home .eyebrow{font-size:7px}.party-home .lobby-hero h1{font-size:clamp(62px,22vw,92px)}.party-home .hero-copy{max-width:430px}.party-home .lobby-actions{border-radius:17px;padding:11px}.party-home .host-button strong{font-size:18px}.party-home .mode-ribbon{margin-top:14px}.float-blob{opacity:.46;transform:scale(.65)}.blob-c,.blob-d{display:none}}@media (prefers-reduced-motion:reduce){.party-home *,.party-home:before,.party-home:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mode-grid,.host-mode-picker{grid-template-columns:repeat(2,1fr)}.mode-grid button:nth-child(2)>b,.mode-grid button:nth-child(2)>span{color:#ff65d4}.mode-grid>button:nth-child(2):hover{border-color:#ff65d4}.mode-grid>button:nth-child(2).controller-focus{outline-color:#ff65d4}.party-home .host-button.controller-focus,.party-home .join-box.controller-focus,.party-home .couch-link.controller-focus{filter:brightness(1.12);outline:4px solid #fff;transform:translateY(-2px);box-shadow:0 0 0 7px #ffe44d,8px 10px #08060e}.party-home .join-box.controller-focus{box-shadow:0 0 0 7px #2ed4ff,8px 10px #08060e}.party-home .couch-link.controller-focus{box-shadow:0 0 0 7px #ff65d4,8px 10px #08060e}.controller-menu-tip{color:#ffe44d;letter-spacing:.13em;margin:11px 0 0;font-size:8px;font-weight:950}.pause-menu{z-index:20}.pause-menu button{min-width:210px}.pause-menu .pause-exit{color:#fff;background:#ff4d6d}.pause-menu button.controller-focus{outline:4px solid #fff;transform:scale(1.04);box-shadow:0 0 0 7px #ffe44d,5px 7px #000}.pause-menu em{color:#aaa4bb;letter-spacing:.1em;margin-top:20px;font-size:9px;font-style:normal;font-weight:900}.health-display{color:#ff4d6d;letter-spacing:.04em;text-shadow:2px 2px #090711;font-family:system-ui,sans-serif;font-weight:950}.host-blob-setup .locker-grid{grid-template-columns:repeat(2,minmax(280px,430px))}.host-blob-setup .host-create{background:var(--fighter);color:#171426;margin-top:22px}.host-blob-setup .locker-grid article>small{color:#aaa4bb}.host-blob-setup .co-op-add-card{border-style:dashed;justify-content:center;min-height:430px}.co-op-add-card>b{color:#2ed4ff;font-size:64px;line-height:1}.co-op-add-card>strong{margin-top:8px;font-size:22px}.co-op-add-card>p{color:#aaa4bb;text-align:center}.co-op-add-card>.locker-ready{width:100%;margin-top:18px}.host-setup-tip{text-align:center;color:#aaa4bb;letter-spacing:.12em;font-size:9px;font-weight:900}.co-op-remove{color:#ff9fb1;background:#3a334d;margin-top:18px}.virtual-joystick{aspect-ratio:1;touch-action:none;background:radial-gradient(circle,#39324f 0 16%,#201b34 17% 48%,#100d1e 49% 100%);border:4px solid #ffffff26;border-radius:50%;width:min(260px,40vw);position:relative;box-shadow:inset 0 0 34px #000b,0 16px 34px #0007}.virtual-joystick>span{border:2px dashed #ffffff20;border-radius:50%;position:absolute;inset:16%}.virtual-joystick>i{aspect-ratio:1;border:5px solid var(--player);width:38%;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.virtual-joystick>i{border:5px solid color-mix(in srgb,var(--player) 45%,white)}}.virtual-joystick>i{background:radial-gradient(circle at 38% 30%,var(--player),var(--player) 58%,var(--player));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.virtual-joystick>i{background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--player) 70%,white),var(--player) 58%,color-mix(in srgb,var(--player) 65%,#090711))}}.virtual-joystick>i{box-shadow:0 10px 18px #0009,0 0 28px var(--player)}@supports (color:color-mix(in lab, red, red)){.virtual-joystick>i{box-shadow:0 10px 18px #0009,0 0 28px color-mix(in srgb,var(--player) 35%,transparent)}}.virtual-joystick>i{will-change:transform;pointer-events:none;transform:translate(-50%,-50%)}.virtual-joystick>b{color:#fff8e7;letter-spacing:.16em;pointer-events:none;font-size:10px;position:absolute;top:9%;left:50%;translate:-50%}.virtual-joystick>small{color:#777087;letter-spacing:.12em;white-space:nowrap;pointer-events:none;font-size:7px;font-weight:900;position:absolute;bottom:8%;left:50%;translate:-50%}@media (max-width:680px){.controller-stage{grid-template-columns:1fr 1fr;gap:10px;padding:20px 12px}.virtual-joystick,.fire-button{width:min(180px,40vw)}.phone-tip{padding:0 10px;font-size:7px}}.combat-player-hud{justify-items:center;gap:7px;min-height:82px;padding:8px 14px;display:grid}.combat-player-hud>small{color:#aaa4bb;letter-spacing:.17em;font-size:8px;font-weight:950}.combat-player-hud>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.combat-player-hud article{--fighter:#ff4d6d;min-width:145px;box-shadow:inset 0 0 22px var(--fighter);background:#25203a;border:2px solid;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;padding:7px 10px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.combat-player-hud article{box-shadow:inset 0 0 22px color-mix(in srgb,var(--fighter) 8%,transparent)}}.combat-player-hud article>header{grid-column:1/3;justify-content:space-between;align-items:center;gap:18px;display:flex}.combat-player-hud article b{letter-spacing:.08em;font-size:9px}.combat-player-hud article header>strong{color:var(--fighter);font-size:19px;line-height:1}.combat-player-hud .health-display{font-size:11px}.combat-player-hud article>span:not(.health-display){color:#aaa4bb;letter-spacing:.08em;justify-self:end;font-size:7px;font-weight:900}.combat-player-hud article>em{color:#171426;white-space:nowrap;background:#ffe44d;border-radius:5px;padding:2px 6px;font-size:7px;font-style:normal;font-weight:950;position:absolute;bottom:-7px;left:50%;translate:-50%}.combat-game-shell .combat-footer{min-height:54px;padding-top:10px;padding-bottom:10px}@media (max-width:680px){.combat-player-hud{justify-items:start;overflow-x:auto}.combat-player-hud>div{flex-wrap:nowrap;justify-content:flex-start}.combat-player-hud article{min-width:132px}.combat-game-shell .combat-footer{display:none}}.awards-overlay strong{font-size:clamp(34px,6vw,68px)}.round-awards{flex-wrap:wrap;justify-content:center;gap:8px;width:min(820px,92%);margin:8px auto;display:flex}.round-awards>div{background:#171426;border:2px solid;border-radius:10px;min-width:130px;padding:9px 12px;display:grid}.round-awards small{font-size:8px}.round-awards b{font-size:13px}.round-awards span{color:#8f879d;font-size:8px}.header-action-button{cursor:pointer;justify-self:start;align-items:center;gap:7px;min-height:30px;transition:background .16s,border-color .16s,color .16s,translate .16s;color:#aaa4bb!important;letter-spacing:.08em!important;background:#27213a!important;border:1px solid #5a526f!important;border-radius:6px!important;padding:6px 8px!important;font-size:9px!important;font-weight:900!important;display:inline-flex!important}.header-action-button>span{color:#ffe44d;font-size:13px;line-height:1}.header-action-button>b{font:inherit}.header-action-button>kbd{color:#ffe44d;background:#171426;border:1px solid #6a617d;border-radius:4px;place-items:center;min-width:17px;height:17px;padding:0 4px;font:900 8px system-ui;display:grid;box-shadow:0 2px #080610}:is(.header-action-button:hover,.header-action-button:focus-visible,.header-action-button.controller-focus){outline:0;translate:0 -1px;box-shadow:0 0 16px #ffe44d1f;color:#fff!important;background:#332c49!important;border-color:#ffe44d!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.settings-shell{color:#fff8e7;background:radial-gradient(circle at 50% 20%,#493875,#171426 58%,#090711);min-height:100svh;padding-bottom:42px}.settings-shell>header{border-bottom:2px solid #ffffff16;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 clamp(18px,4vw,60px);display:grid}.settings-shell>header button{color:#aaa4bb;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;justify-self:start;font-size:10px;font-weight:900}.settings-shell>header>b{color:#ffe44d;letter-spacing:.15em;justify-self:end;font-size:10px}.match-settings{background:linear-gradient(145deg,#2b2542,#1b172d);border:3px solid #4e4665;border-radius:24px;grid-template-columns:minmax(310px,440px) minmax(360px,600px);gap:28px;width:min(1080px,100% - 32px);margin:clamp(28px,6vh,62px) auto 0;padding:26px;display:grid;box-shadow:10px 12px #08060d}.settings-copy>small{color:#ffe44d;letter-spacing:.18em;font-size:9px;font-weight:950}.settings-copy h2{letter-spacing:-.05em;margin:5px 0 3px;font-size:clamp(32px,4vw,50px);font-style:italic;line-height:1}.settings-copy>p{color:#aaa4bb;margin:0 0 18px;font-size:12px}.setting-list{gap:9px;display:grid}.setting-row{color:#fff;background:#171426;border:2px solid #4e4665;border-radius:11px;grid-template-columns:1fr 38px 126px 38px;align-items:center;gap:7px;min-height:52px;padding:7px 9px;display:grid}.setting-row>span{letter-spacing:.1em;color:#aaa4bb;font-size:9px;font-weight:950}.setting-row>b{text-align:center;letter-spacing:.06em;font-size:10px}.setting-row>button{color:#fff;cursor:pointer;background:#322b48;border:0;border-radius:8px;height:36px;font-size:22px}.setting-toggle{text-align:left;cursor:pointer;grid-template-columns:1fr 150px 36px;width:100%}.setting-toggle i{background:#4b435f;border-radius:20px;width:32px;height:18px;padding:3px}.setting-toggle i:after{content:"";background:#aaa4bb;border-radius:50%;width:12px;height:12px;transition:all .18s;display:block}.setting-toggle i.on{background:#5cff8d}.setting-toggle i.on:after{background:#14271b;margin-left:14px}.setting-row.controller-focus{border-color:#ffe44d;outline:3px solid #ffe44d;box-shadow:0 0 22px #ffe44d28}.arena-preview{background:#100e1c;border:2px solid #554d6c;border-radius:17px;flex-direction:column;align-self:stretch;padding:15px;display:flex}.arena-preview-field{aspect-ratio:16/9;background-color:#18152a;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:8% 14.2%;border:3px solid #665d7d;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #0008}.arena-preview-field>i{background:#494260;border-radius:5px;position:absolute;box-shadow:3px 4px #080611}.preview-spawn{border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:47%;box-shadow:0 0 18px}.preview-spawn.left{color:#ff4d6d;background:#ff4d6d;left:9%}.preview-spawn.right{color:#2ed4ff;background:#2ed4ff;right:9%}.arena-preview>div:last-child{padding:13px 4px 2px}.arena-preview small{color:#2ed4ff;letter-spacing:.15em;font-size:8px;font-weight:950;display:block}.arena-preview strong{margin-top:3px;font-size:20px;font-style:italic;display:block}.arena-preview p{color:#aaa4bb;margin:3px 0;font-size:11px}.preview-base{--team:#ff4d6d;border:3px solid var(--team);background:color-mix(in srgb,var(--team) 20%,transparent);width:64px;height:64px;box-shadow:0 0 18px color-mix(in srgb,var(--team) 35%,transparent);border-radius:10px;position:absolute;top:35%}.preview-base.left{left:4%}.preview-base.right{right:4%}.preview-base em{background:#fff8e7;width:4px;height:38px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.preview-base em:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:20px solid var(--team);position:absolute;top:0;left:4px}.ctf-map-preview .preview-spawn{z-index:2;border-width:3px;width:13px;height:13px;top:62%}.ctf-map-preview .preview-spawn.left{left:10%}.ctf-map-preview .preview-spawn.right{right:10%}.ctf-map-preview small{color:#ffe44d}.settings-start{color:#20192f;letter-spacing:.08em;cursor:pointer;background:#ffe44d;border:0;border-radius:11px;grid-column:1/-1;padding:16px;font-weight:950;box-shadow:5px 6px #000}.settings-start:disabled{color:#817a8d;box-shadow:none;cursor:not-allowed;background:#3a3449}.settings-start.controller-focus{outline:4px solid #fff;box-shadow:5px 6px #000,0 0 30px #ffe44d}.host-match-settings{grid-template-columns:minmax(280px,1fr) minmax(320px,1.35fr);width:100%;margin:0 0 24px;padding:20px;box-shadow:6px 7px #08060d}.host-room{padding-bottom:44px}@media (max-width:780px){.settings-shell>header{grid-template-columns:1fr auto}.settings-shell>header .brand{display:none}.match-settings,.host-match-settings{grid-template-columns:1fr}.match-settings{padding:17px}.setting-row{grid-template-columns:1fr 35px 112px 35px}.setting-toggle{grid-template-columns:1fr 135px 34px}.arena-preview{order:-1}.settings-start{grid-column:1}.room-code{padding-top:22px}.room-code strong{font-size:58px}}.setting-row>small{color:#827990;letter-spacing:.03em;grid-column:1/-1;font-size:9px;font-weight:800}