@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-800.ttf)format("truetype");font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-regular.ttf)format("truetype");font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-bold.ttf)format("truetype");font-style:normal;font-weight:600 900;font-display:swap}:root{color:#f2f3e9;font-synthesis:none;--lime:#d4ff62;--muted:#89979c;--line:#ffffff18;--heading:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080d10;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body,html{overscroll-behavior:none;width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button,dialog{-webkit-user-select:none;user-select:none}button svg{flex:none;width:24px;height:24px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}em{color:var(--lime);font-style:normal}.is-hidden{display:none!important}#game-shell{background:radial-gradient(#1c3239 0%,#080d10 70%);place-items:center;width:100%;height:100dvh;display:grid;overflow:hidden}.front-end{scrollbar-color:#344044 #080d10;background:#080d10;width:100%;height:100%;position:relative;overflow:hidden auto}.brand-symbol{width:32px;height:32px;font:900 italic 27px/1 var(--heading);color:#101713;background:var(--lime);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);place-items:center;margin-right:2px;display:grid}.rarity i{background:var(--lime);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 10px #d4ff6260}.icon-button{border:1px solid var(--line);background:#ffffff04;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:#ffffff0e}.is-muted{opacity:.45}.eyebrow{letter-spacing:2.4px;color:#b3beba;align-items:center;gap:10px;font-size:10px;font-weight:700;line-height:1.7;display:flex}.live-line{background:var(--lime);width:23px;height:2px}h1{font:800 clamp(72px, 7.5vw, 128px) / .88 var(--heading);letter-spacing:-1.5px;margin:25px 0 22px}h1 em{display:block}h1 br{display:none}.text-button{letter-spacing:1.3px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:9px;font-weight:700;display:inline-flex}.text-button:hover{color:var(--lime)}.text-button svg{width:17px;height:17px}.queue-row{color:#8b9a9b;align-items:center;gap:14px;min-height:37px;font-size:9px;display:flex}.is-error{color:#ff978d}.locker,.achievements{background:radial-gradient(at 30% 40%,#152125,#0000 65%);max-width:1600px;min-height:calc(100dvh - 132px);margin:auto;padding:39px clamp(22px,4.3vw,78px) 22px}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading h2{font:800 clamp(42px, 4.4vw, 67px) / 1 var(--heading);letter-spacing:-.5px;margin-top:9px}.back-button{letter-spacing:1.4px;color:#afbbb8;background:0 0;border:0;align-self:flex-start;align-items:center;gap:10px;margin-top:10px;padding:9px 0;font-size:8px;font-weight:700;display:flex}.back-button svg{width:18px;height:18px;transform:rotate(180deg)}.locker-showcase{grid-template-columns:1.15fr 1fr;gap:clamp(25px,4vw,70px);margin-top:25px;display:grid}.skin-stage{background:radial-gradient(ellipse at 50% 65%, color-mix(in srgb, var(--skin) 10%, transparent), transparent 63%);isolation:isolate;place-items:center;min-height:415px;display:grid;position:relative;overflow:hidden}.stage-word{text-align:center;font:800 clamp(100px, 12vw, 195px) / 1 var(--heading);text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--skin) 14%, transparent);opacity:.7;z-index:-1;position:absolute;top:31px;left:0;right:0}.showcase-art{object-fit:contain;filter:drop-shadow(0 26px 18px #0008);z-index:2;width:min(88%,400px);height:355px;animation:6s ease-in-out infinite skin-float;position:relative}.stage-platform{background:radial-gradient(#19252790,#0a0f12);border:1px solid #a4b9aa26;border-radius:50%;width:76%;height:88px;position:absolute;bottom:22px;left:12%;box-shadow:0 16px #080d10,0 17px #779d8a30}.stage-platform:after{content:"";border:1px solid color-mix(in srgb, var(--skin) 40%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--skin) 15%, transparent), inset 0 0 20px color-mix(in srgb, var(--skin) 10%, transparent);border-radius:50%;position:absolute;inset:12px}.stage-orbit{z-index:-1;border:1px solid #adbaae0e;border-radius:50%;width:390px;height:390px;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-24deg)}.orbit-two{border-style:dashed;border-color:#a7b9b118;width:290px;height:290px;top:50px}.stage-tag,.stage-caption{color:#75867f;letter-spacing:1.5px;font-size:8px;position:absolute;bottom:0}.stage-tag{left:0}.stage-caption{color:var(--skin);font-size:7px;right:0}.skin-details{max-width:520px;padding:15px 0 0}.rarity{color:var(--skin);letter-spacing:1.5px;font-size:9px;font-weight:700}.rarity i{background:var(--skin);box-shadow:none;border-radius:0;width:4px;height:4px;transform:rotate(45deg)}.rarity>span{color:#778a84;margin-left:12px;font-size:7px}.skin-details h3{font:800 clamp(51px, 5vw, 80px) / .98 var(--heading);text-transform:uppercase;margin:15px 0}.skin-details>p{color:#a9b7b2;max-width:400px;font-size:11px;line-height:1.9}.material-specs{border-bottom:1px solid var(--line);gap:35px;margin-top:22px;padding-bottom:20px;display:flex}.material-specs>div{gap:7px;display:grid}.material-specs small{letter-spacing:1.5px;color:#6f857a;font-size:7px}.material-specs strong{letter-spacing:1px;font-size:8px;font-weight:500}.shot-kit{margin:19px 0 18px}.shot-kit-label{letter-spacing:1.2px;justify-content:space-between;font-size:8px;font-weight:700;display:flex}.shot-kit-label span{color:#6f857a;font-size:7px}.shot-previews{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.shot-previews>div{background:#05090b50;border:1px solid #ffffff09;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:68px;display:flex}.shot-previews img{object-fit:contain;width:85px;max-width:100%;height:35px;transform:rotate(180deg)}.shot-previews small{color:#8b9d93;letter-spacing:.8px;font-size:6px}.equip-actions{grid-template-columns:1.1fr 1fr;gap:10px;display:grid}.mode-button{letter-spacing:.5px;text-align:left;background:#ffffff05;border:1px solid #fff2;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:14px 17px;font-size:10px;font-weight:700;display:flex}.mode-button:hover{background:#ffffff0c;border-color:#9cbaa1}.mode-button-primary{background:var(--lime);color:#162010;border-color:var(--lime)}.mode-button-primary:hover{background:#e0ff95}.mode-button-primary:disabled{color:#c5eaa2;background:#273221;border-color:#a3cc6650}.mode-button svg{width:18px;height:18px}.skin-details .equip-status{color:#82998b;margin-top:10px;font-size:8px}.locker-note{color:#819188;text-align:center;margin:17px 0 0;font-size:8px;line-height:1.6}.small-diamond{color:var(--lime);margin-right:6px}.section-copy{color:#a3b2aa;margin:22px 0;font-size:12px;line-height:1.8}.achievement-disclaimer{border-top:1px solid var(--line);letter-spacing:1px;color:var(--lime);gap:20px;padding:15px 0;font-size:8px;font-weight:700;display:flex}.achievement-disclaimer span{color:#8d9e94;letter-spacing:0;font-weight:400}.achievement-list{grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0 30px;display:grid}.achievement-row{border:1px solid var(--line);background:#121b1b80;gap:14px;padding:23px 17px;display:flex}.achievement-icon{color:#b2c99b;place-items:start center;display:grid}.achievement-icon svg{width:26px;height:26px}.achievement-info>small{letter-spacing:1px;color:#6d8376;font-size:7px}.achievement-info h3{font:700 26px var(--heading);text-transform:uppercase;margin:8px 0 5px}.achievement-info p{color:#9dad9f;font-size:9px;line-height:1.6}.reward-tag{color:var(--lime);margin-top:12px;font-size:7px;display:inline-block}.achievement-points{font:700 24px var(--heading);color:#a9bf99;align-content:start;gap:2px;margin-left:auto;display:grid}.achievement-points small{letter-spacing:1px;text-align:right;font:6px Inter}#game{width:min(100%, calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .5));aspect-ratio:1/2;touch-action:none;-webkit-user-select:none;user-select:none;height:auto;position:relative;overflow:hidden;box-shadow:0 0 90px #3d9da318}#game canvas{touch-action:none;display:block}.game-menu-button{z-index:25;background:#0a1317e6;border:1px solid #ffffff20;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:10px;display:flex;position:absolute;top:9px;right:9px}.game-menu-button[hidden]{display:none}.game-menu-button span{background:#e4f0e7;width:3px;height:13px;display:block}.pause-menu{z-index:40;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040a0ddc;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.pause-card{border:1px solid #c4dfb330;border-top:3px solid var(--lime);background:#10191cee;width:min(100%,310px);padding:28px 22px 20px;box-shadow:0 25px 80px #0008}.pause-card h2{font:800 58px/1 var(--heading);margin:12px 0 25px}.pause-card .eyebrow{letter-spacing:1.5px;font-size:8px}.pause-card .mode-button{min-height:48px;margin-top:10px;font-size:10px}.pause-card p{color:#8da394;text-align:center;margin:18px 0 0;font-size:9px;line-height:1.6}.help-dialog{color:#f2f3e9;background:#10191c;border:1px solid #9dc68755;width:min(92vw,480px);max-height:92dvh;padding:36px;overflow:auto}.help-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03090cd9}.help-dialog>.icon-button{width:30px;height:30px;position:absolute;top:14px;right:14px}.help-dialog>.eyebrow{letter-spacing:1.5px;margin-top:15px;font-size:7px}.help-dialog h2{font:800 60px/.95 var(--heading);margin:16px 0 28px}.account-dialog{width:min(92vw,500px)}.account-dialog [hidden]{display:none}.account-dialog h2{margin-bottom:20px}.account-dialog .account-close{font-size:25px}.account-copy{color:#b2c0b6;font-size:13px;line-height:1.7}.account-dialog form{gap:12px;margin:24px 0 16px;display:grid}.account-dialog label{letter-spacing:1.5px;color:#b4c6ac;font-size:9px;font-weight:700}.account-dialog input{box-sizing:border-box;color:#f4f3e9;background:#060e11;border:1px solid #6f846d66;border-radius:4px;width:100%;min-width:0;padding:14px;font:16px/1.3 Inter,sans-serif}.account-dialog input:focus{outline-offset:2px;outline:2px solid #d4ff62}.account-dialog .mode-button{min-height:48px}.account-dialog button:disabled{opacity:.5;cursor:wait}.account-fine-print{color:#91a499;margin-top:20px;font-size:11px;line-height:1.7}.account-status{color:#d4ff62;overflow-wrap:anywhere;min-height:20px;font-size:12px;line-height:1.6}.account-status.is-error{color:#ff9e91}.account-email-label{color:#b2c0b6;overflow-wrap:anywhere;font-size:12px}.account-summary{border-block:1px solid #ffffff1c;grid-template-columns:repeat(3,1fr);margin:24px 0;padding:18px 0;display:grid}.account-summary>div{text-align:center;gap:6px;display:grid}.account-summary strong{font:800 38px/1 var(--heading);color:#d4ff62}.account-summary small{letter-spacing:1.5px;color:#9ead9f;font-size:8px}.account-history-heading{letter-spacing:1px;color:#d5dfcf;justify-content:space-between;gap:16px;margin:28px 0 10px;font-size:9px;display:flex}.account-history-heading span{color:#80958b}.account-history{max-height:200px;overflow-y:auto}.account-history>p{color:#9ead9f;font-size:12px;line-height:1.7}.account-history-row{color:#b2c0b6;border-bottom:1px solid #ffffff12;grid-template-columns:1fr 60px 60px;gap:12px;padding:12px 0;font-size:11px;display:grid}.account-history-row strong{color:#ff9e91;font-size:10px}.account-history-row .is-victory{color:#d4ff62}.account-history-row time{text-align:right}.account-secondary{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:24px;display:flex}.achievement-row.is-unlocked{background:#b2d16c08;border-color:#b2d16c70}.achievement-row.is-unlocked .achievement-icon,.achievement-row.is-unlocked .reward-tag{color:#d4ff62}@media (width<=700px){.account-dialog{padding:28px 22px}.account-dialog h2{font-size:52px}}.control-row{border-top:1px solid var(--line);align-items:center;gap:16px;padding:18px 0;display:flex}.control-row>span{color:#7e9284;font-size:8px}.control-row>svg{width:25px;height:25px;color:var(--lime);flex:none}.control-row strong{font:700 23px var(--heading);letter-spacing:.5px}.control-row p{color:#9fb1a4;margin-top:5px;font-size:10px;line-height:1.7}.help-rule{color:var(--lime);padding:20px 0;font-size:10px;font-weight:700;line-height:1.8}.help-rule span{color:#829889;font-size:9px;font-weight:400;display:block}@keyframes skin-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes search-pulse{to{border-color:var(--lime)}}@media (width<=1100px){.locker-showcase{gap:20px}.skin-stage{min-height:410px}.skin-details h3{font-size:62px}.rarity>span{display:none}.showcase-art{height:330px}.achievement-list{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.brand-symbol{width:26px;height:26px;font-size:24px}.eyebrow{letter-spacing:1.7px;gap:7px;font-size:7px}.live-line{width:17px}h1{letter-spacing:-.5px;margin:18px 0 17px;font-size:clamp(58px,13.8vw,91px);line-height:.91}.queue-row{min-height:30px;font-size:8px;line-height:1.6}.locker,.achievements{padding:73px 20px 20px}.section-heading{align-items:flex-start;gap:8px}.section-heading h2{white-space:nowrap;margin-top:8px;font-size:43px}.section-heading .eyebrow{letter-spacing:1.3px;font-size:6px}.back-button{gap:0;margin-top:0;padding:0;font-size:0}.back-button svg{width:20px;height:20px}.locker-showcase{grid-template-columns:1fr;gap:0;margin-top:16px}.skin-stage{order:0;height:275px;min-height:275px}.showcase-art{width:88%;max-width:300px;height:254px}.stage-word{font-size:118px;top:15px}.stage-platform{width:70%;height:66px;bottom:15px;left:15%}.stage-orbit{width:255px;height:255px;top:0}.orbit-two{width:200px;height:200px;top:25px}.stage-tag{font-size:6px;bottom:0}.stage-caption{font-size:5px;bottom:0}.skin-details{max-width:none;padding:28px 0 0}.skin-details h3{margin:12px 0;font-size:54px}.rarity{font-size:7px}.rarity>span{font-size:6px;display:inline}.skin-details>p{font-size:10px;line-height:1.8}.material-specs{gap:38px;margin-top:16px;padding-bottom:16px}.shot-kit{margin:16px 0}.shot-previews>div{height:62px}.equip-actions .mode-button{padding:14px 13px;font-size:9px}.locker-note{text-align:left;font-size:8px;line-height:1.8}.achievement-list{grid-template-columns:1fr}.achievement-disclaimer{gap:8px;font-size:7px;display:grid}.section-copy{margin:16px 0;font-size:10px}.achievement-row{padding:18px 14px}.help-dialog{padding:28px 23px}.help-dialog h2{font-size:54px}.control-row{gap:12px}.control-row p{font-size:9px}}@media (width<=360px){.locker,.achievements{padding-left:16px;padding-right:16px}h1{font-size:57px}.section-heading h2{font-size:37px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=700px){.queue-row{font-size:9px}.skin-details>p{font-size:11px}.skin-details .equip-status{font-size:9px}}.shot-previews>div:first-child img{width:60px}.shot-previews>div:nth-child(2) img{width:78px}.shot-previews>div:nth-child(3) img{width:96px}.practice-options{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 4px;display:flex}.arena-loading{z-index:25;color:#d4ff62;letter-spacing:.15em;background:#080d10;place-content:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.front-end{--token:#ffd25e;--skin:var(--lime);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.screens{scrollbar-color:#344044 #080d10;position:relative;overflow:hidden auto}.top-bar{z-index:5;min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(16px, 3vw, 40px) 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0b1115,#0b1115e0);justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.player-chip{text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.player-avatar,.profile-avatar{background:var(--skin);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);flex:none;place-items:center;width:44px;height:44px;padding:2px;display:grid}.player-avatar img,.profile-avatar img{object-fit:contain;width:100%;height:100%;clip-path:inherit;background:radial-gradient(circle at 50% 40%,#233238,#0b1115 75%)}.player-chip-copy{min-width:0;display:grid}.player-chip-copy strong{font:800 20px/1 var(--heading);letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-chip-copy small{letter-spacing:1.4px;color:var(--muted);margin-top:3px;font-size:8px;font-weight:700}.top-wordmark{font:800 italic 26px/1 var(--heading);letter-spacing:-.6px;align-items:center;gap:8px;display:flex}.top-wordmark .brand-symbol{width:26px;height:26px;font-size:22px}.token-pill{height:36px;color:var(--token);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:linear-gradient(90deg,#ffd25e1a,#ffd25e08);border:1px solid #ffd25e40;flex:none;align-items:center;gap:7px;padding:0 14px 0 10px;display:flex}.token-pill svg{width:22px;height:22px}.token-pill strong{font:800 22px/1 var(--heading);color:#fff6dc}.dock{z-index:5;padding:0 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:linear-gradient(#0d1519,#070b0e);justify-content:center;align-items:stretch;display:flex;position:relative}.dock-item{color:#7f8e92;background:0 0;border:0;flex:1 1 0;align-content:center;justify-items:center;gap:5px;max-width:120px;height:66px;padding:0;display:grid;position:relative}.dock-item:hover,.dock-item.is-active{color:#f2f3e9}.dock-item.is-active:not(.dock-home):before{content:"";background:var(--lime);height:3px;position:absolute;top:-1px;left:22%;right:22%;box-shadow:0 0 14px #d4ff6290}.dock-icon svg{width:24px;height:24px}.dock-label{letter-spacing:1.3px;font-size:8px;font-weight:700}.dock-badge{color:#101713;background:var(--lime);border-radius:8px;min-width:16px;padding:2px 4px;font-size:8px;font-weight:700;position:absolute;top:9px;left:calc(50% + 8px)}.dock-home .dock-icon{width:62px;height:56px;color:var(--lime);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:inset 0 0 0 2px var(--lime);background:#142023;place-items:center;margin-top:-26px;transition:background .15s,color .15s;display:grid}.dock-home .dock-icon svg{width:28px;height:28px}.dock-home.is-active .dock-icon{color:#101713;background:var(--lime)}.dock-home.is-active .dock-label{color:var(--lime)}.home{isolation:isolate;flex-direction:column;min-height:100%;padding:22px clamp(16px,3vw,40px) 18px;display:flex;position:relative}.home-art{z-index:-2;background-image:radial-gradient(ellipse 60% 38% at 50% 52%, color-mix(in srgb, var(--skin) 22%, transparent), transparent 70%), linear-gradient(0deg, #080d10 12%, #080d1000 58%), linear-gradient(180deg, #080d10d8, #080d1030 34%), linear-gradient(#080d1078, #080d1078), url(/art/gunball-night-league-keyart.png);background-position:50%,50%,50%,50%,62% 40%;background-size:cover;position:absolute;inset:0}.home-intro h1{text-shadow:0 4px 30px #000c;margin:12px 0 0;font-size:clamp(42px,10.5vw,92px)}.home-shell{background:0 0;border:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;min-height:230px;margin:8px auto;padding:0;display:flex;position:relative}.home-shell img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 22px 26px #000a);width:min(62vw,34vh,330px);animation:4.5s ease-in-out infinite shell-float}.home-shell-glow{aspect-ratio:3;background:radial-gradient(ellipse, color-mix(in srgb, var(--skin) 45%, transparent), transparent 70%);z-index:-1;border-radius:50%;width:min(58vw,300px);position:absolute;top:50%;left:50%;transform:translate(-50%,120%)}.home-shell-tag{justify-items:center;gap:2px;display:grid}.home-shell-tag small{letter-spacing:1.8px;color:var(--skin);font-size:8px;font-weight:700}.home-shell-tag strong{font:800 30px/1 var(--heading)}.home-shell-tag em{letter-spacing:1.4px;font-size:8px;font-weight:700}@keyframes shell-float{50%{transform:translateY(-10px)}}.home-controls{gap:10px;width:100%;max-width:520px;margin:0 auto;display:grid}.mode-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1115cc;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.mode-switch button{letter-spacing:1.4px;color:#8e9b9f;background:0 0;border:0;height:36px;font-size:10px;font-weight:700}.mode-switch button[aria-checked=true]{color:#101713;background:#f2f3e9}.play-row{grid-template-columns:58px 1fr 58px;gap:10px;display:grid}.play-button{color:#101713;background:linear-gradient(180deg, #e3ff8e, var(--lime) 55%, #b5e33f);clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);border:0;place-content:center;gap:3px;height:80px;transition:filter .15s,transform .1s;display:grid;box-shadow:inset 0 -4px #0002}.play-button:hover{filter:brightness(1.06)}.play-button:active{transform:scale(.98)}.play-button strong{font:900 italic 50px/.85 var(--heading);letter-spacing:1px}.play-button small{letter-spacing:1.6px;font-size:9px;font-weight:700}.play-button.is-searching{animation:1.2s ease-in-out infinite play-search}.play-button.is-searching strong{font-size:36px}@keyframes play-search{50%{filter:brightness(.75)}}.side-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe6e0;background:#0b1115cc;align-content:center;place-items:center;gap:5px;display:grid}.side-button:hover{color:var(--lime);border-color:#d4ff6260}.side-button svg{width:22px;height:22px}.side-button small{letter-spacing:1.2px;font-size:7px;font-weight:700}.home .queue-row{color:#a4b2b0;text-align:center;justify-content:center;gap:14px;min-height:18px;font-size:10px;display:flex}.locker,.achievements,.profile{min-height:auto}.profile{max-width:760px;margin:0 auto;padding:32px clamp(16px,3vw,40px) 28px}.profile-card{align-items:center;gap:18px;display:flex}.profile-avatar{width:96px;height:96px;padding:3px}.profile-identity{min-width:0}.profile-identity h2{font:800 clamp(38px, 9vw, 60px) / .95 var(--heading);overflow-wrap:anywhere;margin-top:6px}.profile-identity p{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:11px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:24px 0;display:grid}.profile-stats>div{text-align:center;border:1px solid var(--line);background:#ffffff05;gap:4px;padding:14px 6px;display:grid}.profile-stats strong{font:800 30px/1 var(--heading)}.profile-stats small{letter-spacing:1.3px;color:var(--muted);font-size:7px;font-weight:700}.panel-heading{letter-spacing:1.6px;color:#9eafa6;justify-content:space-between;margin-bottom:10px;font-size:9px;font-weight:700;display:flex}.panel-heading span{color:var(--muted);font-weight:400}.profile-loadout{margin-bottom:24px}.profile-shell{text-align:left;border:1px solid var(--line);border-left:3px solid var(--skin);background:#ffffff05;align-items:center;gap:14px;width:100%;padding:8px 16px 8px 8px;display:flex}.profile-shell:hover{background:#ffffff0c}.profile-shell img{object-fit:contain;width:64px;height:64px}.profile-shell span{flex:1;gap:3px;display:grid}.profile-shell small{letter-spacing:1.4px;color:var(--skin);font-size:8px;font-weight:700}.profile-shell strong{font:800 26px/1 var(--heading)}.profile-history{gap:6px;margin-bottom:24px;display:grid}.profile-history>p{color:var(--muted);border:1px dashed #ffffff1c;padding:16px;font-size:11px}.profile-account{width:100%}.settings-note{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.7}.settings-group{margin-bottom:24px}.settings-row{text-align:left;border:1px solid var(--line);background:#ffffff05;align-items:center;gap:14px;width:100%;min-height:64px;margin-bottom:6px;padding:12px 16px;display:flex}.settings-row:hover{background:#ffffff0c}.settings-row[hidden],.profile-account[hidden]{display:none}.settings-row>svg:first-child{color:var(--lime)}.settings-row>svg:last-child:not(:first-child){width:18px;height:18px;color:var(--muted)}.settings-row>span{flex:1;gap:4px;display:grid}.settings-row strong{letter-spacing:1.4px;font-size:11px}.settings-row small{color:var(--muted);font-size:10px}.switch{background:#2a363a;border-radius:12px;flex:none;width:42px;height:24px;transition:background .15s;position:relative}.switch:after{content:"";background:#f2f3e9;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}[aria-checked=true]>.switch{background:var(--lime)}[aria-checked=true]>.switch:after{background:#101713;transform:translate(18px)}@media (width<=700px){.locker,.achievements{padding:26px 16px 24px}.profile{padding:24px 16px}}@media (width<=520px){.top-wordmark{display:none}}@media (width<=360px){.dock-label{display:none}.profile-stats{grid-template-columns:repeat(2,1fr)}}@media (height<=640px){.home-intro{display:none}.home-shell{min-height:170px}}.locker-roster,.locker-detail{max-width:1180px;margin:0 auto}.roster-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.roster-heading h2{font:900 italic clamp(38px, 8vw, 72px) / .9 var(--heading);letter-spacing:-.5px}.roster-heading>span{letter-spacing:1.6px;color:var(--muted);font-size:9px;font-weight:700}.roster-grid{background:#ffffff0a;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid;transform:skew(-4deg)}.roster-tile{aspect-ratio:4/5;background:#142023;background:repeating-linear-gradient(-45deg, #ffffff06 0 6px, transparent 6px 14px), linear-gradient(165deg, color-mix(in srgb, var(--skin) 42%, #0b1115), #0b1115 72%);border:2px solid #ffffff14;padding:0;transition:border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.roster-tile img{object-fit:contain;filter:drop-shadow(0 10px 10px #0009);width:100%;height:88%;transition:transform .15s ease-out;position:absolute;top:0;left:0;transform:skew(4deg)scale(1.12)}.roster-tile:hover,.roster-tile:focus-visible{z-index:1;border-color:var(--skin);box-shadow:0 0 0 2px #080d10, 0 0 22px color-mix(in srgb, var(--skin) 60%, transparent);outline:none}.roster-tile:hover img,.roster-tile:focus-visible img{transform:skew(4deg)scale(1.24)}.tile-number{z-index:1;font:800 13px/1 var(--heading);color:#ffffffa0;position:absolute;top:6px;left:8px;transform:skew(4deg)}.tile-plate{z-index:1;font:800 clamp(13px, 3.6vw, 20px) / .95 var(--heading);text-transform:uppercase;letter-spacing:.3px;text-wrap:balance;border-top:2px solid var(--skin);background:linear-gradient(#000000b0,#000);padding:6px 4px 5px;position:absolute;bottom:0;left:0;right:0}.tile-active{z-index:2;letter-spacing:1.2px;color:#101713;background:var(--lime);padding:3px 6px;font-size:7px;font-weight:700;position:absolute;top:6px;right:6px;transform:skew(4deg)}.roster-tile.is-equipped{border-color:var(--lime)}.roster-panel{margin-top:18px}.panel-card{background:linear-gradient(100deg, color-mix(in srgb, var(--skin) 32%, #0b1115) 0%, #0b1115 70%), #0b1115;border:2px solid color-mix(in srgb, var(--skin) 55%, transparent);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);align-items:center;gap:14px;min-height:118px;padding:12px 18px;display:flex;position:relative;overflow:hidden}.panel-card img{object-fit:contain;filter:drop-shadow(0 8px 10px #000a);width:96px;height:96px}.panel-copy{gap:4px;min-width:0;display:grid}.panel-copy small{letter-spacing:1.6px;color:var(--skin);font-size:8px;font-weight:700}.panel-copy strong{font:900 italic clamp(34px, 9vw, 54px) / .9 var(--heading);text-transform:uppercase;overflow-wrap:anywhere}.panel-copy span{color:#c4d0ce;font-size:10px}.detail-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.detail-nav .back-button{gap:10px;margin:0;font-size:10px}.detail-nav>span{gap:6px;display:flex}.detail-nav .icon-button{font-size:24px;line-height:1}.locker-detail .locker-showcase{animation:.25s ease-out detail-in}@keyframes detail-in{0%{opacity:0;transform:scale(.97)}}@media (width>=700px){.roster-grid{grid-template-columns:repeat(6,1fr)}.tile-plate{font-size:clamp(14px,1.6vw,20px)}}@media (width<=700px){.detail-nav .back-button{gap:8px;font-size:10px}}.practice-dialog h2{margin-bottom:18px}.practice-option{text-align:left;border:1px solid var(--line);background:#ffffff05;align-items:center;gap:14px;width:100%;min-height:62px;margin-bottom:6px;padding:12px 14px;display:flex}.practice-option:hover,.practice-option:focus-visible{background:#d4ff620d;border-color:#d4ff6270}.practice-option>svg:first-child{color:var(--lime)}.practice-option>svg:last-child{width:18px;height:18px;color:var(--muted)}.practice-option>span{flex:1;gap:4px;display:grid}.practice-option strong{letter-spacing:1.4px;font-size:11px}.practice-option small{color:var(--muted);font-size:10px}.party-stage{flex:auto;justify-content:center;align-items:stretch;gap:4vw;min-height:230px;display:flex}.party-slot{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;max-width:420px;display:flex;position:relative}.party-stage .home-shell{flex:auto;width:100%;margin:0 auto}.party-name,.party-slot.is-open{display:none}.is-party .party-slot.is-open{display:flex}.is-party .party-name{letter-spacing:1.4px;border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#0b1115cc;max-width:100%;margin-bottom:4px;padding:4px 10px;font-size:10px;font-weight:700;display:block;overflow:hidden}.is-party .party-slot.is-you .party-name{color:var(--lime);border-color:#d4ff6255}.is-party .home-shell img{width:min(38vw,26vh,240px)}.is-party .home-shell-tag strong{font-size:22px}.is-party .home-intro{display:none}.invite-slot{color:#dfe6e0;background:0 0;border:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;width:100%;padding:0;display:flex}.invite-ring{aspect-ratio:1;width:min(30vw,20vh,180px);color:var(--lime);background:radial-gradient(circle,#ffffff0a,#0000 70%);border:2px dashed #ffffff40;border-radius:50%;place-items:center;margin-bottom:10px;transition:border-color .15s,transform .15s;display:grid}.invite-ring svg{width:34%;height:34%}.invite-slot:hover .invite-ring,.invite-slot:focus-visible .invite-ring{border-color:var(--lime);transform:scale(1.04)}.invite-slot strong{font:800 22px/1 var(--heading)}.invite-slot small{letter-spacing:1.4px;color:var(--muted);font-size:8px;font-weight:700}.team-size strong{font:900 italic 22px/1 var(--heading);color:var(--lime)}.play-button:disabled{cursor:default;filter:grayscale(.7)brightness(.7)}.shop{max-width:900px;margin:0 auto;padding:32px clamp(16px,3vw,40px) 28px}.shop .section-heading{margin-bottom:20px}.shop-tokens{color:var(--token);background:linear-gradient(90deg,#ffd25e1a,#ffd25e05);border:1px solid #ffd25e40;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.shop-tokens svg{flex:none;width:40px;height:40px}.shop-tokens div{gap:4px;display:grid}.shop-tokens strong{font:800 26px/1 var(--heading);color:#fff6dc}.shop-tokens small{color:#c9c0a4;font-size:10px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.shop-card{text-align:center;border:1px solid var(--line);border-top:3px solid var(--skin);background:#142023;background:linear-gradient(180deg, color-mix(in srgb, var(--skin) 18%, #0b1115), #0b1115 70%);flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;display:flex}.shop-card:hover{border-color:var(--skin)}.shop-card img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 12px #0009);width:70%}.shop-card span{gap:3px;display:grid}.shop-card small{letter-spacing:1.4px;color:var(--skin);font-size:8px;font-weight:700}.shop-card strong{font:800 22px/1 var(--heading);text-transform:uppercase}.shop-card em{letter-spacing:1.4px;color:var(--muted);margin-top:4px;font-size:8px;font-weight:700}.profile-settings{margin-top:32px}@media (width>=700px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.shop{padding:24px 16px}}.login-screen{z-index:60;background:#080d10;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}.login-screen[hidden],.login-options [hidden],.guest-banner[hidden]{display:none}.login-art{background-image:linear-gradient(#080d1000 30%,#080d10 82%),linear-gradient(#080d10a8,#080d10a8),url(/art/gunball-night-league-keyart.png);background-position:50%,50%,62% 40%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.login-panel{width:100%;max-width:420px;position:relative}.login-brand{font:800 italic 34px/1 var(--heading);letter-spacing:-.8px;align-items:center;gap:10px;display:flex}.login-panel h1{margin:22px 0 12px;font-size:clamp(48px,13vw,76px)}.login-copy{color:#c4d0ce;margin-bottom:22px;font-size:12px;line-height:1.7}.login-options,.login-options form{gap:8px;display:grid}.login-options label{letter-spacing:1.4px;color:#a6b6aa;font-size:9px;font-weight:700}.login-options input{width:100%;font:inherit;color:#f2f3e9;background:#0b1115;border:1px solid #3a4c44;padding:14px;font-size:16px}.login-options input:focus{outline:2px solid var(--lime);outline-offset:1px}.login-google{color:#1f1f1f;letter-spacing:1.2px;background:#fff;border:0;justify-content:center;align-items:center;gap:12px;min-height:52px;font-size:12px;font-weight:700;display:flex}.login-google svg{width:20px;height:20px}.login-options button:disabled{opacity:.45;cursor:default}.login-status{color:#c4d0ce;min-height:16px;font-size:11px}.login-status.is-error{color:#ff786d}.login-divider{letter-spacing:1.6px;color:var(--muted);align-items:center;gap:12px;margin:10px 0 14px;font-size:9px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-guest{width:100%;min-height:52px;color:var(--lime);font:900 italic 24px/1 var(--heading);letter-spacing:.6px;background:#d4ff620f;border:1px solid #d4ff6260}.login-guest:hover{background:#d4ff621f}.is-unavailable .login-guest{color:#101713;background:var(--lime);border-color:var(--lime)}.login-fine{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.7}.guest-banner{border:1px solid #d4ff6240;border-left:3px solid var(--lime);background:#d4ff620a;justify-content:space-between;align-items:center;gap:14px;margin:16px 0;padding:12px 14px;display:flex}.guest-banner p{color:#c4d0ce;font-size:11px;line-height:1.6}.guest-banner .text-button{color:var(--lime);flex:none;font-size:10px}.invite-slot.has-mate img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 20px #000a);width:min(32vw,22vh,200px);animation:4.5s ease-in-out infinite shell-float}.invite-slot.has-mate small{color:var(--lime)}.is-party .party-slot.is-open .party-name:not(:empty){color:#9ff3f7}.login-legal a,.legal-links a{color:var(--lime)}.login-legal{margin-top:6px}