.screen{z-index:20;color:var(--ui-text);font-family:var(--ui-font);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.screen--solid{background:radial-gradient(120% 90% at 50% 0%, #35c4ff14, transparent 60%), radial-gradient(130% 100% at 50% 115%, #ffb42a1f, transparent 55%), var(--ui-bg)}.screen--dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070bb8}.bg-stripes{pointer-events:none;background:repeating-linear-gradient(-55deg,#0000 0 44px,#ffb42a0b 44px 58px,#0000 58px 130px,#35c4ff09 130px 142px);animation:26s linear infinite stripes-drift;position:absolute;inset:-50%}@keyframes stripes-drift{0%{transform:translate(0,0)}to{transform:translate(180px,128px)}}.bg-grid{pointer-events:none;background-image:linear-gradient(#93a0b40d 1px,#0000 1px),linear-gradient(90deg,#93a0b40d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(85% 75% at 50% 45%,#000 40%,#0000 100%)}.h-display{font-family:"Arial Narrow", var(--ui-font);text-transform:uppercase;letter-spacing:.02em;margin:0;font-style:italic;font-weight:900;font-stretch:75%;line-height:.92}.h-kicker{text-transform:uppercase;letter-spacing:.42em;color:var(--ui-dim);font-size:13px;font-weight:700}.slash-row{align-items:center;gap:7px;display:flex}.slash{background:var(--ui-accent);width:26px;height:10px;transform:skew(-28deg);box-shadow:0 0 12px #ffb42a8c}.slash--alt{background:var(--ui-accent2);box-shadow:0 0 12px #35c4ff8c}.slash--dim{box-shadow:none;background:#93a0b459}.slash--sm{width:14px;height:7px}.btn{--btn-bg:#e8ecf414;--btn-glow:transparent;background:var(--btn-bg);color:var(--ui-text);font-family:"Arial Narrow", var(--ui-font);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;border:2px solid #e8ecf447;padding:12px 34px;font-size:19px;font-style:italic;font-weight:900;font-stretch:80%;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;display:inline-block;position:relative;transform:skew(-12deg);box-shadow:0 0 #0000,inset 0 0 #fff0}.btn>span{display:inline-block;transform:skew(12deg)}.btn:hover,.btn:focus-visible{border-color:var(--ui-text);box-shadow:0 6px 22px var(--btn-glow);outline:none;transform:skew(-12deg)translateY(-2px)}.btn:active{transform:skew(-12deg)translateY(1px)}.btn--primary{--btn-bg:linear-gradient(180deg, #ffc95d, var(--ui-accent) 55%, #d98d0f);--btn-glow:#ffb42a73;color:#1a1204;text-shadow:0 1px #ffffff59;background:var(--btn-bg);border-color:#ffd98a;padding:15px 52px;font-size:24px}.btn--danger{--btn-glow:#ff4a3d66;color:#ffb0aa;border-color:#ff4a3da6}.btn--big{padding:18px 64px;font-size:30px}.btn-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.panel{background:var(--ui-panel);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border:1px solid #93a0b440;padding:22px 26px}.kbd{text-align:center;min-width:24px;color:var(--ui-text);background:#e8ecf414;border:1px solid #e8ecf466;border-bottom-width:3px;border-radius:4px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-block}.title-logo{color:var(--ui-text);text-shadow:0 0 28px #35c4ff40,4px 4px #0000008c;font-size:clamp(72px,14vw,168px);animation:3.2s ease-in-out infinite logo-hum;position:relative}.title-logo b{font-weight:inherit;color:var(--ui-accent);text-shadow:0 0 30px #ffb42a8c,4px 4px #0000008c}@keyframes logo-hum{0%,to{filter:brightness()}50%{filter:brightness(1.09)}}.title-underline{background:linear-gradient(90deg, transparent, var(--ui-accent) 18%, var(--ui-accent) 82%, transparent);clip-path:polygon(0 100%,3% 0,97% 0,100% 100%);width:min(560px,72vw);height:8px;margin-top:6px;box-shadow:0 0 18px #ffb42a80}.title-tagline{text-transform:uppercase;letter-spacing:.5em;text-indent:.5em;color:var(--ui-dim);margin-top:16px;font-size:clamp(12px,1.6vw,17px);font-weight:700}.title-play{margin-top:46px;animation:1.6s ease-in-out infinite play-pulse}@keyframes play-pulse{0%,to{box-shadow:0 0 #ffb42a00}50%{box-shadow:0 0 34px #ffb42a8c}}.title-hint{letter-spacing:.28em;text-transform:uppercase;color:var(--ui-dim);margin-top:14px;font-size:12px}.title-footer{background:linear-gradient(#0000,#05070bd9);justify-content:center;padding:14px 18px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls-sheet{color:var(--ui-dim);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:26px;font-size:12px;display:flex}.controls-sheet span{align-items:center;gap:7px;display:inline-flex}.select-screen{justify-content:flex-start;padding:4vh 3vw 3vh}.select-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:3vh;display:flex}.select-title{color:var(--ui-text);font-size:clamp(34px,5.5vw,60px)}.select-title b{color:var(--ui-accent2);text-shadow:0 0 22px #35c4ff80}.vcard-row{scrollbar-width:thin;scrollbar-color:#ffb42a8c #10141c99;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;max-width:1500px;max-height:calc(100vh - 300px);padding:10px 10px 18px;display:flex;overflow-y:auto}.vcard-row::-webkit-scrollbar{width:10px}.vcard-row::-webkit-scrollbar-track{background:#10141c99}.vcard-row::-webkit-scrollbar-thumb{background:#ffb42a73;border-radius:5px}.arena-row{align-items:center;gap:12px;margin-top:10px;display:flex}.arena-row__label{text-transform:uppercase;letter-spacing:.24em;color:var(--ui-dim);font-size:11px;font-weight:700}.arena-card{background:var(--ui-panel);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;color:var(--ui-text);font-family:var(--ui-font);text-align:left;border:2px solid #93a0b438;flex-direction:column;gap:2px;padding:8px 16px;display:flex}.arena-card--selected{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent), 0 0 22px #ffb42a4d}.arena-card__name{font-family:"Arial Narrow", var(--ui-font);text-transform:uppercase;font-size:18px;font-style:italic;font-weight:900;font-stretch:78%}.arena-card--selected .arena-card__name{color:var(--ui-accent)}.arena-card__tag{color:var(--ui-dim);font-size:11px}.vcard__combo{align-items:center;gap:8px;margin:6px 10px 0;display:flex}.vcard__portrait{border:2px solid var(--vcolor,var(--ui-accent));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background-color:#1a212e;background-position:50% 18%;background-size:cover;flex:none;width:76px;height:76px;box-shadow:0 4px 10px #00000073}.vcard__combo .vcard__silhouette{flex:auto;height:76px;margin:0}.vcard__ride{color:var(--ui-dim);margin-top:1px;font-size:12px;font-style:italic}.vcard--selected .vcard__portrait{border-color:var(--ui-accent);box-shadow:0 0 14px #ffb42a73}.title-holler-bg{pointer-events:none;background:url(/assets/ui/title-bg.jpg) 50% 35%/cover no-repeat;animation:34s ease-in-out infinite alternate holler-drift;position:absolute;inset:0;transform:scale(1.04)}@keyframes holler-drift{0%{transform:scale(1.04)translate(-8px)}to{transform:scale(1.04)translate(8px,-6px)}}.title-holler-scrim{pointer-events:none;background:radial-gradient(90% 70% at 50% 42%,#060a081a,#060a088c 78%),linear-gradient(#060a0880,#060a0838 40%,#060a08c7);position:absolute;inset:0}.bg-stripes--faint{opacity:.4}.screen .title-tagline{color:#d9e2d4;text-shadow:0 1px 6px #040806e6}.vcard{background:var(--ui-panel);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);cursor:pointer;text-align:left;width:244px;color:var(--ui-text);font-family:var(--ui-font);border:2px solid #93a0b438;padding:0 0 16px;transition:transform .14s,border-color .14s,box-shadow .14s;position:relative}.vcard:hover{border-color:#e8ecf480;transform:translateY(-4px)}.vcard--selected{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent), 0 0 34px #ffb42a59;transform:translateY(-6px)}.vcard__band{background:var(--vcolor,var(--ui-accent));clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);height:7px}.vcard__silhouette{background:linear-gradient(#35c4ff0d,#0000 65%),repeating-linear-gradient(-55deg,#0000 0 16px,#e8ecf406 16px 22px);justify-content:center;align-items:center;height:86px;margin:6px 10px 0;display:flex}.vcard__silhouette svg{filter:drop-shadow(0 5px 5px #00000080);width:88%;height:auto}.vcard__body{padding:8px 16px 0}.vcard__name{font-family:"Arial Narrow", var(--ui-font);text-transform:uppercase;letter-spacing:.02em;font-size:26px;font-style:italic;font-weight:900;font-stretch:78%;line-height:1}.vcard--selected .vcard__name{color:var(--ui-accent)}.vcard__arch{text-transform:uppercase;letter-spacing:.22em;color:var(--ui-accent2);margin-top:3px;font-size:11px;font-weight:700}.vcard__desc{color:var(--ui-dim);min-height:52px;margin-top:8px;font-size:12px;line-height:1.45}.statline{grid-template-columns:34px 1fr;align-items:center;gap:8px;margin-top:5px;display:grid}.statline__label{letter-spacing:.14em;color:var(--ui-dim);font-size:10px;font-weight:800}.pips{gap:3px;display:flex}.pips i{background:#93a0b42e;width:14px;height:8px;transform:skew(-24deg)}.pips i.on{background:linear-gradient(180deg, #ffd98a, var(--ui-accent));box-shadow:0 0 7px #ffb42a8c}.vcard--selected .pips i.on{background:linear-gradient(180deg, #a8e5ff, var(--ui-accent2));box-shadow:0 0 8px #35c4ff99}.vcard__sig{border-left:3px solid var(--ui-accent);background:#ffb42a12;margin:12px 16px 0;padding:9px 11px}.sig__name{text-transform:uppercase;letter-spacing:.1em;color:var(--ui-accent);font-size:12px;font-weight:800}.sig__desc{color:var(--ui-dim);margin-top:3px;font-size:11px;line-height:1.4}.select-start{flex-direction:column;align-items:center;gap:10px;margin-top:3.4vh;display:flex}.select-start__hint{letter-spacing:.3em;text-transform:uppercase;color:var(--ui-dim);font-size:11px}.hud{z-index:10;pointer-events:none;font-family:var(--ui-font);color:var(--ui-text);position:absolute;inset:0;overflow:hidden}.hud-corner{flex-direction:column;gap:8px;display:flex;position:absolute}.hud-health{width:min(360px,34vw);bottom:24px;left:26px}.hud-health__label{font-family:"Arial Narrow", var(--ui-font);text-transform:uppercase;align-items:baseline;gap:10px;font-style:italic;font-weight:900;font-stretch:80%;display:flex}.hud-health__title{letter-spacing:.2em;color:var(--ui-dim);font-size:14px}.hud-health__value{text-shadow:0 2px 6px #000000b3;font-size:26px;line-height:1}.hud-bigbar{background:#05070bb8;border:1px solid #e8ecf44d;height:22px;position:relative;overflow:hidden;transform:skew(-16deg)}.hud-bigbar__fill{width:100%;height:100%;box-shadow:0 0 14px var(--bar-glow,#4ade8099);transition:width .18s ease-out,background-color .18s ease-out}.hud-bigbar__ticks{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#05070b8c calc(10% - 2px) 10%);position:absolute;inset:0}.hud-health--critical .hud-bigbar{animation:.55s ease-in-out infinite critical-pulse}.hud-health--critical .hud-health__value{color:var(--ui-danger)}@keyframes critical-pulse{0%,to{border-color:#e8ecf44d;box-shadow:0 0 #ff4a3d00}50%{border-color:var(--ui-danger);box-shadow:0 0 26px #ff4a3dbf}}.hud-shield{letter-spacing:.24em;text-transform:uppercase;color:var(--ui-accent2);text-shadow:0 0 10px #35c4ffcc;background:#35c4ff24;border:1px solid #35c4ffb3;align-self:flex-start;align-items:center;gap:8px;padding:4px 12px 6px;font-size:12px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;transform:skew(-16deg)}.hud-shield__drain{background:var(--ui-accent2);width:100%;height:3px;animation:linear forwards shield-drain;position:absolute;bottom:0;left:0;box-shadow:0 0 8px #35c4ffe6}@keyframes shield-drain{0%{width:100%}to{width:0%}}.hud-wrecked{border:2px solid var(--ui-danger);font-family:"Arial Narrow", var(--ui-font);letter-spacing:.18em;text-transform:uppercase;color:var(--ui-danger);text-shadow:0 0 16px #ff4a3dcc;background:#ff4a3d1f;padding:8px 26px;font-size:24px;font-style:italic;font-weight:900;font-stretch:78%;position:absolute;top:20%;left:50%;transform:translate(-50%)skew(-10deg)}.hud-weapon{text-align:right;align-items:flex-end;width:min(320px,30vw);bottom:24px;right:26px}.hud-weapon__name{font-family:"Arial Narrow", var(--ui-font);text-transform:uppercase;letter-spacing:.06em;color:var(--ui-accent);text-shadow:0 0 12px #ffb42a73,0 2px 5px #000000b3;font-size:19px;font-style:italic;font-weight:900;font-stretch:80%}.hud-ammo{font-family:"Arial Narrow", var(--ui-font);text-shadow:0 2px 8px #000000bf;font-size:40px;font-style:italic;font-weight:900;font-stretch:80%;line-height:.9}.hud-ammo--dry{color:var(--ui-danger);animation:.55s ease-in-out infinite critical-pulse}.hud-ammo em{letter-spacing:.2em;color:var(--ui-dim);margin-left:6px;font-size:13px;font-style:italic}.meterline{grid-template-columns:1fr 52px;align-items:center;gap:8px;width:100%;display:grid}.meterline__label{letter-spacing:.2em;text-transform:uppercase;color:var(--ui-dim);text-align:left;order:2;font-size:10px;font-weight:800}.meter{background:#05070bb8;border:1px solid #e8ecf447;order:1;height:12px;position:relative;overflow:hidden;transform:skew(-16deg)}.meter__fill{width:100%;height:100%}.meter--boost .meter__fill{background:linear-gradient(90deg, #b8741a, var(--ui-accent), #ffe0a1);box-shadow:0 0 12px #ffb42acc}.meter--charge .meter__fill{background:linear-gradient(90deg, #14688f, var(--ui-accent2), #b5ecff);box-shadow:0 0 12px #35c4ffcc}.hud-speedo{font-family:"Arial Narrow", var(--ui-font);align-items:baseline;gap:8px;margin-top:2px;font-style:italic;font-weight:900;font-stretch:78%;display:flex}.hud-speedo output{text-align:right;text-shadow:0 0 14px #35c4ff59,0 2px 8px #000000bf;font-variant-numeric:tabular-nums;min-width:84px;font-size:44px;line-height:.9}.hud-speedo em{letter-spacing:.22em;color:var(--ui-dim);font-size:13px}.hud-top{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.hud-rivals{font-family:"Arial Narrow", var(--ui-font);letter-spacing:.16em;text-transform:uppercase;background:#05070b9e;border:1px solid #93a0b44d;padding:5px 22px;font-size:18px;font-style:italic;font-weight:900;font-stretch:80%;transform:skew(-14deg)}.hud-rivals b{color:var(--ui-accent);font-weight:inherit}.hud-count{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-count__num{font-family:"Arial Narrow", var(--ui-font);color:var(--ui-accent);text-shadow:0 0 44px #ffb42aa6,6px 6px #0000008c;font-size:clamp(140px,26vh,260px);font-style:italic;font-weight:900;font-stretch:75%;line-height:1;animation:.95s cubic-bezier(.16,1,.3,1) forwards count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(1.7)}18%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.96)}to{opacity:.15;transform:scale(.92)}}.hud-count__num--go{color:var(--ui-good);text-shadow:0 0 54px #4ade80cc,6px 6px #0000008c;animation:.9s ease-out forwards go-flash}@keyframes go-flash{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.15)}60%{opacity:1;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(1.35)}}.hud-reticle{--lock:0;width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-reticle__dot{background:#e8ecf4e6;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #e8ecf4cc}.hud-reticle__ring{opacity:0;transition:opacity .12s;position:absolute;inset:0}.hud-reticle__track,.hud-reticle__prog{fill:none;stroke-width:3px;transform-origin:50%;transform:rotate(-90deg)}.hud-reticle__track{stroke:#e8ecf438}.hud-reticle__prog{stroke:var(--ui-accent2);stroke-dasharray:calc(var(--lock) * 100) 100;filter:drop-shadow(0 0 4px #35c4ffe6)}.hud-reticle.is-acquiring .hud-reticle__ring{opacity:1}.hud-reticle__diamond{border:3px solid var(--ui-danger);width:30px;height:30px;transition:transform .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(0);box-shadow:0 0 14px #ff4a3dcc,inset 0 0 8px #ff4a3d66}.hud-reticle.is-locked .hud-reticle__diamond{animation:.5s ease-in-out infinite lock-throb;transform:translate(-50%,-50%)rotate(45deg)scale(1)}@keyframes lock-throb{0%,to{border-color:var(--ui-danger)}50%{border-color:#ffd0cc}}.hud-reticle__locktext{letter-spacing:.34em;text-indent:.34em;color:var(--ui-danger);text-shadow:0 0 8px #ff4a3dcc;opacity:0;font-size:10px;font-weight:900;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.hud-reticle.is-locked .hud-reticle__locktext{opacity:1}.hud-hitmarker{opacity:0;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-hitmarker span{background:#fff;width:3px;height:12px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ffffffe6}.hud-hitmarker span:first-child{transform:translate(-50%,-50%)rotate(45deg)translateY(-11px)}.hud-hitmarker span:nth-child(2){transform:translate(-50%,-50%)rotate(135deg)translateY(-11px)}.hud-hitmarker span:nth-child(3){transform:translate(-50%,-50%)rotate(225deg)translateY(-11px)}.hud-hitmarker span:nth-child(4){transform:translate(-50%,-50%)rotate(315deg)translateY(-11px)}.hud-hitmarker.flash{animation:.22s ease-out forwards hitmarker-flash}@keyframes hitmarker-flash{0%{opacity:1;transform:translate(-50%,-50%)scale(1.35)}to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.hud-vignette{pointer-events:none;opacity:0;background:radial-gradient(58% 52%,#0000 62%,#ff201280 100%);position:absolute;inset:0}.hud-vignette.flash{animation:.45s ease-out forwards vignette-flash}@keyframes vignette-flash{0%{opacity:calc(.45 + var(--vign,.5) * .55)}to{opacity:0}}.hud-killfeed{flex-direction:column;align-items:flex-end;gap:6px;max-width:40vw;display:flex;position:absolute;top:20px;right:26px}.feed-item{border-right:3px solid var(--ui-accent);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#05070bb3;padding:5px 14px;font-size:13px;font-weight:700;animation:.25s ease-out feed-in;transform:skew(-12deg)}.feed-item--playerkill{border-right-color:var(--ui-good)}.feed-item--playerdeath{border-right-color:var(--ui-danger)}.feed-item b{color:var(--ui-accent);font-weight:800}.feed-item i{color:var(--ui-dim);padding:0 6px;font-size:11px;font-style:normal}.feed-item u{color:var(--ui-text);text-decoration:none}@keyframes feed-in{0%{opacity:0;transform:skew(-12deg)translate(28px)}to{opacity:1;transform:skew(-12deg)translate(0)}}.pause-panel{width:min(480px,92vw)}.menu-title{color:var(--ui-text);margin-bottom:4px;font-size:42px}.menu-title b{color:var(--ui-accent)}.settings{flex-direction:column;gap:13px;margin:18px 0 22px;display:flex}.setting-row{grid-template-columns:118px 1fr 44px;align-items:center;gap:12px;display:grid}.setting-row>label{text-transform:uppercase;letter-spacing:.12em;color:var(--ui-dim);font-size:12px;font-weight:800}.setting-row output{text-align:right;color:var(--ui-text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}input[type=range].ui-range{appearance:none;background:linear-gradient(90deg, var(--ui-accent) var(--fill,50%), #93a0b440 var(--fill,50%));cursor:pointer;border-radius:0;outline:none;height:6px}input[type=range].ui-range::-webkit-slider-thumb{appearance:none;background:var(--ui-text);border:none;width:12px;height:20px;transform:skew(-14deg);box-shadow:0 0 8px #ffb42a99}input[type=range].ui-range::-moz-range-thumb{background:var(--ui-text);border:none;border-radius:0;width:12px;height:20px;transform:skew(-14deg);box-shadow:0 0 8px #ffb42a99}input[type=range].ui-range:focus-visible{outline:2px solid var(--ui-accent2);outline-offset:3px}.quality-tabs{gap:6px;display:flex}.quality-tabs .tab{color:var(--ui-dim);font-family:var(--ui-font);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#e8ecf40f;border:1px solid #93a0b44d;flex:1;padding:7px 0;font-size:12px;font-weight:800;transition:all .12s;transform:skew(-12deg)}.quality-tabs .tab>span{display:inline-block;transform:skew(12deg)}.quality-tabs .tab.on{border-color:var(--ui-accent);color:var(--ui-accent);background:#ffb42a29;box-shadow:0 0 14px #ffb42a4d}.menu-buttons{flex-direction:column;gap:10px;display:flex}.menu-buttons .btn{text-align:center;width:100%}.result-panel{text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(560px,94vw);padding:34px 30px 30px;display:flex}.result-verdict{font-size:clamp(58px,10vw,96px);animation:.5s cubic-bezier(.16,1,.3,1) verdict-in}@keyframes verdict-in{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.result-verdict--win{color:var(--ui-accent);text-shadow:0 0 48px #ffb42aa6,5px 5px #00000080}.result-verdict--lose{color:var(--ui-danger);text-shadow:0 0 48px #ff4a3d99,5px 5px #00000080}.result-sub{text-transform:uppercase;letter-spacing:.24em;color:var(--ui-dim);font-size:15px;font-weight:700}.result-sub b{color:var(--ui-text)}.result-stats{gap:30px;margin:18px 0 22px;display:flex}.stat-block{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-block output{font-family:"Arial Narrow", var(--ui-font);color:var(--ui-accent2);text-shadow:0 0 18px #35c4ff80;font-size:44px;font-style:italic;font-weight:900;font-stretch:78%;line-height:1}.stat-block label{letter-spacing:.26em;text-transform:uppercase;color:var(--ui-dim);font-size:10px;font-weight:800}.arena-card__thumb{filter:saturate(.85)brightness(.92);background-color:#10141c;background-image:linear-gradient(160deg,#232b3c 0%,#10141c 55%,#1c1430 100%);background-position:50%;background-size:cover;border:1px solid #93a0b447;border-radius:3px;width:120px;height:68px;margin-bottom:4px;transition:filter .12s;display:block}.arena-card:hover .arena-card__thumb{filter:saturate()brightness()}.arena-card--selected .arena-card__thumb{border-color:var(--ui-accent);filter:saturate(1.05)brightness(1.04);box-shadow:inset 0 0 10px #ffb42a38}:root{--ui-bg:#0b0e13;--ui-panel:#10141ce0;--ui-text:#e8ecf4;--ui-dim:#93a0b4;--ui-accent:#ffb42a;--ui-accent2:#35c4ff;--ui-danger:#ff4a3d;--ui-good:#4ade80;--ui-font:"Segoe UI", "Arial Narrow", system-ui, sans-serif}*{box-sizing:border-box}.app-root{background:var(--ui-bg);width:100%;height:100%;color:var(--ui-text);font-family:var(--ui-font);-webkit-user-select:none;user-select:none;position:relative}.app-root canvas{display:block}