:root{--ocean-1: #062a44;--ocean-2: #0b4a72;--ocean-3: #1679a8;--sand: #f3dfa2;--krab-red: #e8433a;--patty: #f2a516;--sponge: #ffe14d;--ally: #4dd2ff;--enemy: #ff4b4b;--ink: #0b1b2b;--text: #f4fbff;--muted: #a8c6dc;--panel: rgba(6, 30, 50, .82);--panel-edge: rgba(255, 225, 77, .35);--title: "Luckiest Guy", "Arial Black", Impact, sans-serif;--body: "Nunito", "Segoe UI", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{font-size:clamp(11px,.75vw,22px)}html,body{margin:0;height:100%;overflow:hidden;background:var(--ocean-1);color:var(--text);font-family:var(--body)}#app{position:fixed;inset:0}button{font-family:inherit;cursor:pointer}.boot{display:grid;place-items:center;height:100%;font-family:var(--title);font-size:2rem}.btn{border:0;border-radius:.6rem;padding:.7rem 1.5rem;font-weight:900;font-size:1.05rem;letter-spacing:.04em;background:#ffffff1f;color:var(--text);transition:transform .08s,background .15s}.btn:hover{background:#ffffff38;transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#ffe97a,var(--patty));color:var(--ink);box-shadow:0 .25rem #a86a00}.btn.primary:hover{background:linear-gradient(180deg,#fff2a6,#ffb52e)}.btn.danger{background:#b8322b}.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.3)}.btn.big{font-size:1.4rem;padding:.9rem 2.6rem;font-family:var(--title);letter-spacing:.06em}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}kbd{display:inline-block;padding:.05rem .45rem;border-radius:.3rem;background:var(--text);color:var(--ink);font-weight:900;font-family:var(--body)}.portrait{--pc: #fff;display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8 0,transparent 45%),var(--pc);color:var(--ink);font-family:var(--title);font-size:1.05rem;border:2px solid rgba(0,0,0,.35);flex:none}.portrait.lg{width:3.4rem;height:3.4rem;font-size:1.8rem}.portrait.xl{width:6rem;height:6rem;font-size:3.2rem;border-width:4px}.portrait.empty{background:#ffffff1a;color:var(--muted)}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto;background:radial-gradient(ellipse at 70% 0%,#2aa6d6 0%,transparent 55%),linear-gradient(180deg,var(--ocean-3) 0%,var(--ocean-2) 45%,var(--ocean-1) 100%)}.bubbles-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bubbles-bg i{position:absolute;bottom:-40px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),transparent 40%);animation:rise linear infinite}@keyframes rise{to{transform:translateY(-115vh) translate(30px)}}.screen>*:not(.bubbles-bg){position:relative}.menu{justify-content:space-between;align-items:stretch;padding:4rem 6rem;gap:3rem}.menu-left{display:flex;flex-direction:column;justify-content:center;gap:2rem}.logo{display:flex;flex-direction:column;line-height:.9}.logo-top{font-family:var(--title);font-size:4.6rem;color:var(--sponge);text-shadow:.25rem .25rem 0 #c47a00,.5rem .5rem 0 rgba(0,0,0,.25)}.logo-bot{font-family:var(--title);font-size:6.2rem;color:#fff;text-shadow:.25rem .25rem 0 var(--krab-red),.5rem .5rem 0 rgba(0,0,0,.25)}.logo small{margin-top:.8rem;color:var(--muted);font-weight:800;letter-spacing:.2em}.menu-nav{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.nav-btn{background:none;border:0;color:var(--text);font-family:var(--title);font-size:2.6rem;letter-spacing:.05em;padding:.2rem 0;transition:color .12s,transform .12s;text-shadow:.15rem .15rem 0 rgba(0,0,0,.35)}.nav-btn:hover{color:var(--sponge);transform:translate(.6rem)}.nav-btn.primary{font-size:3.6rem;color:var(--sponge)}.name-field{display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-weight:800;font-size:.9rem}.name-field input{width:16rem;padding:.5rem .8rem;border-radius:.5rem;border:2px solid rgba(255,255,255,.2);background:#00000040;color:#fff;font:inherit;font-size:1.1rem}.menu-right{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;max-width:30rem}.hero{display:flex;align-items:center;gap:1.2rem;padding:1.4rem;border-radius:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 35%,transparent),var(--panel));border:2px solid var(--panel-edge)}.hero h3{margin:0;font-family:var(--title);font-size:2.2rem}.hero small{color:var(--muted)}.menu-card,.panel,.queue-card,.found-card,.load-card{background:var(--panel);border:2px solid var(--panel-edge);border-radius:1.2rem;padding:1.6rem 2rem;box-shadow:0 1rem 3rem #00000059}.menu-card h4{margin:0 0 .5rem;font-family:var(--title);font-size:1.4rem;color:var(--sponge);letter-spacing:.04em}.menu-card p{margin:0;line-height:1.5;color:#d6e8f5}.panel{width:min(60rem,100%)}.panel.wide{width:min(80rem,100%);max-height:100%;overflow:auto}.panel h2,.queue-card h2{font-family:var(--title);font-size:2.6rem;margin:0 0 1.2rem;color:var(--sponge);letter-spacing:.04em}.opt-grid{display:grid;gap:1.4rem}.opt label{display:block;font-weight:900;color:var(--muted);margin-bottom:.4rem;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.seg{display:flex;flex-wrap:wrap;gap:.4rem}.seg button{border:2px solid rgba(255,255,255,.2);background:#0003;color:var(--text);padding:.55rem 1rem;border-radius:.5rem;font-weight:800;font-size:1rem}.seg button.on{background:var(--sponge);color:var(--ink);border-color:var(--sponge)}.hint{display:block;margin-top:.4rem;color:var(--muted)}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.6rem;gap:1rem}.queue-card,.found-card,.load-card{text-align:center;min-width:min(34rem,100%)}.spinner{width:6rem;height:6rem;margin:0 auto 1rem;border-radius:50%;border:.5rem solid rgba(255,255,255,.15);border-top-color:var(--sponge);animation:spin 1s linear infinite;display:grid;place-items:center}.spinner span{font-size:2.6rem;animation:spin 1s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.queue-time{font-family:var(--title);font-size:3.2rem;margin-bottom:1rem}.queue-meta{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 2rem;text-align:left;margin-bottom:1rem}.queue-meta small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.queue-note{color:var(--muted);font-size:.9rem}.found h1{font-family:var(--title);font-size:5rem;margin:0;color:var(--sponge);text-shadow:.3rem .3rem 0 #c47a00;animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.4);opacity:0}}.accept-bar{height:.6rem;background:#ffffff26;border-radius:1rem;margin:1.2rem 0;overflow:hidden}.accept-bar div{height:100%;background:var(--sponge)}.select{flex-direction:column;justify-content:flex-start;gap:1.2rem}.select-top{text-align:center}.select-top h2{font-family:var(--title);font-size:2.6rem;margin:0;color:var(--sponge)}.select-timer{font-family:var(--title);font-size:3rem}.select-body{display:grid;grid-template-columns:18rem 1fr;gap:2rem;width:min(80rem,100%);flex:1;min-height:0}.team-list{display:flex;flex-direction:column;gap:.6rem}.tm{display:flex;gap:.8rem;align-items:center;padding:.6rem .8rem;border-radius:.7rem;background:#00000040;border-left:.3rem solid rgba(255,255,255,.2)}.tm.locked{border-left-color:var(--ally)}.tm.me{background:#ffe14d26}.tm small{display:block;color:var(--muted)}.select-detail{background:var(--panel);border-radius:1.2rem;padding:1.6rem 2rem;border:2px solid var(--panel-edge)}.detail-hero{display:flex;gap:1.5rem;align-items:center}.detail-hero h1{margin:0;font-family:var(--title);font-size:3.4rem}.role{display:inline-block;padding:.15rem .7rem;border-radius:1rem;background:#ffffff26;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;margin:.3rem 0}.kit{margin:.4rem 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.kit li{display:flex;gap:.6rem;align-items:flex-start}.kit .kit-ic{font-size:1.6rem;width:2rem;text-align:center}.kit b{font-weight:900}.kit kbd{font-size:.7rem}.kit small{color:var(--sponge);font-weight:800}.kit p{margin:.1rem 0 0;color:#cfe3f1;font-size:.85rem;line-height:1.35}.role-blurb{color:var(--muted);font-weight:700;margin:.4rem 0}.select-detail{overflow:auto}.kit-note{color:var(--muted);font-size:.85rem}.char-grid{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.char-tile{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:7.5rem;padding:.8rem .4rem;border-radius:.9rem;border:3px solid transparent;background:#0000004d;color:var(--text);font-weight:900}.char-tile small{color:var(--muted);font-weight:700}.char-tile.on{border-color:var(--sponge);background:color-mix(in srgb,var(--pc) 25%,rgba(0,0,0,.3))}.char-tile.taken{opacity:.35;cursor:not-allowed}.load-card h1{font-family:var(--title);font-size:4rem;margin:0 0 1rem;color:var(--sponge)}.load-vs{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.4rem}.load-vs>div{display:flex;gap:.4rem}.load-vs b{font-family:var(--title);font-size:2rem;color:var(--krab-red)}.load-bar{height:.8rem;background:#ffffff26;border-radius:1rem;overflow:hidden;margin-bottom:.6rem}.load-bar div{height:100%;width:0;background:linear-gradient(90deg,var(--sponge),var(--patty));transition:width .25s}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}.coll-card{padding:1.2rem;border-radius:1rem;background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 30%,transparent),#00000040)}.coll-card h3{font-family:var(--title);font-size:1.8rem;margin:.6rem 0 0}.settings-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1rem 2rem}.settings-panel section{background:#0003;border-radius:.8rem;padding:1rem 1.2rem}.settings-panel h3{margin:0 0 .6rem;font-family:var(--title);letter-spacing:.04em;color:var(--sponge);font-weight:400}.settings-panel h3 small{font-family:var(--body);color:var(--muted);font-size:.75rem}.settings-panel .row{display:grid;grid-template-columns:1fr 10rem 3.5rem;align-items:center;gap:.6rem;padding:.3rem 0}.settings-panel .row label{font-weight:700}.settings-panel select,.settings-panel input[type=color]{grid-column:span 2;padding:.35rem;border-radius:.4rem;background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.25);font:inherit}.settings-panel input[type=checkbox]{justify-self:start;width:1.3rem;height:1.3rem;accent-color:var(--sponge)}.settings-panel input[type=range]{accent-color:var(--sponge);width:100%}.settings-panel output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.settings-panel .key{grid-column:span 2;padding:.35rem;border-radius:.4rem;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);font-weight:900}.settings-panel .key.listening{background:var(--sponge);color:var(--ink)}.settings-panel .fixed{grid-column:span 2;color:var(--muted)}.settings-panel .keybinds{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:0 2rem}.settings-panel .keybinds h3,.settings-actions{grid-column:1 / -1}.game-root{position:absolute;inset:0;background:#000}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none;user-select:none;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-top{position:absolute;top:.8rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem}.team-row{display:flex;gap:.3rem}.team-row .portrait{width:2.2rem;height:2.2rem}.team-row.ally .portrait{box-shadow:0 0 0 2px var(--ally)}.team-row.enemy .portrait{box-shadow:0 0 0 2px var(--enemy)}.team-row .portrait.dead{filter:grayscale(1) brightness(.4)}.team-row .portrait.spike:after{content:"🍔";position:absolute;font-size:.8rem;transform:translate(.8rem,.8rem)}.team-row .portrait.me{outline:2px solid #fff}.scorebox{display:flex;align-items:stretch;background:#041626bf;border-radius:.6rem;overflow:hidden}.score{font-family:var(--title);font-size:2rem;padding:.2rem 1rem;display:grid;place-items:center}.score.ally{color:var(--ally);background:#4dd2ff1f}.score.enemy{color:var(--enemy);background:#ff4b4b1f}.timer-box{text-align:center;padding:.25rem 1.2rem;min-width:9rem}.timer{font-family:var(--title);font-size:1.9rem;line-height:1}.timer.low{color:var(--enemy)}.timer.planted{animation:pulse .6s infinite alternate}@keyframes pulse{to{transform:scale(1.2)}}.phase{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:var(--muted)}.minimap{position:absolute;top:.8rem;left:.8rem;width:15rem;height:auto;border-radius:.6rem;background:#041626a6;border:2px solid rgba(255,255,255,.15);image-rendering:pixelated}.killfeed{position:absolute;top:.8rem;right:.8rem;display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.kf{background:#041626bf;padding:.3rem .7rem;border-radius:.4rem;font-weight:800;display:flex;gap:.6rem;font-size:.95rem;animation:slidein .15s ease-out}.kf.mine{border:1px solid var(--sponge)}.kf.notice{color:var(--sponge)}.kf .ally{color:var(--ally)}.kf .enemy{color:var(--enemy)}.kf-w{color:var(--muted);font-size:.85rem}@keyframes slidein{0%{transform:translate(1rem);opacity:0}}.crosshair{--ch-color: #7dffb0;--ch-size: 6px;--ch-gap: 4px;--ch-thick: 2px;--ch-spread: 0px;position:absolute;left:50%;top:50%;width:0;height:0}.crosshair i{position:absolute;background:var(--ch-color);box-shadow:0 0 0 1px #0009}.crosshair .l,.crosshair .r{width:var(--ch-size);height:var(--ch-thick);top:calc(var(--ch-thick) / -2)}.crosshair .t,.crosshair .b{height:var(--ch-size);width:var(--ch-thick);left:calc(var(--ch-thick) / -2)}.crosshair .l{right:calc(var(--ch-gap) + var(--ch-spread))}.crosshair .r{left:calc(var(--ch-gap) + var(--ch-spread))}.crosshair .t{bottom:calc(var(--ch-gap) + var(--ch-spread))}.crosshair .b{top:calc(var(--ch-gap) + var(--ch-spread))}.crosshair .dot{width:var(--ch-thick);height:var(--ch-thick);left:calc(var(--ch-thick) / -2);top:calc(var(--ch-thick) / -2)}.hitmarker{position:absolute;left:50%;top:50%;width:1.6rem;height:1.6rem;transform:translate(-50%,-50%) rotate(45deg);opacity:0}.hitmarker:before,.hitmarker:after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.hitmarker:before{width:100%;height:2px;background:linear-gradient(90deg,#fff 30%,transparent 30% 70%,#fff 70%)}.hitmarker:after{height:100%;width:2px;background:linear-gradient(180deg,#fff 30%,transparent 30% 70%,#fff 70%)}.hitmarker.show{opacity:1}.hitmarker.head:before,.hitmarker.head:after{filter:drop-shadow(0 0 2px var(--sponge)) sepia(1) saturate(8) hue-rotate(5deg)}.hitmarker.kill{transform:translate(-50%,-50%) rotate(45deg) scale(1.5)}.hitmarker.kill:before{background:linear-gradient(90deg,var(--enemy) 30%,transparent 30% 70%,var(--enemy) 70%)}.hitmarker.kill:after{background:linear-gradient(180deg,var(--enemy) 30%,transparent 30% 70%,var(--enemy) 70%)}.dmg-indicator{position:absolute;left:50%;top:50%;width:14rem;height:14rem;border-radius:50%;opacity:0;border-top:.5rem solid rgba(255,50,50,.85);transform:translate(-50%,-50%)}.hurt-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(255,0,0,.45))}.scope{position:absolute;inset:0;display:none;background:radial-gradient(circle at center,transparent 0,transparent 34vh,#000 34.3vh)}.scope:before,.scope:after{content:"";position:absolute;background:#000}.scope:before{left:50%;top:0;bottom:0;width:1px}.scope:after{top:50%;left:0;right:0;height:1px}.banner{position:absolute;top:22%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .25s,transform .25s;text-align:center}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner-title{font-family:var(--title);font-size:4.2rem;letter-spacing:.04em;color:#fff;text-shadow:.2rem .2rem 0 rgba(0,0,0,.5)}.banner-sub{font-weight:900;font-size:1.2rem;color:var(--muted)}.banner.won .banner-title,.banner.defend .banner-title{color:var(--ally)}.banner.lost .banner-title{color:var(--enemy)}.banner.attack .banner-title,.banner.planted .banner-title{color:var(--sponge)}.action{position:absolute;top:62%;left:50%;transform:translate(-50%);width:20rem;display:none;text-align:center}.action-label{font-weight:900;letter-spacing:.08em;margin-bottom:.3rem;color:var(--sponge)}.action-bar{height:.6rem;border-radius:1rem;background:#00000080;overflow:hidden}.action-bar div{height:100%;background:linear-gradient(90deg,var(--sponge),var(--patty))}.prompt{position:absolute;top:70%;left:50%;transform:translate(-50%);font-weight:800;font-size:1.1rem;background:#04162699;padding:.4rem .9rem;border-radius:.5rem;display:none}.spectate{position:absolute;bottom:9rem;left:50%;transform:translate(-50%);background:#041626bf;padding:.4rem 1rem;border-radius:.5rem;font-weight:800;display:none}.hud-bottom{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-end}.vitals{display:flex;gap:1.2rem;align-items:flex-end;background:#041626a6;padding:.6rem 1.2rem;border-radius:.8rem}.vitals .hp span{font-family:var(--title);font-size:3rem;line-height:1}.vitals .hp.low span{color:var(--enemy)}.vitals .shield span{font-family:var(--title);font-size:1.8rem;color:var(--ally)}.vitals small{display:block;font-size:.7rem;font-weight:900;color:var(--muted);letter-spacing:.1em}.vitals .credits{font-weight:900;color:var(--sponge);font-size:1.2rem}.kit-bar{display:flex;align-items:flex-end;gap:.8rem}.abilities{display:flex;gap:.4rem}.ab{position:relative;width:4.6rem;height:4.9rem;border-radius:.6rem;background:#041626b3;border:2px solid rgba(255,255,255,.12);display:grid;place-items:center;overflow:hidden;opacity:.55}.ab.ready{opacity:1;border-color:#ffe14d99}.ab.ult.ready{border-color:var(--sponge);box-shadow:0 0 .8rem #ffe14db3;animation:pulse .8s infinite alternate}.ab.active{border-color:#7dffb0;box-shadow:0 0 .8rem #7dffb0b3;opacity:1}.ab kbd{position:absolute;top:.2rem;left:.25rem;font-size:.8rem;padding:0 .3rem}.ab .ic{font-size:2.2rem;margin-top:.2rem}.ab .cd{position:absolute;left:0;right:0;bottom:0;background:#0000008c}.ab .pips{position:absolute;bottom:.2rem;display:flex;gap:.12rem}.ab .pips i{width:.45rem;height:.45rem;border-radius:50%;background:#ffffff40}.ab .pips i.on{background:var(--sponge)}.flash-overlay{position:absolute;inset:0;background:#fff;opacity:0}.status-tint{position:absolute;inset:0;opacity:0;transition:opacity .2s}.status-tint.slowed{opacity:1;background:radial-gradient(ellipse at center,transparent 55%,rgba(80,140,255,.35))}.status-tint.rooted{opacity:1;background:radial-gradient(ellipse at center,transparent 50%,rgba(255,200,40,.4))}.status-tint.frenzy{opacity:1;background:radial-gradient(ellipse at center,transparent 60%,rgba(255,170,30,.35))}.status-tint.karate{opacity:1;background:radial-gradient(ellipse at center,transparent 60%,rgba(255,255,255,.25))}.hud.concussed .crosshair{animation:wobble .4s infinite alternate}@keyframes wobble{to{transform:translate(4px,-3px)}}.status-chips{position:absolute;bottom:7.5rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem}.status-chips span{padding:.2rem .6rem;border-radius:.4rem;font-weight:900;font-size:.85rem;background:#041626bf}.status-chips .bad{color:#ff8a8a}.status-chips .good{color:#7dffb0}.buy-col.abil .ab-card.free{border-color:#7dffb066;cursor:default}.buy-col.abil .ab-card.ult{border-color:#ffe14d80}.char-chip{display:flex;align-items:center;gap:.6rem;background:#041626a6;padding:.5rem 1rem;border-radius:.8rem}.char-chip small{display:block;color:var(--muted)}.weapon-box{text-align:right;background:#041626a6;padding:.6rem 1.2rem;border-radius:.8rem;min-width:15rem}.slots{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.4rem;font-size:.85rem}.slot{color:var(--muted);font-weight:700}.slot b{display:inline-block;width:1.4rem;color:#fff8}.slot.active{color:#fff;font-weight:900}.slot.empty{opacity:.4}.slot.patty{color:var(--sponge)}.ammo span{font-family:var(--title);font-size:3rem;line-height:1}.ammo small{font-size:1.3rem;color:var(--muted);font-weight:800}.weapon-name{font-weight:900;letter-spacing:.06em;color:var(--sponge)}.fps{position:absolute;bottom:.3rem;left:50%;transform:translate(-50%);font-size:.8rem;color:#7dffb0;font-weight:800}.buy-menu{position:absolute;inset:4% 4% 12%;display:none;flex-direction:column;pointer-events:auto;background:#05192af0;border:3px solid #8a5a2b;border-radius:1rem;padding:1.2rem 1.6rem;text-shadow:none;overflow:auto}.buy-menu.show{display:flex}.buy-head{display:flex;justify-content:space-between;align-items:center}.buy-head h2{margin:0;font-family:var(--title);font-weight:400;color:var(--sponge);font-size:2.2rem}.buy-head small{color:var(--muted);font-weight:700}.buy-credits{font-family:var(--title);font-size:2.6rem;color:var(--sponge)}.buy-reco{margin:.6rem 0;padding:.5rem .8rem;border-radius:.5rem;background:#ffe14d1a;font-weight:700}.buy-grid{display:grid;grid-template-columns:repeat(7,1fr) 1.4fr;gap:.8rem;flex:1}.buy-col h4{margin:.2rem 0 .4rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.buy-item{display:block;width:100%;text-align:left;margin-bottom:.5rem;padding:.6rem .7rem;border-radius:.6rem;border:2px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text)}.buy-item:hover{border-color:var(--sponge);background:#ffe14d1f}.buy-item.owned{border-color:var(--ally);background:#4dd2ff26}.buy-item.poor{opacity:.4}.bi-top{display:flex;justify-content:space-between;gap:.4rem}.bi-top span{color:var(--sponge);font-weight:900}.bi-stats{font-size:.75rem;color:var(--muted);margin-top:.2rem}.bi-blurb{font-size:.75rem;margin-top:.2rem;color:#cfe3f1}.mate{display:grid;grid-template-columns:auto 1fr auto;gap:.1rem .4rem;align-items:center;margin-bottom:.4rem;font-size:.85rem}.mate small{grid-column:2 / 4;color:var(--muted)}.mate .portrait{grid-row:span 2}.buy-foot{color:var(--muted);font-size:.85rem;margin-top:.6rem}.scoreboard{position:absolute;top:12%;left:50%;transform:translate(-50%);width:min(60rem,92%);display:none;background:#05192aeb;border-radius:1rem;padding:1rem 1.4rem;text-shadow:none}.scoreboard.show{display:block}table{width:100%;border-collapse:collapse;margin-bottom:.6rem}th{text-align:left;font-size:.8rem;letter-spacing:.08em;color:var(--muted);padding:.3rem}table.ally th:first-child{color:var(--ally)}table.enemy th:first-child{color:var(--enemy)}td{padding:.3rem;border-top:1px solid rgba(255,255,255,.08);font-weight:700}td .portrait{width:1.6rem;height:1.6rem;font-size:.85rem;vertical-align:middle;margin-right:.3rem}tr.me td{background:#ffe14d1f}tr.dead td{opacity:.5}.round-history{display:flex;gap:.2rem;flex-wrap:wrap;margin:.4rem 0 .8rem}.round-history span{width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:.3rem;font-size:.8rem}.round-history .w{background:#4dd2ff59}.round-history .l{background:#ff4b4b59}.game-overlay{position:absolute;inset:0;display:none;place-items:center;z-index:5}.game-overlay.show{display:grid}.game-overlay.click{background:#00142859;cursor:pointer}.game-overlay.pause,.game-overlay.end{background:#000f1eb3;backdrop-filter:blur(4px)}.click-card,.pause-card,.end-card{background:var(--panel);border:2px solid var(--panel-edge);border-radius:1.2rem;padding:1.6rem 2.4rem;text-align:center;max-height:92vh;overflow:auto}.click-card h2,.pause-card h2{font-family:var(--title);font-size:2.6rem;margin:0 0 .6rem;color:var(--sponge);font-weight:400}.click-card p{color:var(--muted);font-weight:700}.pause-card{display:flex;flex-direction:column;gap:.6rem;min-width:22rem;width:min(80rem,94vw);align-items:center}.pause-card>.btn{width:18rem}.pause-settings{width:100%;text-align:left}.end-card{width:min(64rem,94vw)}.end-card h1{font-family:var(--title);font-weight:400;font-size:6rem;margin:0;letter-spacing:.04em}.end-card.won h1{color:var(--ally)}.end-card.lost h1{color:var(--enemy)}.end-score{font-family:var(--title);font-size:3rem}.end-score .ally{color:var(--ally)}.end-score .enemy{color:var(--enemy)}.end-mvp{margin:.6rem 0 1rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.5rem}.end-board{text-align:left}.end-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}@media (max-width: 1100px){.menu{flex-direction:column;padding:2rem}.buy-grid{grid-template-columns:repeat(4,1fr)}.buy-col.abil{grid-column:1 / -1}.select-body{grid-template-columns:1fr}}.debug-panel{position:absolute;top:.8rem;right:.8rem;z-index:6;width:26rem;max-height:calc(100% - 1.6rem);overflow:auto;background:#04101ceb;border:2px solid #ff00ff88;border-radius:.8rem;padding:.8rem 1rem;font-size:.85rem;pointer-events:auto}.debug-panel h3{margin:0 0 .5rem;color:#ff7dff;font-family:var(--title);font-weight:400;letter-spacing:.05em}.dbg-flags{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.6rem}.dbg-flags label{display:flex;gap:.4rem;align-items:center;cursor:pointer}.dbg-flags input{accent-color:#ff7dff}.dbg-row select{width:100%;padding:.3rem;background:#0b2236;color:#fff;border:1px solid #ffffff44;border-radius:.3rem;font:inherit}.dbg-coords{margin:.6rem 0;padding:.5rem;background:#0006;border-radius:.4rem;font-size:.75rem;white-space:pre;overflow-x:auto;color:#b8ffcc}.debug-panel small{color:var(--muted)}.range-panel{position:absolute;top:.8rem;right:.8rem;z-index:6;width:30rem;max-height:calc(100% - 1.6rem);overflow:auto;pointer-events:auto;background:#04101cf0;border:2px solid var(--panel-edge);border-radius:.8rem;padding:.9rem 1.1rem}.range-panel h3{margin:0 0 .6rem;font-family:var(--title);font-weight:400;color:var(--sponge);letter-spacing:.04em}.range-panel>label{display:block;margin:.6rem 0 .25rem;font-weight:900;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.range-panel .seg button{padding:.35rem .7rem;font-size:.85rem}.range-toggles{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-top:.6rem;font-weight:700}.range-toggles input{accent-color:var(--sponge)}.range-actions{display:flex;gap:.5rem;margin:.8rem 0 .4rem}.range-actions .btn{font-size:.85rem;padding:.4rem .8rem}.range-panel small{color:var(--muted)}.range-stats{position:absolute;top:.8rem;left:50%;transform:translate(-50%,4.2rem);background:#041626b8;padding:.4rem .9rem;border-radius:.5rem;font-size:.85rem;font-weight:700;text-align:center;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.7)}.range-stats b{color:var(--sponge)}