body{--arena-bg: radial-gradient(120% 80% at 50% -10%, #2a0a0a 0%, #0a0a10 60%, #04040a 100%);background:var(--arena-bg);position:relative}body:before{content:"";position:absolute;inset:-10%;background:radial-gradient(60% 40% at 50% 0%,rgba(255,80,80,.35),transparent 60%),radial-gradient(40% 30% at 20% 110%,rgba(60,120,255,.28),transparent 70%),radial-gradient(40% 30% at 80% 110%,rgba(255,80,80,.22),transparent 70%);pointer-events:none;mix-blend-mode:screen;z-index:0}body:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.7'/></svg>");mix-blend-mode:overlay;z-index:0}body[data-arena=stadium]{--arena-bg: radial-gradient(120% 80% at 50% -10%, #2a0a0a 0%, #0a0a10 60%, #04040a 100%)}body[data-arena=ring]{--arena-bg: linear-gradient(180deg, #1d0606 0%, #0d0d14 50%, #050511 100%)}body[data-arena=ring]:before{background:repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.04) 80px 81px),radial-gradient(60% 40% at 50% 0%,rgba(255,80,80,.25),transparent 70%)}body[data-arena=ring]:after{background-image:linear-gradient(180deg,transparent 0 70%,rgba(0,0,0,.6) 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.7'/></svg>");mix-blend-mode:overlay}body[data-arena=smoke]{--arena-bg: radial-gradient(140% 100% at 50% 50%, #380a0a 0%, #1a050d 50%, #08040a 100%)}body[data-arena=pyro]{--arena-bg: linear-gradient(180deg, #2a0a4a 0%, #0a0a1a 60%, #04040a 100%)}body[data-arena=pyro]:before{background:radial-gradient(50% 30% at 30% 0%,rgba(255,140,40,.45),transparent 60%),radial-gradient(50% 30% at 70% 0%,rgba(255,40,160,.45),transparent 60%),radial-gradient(40% 30% at 50% 100%,rgba(60,120,255,.4),transparent 70%)}#root{position:relative;z-index:1}.card{position:relative;aspect-ratio:280/400;width:100%;border-radius:12px;overflow:hidden;isolation:isolate;font-family:var(--font-cond);color:#fff;user-select:none;background:#0c0c14;box-shadow:0 0 0 1px #0006,0 14px 30px #00000080,0 2px #ffffff0d inset;--acc: #E6322B;--acc2: #0E1E3A}.card .hl{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,var(--acc) 0%,var(--acc2) 60%,#050510 100%)}.card .halftone{position:absolute;inset:0;opacity:.35;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1.4px);background-size:4px 4px}.card .stripes{position:absolute;inset:0;opacity:.25;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0 2px,transparent 2px 8px)}.card .vignette{position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 40%,transparent 50%,rgba(0,0,0,.6) 100%)}.card .portrait{position:absolute;inset:6% 0 44%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.card .portrait svg{width:90%;height:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.card .emblem{position:absolute;top:8px;right:10px;font-family:var(--font-display);font-style:italic;font-size:13px;letter-spacing:.04em;color:#fff;background:#000;border:1px solid rgba(255,255,255,.4);padding:3px 7px;border-radius:3px;z-index:3;transform:skew(-10deg)}.card .era{position:absolute;top:10px;left:10px;font-size:9px;letter-spacing:.24em;text-transform:uppercase;background:#0000008c;color:#fff;padding:3px 6px;border-radius:3px;z-index:3;border:1px solid rgba(255,255,255,.18)}.card .nameplate{position:absolute;left:0;right:0;bottom:36%;z-index:3;text-align:center;padding:0 12px;pointer-events:none}.card .name{font-family:var(--font-display);font-style:italic;font-size:18px;line-height:.95;letter-spacing:.02em;color:#fff;text-transform:uppercase;text-shadow:-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000,0 3px 0 var(--acc),0 6px 12px rgba(0,0,0,.5);transform:skew(-6deg);display:inline-block}.card .tagline{margin-top:4px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#fff;opacity:.85;text-shadow:0 1px 0 #000}.card .stats{position:absolute;left:0;right:0;bottom:0;z-index:4;background:linear-gradient(180deg,#0000000d,#000000d9 35%,#07070c);padding:6px 8px 8px;height:34%;display:flex;flex-direction:column;overflow:hidden}.card .stats .meta{display:flex;justify-content:space-between;align-items:baseline;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:3px;margin-bottom:3px;white-space:nowrap;overflow:hidden}.card .stats .meta span{overflow:hidden;text-overflow:ellipsis}.card .stats .meta strong{font-weight:600;color:#fff;opacity:1;letter-spacing:.06em}.card .stat-table{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;flex:1;column-gap:6px}.card .stat-table .h{font-size:8px;letter-spacing:0;opacity:.65;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.1);min-width:0;padding-right:2px}.card .stat-table .h:last-child{border-right:0}.card .stat-table .v{font-family:var(--font-cond);font-weight:700;font-size:13px;line-height:1;color:#fff;border-right:1px solid rgba(255,255,255,.1);padding-top:2px;min-width:0;overflow:hidden}.card .stat-table .v:last-child{border-right:0}.card .stat-table .h.hot,.card .stat-table .v.hot{background:#e6322b40;border-radius:3px}.card--classic .nameplate{bottom:37%}.card--classic .stats{background:linear-gradient(180deg,#f4f1ea,#e8e2d2);color:#0a0a12}.card--classic .stats .meta{color:#000000b3;border-bottom-color:#0000002e}.card--classic .stat-table .h{color:#0000008c;border-right-color:#0000001a}.card--classic .stat-table .v{color:#0a0a12}.card--classic{box-shadow:inset 0 0 0 4px var(--gold),inset 0 0 0 5px #0006,0 14px 30px #00000080}.card--classic .emblem{background:#fff;color:#000;border-color:#000}.card.win{animation:cardWin 1.6s ease-out}.card.lose{animation:cardLose 1.2s ease-out}@keyframes cardWin{0%{box-shadow:0 0 0 1px #0006,0 14px 30px #00000080;transform:translateY(0) scale(1)}20%{transform:translateY(-6px) scale(1.04) rotate(-1deg)}40%{transform:translateY(-3px) scale(1.04) rotate(1deg);box-shadow:0 0 0 2px var(--gold),0 0 40px #e5c04ab3}to{transform:translateY(0) scale(1);box-shadow:0 0 0 2px var(--gold),0 0 32px #e5c04a8c}}@keyframes cardLose{0%,to{transform:translate(0);filter:grayscale(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}to{filter:grayscale(.7) brightness(.7)}}.card-back{position:relative;width:100%;aspect-ratio:280/400;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#14141c,#050510);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px #00000080}.card-back:before{content:"";position:absolute;inset:6px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(230,50,43,.18) 0 8px,transparent 8px 18px),radial-gradient(60% 60% at 50% 50%,rgba(230,50,43,.3),transparent 70%);border:1px solid rgba(255,255,255,.08)}.card-back .logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:42px;color:#fff;text-shadow:0 0 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000,0 4px 0 var(--red-deep),0 8px 18px rgba(230,50,43,.5);transform:skew(-6deg);letter-spacing:.04em}.card--holo{background:linear-gradient(135deg,#0a0a18,#080812)}.card--holo .hl{background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.18),transparent 40%),conic-gradient(from 200deg at 50% 50%,#f57,#fa5,#ffe066 24%,#66ffd1,#58f,#b266ff 66%,#f57 80% 100%),radial-gradient(120% 90% at 50% 50%,var(--acc) 0%,var(--acc2) 70%,#050510 100%);background-blend-mode:screen,overlay,normal;filter:saturate(1.1)}.card--holo .halftone{opacity:.18}.card--holo .stats{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.65) 35%,#0a0a14 100%);-webkit-backdrop-filter:blur(2px)}.card--brutal{background:#0a0a0a}.card--brutal .hl{background:linear-gradient(180deg,var(--acc) 0%,#100408 70%,#050505 100%)}.card--brutal .name{font-family:var(--font-stencil);text-shadow:4px 4px 0 #000,-1px -1px 0 #000,0 0 0 #000;transform:skew(0)}.card--brutal .stats{background:#0a0a0a;border-top:4px solid var(--acc)}.card--brutal .nameplate{bottom:37%}.card--brutal .emblem{background:var(--acc);color:#000;border-color:#000;transform:none}.card--neon{background:#040408}.card--neon .hl{background:radial-gradient(60% 70% at 50% 30%,rgba(0,200,255,.4),transparent 60%),radial-gradient(80% 90% at 50% 90%,var(--acc),transparent 70%),linear-gradient(180deg,#0a0a14,#04040a)}.card--neon .name{text-shadow:-1px 0 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,0 1px 0 #fff,0 0 12px var(--acc),0 0 28px var(--acc);color:#fff}.card--neon .stats{background:linear-gradient(180deg,transparent,rgba(0,200,255,.06) 30%,rgba(0,0,0,.85) 70%,#04040a 100%);border-top:1px solid rgba(0,200,255,.4)}.card--neon .emblem{background:#000;border-color:#00c8ff99;box-shadow:0 0 10px #00c8ff80}.card .stat-bars{display:flex;flex-direction:column;gap:3px;flex:1;justify-content:center}.card .stat-bars .row{display:grid;grid-template-columns:42px 1fr 36px;gap:6px;align-items:center;font-size:10px;letter-spacing:.12em;background:transparent;padding:1px 2px;border-radius:3px}.card .stat-bars .row.hot{background:#e6322b2e}.card .stat-bars .row .lbl{opacity:.7;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.card .stat-bars .row .val{font-family:var(--font-cond);font-weight:700;font-size:14px;color:#fff;text-align:right}.card .stat-bars .bar{height:6px;background:#ffffff1f;border-radius:2px;overflow:hidden;position:relative}.card .stat-bars .fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--acc) 0%,#fff 100%);border-radius:2px;animation:fillBar .9s cubic-bezier(.2,.7,.2,1) forwards}@keyframes fillBar{0%{width:0}to{width:var(--w, 50%)}}.card .stat-radial{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.card .stat-radial svg{width:100%;height:100%}.card--classic .stat-bars .row .lbl{color:#0009}.card--classic .stat-bars .row .val{color:#0a0a12}.card--classic .stat-bars .bar{background:#0000001f}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--bone);font-family:var(--font-cond),system-ui,sans-serif;font-size:16px;line-height:1.4;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.frame{position:relative;width:100%;max-width:var(--frame-max-w);margin:0 auto;display:flex;flex-direction:column;z-index:2;padding-top:env(safe-area-inset-top,0)}button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}img{display:block;max-width:100%}.fade-in{animation:fade-in .32s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.btn{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;font-family:var(--font-display);font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#1a1a22;border:1.5px solid rgba(255,255,255,.14);border-radius:4px;position:relative;overflow:hidden;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%);pointer-events:none}.btn-primary{background:linear-gradient(180deg,var(--red-glow),var(--red-deep));border-color:#ffb4b466;box-shadow:inset 0 1px #ffffff59,inset 0 -3px #00000040,0 8px 24px #e6322b66}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:repeating-linear-gradient(45deg,#fff 0 4px,transparent 4px 8px);opacity:.55}.btn-secondary{background:linear-gradient(180deg,#2a2a36,#14141c);border-color:#ffffff2e}.btn-blue{background:linear-gradient(180deg,#3b82f6,#0e1e3a);border-color:#b4d2ff66;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px #00000040,0 6px 18px #1e50c859}.btn-ghost{background:transparent;border-color:#ffffff2e}.btn-block{width:100%}.btn-row{display:flex;gap:10px;justify-content:center;align-items:center}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;gap:24px;position:relative}.splash .belt{position:absolute;left:0;right:0;height:120px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(230,50,43,.35) 30%,rgba(230,50,43,.35) 70%,transparent);filter:blur(.5px);z-index:0}.splash .belt:before,.splash .belt:after{content:"";position:absolute;left:0;right:0;height:2px;background:#fff;opacity:.12}.splash .belt:before{top:0}.splash .belt:after{bottom:0}.splash-logo{position:relative;z-index:2;font-family:var(--font-display);font-size:clamp(44px,14vw,78px);letter-spacing:.02em;line-height:.85;color:#fff;text-shadow:0 0 0 #000,-3px 0 0 #000,3px 0 0 #000,0 -3px 0 #000,0 3px 0 #000,0 6px 0 var(--red-deep),0 12px 24px rgba(230,50,43,.5);font-style:italic;transform:skew(-6deg);display:inline-block}.splash-logo .row2{display:block;font-size:.55em;color:var(--red);text-shadow:-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000,0 4px 12px rgba(0,0,0,.6);letter-spacing:.16em;margin-top:.05em}.splash-tag{position:relative;z-index:2;font-family:var(--font-cond);font-weight:600;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#fff;opacity:.7}.splash-cta{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;align-items:stretch;width:100%;max-width:320px}.splash-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.5}.splash-foot{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.32em;text-transform:uppercase;opacity:.45}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 4px}.topbar .title{font-family:var(--font-display);font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#fff}.topbar .back{background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--font-cond);font-size:11px;letter-spacing:.2em;padding:6px 10px;border-radius:3px;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.menu{flex:1;display:flex;flex-direction:column;padding:16px 18px 24px;gap:14px}.menu .promo{position:relative;border-radius:6px;overflow:hidden;height:200px;background:linear-gradient(135deg,var(--red-deep),#14141c 60%,var(--blue-deep));border:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-end;padding:14px;box-shadow:0 14px 28px #0006}.menu .promo:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 30%,rgba(255,80,80,.35),transparent 60%),repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.04) 16px 17px)}.menu .promo .copy{position:relative;z-index:2}.menu .promo h2{font-family:var(--font-display);font-style:italic;font-size:34px;line-height:.9;margin:0;color:#fff;text-shadow:2px 2px 0 #000,0 4px 12px rgba(0,0,0,.6)}.menu .promo h2 em{color:var(--red);font-style:italic}.menu .promo p{margin:6px 0 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.menu .promo .badge{position:absolute;top:14px;right:14px;font-family:var(--font-display);font-size:11px;letter-spacing:.18em;color:#fff;background:#000;border:1px solid var(--red);padding:6px 10px;border-radius:3px;z-index:2}.menu .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu .tile{position:relative;height:118px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#ffffff0f,#fff0);padding:14px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:#fff;font-family:var(--font-cond);cursor:pointer;overflow:hidden;transition:transform .12s ease,border-color .12s ease,background .12s ease}.menu .tile:hover{transform:translateY(-2px);border-color:#ffffff47}.menu .tile .num{font-family:var(--font-cond);font-weight:700;font-size:42px;line-height:.9;opacity:.6}.menu .tile.cpu .num{color:var(--red);opacity:.8}.menu .tile.friend .num{color:var(--blue-glow);opacity:.8}.menu .tile .name{font-family:var(--font-display);font-size:16px;letter-spacing:.06em;text-transform:uppercase}.menu .tile .sub{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.menu .tile.cpu{background:linear-gradient(160deg,rgba(230,50,43,.18),transparent 60%)}.menu .tile.friend{background:linear-gradient(160deg,rgba(59,130,246,.2),transparent 60%)}.menu .tile.collection{grid-column:1 / -1;height:80px;flex-direction:row;align-items:center;justify-content:space-between}.menu .tile.collection .num{font-size:30px;color:var(--gold);opacity:.85}.placeholder-shell{flex:1;display:grid;place-items:center;padding:24px;text-align:center;gap:16px}.placeholder-shell h1{font-family:var(--font-display);margin:0;font-size:38px;letter-spacing:.06em}.placeholder-shell p{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 16px 6px;font-family:var(--font-cond)}.score-side{display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0a,#fff0);padding:5px 8px;border-radius:6px;min-width:0}.score-side.right{align-items:flex-end}.score-side .who{font-family:var(--font-display);font-size:11px;letter-spacing:.18em;color:#fff;opacity:.8}.score-side .count{font-family:var(--font-cond);font-weight:700;font-size:26px;line-height:1;color:#fff;letter-spacing:.02em}.score-side .lbl{font-size:10px;letter-spacing:.22em;opacity:.6;text-transform:uppercase}.score-mid{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 6px}.score-mid .vs{font-family:var(--font-display);font-size:24px;letter-spacing:.04em;color:#fff;text-shadow:0 0 12px rgba(230,50,43,.7),0 0 2px #fff}.score-mid .round{font-size:10px;letter-spacing:.22em;opacity:.7;text-transform:uppercase}.battle{flex:1;display:flex;flex-direction:column;padding:0 14px 14px;gap:10px;overflow:hidden;min-height:0}.battle .turn-indicator{text-align:center;font-size:11px;letter-spacing:.26em;text-transform:uppercase;opacity:.7}.arena-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1 1 auto;align-items:center;padding-top:14px;min-height:0}.arena-cards .arena-card{max-width:175px;width:100%;justify-self:center;position:relative}@media(min-height:720px){.arena-cards .arena-card{max-width:200px}}@media(min-height:820px){.arena-cards .arena-card{max-width:220px}}.arena-card .label{position:absolute;top:-14px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;font-weight:600}.stat-picker{flex:0 0 auto;background:linear-gradient(180deg,#ffffff0a,#fff0);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.stat-picker .title{font-family:var(--font-display);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.95;text-align:center}.stat-picker .title em{color:var(--red);font-style:normal}.stat-picker .row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.stat-picker .pill{position:relative;appearance:none;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:#fff;font-family:var(--font-cond);font-weight:600;padding:8px 4px;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.stat-picker .pill:hover:not(:disabled),.stat-picker .pill.hot{border-color:var(--red);background:linear-gradient(180deg,#e6322b2e,#e6322b0a);transform:translateY(-1px)}.stat-picker .pill:disabled{opacity:.6;cursor:not-allowed}.stat-picker .pill .lbl{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.75;text-align:center;line-height:1.1}.stat-picker .pill .val{font-family:var(--font-cond);font-weight:700;font-size:20px;line-height:1;color:#fff}.banner{position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:center;pointer-events:none;z-index:50}.banner-card{font-family:var(--font-display);font-style:italic;font-size:clamp(40px,11vw,64px);letter-spacing:.04em;padding:10px 28px;background:linear-gradient(180deg,var(--red-glow),var(--red-deep));color:#fff;border-top:3px solid #fff;border-bottom:3px solid #fff;text-shadow:3px 3px 0 #000;transform:skew(-8deg);box-shadow:0 12px 40px #0009;animation:bannerIn .6s cubic-bezier(.18,.84,.32,1.06) both}.banner-card.lose{background:linear-gradient(180deg,#2a2a36,#0a0a14)}.banner-card.tie{background:linear-gradient(180deg,var(--gold),#A8853B);color:#000;text-shadow:3px 3px 0 #fff}@keyframes bannerIn{0%{transform:skew(-8deg) translateY(20px) scale(.7);opacity:0}to{transform:skew(-8deg) translateY(0) scale(1);opacity:1}}.tweaks{position:fixed;right:12px;bottom:calc(12px + var(--safe-pad));z-index:50}.tweaks-toggle{width:44px;height:44px;border-radius:50%;background:var(--ink-2);color:var(--bone);border:1px solid rgba(255,255,255,.12);font-size:20px;cursor:pointer}.tweaks-body{position:absolute;right:0;bottom:56px;width:min(320px,calc(100vw - 24px));background:var(--ink-2);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;display:grid;gap:12px;font-family:var(--font-cond)}.tweaks-section-label{font-family:var(--font-stencil);letter-spacing:.18em;font-size:12px;opacity:.65;margin-bottom:4px}.tweaks-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:13px}.tweaks-row select{background:var(--ink);color:var(--bone);border:1px solid rgba(255,255,255,.15);padding:4px 6px;border-radius:6px;font-family:inherit}.tweaks-radio{display:inline-flex;gap:4px}.tweaks-radio button{padding:4px 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:var(--ink);color:var(--bone);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.tweaks-radio button.on{background:var(--red);border-color:var(--red)}.tweaks-toggle-row{padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:var(--ink);color:var(--bone);font-size:12px;letter-spacing:.12em;cursor:pointer}.gameover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:18px;text-align:center}.gameover-tag{font-size:11px;letter-spacing:.34em;text-transform:uppercase;opacity:.6}.gameover .verdict{font-family:var(--font-display);font-style:italic;font-size:clamp(56px,16vw,96px);letter-spacing:.02em;line-height:.9;color:#fff;text-shadow:-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000,0 6px 0 var(--red-deep),0 12px 24px rgba(230,50,43,.5);transform:skew(-6deg)}.gameover .verdict.lost{text-shadow:-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000,0 6px 0 #2a2a36,0 12px 24px rgba(0,0,0,.6);color:#cfcfd6}.gameover .stat-line{display:flex;align-items:baseline;gap:18px;font-family:var(--font-cond);font-weight:700;font-size:44px;color:#fff;letter-spacing:.04em}.gameover .stat-line .s{font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin-bottom:4px}.gameover .stat-line .dash{font-size:28px;opacity:.4}.gameover .lineup{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:320px}.gameover .lineup .mini{width:32px;height:44px;border-radius:4px;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 8px #0006}.gameover-cta{display:flex;gap:10px;width:100%;max-width:320px;margin-top:8px}.gameover-cta .btn{flex:1}.lobby{flex:1;display:flex;flex-direction:column;padding:16px 18px 24px;gap:18px}.lobby .header h1{font-family:var(--font-display);font-style:italic;font-size:38px;letter-spacing:.02em;line-height:.9;margin:0;color:#fff;text-shadow:2px 2px 0 var(--red-deep)}.lobby .header p{margin:6px 0 0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.6}.lobby .codeBox{background:linear-gradient(180deg,#ffffff0f,#fff0);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:18px 16px;display:flex;flex-direction:column;gap:10px}.lobby .codeBox label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.55}.lobby .code{font-family:var(--font-cond);font-weight:700;font-size:54px;line-height:.9;letter-spacing:.16em;color:#fff;display:flex;align-items:center;gap:14px}.lobby .code .copy-btn{font-family:var(--font-cond);font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:transparent;color:var(--red);border:1px solid var(--red);padding:6px 10px;border-radius:3px;cursor:pointer}.lobby .or{display:flex;align-items:center;gap:10px;color:#fff6;font-size:10px;letter-spacing:.3em;text-transform:uppercase}.lobby .or:before,.lobby .or:after{content:"";flex:1;height:1px;background:#ffffff1f}.lobby .joinBox{display:flex;gap:8px}.lobby input{flex:1;background:#0a0a12;border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--font-cond);font-weight:700;font-size:24px;letter-spacing:.18em;padding:14px;border-radius:5px;outline:none;text-transform:uppercase}.lobby input:focus{border-color:var(--blue-glow)}:root{--red: #E6322B;--red-deep: #8B0F0A;--red-glow: #FF5A52;--blue: #0E1E3A;--blue-deep: #050A1C;--blue-glow: #2A4A8A;--gold: #E5C04A;--bone: #F4EDE0;--ink: #08080F;--ink-2: #11111B;--font-display: "Bungee", "Saira Stencil One", sans-serif;--font-cond: "Barlow Condensed", sans-serif;--font-stencil: "Black Ops One", sans-serif;--frame-max-w: 440px;--safe-pad: env(safe-area-inset-bottom, 0px)}body[data-theme=redHeavy]{--blue: #3a3a4a;--blue-deep: #1a1a24;--blue-glow: #5a5a6a}body[data-theme=blueHeavy]{--red: #5a3a3a;--red-deep: #3a1a1a;--red-glow: #7a4a4a}body[data-theme=monochrome]{--red: #a0a0a0;--red-deep: #404040;--red-glow: #c0c0c0;--blue: #606060;--blue-deep: #202020;--blue-glow: #808080}