:root{--u: min(calc(100vh / 900), calc(100vw / 1440));--panel: #191b1e;--panel-2: #24272b;--panel-3: #2f3338;--head: #111214;--line: #3a3e44;--text: #efe8dc;--muted: #a39b8f;--dim: #6c665e;--accent: #e0561e;--accent-hi: #f26a2e;--accent-ink: #fff7ef;--sel: #f2b230;--sel-ink: #1a1408;--bar: #efe8dc;--ring: #e0561e;--danger: #e5392b;--ok: #9bc45a;--gold: #f2c45a;--cut: calc(12 * var(--u));--f-ui: "Tektur", "Arial Narrow", sans-serif;--f-display: "Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;--f-body: "Sofia Sans Condensed", "Arial Narrow", system-ui, sans-serif;--f: var(--f-body);--white: var(--text);--hot: var(--accent);--amber: var(--sel);--font-head: var(--f-ui);--font-body: var(--f-body)}:root[data-palette=derby]{--panel: #131313;--panel-2: #1e1e1e;--panel-3: #2a2a2a;--head: #0c0c0c;--line: #3a3a3a;--text: #f4f1ea;--muted: #a6a39b;--dim: #66635d;--accent: #f5c400;--accent-hi: #ffd633;--accent-ink: #141414;--sel: #f4f1ea;--sel-ink: #141414;--bar: #f5c400;--ring: #f5c400;--danger: #e53125}:root[data-palette=wasteland]{--panel: #1d1915;--panel-2: #28221c;--panel-3: #342c24;--head: #15120f;--line: #463b30;--text: #f1e6d2;--muted: #a8997f;--dim: #6f6352;--accent: #d9692b;--accent-hi: #ea7c3c;--accent-ink: #fff6ec;--sel: #4fb3a2;--sel-ink: #0d1f1c;--bar: #f1e6d2;--ring: #4fb3a2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101113;color:var(--text);font-family:var(--f-body);user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;outline:none;display:block}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.flip{transform:scaleX(-1)}.screen{position:fixed;inset:0;display:none;z-index:10}.screen.active{display:block}.hidden{display:none!important}.glass,.panel,.plate{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel) calc(60 * var(--u)));border:1px solid var(--line);border-top:calc(2 * var(--u)) solid var(--accent);box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #00000073,inset 0 1px #ffffff0d}.screen .glass,.screen .panel,.screen .plate{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.hud .plate,.hud .panel{background:var(--panel);box-shadow:inset 0 1px #ffffff0d}.plate-head{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));min-height:calc(32 * var(--u));margin:calc(-14 * var(--u)) calc(-16 * var(--u)) calc(12 * var(--u));padding:calc(6 * var(--u)) calc(16 * var(--u));background:var(--head);border-bottom:1px solid var(--line);font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.plate-head>span{display:inline-flex;align-items:center;gap:calc(8 * var(--u))}.plate-head>span:before{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--accent)}.plate-head>b{font-weight:700;color:var(--text);letter-spacing:.08em}.label{font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.key{display:inline-grid;place-items:center;min-width:max(18px,calc(22 * var(--u)));height:max(17px,calc(21 * var(--u)));padding:0 calc(6 * var(--u));font-family:var(--f-ui);font-weight:700;font-style:normal;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.04em;color:var(--text);border:1px solid var(--dim);border-bottom-width:3px;border-radius:calc(3 * var(--u));background:var(--panel-3);vertical-align:middle;white-space:nowrap}.pill{display:inline-flex;align-items:center;white-space:nowrap;height:max(16px,calc(20 * var(--u)));padding:0 calc(8 * var(--u));border:1px solid var(--dim);background:var(--panel-3);font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.btn{position:relative;border:1px solid var(--line);border-radius:calc(2 * var(--u));cursor:pointer;font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(13 * var(--u)));letter-spacing:.06em;text-transform:uppercase;color:var(--text);padding:calc(8 * var(--u)) calc(14 * var(--u));background:linear-gradient(180deg,var(--panel-3),var(--panel-2));box-shadow:inset 0 1px #ffffff0f,0 2px #00000059;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease,color .15s ease}.btn:hover{background:linear-gradient(180deg,#3a3f45,var(--panel-3));border-color:var(--muted)}.btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff0f}.btn small{display:block;font-family:var(--f-body);font-weight:500;font-size:max(11px,calc(12 * var(--u)));letter-spacing:0;text-transform:none;color:var(--muted);margin-top:calc(2 * var(--u))}.btn.selected{background:var(--sel);border-color:var(--sel);color:var(--sel-ink);box-shadow:0 0 calc(14 * var(--u)) color-mix(in srgb,var(--sel) 35%,transparent),inset 0 1px #ffffff4d}.btn.selected small{color:color-mix(in srgb,var(--sel-ink) 70%,var(--sel))}.btn.locked{opacity:.4;cursor:not-allowed}.btn.big{height:calc(52 * var(--u));font-size:max(13px,calc(16 * var(--u)));padding:0 calc(22 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u));text-align:left}.btn.primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:var(--accent-hi);color:var(--accent-ink);font-weight:800;letter-spacing:.1em;box-shadow:0 calc(6 * var(--u)) calc(22 * var(--u)) color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px #ffffff4d,0 2px #00000059}.btn.primary:hover{filter:brightness(1.1)}.btn.primary .key{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent-ink) 60%,transparent);background:#0003}.screen .btn.primary,.screen .btn.big{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.hbar{position:relative;height:calc(10 * var(--u));background:var(--panel-3);--steps: 10%}.hbar>i,.hbar>div{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--bar)}.hbar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--steps) - 3px),var(--panel) calc(var(--steps) - 3px) var(--steps))}.logo{display:inline-flex;flex-direction:column;line-height:.9}.logo .l1{font-family:var(--f-ui);font-weight:700;font-size:calc(12 * var(--u));letter-spacing:.6em;color:var(--muted)}.logo .l2{position:relative;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(40 * var(--u));letter-spacing:.02em;color:var(--text);padding-bottom:calc(6 * var(--u));text-shadow:0 2px 0 rgba(0,0,0,.5)}.logo .l2:after{content:"";position:absolute;left:0;bottom:0;width:52%;height:calc(4 * var(--u));background:var(--accent);transform:skew(-20deg)}.logo.big .l1{font-size:calc(24 * var(--u))}.logo.big .l2{font-size:calc(132 * var(--u));padding-bottom:calc(12 * var(--u))}.logo.big .l2:after{height:calc(8 * var(--u))}#loading.active{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(30 * var(--u));background:radial-gradient(ellipse 80% 70% at 50% 45%,var(--panel-2) 0%,#0e0f11 70%)}#loading .logo{animation:rise .7s cubic-bezier(.2,.9,.3,1) both}.progress{width:calc(420 * var(--u));height:calc(6 * var(--u));background:var(--panel-3);overflow:hidden}.progress-bar{width:0;height:100%;background:var(--accent);transition:width .25s ease}.load-text{font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(13 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#menu{pointer-events:none;--glass: rgba(14, 15, 17, .8);--glass-hi: rgba(27, 28, 31, .86);--glass-line: rgba(255, 255, 255, .09);--gap-ink: #121315}#menu>*{pointer-events:auto}#menu>.menu-shade,#menu>.garage{pointer-events:none}.menu-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,10,.7) 0%,transparent 15%),linear-gradient(90deg,rgba(8,9,10,.5) 0%,transparent 28%),linear-gradient(0deg,rgba(8,9,10,.88) 0%,transparent 30%)}#menu .plate{background:linear-gradient(180deg,var(--glass-hi),var(--glass));border:1px solid var(--glass-line);box-shadow:0 calc(12 * var(--u)) calc(32 * var(--u)) #00000073;clip-path:none}#menu .plate-head{min-height:calc(44 * var(--u));background:none;border-bottom:1px solid var(--glass-line);color:var(--text);font-size:max(12px,calc(15 * var(--u)));letter-spacing:.07em}#menu .plate-head>span:before{width:calc(4 * var(--u));height:calc(20 * var(--u))}#menu .plate-head>b{color:var(--muted);font-size:max(10px,calc(11 * var(--u)));font-weight:600}#menu .hbar:after{background:repeating-linear-gradient(90deg,transparent 0 calc(var(--steps) - 3px),var(--gap-ink) calc(var(--steps) - 3px) var(--steps))}#menu .hbar{background:#ffffff1a}.topbar{position:absolute;left:0;right:0;top:0;height:calc(60 * var(--u));display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;padding:0 calc(28 * var(--u)) 0 calc(40 * var(--u));background:linear-gradient(180deg,#090a0bf0,#0c0d0fc7);border-bottom:1px solid var(--glass-line)}.brand{position:relative;align-self:center;justify-self:start;display:flex;gap:calc(10 * var(--u));font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(38 * var(--u));line-height:1;letter-spacing:.01em;color:var(--text);text-shadow:0 2px 0 rgba(0,0,0,.5);white-space:nowrap}.brand .b2{position:relative}.brand i{position:absolute;right:calc(-34 * var(--u));top:calc(6 * var(--u));width:calc(30 * var(--u));height:calc(9 * var(--u));background:var(--accent);transform:skew(-32deg);box-shadow:calc(-9 * var(--u)) calc(13 * var(--u)) 0 calc(-2 * var(--u)) var(--accent)}.tabs{justify-self:center;display:flex;align-items:center;gap:calc(4 * var(--u));height:100%}.tab-key{margin:0 calc(12 * var(--u));opacity:.85}.tab{position:relative;height:100%;padding:0 calc(30 * var(--u));background:none;border:0;cursor:pointer;font-family:var(--f-ui);font-weight:700;font-size:max(13px,calc(19 * var(--u)));letter-spacing:.05em;text-transform:uppercase;color:var(--muted);transition:color .15s ease,background .15s ease}.tab:hover{color:var(--text);background:#ffffff0a}.tab.selected{color:var(--text);background:linear-gradient(180deg,#e0561e00 10%,#e0561e3d)}.tab.selected:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(3 * var(--u));background:var(--accent)}.rank{justify-self:end;align-self:center;display:flex;align-items:center;gap:calc(12 * var(--u))}.badge-lv{position:relative;isolation:isolate;flex:none;width:calc(42 * var(--u));height:calc(48 * var(--u));display:grid;place-items:center;background:var(--accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.badge-lv:before{content:"";position:absolute;inset:2px;z-index:-1;background:#141518;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.badge-lv b{font-family:var(--f-ui);font-weight:800;font-size:max(13px,calc(18 * var(--u)));color:var(--accent-hi)}.rank .info{width:calc(240 * var(--u));display:flex;flex-direction:column;gap:calc(7 * var(--u))}.info-top{display:flex;justify-content:space-between;align-items:baseline}.info-top b{font-family:var(--f-ui);font-weight:700;font-size:max(12px,calc(16 * var(--u)));letter-spacing:.06em;text-transform:uppercase}.info-top span{font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(12 * var(--u)));color:var(--muted)}.rank .xp-bar{height:calc(5 * var(--u));background:#ffffff1f}.rank .xp-bar i{background:var(--accent)}.xp-bar{position:relative;height:calc(4 * var(--u));background:var(--panel-3);overflow:hidden}.xp-bar i{display:block;height:100%;background:var(--sel);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.xp-bar.big{height:calc(8 * var(--u))}.garage{position:absolute;inset:0}.garage .tab-body>*{pointer-events:auto}.screen.active .tab-body:not(.hidden) .side-left{animation:from-left .45s cubic-bezier(.2,.9,.3,1) both}.screen.active .tab-body:not(.hidden) .side-right{animation:from-right .45s cubic-bezier(.2,.9,.3,1) both}.side-left{position:absolute;left:calc(40 * var(--u));top:calc(80 * var(--u));width:calc(320 * var(--u));transform-origin:top left;display:flex;flex-direction:column;gap:calc(12 * var(--u))}.side-right{position:absolute;right:calc(24 * var(--u));top:calc(72 * var(--u));width:calc(350 * var(--u));transform-origin:top right}.hero{top:calc(86 * var(--u));width:calc(560 * var(--u));gap:0;align-items:flex-start;pointer-events:none!important}.hero-index{display:flex;align-items:center;gap:calc(10 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(15 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 3px #000}.hero-index b{color:var(--text);font-weight:700}.hero-index i{width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:50%;background:var(--accent)}.hero-name{margin:calc(2 * var(--u)) 0 calc(10 * var(--u));font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(108 * var(--u));line-height:.9;letter-spacing:.005em;text-transform:uppercase;color:var(--text);text-shadow:0 calc(4 * var(--u)) calc(20 * var(--u)) rgba(0,0,0,.6),0 2px 0 rgba(0,0,0,.45);white-space:nowrap}.hero-name.long{font-size:calc(86 * var(--u))}.hero-name.swap{animation:hero-in .5s cubic-bezier(.2,.9,.3,1) both}.ribbon{align-self:flex-start;padding:calc(5 * var(--u)) calc(24 * var(--u)) calc(5 * var(--u)) calc(14 * var(--u));background:var(--accent);color:var(--accent-ink);font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(15 * var(--u)));letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - calc(12 * var(--u))) 100%,0 100%);white-space:nowrap}.hero-ability{margin-top:calc(14 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u)) calc(8 * var(--u)) calc(12 * var(--u));background:linear-gradient(180deg,var(--glass-hi),var(--glass));border:1px solid var(--glass-line);box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) #0006}.hero-ability b{font-family:var(--f-ui);font-weight:700;font-size:max(12px,calc(15 * var(--u)));letter-spacing:.06em;text-transform:uppercase}.hero-ability.none b{color:var(--muted)}.ha-icon svg{display:block;width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--accent-hi)}.car-card{padding:0 calc(18 * var(--u)) calc(16 * var(--u));display:flex;flex-direction:column;gap:calc(12 * var(--u))}.car-card .plate-head{margin:0 calc(-18 * var(--u)) 0;padding:0 calc(14 * var(--u)) 0 calc(18 * var(--u));font-size:max(11px,calc(14 * var(--u)))}.pills{display:flex;gap:calc(5 * var(--u))}#menu .pill{height:max(17px,calc(22 * var(--u)));padding:0 calc(7 * var(--u));background:#ffffff0a;border-color:#ffffff47;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.04em}.car-card .plate-head{gap:calc(8 * var(--u))}.car-card .plate-head>span{white-space:nowrap}.specs{display:grid;grid-template-columns:1fr auto;font-family:var(--f-ui);font-size:max(11px,calc(13 * var(--u)))}.specs span,.specs b{padding:calc(7 * var(--u)) 0;border-bottom:1px solid var(--glass-line)}.specs span{color:var(--muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.specs b{font-weight:700;color:var(--text);text-align:right;letter-spacing:.02em}.car-stats{display:flex;flex-direction:column;gap:calc(9 * var(--u))}.car-stats .row{display:grid;grid-template-columns:1fr auto;gap:calc(4 * var(--u)) calc(10 * var(--u));align-items:end}.car-stats .row .hbar{grid-column:1 / -1;height:calc(11 * var(--u))}.car-stats .label{color:var(--text);font-weight:700;font-size:max(10px,calc(13 * var(--u)));letter-spacing:.06em}.car-stats .row b{font-family:var(--f-ui);font-weight:800;font-size:max(14px,calc(19 * var(--u)));line-height:1;color:var(--accent-hi)}.car-stats .hbar>i{transition:width .5s cubic-bezier(.2,.9,.3,1)}.car-desc{padding-top:calc(10 * var(--u));border-top:1px solid var(--glass-line);font-family:var(--f-body);font-weight:500;font-size:max(13px,calc(15 * var(--u)));line-height:1.32;color:color-mix(in srgb,var(--text) 82%,transparent)}.paint{display:flex;flex-direction:column;gap:calc(10 * var(--u));padding-top:calc(10 * var(--u));border-top:1px solid var(--glass-line)}.paint-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(14 * var(--u)));letter-spacing:.07em;text-transform:uppercase}.paint-head b{font-weight:600;font-size:max(10px,calc(11 * var(--u)));color:var(--muted)}.swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(7 * var(--u))}.swatch{position:relative;height:calc(40 * var(--u));border:2px solid transparent;outline:1px solid var(--glass-line);cursor:pointer;transition:transform .15s ease}.swatch:hover{transform:translateY(-2px)}.swatch.factory{background:linear-gradient(135deg,#d9d2c0 0 46%,#3a3631 46% 54%,#d9d2c0 54%)}.swatch.selected{border-color:#101113;outline:2px solid var(--accent);box-shadow:0 0 calc(14 * var(--u)) color-mix(in srgb,var(--accent) 45%,transparent)}.swatch.locked{cursor:not-allowed;background-clip:padding-box;box-shadow:inset 0 calc(31 * var(--u)) 0 #2b2d31}.swatch.locked:before{content:"";position:absolute;inset:28% 30% 34%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23a39b8f' d='M4 7V5a4 4 0 0 1 8 0v2h1v8H3V7zm2 0h4V5a2 2 0 0 0-4 0z'/%3E%3C/svg%3E") center / contain no-repeat}.subtabs{display:grid;grid-template-columns:1fr 1fr;flex:none;background:linear-gradient(180deg,var(--glass-hi),var(--glass));border:1px solid var(--glass-line)}.sub{position:relative;height:calc(52 * var(--u));background:none;border:0;cursor:pointer;font-family:var(--f-ui);font-weight:700;font-size:max(13px,calc(18 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color .15s ease,background .15s ease}.sub:hover{color:var(--text);background:#ffffff0a}.sub.selected{color:var(--text);background:linear-gradient(180deg,transparent,rgba(224,86,30,.24))}.sub.selected:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(3 * var(--u));background:var(--accent)}.side-left.col{top:calc(72 * var(--u));bottom:calc(190 * var(--u));width:calc(470 * var(--u))}.side-right.col{top:calc(72 * var(--u));bottom:calc(216 * var(--u));width:calc(450 * var(--u));display:flex;flex-direction:column;overflow:hidden}.col-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0 calc(16 * var(--u)) calc(12 * var(--u))}#menu .col-panel .plate-head{margin:0 calc(-16 * var(--u)) calc(10 * var(--u));padding:0 calc(16 * var(--u))}.drill-head{justify-content:flex-start!important}.drill-head>b{margin-left:auto}.drill{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:calc(8 * var(--u));margin:0 calc(-6 * var(--u));padding:calc(2 * var(--u)) calc(6 * var(--u)) calc(4 * var(--u))}.dr-back{flex:none;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;margin-left:calc(-6 * var(--u));background:#ffffff14;border:1px solid var(--glass-line);cursor:pointer;transition:background .12s ease}.dr-back svg{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--text);transform:scaleX(-1)}.dr-back:hover{background:var(--accent)}.dr-back+span:before{display:none!important}.drow{flex:none;display:flex;align-items:center;gap:calc(14 * var(--u));min-height:calc(74 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));text-align:left;color:var(--text);background:#ffffff0a;border:1px solid var(--glass-line);border-left:calc(4 * var(--u)) solid rgba(255,255,255,.14);cursor:pointer;transition:background .12s ease,border-color .12s ease}.drow:hover{background:#ffffff17;border-left-color:var(--accent)}.drow.installed{background:#e0561e29;border-left-color:var(--accent)}.drow.installed:hover{background:#e0561e38}.drow.locked{opacity:.55;cursor:not-allowed}.drow.kslot,.drow.kpart{min-height:calc(60 * var(--u))}.drow.info{cursor:default}.dr-n{flex:none;width:calc(32 * var(--u));height:calc(32 * var(--u));display:grid;place-items:center;background:#ffffff14;font-family:var(--f-ui);font-weight:800;font-size:max(12px,calc(15 * var(--u)));color:var(--muted);transition:background .12s ease,color .12s ease}.drow:hover .dr-n{background:var(--accent);color:var(--accent-ink)}.dr-t{flex:1 1 auto;display:flex;flex-direction:column;gap:calc(3 * var(--u));min-width:0}.dr-t small{font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.dr-t b{font-family:var(--f-body);font-weight:700;font-size:max(15px,calc(21 * var(--u)));line-height:1.1}.dr-t b i{font-style:normal;font-weight:500;font-size:.75em;color:var(--muted)}.dr-t em{display:flex;flex-wrap:wrap;gap:calc(2 * var(--u)) calc(12 * var(--u));font-style:normal;font-family:var(--f-body);font-weight:500;font-size:max(12px,calc(14 * var(--u)));line-height:1.2;color:var(--muted)}.dr-t em i{font-style:normal}.dr-t em i.good,.wd-trait.good i{color:var(--ok)}.dr-t em i.bad{color:#f08a7e}.dr-go{flex:none;width:calc(22 * var(--u));height:calc(22 * var(--u))}.dr-go svg{display:block;width:100%;height:100%;color:var(--muted)}.drow:hover .dr-go svg{color:var(--text)}.dr-m{flex:none;font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(13 * var(--u)));color:var(--muted);white-space:nowrap}.dr-act{flex:none;font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hi);opacity:0;transition:opacity .12s ease}.drow:hover .dr-act{opacity:1}.drow .kp-tag{flex:none;padding:calc(3 * var(--u)) calc(8 * var(--u));font-size:max(10px,calc(12 * var(--u)));background:var(--accent);color:var(--accent-ink)}.drow .kp-tag.dim{background:#ffffff0f;color:var(--muted)}.wimg{position:relative;flex:none;width:calc(116 * var(--u));height:calc(58 * var(--u));display:grid;place-items:center}.wimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 calc(4 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.6))}.wimg img+svg{display:none}.wimg svg{width:calc(34 * var(--u));height:calc(34 * var(--u));color:var(--accent-hi)}.wimg.empty{border:1px dashed rgba(255,255,255,.2)}.side-right.col.detail{padding:calc(16 * var(--u)) calc(20 * var(--u))}.wcard{display:flex;flex-direction:column;gap:calc(12 * var(--u))}.wcard.big{flex:1 1 auto;min-height:0;overflow-y:auto;margin-right:calc(-8 * var(--u));padding-right:calc(8 * var(--u))}.wd-hero{display:flex;align-items:center;gap:calc(14 * var(--u))}.wd-hero .wimg{width:calc(170 * var(--u));height:calc(90 * var(--u));background:radial-gradient(ellipse 60% 55% at 50% 60%,rgba(255,255,255,.09),transparent 75%)}.wd-hero .wimg svg{width:calc(64 * var(--u));height:calc(64 * var(--u))}.wd-name{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:calc(6 * var(--u))}.wd-name b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(36 * var(--u));line-height:.95;text-transform:uppercase;letter-spacing:.01em}.wd-name b.long{font-size:calc(27 * var(--u))}.wd-src{padding:calc(2 * var(--u)) calc(8 * var(--u));border:1px solid rgba(255,255,255,.25);font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(11 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.wcard.preview .wd-src{border-color:var(--sel);color:var(--sel)}.wcard.preview .wd-src:after{content:" · сравнение"}.wd-bars{display:flex;flex-direction:column;gap:calc(8 * var(--u))}.wb{display:grid;grid-template-columns:calc(112 * var(--u)) 1fr calc(56 * var(--u));gap:calc(12 * var(--u));align-items:center}.wb span{font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(13 * var(--u)));letter-spacing:.06em;color:var(--text)}.wb .hbar{height:calc(11 * var(--u))}.wb .hbar>i{transition:width .25s ease}.wb .hbar>em{position:absolute;top:0;bottom:0}.wb .hbar>em.up{background:var(--ok)}.wb .hbar>em.down{background:var(--danger)}.wb b{font-family:var(--f-ui);font-weight:800;font-size:max(13px,calc(18 * var(--u)));color:var(--accent-hi);text-align:right;white-space:nowrap}.wb b small{margin-left:calc(4 * var(--u));font-size:.72em}.wb b small.up{color:var(--ok)}.wb b small.down{color:#f08a7e}.wb.na{opacity:.35}.wd-facts{display:grid;grid-template-columns:1fr 1fr;gap:calc(4 * var(--u)) calc(18 * var(--u));font-family:var(--f-ui);font-size:max(10px,calc(12 * var(--u)))}.wf{display:flex;justify-content:space-between;gap:calc(8 * var(--u));padding-bottom:calc(4 * var(--u));border-bottom:1px solid var(--glass-line)}.wf span{color:var(--muted);letter-spacing:.03em;white-space:nowrap}.wf b{color:var(--text);font-weight:700;text-align:right;white-space:nowrap}.wd-trait{padding:calc(9 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u));border-left:calc(4 * var(--u)) solid}.wd-trait.good{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.wd-trait.bad{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 11%,transparent)}.wd-trait i{font-style:normal;font-family:var(--f-ui);font-weight:700;font-size:max(9px,calc(11 * var(--u)));letter-spacing:.14em;text-transform:uppercase}.wd-trait.bad i{color:#f08a7e}.wd-trait b{margin-left:calc(8 * var(--u));font-family:var(--f-ui);font-weight:700;font-size:max(12px,calc(16 * var(--u)));letter-spacing:.04em;text-transform:uppercase}.wd-trait p{margin:calc(4 * var(--u)) 0 0;font-family:var(--f-body);font-weight:500;font-size:max(13px,calc(16 * var(--u)));line-height:1.28;color:color-mix(in srgb,var(--text) 88%,transparent)}.wd-alt{display:flex;align-items:center;gap:calc(8 * var(--u));font-family:var(--f-body);font-weight:500;font-size:max(12px,calc(14 * var(--u)));color:var(--muted)}.wd-where{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(11 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--sel)}.wd-empty{font-family:var(--f-body);font-weight:500;font-size:max(13px,calc(16 * var(--u)));line-height:1.35;color:var(--muted)}.wd-empty b{display:block;margin-bottom:calc(6 * var(--u));font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(36 * var(--u));text-transform:uppercase;color:var(--text)}.build-notes{flex:none;font-family:var(--f-body);font-weight:600;font-size:max(12px,calc(13 * var(--u)));color:var(--sel);display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 3px #000}.build-notes:empty{display:none}.build-stats{display:grid;grid-template-columns:calc(96 * var(--u)) 1fr calc(52 * var(--u));gap:calc(8 * var(--u)) calc(12 * var(--u));align-items:center;font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.1em;color:var(--muted)}.build-stats b{color:var(--sel);text-align:right;font-weight:800;letter-spacing:0;font-size:max(12px,calc(14 * var(--u)))}.build-stats .stat-bar{position:relative;height:calc(9 * var(--u));background:#ffffff1a}.build-stats .stat-fill{height:100%;background:var(--bar);transition:width .35s ease}.plate-row{display:flex;align-items:center;gap:calc(16 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pr-num,.pr-decal{display:flex;align-items:center;gap:calc(8 * var(--u));min-width:0}.num-input{width:calc(60 * var(--u));font-family:var(--f-ui);font-weight:800;font-size:max(13px,calc(16 * var(--u)));text-align:center;background:var(--head);color:var(--text);border:1px solid var(--line);padding:calc(3 * var(--u));text-transform:uppercase;outline:none}.num-input:focus{border-color:var(--sel);box-shadow:0 0 0 2px color-mix(in srgb,var(--sel) 45%,transparent)}#decal-view{flex:none;width:calc(34 * var(--u));height:calc(34 * var(--u));background:#0000004d}#decal-name{display:flex;flex-direction:column;min-width:0;font-family:var(--f-body);font-weight:600;font-size:max(11px,calc(13 * var(--u)));letter-spacing:0;text-transform:none;color:var(--text);white-space:nowrap}#decal-name small{font-size:.85em;color:var(--muted)}.side-right.wide{width:calc(460 * var(--u));max-height:calc(100% - calc(72 * var(--u)) - calc(252 * var(--u)));overflow-y:auto;padding:0 calc(18 * var(--u)) calc(16 * var(--u));display:flex;flex-direction:column;gap:calc(12 * var(--u))}.side-right.wide .plate-head{margin:0 calc(-18 * var(--u)) 0;padding-left:calc(18 * var(--u));padding-right:calc(18 * var(--u))}.match-panel,.map-panel{display:grid;grid-template-columns:calc(84 * var(--u)) 1fr;gap:calc(7 * var(--u)) calc(12 * var(--u));align-items:center}.opt-row{display:flex;gap:calc(5 * var(--u))}.opt-row .btn{flex:1;padding:calc(6 * var(--u)) calc(4 * var(--u));font-size:max(10px,calc(11 * var(--u)));line-height:1.15}.opt-row .btn small{font-family:var(--f-ui);font-size:max(9px,calc(9 * var(--u)));letter-spacing:.06em;text-transform:uppercase}.opt-row.wrap{flex-wrap:wrap}.opt-row.wrap .btn{flex:0 0 auto;padding:calc(6 * var(--u)) calc(9 * var(--u))}#menu .btn:not(.primary):not(.selected){background:#ffffff0d;border-color:var(--glass-line)}#menu .btn:not(.primary):not(.selected):hover{background:#ffffff1a;border-color:#ffffff4d}#menu .btn.selected{background:var(--accent);border-color:var(--accent-hi);color:var(--accent-ink);box-shadow:0 0 calc(14 * var(--u)) color-mix(in srgb,var(--accent) 35%,transparent)}#menu .btn.selected small{color:color-mix(in srgb,var(--accent-ink) 80%,var(--accent))}.mode-pick{display:flex;gap:calc(8 * var(--u))}.btn.mode{flex:1;text-align:left;padding:calc(10 * var(--u)) calc(14 * var(--u));font-size:max(12px,calc(14 * var(--u)))}.challenges{display:flex;flex-direction:column;gap:calc(6 * var(--u));padding-top:calc(12 * var(--u));border-top:1px solid var(--glass-line)}.ch{display:flex;justify-content:space-between;gap:calc(10 * var(--u));font-family:var(--f-body);font-weight:600;font-size:max(13px,calc(14 * var(--u)))}.ch b{color:var(--sel);font-family:var(--f-ui);font-weight:700}.ch.done span{color:var(--ok)}.arena-left{width:calc(470 * var(--u))}.arena-arsenal{padding:0 calc(14 * var(--u)) calc(12 * var(--u));display:flex;flex-direction:column}.arena-arsenal .plate-head{margin:0 calc(-14 * var(--u)) calc(10 * var(--u));padding:0 calc(14 * var(--u))}.arena-arsenal .drill{overflow:visible}.arena-arsenal .drow{min-height:calc(66 * var(--u))}.wtip{position:absolute;width:calc(460 * var(--u));max-height:calc(100% - calc(100 * var(--u)));padding:calc(16 * var(--u)) calc(20 * var(--u));z-index:5;overflow:hidden;pointer-events:none!important;background:linear-gradient(180deg,#1b1c1ff2,#0e0f11f0);border:1px solid var(--glass-line);box-shadow:0 calc(14 * var(--u)) calc(40 * var(--u)) #0009}.tab-new{position:relative;top:calc(-1 * var(--u));margin-left:calc(7 * var(--u));padding:calc(1 * var(--u)) calc(5 * var(--u));background:var(--sel);color:var(--sel-ink);font-size:max(8px,calc(9 * var(--u)));font-weight:800;letter-spacing:.08em;vertical-align:middle}.kit-col .col-panel{padding-bottom:calc(14 * var(--u))}.kit-weight{flex:none;display:flex;flex-direction:column;gap:calc(6 * var(--u));padding-top:calc(12 * var(--u));margin-top:calc(8 * var(--u));border-top:1px solid var(--glass-line)}.kit-right{padding:0 calc(18 * var(--u)) calc(14 * var(--u));gap:calc(12 * var(--u));overflow-y:auto!important}#menu .kit-right .plate-head{margin:0 calc(-18 * var(--u)) 0;padding:0 calc(18 * var(--u))}.kit-focus{display:flex;flex-direction:column;gap:calc(6 * var(--u));min-height:calc(92 * var(--u))}.kf-head{display:flex;align-items:center;gap:calc(10 * var(--u))}.kf-head b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(30 * var(--u));line-height:1;text-transform:uppercase}.kit-focus .kp-desc{font-size:max(13px,calc(15 * var(--u)));color:color-mix(in srgb,var(--text) 85%,transparent)}.kit-focus .chip{font-size:max(9px,calc(11 * var(--u)));padding:calc(2 * var(--u)) calc(7 * var(--u))}.kit-weight-head{display:flex;justify-content:space-between;font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(13 * var(--u)));letter-spacing:.12em;color:var(--muted)}.kit-weight-head b{color:var(--sel);font-weight:800;letter-spacing:.04em}.kit-weight-bar{position:relative;height:calc(8 * var(--u));background:var(--panel-3)}.kit-weight-fill{height:100%;background:var(--sel);transition:width .3s ease}.kit-weight-try{position:absolute;top:0;height:100%;background:repeating-linear-gradient(-45deg,var(--danger) 0 calc(3 * var(--u)),color-mix(in srgb,var(--danger) 55%,transparent) calc(3 * var(--u)) calc(6 * var(--u)))}.kit-weight-try.less{background:repeating-linear-gradient(-45deg,var(--ok) 0 calc(3 * var(--u)),color-mix(in srgb,var(--ok) 55%,transparent) calc(3 * var(--u)) calc(6 * var(--u)))}.kit-weight-note{font-family:var(--f-body);font-weight:500;font-size:max(12px,calc(13 * var(--u)));color:var(--muted);line-height:1.25}.kit-actions{display:grid;grid-template-columns:1fr 1fr;gap:calc(6 * var(--u))}.kit-actions .btn{padding:calc(8 * var(--u)) calc(12 * var(--u));font-size:max(11px,calc(13 * var(--u)));text-align:left}.kit-actions .kit-vet{grid-column:1 / -1}.kit-actions .btn small{font-family:var(--f-ui);font-size:max(9px,calc(10 * var(--u)));letter-spacing:.06em;text-transform:uppercase}.kit-sets{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(6 * var(--u))}.kit-set{position:relative;padding:calc(7 * var(--u)) calc(9 * var(--u));text-align:left;font-size:max(11px,calc(12 * var(--u)))}.kit-set small{font-family:var(--f-ui);font-size:max(8px,calc(9 * var(--u)))!important;letter-spacing:.04em;text-transform:uppercase}.kit-set.empty{opacity:.7}.kit-set .ks-save{position:absolute;right:calc(4 * var(--u));top:calc(3 * var(--u));padding:0 calc(4 * var(--u));color:var(--muted);font-size:max(10px,calc(12 * var(--u)))}.kit-set .ks-save:hover{color:var(--sel)}.kp-tag{padding:0 calc(5 * var(--u));background:var(--accent);color:var(--accent-ink);font-family:var(--f-ui);font-weight:800;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.08em;text-transform:uppercase}.kp-tag.dim{background:var(--panel-3);color:var(--muted);border:1px solid var(--line)}.kp-mass{margin-left:auto;flex:none;font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));color:var(--muted);white-space:nowrap}.kp-desc{font-family:var(--f-body);font-weight:500;font-size:max(11px,calc(12 * var(--u)));color:var(--muted);line-height:1.25}.kp-chips{display:flex;flex-wrap:wrap;gap:calc(4 * var(--u))}.chip{padding:calc(1 * var(--u)) calc(6 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(8px,calc(9 * var(--u)));letter-spacing:.06em;text-transform:uppercase;border:1px solid}.chip.pro{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.chip.con{color:#f08a7e;border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.kp-why{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.06em;text-transform:uppercase;color:var(--sel)}.kit-stats{padding-top:calc(8 * var(--u));row-gap:calc(5 * var(--u))!important}.kit-stats b.up{color:var(--ok)}.kit-stats b.down{color:#f08a7e}.kit-stats b:not(.up):not(.down){color:var(--muted)}.kit-bar .stat-fill{position:absolute;left:0;top:0;background:color-mix(in srgb,var(--bar) 80%,transparent)}.kit-delta{position:absolute;top:0;height:100%}.kit-delta.up{background:var(--ok)}.kit-delta.down{background:var(--danger)}.kit-zero{position:absolute;left:50%;top:calc(-3 * var(--u));bottom:calc(-3 * var(--u));width:1px;background:var(--dim)}.kit-guard{display:grid;grid-template-columns:calc(78 * var(--u)) 1fr;gap:calc(14 * var(--u));align-items:center;padding-top:calc(8 * var(--u));border-top:1px solid var(--line)}.kg-car{display:grid;grid-template-columns:calc(20 * var(--u)) 1fr calc(20 * var(--u));grid-template-rows:calc(20 * var(--u)) calc(38 * var(--u)) calc(18 * var(--u));gap:calc(2 * var(--u))}.kg{display:grid;place-items:center;background:color-mix(in srgb,var(--ok) calc(var(--k) * 70%),var(--panel-3));color:var(--muted);font-family:var(--f-ui);font-weight:700;font-size:max(8px,calc(9 * var(--u)));border:1px solid var(--line)}.kg.on{color:var(--text)}.kg.f{grid-column:1 / 4;grid-row:1;border-radius:calc(8 * var(--u)) calc(8 * var(--u)) 0 0}.kg.l{grid-column:1;grid-row:2;writing-mode:vertical-rl}.kg.c{grid-column:2;grid-row:2}.kg.r{grid-column:3;grid-row:2;writing-mode:vertical-rl}.kg.b{grid-column:1 / 4;grid-row:3}.kg-text{display:grid;grid-template-columns:1fr 1fr;gap:calc(2 * var(--u)) calc(10 * var(--u));font-family:var(--f-body);font-weight:500;font-size:max(12px,calc(14 * var(--u)));color:var(--text)}.kg-text b{font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.08em}.kg-text .off{color:var(--dim)}.kit-soon{padding:calc(14 * var(--u)) calc(16 * var(--u))}.kit-soon-text{font-family:var(--f-body);font-weight:500;font-size:max(13px,calc(15 * var(--u)));color:var(--muted);line-height:1.3}.kit-markers{position:absolute;inset:0;pointer-events:none!important}.kit-marker{position:absolute;left:calc(-14 * var(--u));top:calc(-14 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:50%;display:grid;place-items:center;background:#111214d9;border:calc(2 * var(--u)) solid var(--text);color:var(--text);font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #00000080;transition:background .12s ease,border-color .12s ease;will-change:transform}.kit-marker:hover{border-color:var(--sel)}.kit-marker.selected{background:var(--sel);border-color:var(--sel-ink);color:var(--sel-ink);width:calc(36 * var(--u));height:calc(36 * var(--u));left:calc(-18 * var(--u));top:calc(-18 * var(--u));box-shadow:0 0 0 calc(5 * var(--u)) color-mix(in srgb,var(--sel) 35%,transparent),0 2px 8px #00000080}.kit-marker.off{display:none}.launch{position:absolute;right:calc(24 * var(--u));bottom:calc(40 * var(--u));width:calc(350 * var(--u));display:flex;flex-direction:column;gap:calc(12 * var(--u))}.mode-card{position:relative;display:flex;align-items:center;gap:calc(14 * var(--u));height:calc(70 * var(--u));padding:0 calc(16 * var(--u));text-align:left;cursor:pointer;color:var(--text);border:1px solid var(--glass-line);background:linear-gradient(90deg,#0e0f11f5 30%,#0e0f1173 75%,#0e0f1133),var(--map, none) 60% 55% / cover no-repeat,var(--glass);box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) #00000073;transition:border-color .15s ease}.mode-card:hover{border-color:#ffffff4d}.mc-icon{flex:none;width:calc(44 * var(--u));height:calc(44 * var(--u));display:grid;place-items:center;background:#0006;border:1px solid var(--glass-line)}.mc-icon svg{width:calc(26 * var(--u));height:calc(26 * var(--u));color:var(--accent-hi)}.mc-text{display:flex;flex-direction:column;gap:calc(4 * var(--u));min-width:0}.mc-text b{font-family:var(--f-ui);font-weight:800;font-size:max(13px,calc(18 * var(--u)));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.mc-text small{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(11 * var(--u)));letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 75%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn.cta{height:calc(80 * var(--u));width:100%;display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--u));padding:0 calc(40 * var(--u)) 0 calc(24 * var(--u));font-family:var(--f-display);font-weight:900;font-style:italic;font-size:max(24px,calc(50 * var(--u)));letter-spacing:.04em;clip-path:polygon(0 0,calc(100% - calc(30 * var(--u))) 0,100% calc(26 * var(--u)),100% 100%,0 100%)!important}.btn.cta .key{font-family:var(--f-ui);font-style:normal;font-size:max(10px,calc(12 * var(--u)));height:max(18px,calc(26 * var(--u)));padding:0 calc(8 * var(--u))}.screen.active #btn-start{animation:rise .5s .12s cubic-bezier(.2,.9,.3,1) both}.carousel{position:absolute;left:calc(40 * var(--u));right:calc(var(--u) * 398);bottom:calc(52 * var(--u))}.cars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:calc(12 * var(--u))}.card{position:relative;height:calc(122 * var(--u));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;padding:0;cursor:pointer;color:var(--text);background:linear-gradient(180deg,#222326db,#0d0e10eb);border:1px solid var(--glass-line);transition:transform .2s cubic-bezier(.2,.9,.3,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:#ffffff4d;transform:translateY(calc(-3 * var(--u)))}.card img{position:absolute;left:50%;top:calc(20 * var(--u));height:calc(72 * var(--u));max-width:84%;object-fit:contain;transform:translate(-50%);filter:drop-shadow(0 calc(6 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.6))}.card .ph{position:absolute;left:50%;top:calc(26 * var(--u));width:calc(90 * var(--u));height:calc(45 * var(--u));transform:translate(-50%);color:var(--dim)}.card .nm{position:relative;display:block;padding:calc(16 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));background:linear-gradient(0deg,#080809f2 40%,#08080900);font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(14 * var(--u)));letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}.card .tg{position:absolute;left:calc(10 * var(--u));top:calc(8 * var(--u));font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(13 * var(--u)));letter-spacing:.06em;color:var(--muted);z-index:1}.card.selected{border:2px solid var(--accent);background:linear-gradient(180deg,#4a2616e0,#140f0df0);box-shadow:0 0 calc(24 * var(--u)) color-mix(in srgb,var(--accent) 40%,transparent),inset 0 0 calc(18 * var(--u)) #e0561e2e;transform:translateY(calc(-5 * var(--u)))}.card.selected .tg{color:var(--accent-hi);font-size:max(13px,calc(20 * var(--u)))}.prompts{position:absolute;left:calc(40 * var(--u));bottom:calc(12 * var(--u));display:flex;gap:calc(28 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none!important;white-space:nowrap}.prompts span{display:inline-flex;align-items:center;gap:calc(6 * var(--u));text-shadow:0 1px 3px #000}.prompts .key{margin-right:calc(2 * var(--u))}.key-btn{pointer-events:auto;cursor:pointer;font-size:max(9px,calc(10 * var(--u)))}.key-btn:hover{border-color:var(--text)}.hud{position:fixed;inset:0;pointer-events:none;display:none;z-index:5}.hud.active{display:block}.hud.low-hp:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 calc(160 * var(--u)) color-mix(in srgb,var(--danger) 50%,transparent);animation:pulse 1.1s ease-in-out infinite}.hud-tl{position:absolute;left:calc(24 * var(--u));top:calc(22 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));font-family:var(--f-body);font-weight:500;font-size:max(12px,calc(13 * var(--u)))}.hud.match .hud-tl{top:calc(214 * var(--u))}.hint-title{display:flex;align-items:center;gap:calc(8 * var(--u));font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.12em;text-transform:uppercase;margin-bottom:calc(10 * var(--u))}.hud-tl.hidden{display:block!important;background:none;border-color:transparent;box-shadow:none;padding:0}.hud-tl.hidden .hint-grid{display:none}.hud-tl.hidden .hint-title{margin:0;color:var(--muted);text-shadow:0 1px 3px #000}.hint-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:calc(5 * var(--u)) calc(10 * var(--u));align-items:center;color:var(--muted);max-width:calc(620 * var(--u))}.hint-grid .key{justify-self:start}.hud-bl{position:absolute;left:calc(26 * var(--u));bottom:calc(26 * var(--u));display:flex;gap:calc(10 * var(--u));align-items:flex-end}.sil{width:calc(62 * var(--u));padding:calc(10 * var(--u)) calc(9 * var(--u))}.parts{display:block;width:100%;height:auto;overflow:visible}.parts .p-body{fill:var(--panel-2);stroke:var(--muted);stroke-width:1.2}.parts .p-node{fill:var(--text);stroke:var(--text);stroke-width:2.2;transition:fill .2s,stroke .2s}.parts .p-node.warn{fill:var(--sel);stroke:var(--sel)}.parts .p-node.bad{fill:var(--danger);stroke:var(--danger)}.parts .p-node.gone{fill:none;stroke:var(--danger);stroke-dasharray:2 2}.parts .six{display:none}.parts.six .six{display:inline}.vitals{width:calc(340 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));display:flex;flex-direction:column;gap:calc(8 * var(--u))}.vit-head{display:flex;align-items:baseline;gap:calc(10 * var(--u))}.car-name{font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(13 * var(--u)));letter-spacing:.12em;white-space:nowrap}.vit-head .hp{margin-left:auto;white-space:nowrap;display:flex;align-items:baseline;gap:calc(6 * var(--u))}.vit-head .hp b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(42 * var(--u));line-height:.8}.vit-head .hp small{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.14em;color:var(--muted)}.bar.health{height:calc(12 * var(--u));--steps: 5%}.bar-fill{width:100%;transition:width .2s ease}.bar.health.mid>.bar-fill{background:var(--sel)}.bar.health.low>.bar-fill{background:var(--danger)}.bar.health.hit{animation:hit .35s ease-out}.heat{display:grid;grid-template-columns:auto 1fr auto;gap:calc(10 * var(--u));align-items:center}.heat>span:first-child{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.14em;color:var(--muted)}.heat-bar{position:relative;height:calc(4 * var(--u));background:var(--panel-3);overflow:hidden}.heat-fill{height:100%;width:0;background:linear-gradient(90deg,var(--text),var(--sel),var(--danger));transition:width .08s linear}.heat-text{font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(12 * var(--u)));min-width:calc(14 * var(--u));text-align:right}.heat.over .heat-fill{animation:pulse .3s steps(2) infinite}.heat.over .heat-text{color:var(--danger)}.heat-zone{position:absolute;top:0;bottom:0;left:60%;width:30%;border-left:1px solid var(--muted);border-right:1px solid var(--muted);opacity:.45}.heat.vent-ready .heat-zone{border-color:var(--sel);background:color-mix(in srgb,var(--sel) 22%,transparent);opacity:1}.heat.vent .heat-fill{background:var(--text);transition:none}.heat.vent .heat-text{color:var(--sel)}.weapons{display:flex;gap:calc(6 * var(--u));margin-top:calc(2 * var(--u))}.slot{position:relative;flex:none;width:calc(56 * var(--u));height:calc(48 * var(--u));border:1px solid var(--line);background:var(--panel-2);opacity:.5;color:var(--text);transition:transform .15s ease,opacity .15s ease}.slot.has{opacity:.95}.slot .n{position:absolute;left:calc(5 * var(--u));top:calc(2 * var(--u));font-family:var(--f-ui);font-weight:700;font-size:max(9px,calc(10 * var(--u)));color:var(--muted)}.slot .ic{position:absolute;left:50%;top:46%;width:calc(22 * var(--u));height:calc(22 * var(--u));transform:translate(-50%,-50%)}.slot .ic svg,.kf .ico svg,.unlock svg,.results-mvp svg,.badge-line svg{display:block}.slot .ic svg{width:100%;height:100%}.slot .am{position:absolute;right:calc(5 * var(--u));bottom:calc(1 * var(--u));font-family:var(--f-ui);font-weight:800;font-size:max(11px,calc(13 * var(--u)))}.slot.active{opacity:1;border-color:var(--sel);background:var(--sel);color:var(--sel-ink);transform:translateY(calc(-4 * var(--u)))}.slot.active .n{color:var(--sel-ink)}.slot-name{font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-height:1em}.weapons:has(.slot.super) .slot{width:calc(46 * var(--u))}.slot.super{border-color:var(--accent)}.slot.super.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.slot.super.active .n{color:var(--accent-ink)}.weapons:has(.slot:nth-child(7)) .slot{width:calc(46 * var(--u))}.vitals:has(.weapons .slot:nth-child(7)){width:calc(388 * var(--u))}.vitals:has(.weapons .slot:nth-child(8)){width:calc(438 * var(--u))}.slot.arena{border-color:color-mix(in srgb,var(--sel) 55%,var(--line))}.alt-hint{margin-top:calc(-6 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--dim);min-height:1em}.alt-hint.ready{color:var(--muted)}.alt-hint.on{color:var(--sel)}.ability{position:absolute;right:calc(262 * var(--u));bottom:calc(36 * var(--u));display:none;flex-direction:column;align-items:center;gap:calc(4 * var(--u))}.ability.show{display:flex}.ab-ring{position:relative;width:calc(68 * var(--u));height:calc(68 * var(--u));display:grid;place-items:center;border-radius:50%;color:var(--text);background:conic-gradient(var(--accent) calc(var(--p, 1) * 1turn),var(--panel-3) 0)}.ab-ring:before{content:"";position:absolute;inset:calc(4 * var(--u));border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--panel-3),var(--panel))}.ability.ready .ab-ring{background:var(--accent);box-shadow:0 0 calc(18 * var(--u)) color-mix(in srgb,var(--accent) 60%,transparent);animation:ready 1.4s ease-in-out infinite;color:var(--accent-ink)}.ability.ready .ab-ring:before{background:radial-gradient(circle at 50% 35%,var(--accent-hi),var(--accent))}.ab-icon{position:relative;z-index:1;width:calc(28 * var(--u));height:calc(28 * var(--u));display:grid;place-items:center;font-size:calc(22 * var(--u));line-height:1}.ab-icon svg{display:block;width:100%;height:100%}.ab-ring .key{position:absolute;right:calc(-4 * var(--u));bottom:calc(-2 * var(--u));z-index:1;color:var(--text)}.ability b{font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.1em;white-space:nowrap;padding:calc(2 * var(--u)) calc(8 * var(--u));background:var(--panel);border:1px solid var(--line)}.ab-state{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 3px rgba(0,0,0,.9)}.ability.ready .ab-state{color:var(--sel)}.ab-bar{display:none}.hud-br{position:absolute;right:calc(24 * var(--u));bottom:calc(16 * var(--u));width:calc(232 * var(--u));height:calc(212 * var(--u))}.hud-br:before{content:"";position:absolute;left:50%;top:53%;width:calc(176 * var(--u));height:calc(176 * var(--u));transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--panel) 62%,transparent 63%);box-shadow:0 0 0 1px var(--line)}.gauge{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.gauge .tk{stroke:color-mix(in srgb,var(--text) 25%,transparent)}.gauge .on{stroke:var(--text)}.gauge .on.c2{stroke:var(--accent)}.speed{position:absolute;left:0;right:0;top:calc(56 * var(--u));text-align:center}.speed span{display:block;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(92 * var(--u));line-height:1;font-variant-numeric:tabular-nums}.speed small{display:block;margin-top:calc(-2 * var(--u));font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.24em;color:var(--muted)}.gear{position:absolute;left:0;right:0;bottom:calc(6 * var(--u));text-align:center;font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.1em;color:var(--sel);text-shadow:0 1px 4px #000}.hud-center{position:absolute;left:50%;bottom:calc(150 * var(--u));transform:translate(-50%);display:none;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(18 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.06em;text-transform:uppercase;background:var(--panel);border:1px solid var(--line);border-top:calc(2 * var(--u)) solid var(--accent)}.hud-center.active{display:flex}.recover-ring{position:relative;width:calc(36 * var(--u));height:calc(36 * var(--u))}.recover-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.recover-ring .key{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;background:none}.ring-bg,.ring-fill{fill:none;stroke-width:3}.ring-bg{stroke:var(--panel-3)}.ring-fill{stroke:var(--accent);stroke-dasharray:100.5;stroke-dashoffset:100.5;stroke-linecap:round}.toast{position:absolute;top:62%;left:50%;transform:translate(-50%);text-align:center;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(40 * var(--u));letter-spacing:.03em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.8);opacity:0;transition:opacity .25s ease;white-space:nowrap}.toast.show{opacity:1;animation:rise .35s cubic-bezier(.2,.9,.3,1)}.toast small{display:block;font-family:var(--f-ui);font-style:normal;font-weight:600;font-size:calc(13 * var(--u));letter-spacing:.1em;color:var(--sel)}.debug{position:absolute;right:20px;top:20px;margin:0;padding:10px 14px;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;color:#cfe;display:none;min-width:230px;background:#0e0f11}.debug.active{display:block}.crosshair{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;transition:transform .05s linear}.crosshair i{position:absolute;background:var(--text);box-shadow:0 0 2px #000000e6}.crosshair i:nth-child(1),.crosshair i:nth-child(2){width:9px;height:2px;top:16px}.crosshair i:nth-child(1){left:0}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:2px;height:9px;left:16px}.crosshair i:nth-child(3){top:0}.crosshair i:nth-child(4){bottom:0}.crosshair.target i{background:var(--danger)}.crosshair.laser i,.crosshair.drones i{display:none}.crosshair.laser:before{content:"";position:absolute;inset:4px;border-radius:50%;border:2px solid var(--text);box-shadow:0 0 2px #000000e6;opacity:calc(.6 + .4 * var(--heat, 0));transform:scale(calc(1.3 - .3 * var(--heat, 0)))}.crosshair.laser:after{content:"";position:absolute;left:15px;top:15px;width:4px;height:4px;border-radius:50%;background:var(--text);box-shadow:0 0 2px #000000e6}.crosshair.laser.on:before{border-color:#ff5a40}.crosshair.laser.on:after,.crosshair.laser.target:after{background:#ff5a40}.crosshair.drones:before{content:"";position:absolute;left:7px;top:7px;width:16px;height:16px;border:2px solid #7fd8ff;transform:rotate(45deg);box-shadow:0 0 2px #000000e6}.crosshair.drones:after{content:"";position:absolute;left:15px;top:15px;width:4px;height:4px;background:#7fd8ff}.crosshair.drones.target:before{border-color:var(--danger)}.aimdot{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid var(--text);box-shadow:0 0 3px #000c,inset 0 0 2px #0009;display:none;pointer-events:none;will-change:transform}.aimdot.show{display:block}.aimdot.blocked{border-color:var(--dim);border-style:dashed}.aimdot.blocked:before,.aimdot.blocked:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;margin:-1px 0 0 -4px;background:var(--dim);transform:rotate(45deg)}.aimdot.blocked:after{transform:rotate(-45deg)}.aimdot.target{border-color:var(--danger);box-shadow:0 0 3px #000c,0 0 6px var(--danger)}.aimdot.special,.aimdot.special.target{width:12px;height:12px;margin:-6px 0 0 -6px;border:0;border-radius:0;box-shadow:none}.aimdot.special:after{display:none}.aimdot.special:before,.aimdot.special.blocked:before{content:"";position:absolute;inset:1px;width:auto;height:auto;margin:0;background:none;border:2px solid var(--sel);box-shadow:0 0 3px #000c;transform:rotate(45deg)}.aimdot.special.blocked:before{border-color:var(--dim);border-style:dashed}.aimdot.special.target:before{border-color:var(--danger)}.lock-hint{position:absolute;left:50%;top:72%;transform:translate(-50%);padding:calc(7 * var(--u)) calc(16 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.06em;text-transform:uppercase;background:var(--panel);border:1px solid var(--line);display:none}.lock-hint.show{display:block}.hitmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:800;color:var(--text);text-shadow:0 0 6px var(--danger);opacity:0;pointer-events:none;transition:opacity .25s ease-out}.hitmark.show{opacity:1;transition:none}.hitmark.heavy{font-size:34px;color:var(--sel);text-shadow:0 0 8px var(--danger),0 1px 2px #000;transition-duration:.45s}.dmgnums{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dmgnum{position:absolute;left:0;top:0;opacity:0;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:30px;line-height:1;color:var(--sel);text-shadow:0 2px 0 rgba(0,0,0,.75),0 0 10px rgba(0,0,0,.5);white-space:nowrap;will-change:transform,opacity}.dmgnum.kill{color:var(--danger);font-size:38px}.lockframe{position:absolute;left:0;top:0;width:80px;height:80px;margin:-40px 0 0 -40px;display:none;pointer-events:none;--c: var(--text);background:linear-gradient(var(--c),var(--c)) 0 0 / 16px 2px no-repeat,linear-gradient(var(--c),var(--c)) 0 0 / 2px 16px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / 16px 2px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / 2px 16px no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / 16px 2px no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / 2px 16px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / 16px 2px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / 2px 16px no-repeat}.lockframe span{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-family:var(--f-ui);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--text);text-shadow:0 1px 3px #000;white-space:nowrap}.lockframe.show{display:block}.lockframe.locked{--c: var(--danger)}.lockframe.locked span{color:var(--danger)}.lockframe.drones{--c: #7fd8ff}.lockframe.drones span{color:#7fd8ff}.lockframe.drones.locked{--c: var(--sel)}.lockframe.drones.locked span{color:var(--sel)}.lockframe.drones.attack{--c: #7fd8ff;animation:pulse .9s steps(2) infinite}.lockframe.drones.attack span{color:#7fd8ff}.weakspots{position:absolute;left:0;top:0;pointer-events:none}.ws{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid var(--ok);box-shadow:0 0 3px #000000e6}.ws.wheel{rotate:45deg}.ws.warn{border-color:var(--sel)}.ws.bad{border-color:var(--danger)}.ws.tank{width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 30%,transparent)}.ws.tank:after{content:"БАК";position:absolute;left:50%;top:-16px;translate:-50% 0;font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--accent-hi);text-shadow:0 1px 2px #000}.ws.tank.bad{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 40%,transparent)}.hit-dir{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .9s ease-out}.hit-dir.show{opacity:1;transition:none}.hit-dir i{position:absolute;left:-90px;top:-230px;width:180px;height:46px;border-top:3px solid var(--danger);border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--danger) 35%,transparent),transparent 70%)}.match-top,.killfeed,.radar-wrap{display:none}.hud.match .killfeed,.hud.match .radar-wrap{display:block}.hud.match .match-top{display:flex}.match-top{position:absolute;left:50%;top:calc(14 * var(--u));transform:translate(-50%);align-items:stretch;gap:calc(4 * var(--u))}.match-time{min-width:calc(136 * var(--u));padding:calc(2 * var(--u)) calc(20 * var(--u));text-align:center;font-family:var(--f-ui);font-weight:700;font-size:calc(34 * var(--u));line-height:1.2;font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--line);border-bottom:calc(3 * var(--u)) solid var(--accent)}.match-time.low{border-bottom-color:var(--danger);color:var(--danger)}.stk{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:calc(78 * var(--u));padding:calc(2 * var(--u)) calc(12 * var(--u));background:var(--panel);border:1px solid var(--line)}.stk span{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(9 * var(--u)));letter-spacing:.16em;color:var(--muted)}.stk b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(26 * var(--u));line-height:1;white-space:nowrap}.stk b em{font-style:normal;font-weight:700;color:var(--dim);font-size:.65em}.stk.bump{animation:bump .35s ease-out}.match-score{position:absolute;left:50%;top:100%;margin-top:calc(4 * var(--u));transform:translate(-50%);white-space:nowrap;padding:calc(2 * var(--u)) calc(10 * var(--u));background:var(--panel);border:1px solid var(--line);font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.match-score:empty{display:none}.match-score b{color:var(--sel);font-weight:700}.killfeed{position:absolute;top:calc(18 * var(--u));right:calc(24 * var(--u));width:calc(420 * var(--u))}.kf{width:fit-content;margin:0 0 calc(5 * var(--u)) auto;display:flex;align-items:center;gap:calc(9 * var(--u));padding:calc(5 * var(--u)) calc(12 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.06em;background:var(--panel);border:1px solid var(--line);border-left:calc(3 * var(--u)) solid var(--muted);animation:kf-in .3s cubic-bezier(.2,.9,.3,1);transition:opacity .6s ease}.kf.me{border-left-color:var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 35%,var(--panel)),var(--panel))}.kf .ico{display:grid;place-items:center;width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--muted);font-size:calc(12 * var(--u))}.kf .ico svg{width:100%;height:100%}.kf .nm{display:inline-flex;align-items:center;gap:calc(6 * var(--u))}.kf .nm:before{content:"";width:calc(7 * var(--u));height:calc(7 * var(--u));background:var(--c, #888)}.kf .dead{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted)}.kf.fade{opacity:0}.kf.say{border-left-style:dashed}.kf.say .q{font-family:var(--f-body, inherit);font-style:italic;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--text, #e8e2d6)}.radar-wrap{position:absolute;left:calc(24 * var(--u));top:calc(22 * var(--u));width:calc(172 * var(--u));height:calc(172 * var(--u));border-radius:50%;background:radial-gradient(circle,var(--panel-2),var(--panel));border:1px solid var(--line);box-shadow:inset 0 0 0 calc(3 * var(--u)) var(--panel),0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--accent) 60%,transparent),0 calc(6 * var(--u)) calc(16 * var(--u)) #0006}.radar{position:absolute;inset:calc(4 * var(--u));width:calc(100% - 8 * var(--u));height:calc(100% - 8 * var(--u));border-radius:50%}.plates{position:absolute;inset:0;pointer-events:none}.nameplate{position:absolute;left:0;top:0;transform-origin:50% 100%;text-align:center;white-space:nowrap;will-change:transform}.nameplate .nm{font-family:var(--f-ui);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.6)}.nameplate .hp{width:64px;height:5px;margin:3px auto 0;background:#000000a6;overflow:hidden}.nameplate .hp i{display:block;height:100%;background:var(--text)}.nameplate .hp.low i{background:var(--danger)}.nameplate.shield .nm:after{content:" ◈";color:var(--sel)}.marker{position:absolute;left:0;top:0;width:0;height:0}.marker i{position:absolute;left:-8px;top:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid currentColor}.marker span{position:absolute;left:50%;top:13px;transform:translate(-50%);font-family:var(--f-ui);font-size:11px;font-weight:700;text-shadow:0 1px 2px #000;white-space:nowrap}.kill-msg{position:absolute;top:25%;left:50%;display:flex;flex-direction:column;align-items:center;padding:calc(10 * var(--u)) calc(48 * var(--u)) calc(12 * var(--u));transform:translate(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-top:calc(3 * var(--u)) solid var(--accent);box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) #00000073}.kill-msg.lose{border-top-color:var(--danger)}.kill-msg.show{opacity:1;animation:rise .35s cubic-bezier(.2,.9,.3,1)}.kill-msg .km-top{font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.24em;color:var(--muted);white-space:nowrap}.kill-msg .km-name{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(54 * var(--u));line-height:1;color:var(--text);white-space:nowrap}.kill-msg.win .km-top{color:var(--accent-hi)}.kill-msg.lose .km-top{color:var(--danger)}.kill-msg small{font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--sel);margin-top:calc(2 * var(--u))}.killcam{position:absolute;left:50%;bottom:calc(150 * var(--u));transform:translate(-50%);display:none;padding:calc(10 * var(--u)) calc(26 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(13 * var(--u)));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--panel);border:1px solid var(--line);border-left:calc(3 * var(--u)) solid var(--danger)}.killcam.show{display:block}.killcam b{font-weight:800}.hud.killcam-on:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 160px #0009;pointer-events:none}.countdown{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(220 * var(--u));line-height:1;color:var(--text);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 55%,transparent),0 4px 24px rgba(0,0,0,.6);display:none;white-space:nowrap}.countdown.show{display:block;animation:cd-pop 1s ease-out infinite}.countdown.go{font-size:calc(140 * var(--u));color:var(--accent-hi);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 70%,transparent),0 4px 24px rgba(0,0,0,.6)}.scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));width:calc(680 * var(--u));display:none}.scoreboard.show{display:block}.scoreboard h3{margin:calc(-14 * var(--u)) calc(-16 * var(--u)) calc(12 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u));background:var(--head);border-bottom:1px solid var(--line);font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.score-table{display:flex;flex-direction:column;gap:calc(4 * var(--u))}.trow{position:relative;display:grid;grid-template-columns:calc(50 * var(--u)) 1fr calc(76 * var(--u)) calc(76 * var(--u)) calc(86 * var(--u));align-items:center;height:calc(42 * var(--u));background:var(--panel-2);border:1px solid var(--line)}.trow .cbar{position:absolute;left:0;top:0;bottom:0;width:calc(4 * var(--u))}.trow.th{height:calc(22 * var(--u));background:none;border:0}.trow.th div{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(9 * var(--u)));letter-spacing:.16em;color:var(--muted)}.trow .p{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(26 * var(--u));text-align:center;color:var(--muted)}.trow .p1{color:var(--gold)}.trow .p2{color:#d9d4cb}.trow .p3{color:#c98a5a}.trow .who{display:flex;align-items:baseline;gap:calc(10 * var(--u));min-width:0;font-family:var(--f-ui);font-weight:700;font-size:max(12px,calc(14 * var(--u)));letter-spacing:.06em;white-space:nowrap;overflow:hidden}.trow .who small{font-family:var(--f-body);font-weight:500;font-size:max(11px,calc(13 * var(--u)));letter-spacing:0;color:var(--muted)}.trow .num{text-align:right;padding-right:calc(16 * var(--u));font-family:var(--f-ui);font-weight:800;font-size:max(13px,calc(16 * var(--u)))}.trow.th .num{font-size:max(9px,calc(9 * var(--u)));font-weight:600}.trow.me{background:var(--sel);border-color:var(--sel);color:var(--sel-ink)}.trow.me .who small,.trow.me .p{color:color-mix(in srgb,var(--sel-ink) 70%,var(--sel))}.modal-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0ce6,#0a0b0c99 55%,#0a0b0ccc)}body:has(#pause.active,#results.active) #hud{visibility:hidden}.pause-left{position:absolute;left:calc(70 * var(--u));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:calc(10 * var(--u));width:calc(340 * var(--u))}.pause-left>.label{text-shadow:0 1px 3px #000}.pause-left h2{position:relative;margin:0 0 calc(18 * var(--u));padding-bottom:calc(10 * var(--u));font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(96 * var(--u));line-height:.9;text-transform:uppercase}.pause-left h2:after{content:"";position:absolute;left:0;bottom:0;width:calc(120 * var(--u));height:calc(5 * var(--u));background:var(--accent);transform:skew(-20deg)}.screen.active .pause-left{animation:from-left .4s cubic-bezier(.2,.9,.3,1) both}.settings-panel{position:absolute;right:calc(70 * var(--u));top:50%;transform:translateY(-50%);width:calc(600 * var(--u));max-height:92vh;padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u))}.screen.active .settings-panel{animation:from-right .4s cubic-bezier(.2,.9,.3,1) both}.set-tabs{display:flex;gap:calc(4 * var(--u));margin-bottom:calc(6 * var(--u))}.set-tab{position:relative;flex:1;background:var(--panel-2);border:1px solid var(--line);padding:calc(8 * var(--u)) 0;cursor:pointer;font-family:var(--f-ui);font-weight:600;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.set-tab:hover{color:var(--text);background:var(--panel-3)}.set-tab.selected{color:var(--text);background:var(--panel-3);border-bottom:calc(3 * var(--u)) solid var(--accent)}.toggle{position:relative;width:calc(46 * var(--u));height:calc(24 * var(--u));background:var(--head);border:1px solid var(--line);transition:background .2s ease}.toggle:after{content:"";position:absolute;top:calc(3 * var(--u));left:calc(3 * var(--u));width:calc(18 * var(--u));height:calc(16 * var(--u));background:var(--muted);transition:transform .2s ease,background .2s ease}input:checked+.toggle{background:color-mix(in srgb,var(--accent) 30%,var(--head));border-color:var(--accent)}input:checked+.toggle:after{transform:translate(calc(20 * var(--u)));background:var(--accent)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:calc(20 * var(--u));background:none;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:calc(6 * var(--u));background:linear-gradient(var(--accent),var(--accent)) 0 0 / var(--v, 50%) 100% no-repeat,var(--head);border:1px solid var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(12 * var(--u));height:calc(20 * var(--u));margin-top:calc(-8 * var(--u));background:var(--text);border:1px solid var(--panel);box-shadow:0 1px 4px #0009}input[type=range]::-moz-range-track{height:calc(6 * var(--u));background:var(--head)}input[type=range]::-moz-range-progress{height:calc(6 * var(--u));background:var(--accent)}input[type=range]::-moz-range-thumb{width:calc(12 * var(--u));height:calc(20 * var(--u));border:0;border-radius:0;background:var(--text)}.top-right{justify-self:end;align-self:stretch;display:flex;align-items:center;gap:calc(18 * var(--u))}.top-set{flex:none;align-self:stretch;display:flex;align-items:center;gap:calc(9 * var(--u));padding:0 calc(16 * var(--u));background:none;border:0;border-left:1px solid var(--glass-line);border-right:1px solid var(--glass-line);cursor:pointer;font-family:var(--f-ui);font-weight:700;font-size:max(12px,calc(15 * var(--u)));letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color .15s ease,background .15s ease}.top-set svg{width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--accent-hi);transition:transform .4s cubic-bezier(.2,.9,.3,1)}.top-set:hover{color:var(--text);background:#ffffff0d}.top-set:hover svg{transform:rotate(45deg)}.top-set .key{opacity:.85}#settings{z-index:11;--glass: rgba(14, 15, 17, .84);--glass-hi: rgba(27, 28, 31, .9);--glass-line: rgba(255, 255, 255, .09)}body:has(#settings.active) #menu>:not(.menu-shade){visibility:hidden}.settings-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090af0,#08090acc 55%,#08090a73)}#settings .plate{background:linear-gradient(180deg,var(--glass-hi),var(--glass));border:1px solid var(--glass-line);box-shadow:0 calc(12 * var(--u)) calc(32 * var(--u)) #00000073;clip-path:none}#settings .plate-head{min-height:calc(48 * var(--u));margin:0 calc(-22 * var(--u)) calc(6 * var(--u));padding:0 calc(22 * var(--u));background:none;border-bottom:1px solid var(--glass-line);color:var(--text);font-size:max(12px,calc(15 * var(--u)));letter-spacing:.07em}#settings .plate-head>span:before{width:calc(4 * var(--u));height:calc(20 * var(--u))}#settings .plate-head>b{color:var(--muted);font-size:max(10px,calc(11 * var(--u)));font-weight:600}.sg-title{position:relative;align-self:center;justify-self:start;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(38 * var(--u));line-height:1;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.5)}.sg-title i{position:absolute;right:calc(-40 * var(--u));top:calc(6 * var(--u));width:calc(30 * var(--u));height:calc(9 * var(--u));background:var(--accent);transform:skew(-32deg);box-shadow:calc(-9 * var(--u)) calc(13 * var(--u)) 0 calc(-2 * var(--u)) var(--accent)}.sg-back{justify-self:end}.sg-main{position:absolute;left:calc(40 * var(--u));top:calc(84 * var(--u));bottom:calc(60 * var(--u));width:calc(800 * var(--u));display:flex;flex-direction:column;padding:0 calc(22 * var(--u)) calc(16 * var(--u))}.sg-body{flex:1 1 auto;min-height:0;overflow-y:auto;margin-right:calc(-12 * var(--u));padding-right:calc(12 * var(--u))}.sg-foot{flex:none;display:flex;justify-content:flex-end;padding-top:calc(14 * var(--u));border-top:1px solid var(--glass-line)}.sg-foot .btn{padding:calc(10 * var(--u)) calc(18 * var(--u));background:#ffffff0d;border-color:var(--glass-line)}.sg-side{position:absolute;right:calc(24 * var(--u));top:calc(84 * var(--u));width:calc(440 * var(--u));max-height:calc(100% - calc(144 * var(--u)));overflow-y:auto;display:flex;flex-direction:column;gap:calc(12 * var(--u));padding:0 calc(22 * var(--u)) calc(20 * var(--u))}.sg-side h3{margin:calc(6 * var(--u)) 0 0;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(40 * var(--u));line-height:.95;text-transform:uppercase}.sg-side p{margin:0;font-family:var(--f-body);font-weight:500;font-size:max(14px,calc(17 * var(--u)));line-height:1.35;color:color-mix(in srgb,var(--text) 85%,transparent)}.sg-facts{display:grid;margin-top:calc(4 * var(--u))}.sg-facts span{padding:calc(7 * var(--u)) 0 calc(7 * var(--u)) calc(10 * var(--u));border-bottom:1px solid var(--glass-line);text-align:right;font-family:var(--f-ui);font-weight:700;font-size:max(12px,calc(14 * var(--u)))}.sg-facts span.lead{padding-left:0;text-align:left;font-family:var(--f-body);font-weight:600;font-size:max(13px,calc(15 * var(--u)));color:var(--muted)}.sg-facts span.th{font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sg-facts span.cur{color:var(--sel)}.screen.active .sg-main{animation:from-left .4s cubic-bezier(.2,.9,.3,1) both}.screen.active .sg-side{animation:from-right .4s cubic-bezier(.2,.9,.3,1) both}.sg-row{display:grid;grid-template-columns:1fr calc(390 * var(--u));align-items:center;gap:calc(18 * var(--u));min-height:calc(62 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--glass-line);border-left:calc(4 * var(--u)) solid transparent;transition:background .12s ease,border-color .12s ease,opacity .2s ease}.sg-row:hover{background:#ffffff0d;border-left-color:var(--accent)}.sg-row.off{opacity:.38}.sg-label{font-family:var(--f-body);font-weight:700;font-size:max(15px,calc(20 * var(--u)));line-height:1.15}.sg-ctl{display:grid;grid-template-columns:1fr calc(64 * var(--u));align-items:center;gap:calc(14 * var(--u))}.sg-ctl>b{text-align:right;font-family:var(--f-ui);font-weight:800;font-size:max(13px,calc(16 * var(--u)));color:var(--sel);white-space:nowrap}.sg-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:calc(4 * var(--u))}.sg-opt{position:relative;height:calc(44 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1 * var(--u));padding:0 calc(6 * var(--u));background:#ffffff0d;border:1px solid var(--glass-line);cursor:pointer;font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(14 * var(--u)));letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color .12s ease,background .12s ease}.sg-opt:hover:not(:disabled){color:var(--text);background:#ffffff1a}.sg-seg .sg-opt.selected{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.sg-opt:disabled{cursor:not-allowed;opacity:.5}.sg-opt i{font-style:normal;font-weight:600;font-size:max(8px,calc(10 * var(--u)));letter-spacing:.12em;color:var(--sel)}.sg-row.check{grid-template-columns:1fr auto;cursor:pointer}.sg-row.check input{position:absolute;opacity:0;pointer-events:none}.sg-row.check .toggle{margin-right:calc(4 * var(--u))}.sg-group{padding:calc(18 * var(--u)) calc(14 * var(--u)) calc(6 * var(--u));font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hi)}.sg-group:first-child{padding-top:calc(8 * var(--u))}.sg-list[data-cat=keys]:not(.compact){display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:calc(28 * var(--u))}.sg-list:not(.compact) .sg-kgroup:nth-child(n+3) .sg-group{padding-top:calc(24 * var(--u))}.sg-list.hidden{display:none!important}.sg-row.sg-key{grid-template-columns:1fr auto;min-height:calc(40 * var(--u));padding-top:calc(3 * var(--u));padding-bottom:calc(3 * var(--u))}.sg-key .sg-label{font-weight:600;font-size:max(14px,calc(17 * var(--u)))}.sg-keys{display:flex;gap:calc(6 * var(--u))}.sg-keys .key{min-width:max(24px,calc(30 * var(--u)));height:max(22px,calc(28 * var(--u)));padding:0 calc(8 * var(--u));font-size:max(10px,calc(12 * var(--u)))}.settings-panel{display:flex;flex-direction:column;height:min(92vh,calc(600 * var(--u)))}.sg-list.compact{flex:1 1 auto;min-height:0;overflow-y:auto}.sg-list.compact .sg-row{grid-template-columns:1fr calc(290 * var(--u));gap:calc(14 * var(--u));min-height:calc(48 * var(--u));padding:calc(5 * var(--u)) calc(4 * var(--u));border-bottom-color:var(--line);border-left:0}.sg-list.compact .sg-row:hover{background:#ffffff0a}.sg-list.compact .sg-row.check,.sg-list.compact .sg-row.sg-key{grid-template-columns:1fr auto}.sg-list.compact .sg-label{font-weight:600;font-size:max(14px,calc(16 * var(--u)))}.sg-list.compact .sg-ctl{grid-template-columns:1fr calc(44 * var(--u))}.sg-list.compact .sg-ctl>b{font-size:max(12px,calc(13 * var(--u)))}.sg-list.compact .sg-opt{height:calc(34 * var(--u));font-size:max(10px,calc(12 * var(--u)));background:var(--head);border-color:var(--line)}.sg-list.compact .sg-seg .sg-opt.selected{background:var(--accent);border-color:var(--accent)}.sg-list.compact .sg-group{padding:calc(12 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u))}.sg-list.compact .sg-key{min-height:calc(36 * var(--u))}.sg-note{flex:none;min-height:2.7em;margin-top:calc(10 * var(--u));font-family:var(--f-body);font-weight:500;font-size:max(12px,calc(14 * var(--u)));line-height:1.3;color:var(--muted)}.replay{position:fixed;inset:0;z-index:12;pointer-events:none;display:none}.replay.show{display:block}.replay-bar{position:absolute;left:0;right:0;height:9vh;background:#000}.replay-bar.top{top:0}.replay-bar.bottom{bottom:0}.replay-head{position:absolute;top:calc(9vh + 16px);left:50%;transform:translate(-50%);padding:calc(4 * var(--u)) calc(16 * var(--u));background:var(--panel);border:1px solid var(--line);font-family:var(--f-ui);font-weight:700;font-size:calc(16 * var(--u));letter-spacing:.16em;white-space:nowrap}.replay-head .rec{color:var(--danger);animation:pulse 1s steps(2) infinite}.replay-progress{position:absolute;bottom:calc(9vh + 22px);left:50%;transform:translate(-50%);width:min(460px,60vw);height:4px;background:var(--panel-3);overflow:hidden}.replay-progress i{display:block;height:100%;width:0;background:var(--accent)}#btn-replay-skip{position:absolute;right:calc(28 * var(--u));bottom:calc(9vh + 10px);pointer-events:auto;font-size:max(11px,calc(12 * var(--u)))}.hud.replaying>*:not(.toast){visibility:hidden}.res-left{position:absolute;left:calc(64 * var(--u));top:calc(56 * var(--u));width:calc(520 * var(--u))}.res-left>.label{text-shadow:0 1px 3px #000}.piece{display:flex;align-items:flex-end;gap:calc(16 * var(--u));margin:calc(4 * var(--u)) 0 calc(16 * var(--u))}.res-place{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(210 * var(--u));line-height:.8;color:var(--text);text-shadow:0 4px 20px rgba(0,0,0,.5)}.res-place.p1{color:var(--gold)}.res-place.p2{color:#d9d4cb}.res-place.p3{color:#c98a5a}.res-head{padding-bottom:calc(14 * var(--u))}.res-note{font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.24em;color:var(--muted)}#results-title{margin:0;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(68 * var(--u));line-height:.95;text-transform:uppercase;white-space:nowrap}.screen.active .piece{animation:rise .5s cubic-bezier(.2,.9,.3,1) both}.results-mvp{display:inline-flex;align-items:center;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u));background:var(--panel);border:1px solid var(--line);border-left:calc(3 * var(--u)) solid var(--gold);font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.08em;text-transform:uppercase}.results-mvp svg{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--gold)}.results-mvp span{color:var(--muted);font-weight:600}.results-progress{margin-top:calc(18 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u));display:flex;flex-direction:column;gap:calc(10 * var(--u))}.results-progress:empty{display:none}.xp-head{display:flex;justify-content:space-between;align-items:baseline}.xp-head b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(36 * var(--u));color:var(--sel);text-transform:uppercase}.xp-head span{font-family:var(--f-ui);font-weight:700;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.1em;text-transform:uppercase}.xp-head em{font-style:normal;color:var(--accent-hi);margin-left:calc(8 * var(--u))}.xp-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:calc(18 * var(--u))}.xp-row{display:flex;justify-content:space-between;font-family:var(--f-body);font-weight:600;font-size:max(13px,calc(14 * var(--u)));color:var(--muted);padding:calc(1 * var(--u)) 0}.xp-row b{color:var(--text);font-family:var(--f-ui);font-weight:700}.results-progress .ch{align-items:center}.results-progress .ch span{display:flex;align-items:center;gap:calc(8 * var(--u))}.results-progress .ch i{position:relative;flex:none;width:calc(12 * var(--u));height:calc(12 * var(--u));border:2px solid var(--muted)}.results-progress .ch.done i{background:var(--ok);border-color:var(--ok)}.results-progress .ch.done b{color:var(--ok)}.unlock{display:inline-flex;align-items:center;gap:calc(8 * var(--u));margin-top:calc(6 * var(--u));padding:calc(4 * var(--u)) calc(12 * var(--u));background:color-mix(in srgb,var(--gold) 18%,var(--panel));border:1px solid var(--gold);color:var(--gold);font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.08em;text-transform:uppercase}.unlock svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.res-right{position:absolute;right:calc(64 * var(--u));top:calc(70 * var(--u));width:calc(660 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u))}.screen.active .res-right{animation:from-right .45s .08s cubic-bezier(.2,.9,.3,1) both}.results-buttons{position:absolute;right:calc(64 * var(--u));bottom:calc(60 * var(--u));display:flex;gap:calc(14 * var(--u))}.results-buttons .btn.big{min-width:calc(220 * var(--u));justify-content:center}.results-buttons .btn.primary{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:max(18px,calc(26 * var(--u)))}.kill-msg .km-medals{display:flex;gap:calc(6 * var(--u));margin-top:calc(8 * var(--u))}.kill-msg .km-medals span{display:inline-flex;align-items:baseline;gap:calc(6 * var(--u));padding:calc(3 * var(--u)) calc(10 * var(--u));background:var(--sel);color:var(--sel-ink);font-family:var(--f-ui);font-weight:800;font-size:max(11px,calc(13 * var(--u)));letter-spacing:.08em;white-space:nowrap;animation:rise .35s calc(.12s + var(--i) * .12s) cubic-bezier(.2,.9,.3,1) both}.kill-msg .km-medals b{font-weight:700;opacity:.75}.match-banner{position:absolute;left:50%;top:calc(104 * var(--u));display:flex;flex-direction:column;align-items:center;padding:calc(6 * var(--u)) calc(30 * var(--u)) calc(8 * var(--u));transform:translate(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-bottom:calc(3 * var(--u)) solid var(--gold)}.match-banner.show{opacity:1;animation:rise .35s cubic-bezier(.2,.9,.3,1)}.match-banner b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(40 * var(--u));line-height:1;color:var(--gold);white-space:nowrap;text-transform:uppercase}.match-banner small{margin-top:calc(3 * var(--u));font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.match-banner.final{border-bottom-color:var(--danger)}.match-banner.final b{color:var(--danger);font-size:calc(52 * var(--u))}.match-banner.point b{color:var(--text)}.match-banner.super{border-bottom-color:var(--accent)}.match-banner.super b{color:var(--accent-hi)}.match-time.final{border-bottom-color:var(--danger);color:var(--danger);animation:pulse 1s ease-in-out infinite}.kf .tag{padding:0 calc(6 * var(--u));background:var(--sel);color:var(--sel-ink);font-weight:700;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.08em;white-space:nowrap}.nameplate.leader .nm:before{content:"♛ ";color:var(--gold)}.results-stats{margin-top:calc(14 * var(--u))}.results-stats:empty{display:none}.st-head{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));margin-bottom:calc(8 * var(--u));font-family:var(--f-ui);font-weight:700;font-size:max(10px,calc(12 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.st-tabs{display:flex;gap:calc(4 * var(--u))}.st-tabs button{background:var(--panel-2);border:1px solid var(--line);padding:calc(4 * var(--u)) calc(10 * var(--u));cursor:pointer;font:inherit;font-weight:600;font-size:max(10px,calc(10 * var(--u)));letter-spacing:.08em;color:var(--muted)}.st-tabs button:hover{color:var(--text)}.st-tabs button.selected{color:var(--text);background:var(--panel-3);border-bottom:calc(2 * var(--u)) solid var(--accent)}.st-body{display:grid;grid-template-columns:calc(190 * var(--u)) 1fr;gap:calc(16 * var(--u));align-items:start}.st-map{width:calc(190 * var(--u));height:calc(190 * var(--u));border:1px solid var(--line)}.st-rows{display:flex;flex-direction:column;gap:calc(5 * var(--u))}.st-row{display:flex;flex-direction:column;gap:calc(1 * var(--u));padding-bottom:calc(4 * var(--u));border-bottom:1px solid var(--line)}.st-row span{font-family:var(--f-ui);font-weight:600;font-size:max(9px,calc(9 * var(--u)));letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.st-row b{font-family:var(--f-body);font-weight:600;font-size:max(12px,calc(14 * var(--u)));color:var(--text)}.trick-pop{position:absolute;right:calc(206 * var(--u));bottom:calc(150 * var(--u));width:calc(220 * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--u));text-align:center;opacity:0;transition:opacity .35s ease}.trick-pop.show{opacity:1;transition:none;animation:rise .3s cubic-bezier(.2,.9,.3,1)}.trick-pop b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(30 * var(--u));line-height:.95;letter-spacing:.03em;color:var(--sel);text-shadow:0 2px 8px rgba(0,0,0,.85);white-space:nowrap}.trick-pop small{font-family:var(--f-ui);font-weight:600;font-size:max(10px,calc(11 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap}.trick-pop small:empty{display:none}.trick-pop.scrap b{color:var(--ok)}.ability.charged:not(.ready) .ab-ring{animation:bump .45s ease-out}.bar.health.burning{overflow:hidden}.bar.health.burning>.bar-fill{background:linear-gradient(90deg,var(--danger),var(--accent) 60%,var(--sel))}.bar.health.burning:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,200,90,.55),transparent);animation:burn-flicker .7s ease-in-out infinite alternate}.burn-warn{display:none;font-family:var(--f-ui);font-weight:700;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--sel);margin-top:calc(-2 * var(--u))}.burn-warn.show{display:block;animation:pulse .9s ease-in-out infinite}@keyframes burn-flicker{0%{opacity:.15;transform:translate(-30%)}to{opacity:.9;transform:translate(30%)}}@keyframes rise{0%{transform:translateY(calc(16 * var(--u)));opacity:0}}@keyframes from-left{0%{transform:translate(calc(-30 * var(--u)));opacity:0}}@keyframes from-right{0%{transform:translate(calc(30 * var(--u)));opacity:0}}@keyframes hero-in{0%{opacity:0;transform:translate(calc(-24 * var(--u)))}}@keyframes kf-in{0%{transform:translate(calc(30 * var(--u)));opacity:0}}@keyframes bump{40%{transform:scale(1.15)}}@keyframes hit{0%{opacity:.3}to{opacity:1}}@keyframes pulse{50%{opacity:.45}}@keyframes ready{50%{transform:scale(1.06)}}@keyframes cd-pop{0%{transform:translate(-50%,-50%) scale(1.4);opacity:.1}22%{transform:translate(-50%,-50%) scale(1);opacity:1}to{opacity:.85}}.online-col{gap:calc(12 * var(--u))}.on-profile{padding:0 calc(16 * var(--u)) calc(12 * var(--u));flex:0 0 auto}.on-profile .plate-head,.on-rooms .plate-head,.on-right .plate-head{margin:0 calc(-16 * var(--u)) calc(10 * var(--u));padding-left:calc(16 * var(--u));padding-right:calc(16 * var(--u))}.on-nick{display:flex;gap:calc(8 * var(--u))}.on-nick input,.on-code input{flex:1;min-width:0;height:calc(40 * var(--u));padding:0 calc(12 * var(--u));background:var(--panel-3);border:1px solid var(--line);color:var(--text);font-family:var(--f-ui);font-weight:600;font-size:max(12px,calc(15 * var(--u)));letter-spacing:.06em;outline:none}.on-nick input:focus,.on-code input:focus{border-color:var(--sel)}.on-nick input::placeholder,.on-code input::placeholder{color:var(--dim)}.on-hint{margin-top:calc(8 * var(--u));font-size:max(11px,calc(13 * var(--u)));color:var(--muted);line-height:1.35}.on-status{margin-top:calc(6 * var(--u));min-height:calc(16 * var(--u));font-family:var(--f-ui);font-size:max(10px,calc(12 * var(--u)));letter-spacing:.04em;color:var(--sel)}.on-me{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u))}.on-me-nick{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(34 * var(--u));line-height:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.on-edit{padding:calc(6 * var(--u)) calc(10 * var(--u));font-size:max(10px,calc(11 * var(--u)))}.on-stats{display:flex;gap:calc(14 * var(--u));margin-top:calc(8 * var(--u));font-family:var(--f-ui);font-size:max(9px,calc(10 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.on-stats b{display:block;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(22 * var(--u));letter-spacing:0;color:var(--text)}.on-actions{display:flex;flex-direction:column;gap:calc(8 * var(--u));margin-bottom:calc(10 * var(--u))}.on-actions .btn.big small{color:color-mix(in srgb,var(--accent-ink) 75%,var(--accent))}.on-code{display:flex;gap:calc(8 * var(--u))}.on-code input{text-transform:uppercase;letter-spacing:.3em}.on-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:calc(6 * var(--u))}.on-room{display:grid;grid-template-columns:1fr auto auto;gap:calc(10 * var(--u));align-items:center;padding:calc(8 * var(--u)) calc(10 * var(--u));background:var(--panel-2);border-left:calc(3 * var(--u)) solid var(--line)}.on-room.here{border-left-color:var(--sel)}.on-room-main b{display:block;font-family:var(--f-ui);font-weight:700;font-size:max(12px,calc(14 * var(--u)));color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-room-main small{font-size:max(10px,calc(12 * var(--u)));color:var(--muted)}.on-room-n{font-family:var(--f-ui);font-size:max(10px,calc(12 * var(--u)));color:var(--muted);text-align:right;white-space:nowrap}.on-room-n b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(24 * var(--u));color:var(--text)}.on-room-n small{display:block;font-size:max(9px,calc(10 * var(--u)))}.on-room .btn{padding:calc(6 * var(--u)) calc(12 * var(--u));font-size:max(10px,calc(11 * var(--u)))}.on-empty{padding:calc(14 * var(--u)) calc(4 * var(--u));font-size:max(11px,calc(13 * var(--u)));color:var(--muted);line-height:1.4}.on-right{padding:0 calc(16 * var(--u)) calc(14 * var(--u));overflow-y:auto}.on-create,.on-lobby{display:flex;flex-direction:column;gap:calc(10 * var(--u))}.on-create .match-panel,.on-settings{grid-template-columns:calc(64 * var(--u)) 1fr}.on-code-big{display:flex;align-items:center;gap:calc(12 * var(--u))}.on-code-big b{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:calc(40 * var(--u));letter-spacing:.12em;color:var(--sel);line-height:1}.on-code-big .btn{margin-left:auto;padding:calc(7 * var(--u)) calc(12 * var(--u));font-size:max(10px,calc(11 * var(--u)))}.on-rules{font-size:max(11px,calc(13 * var(--u)));color:var(--muted)}.on-players{display:flex;flex-direction:column;gap:calc(4 * var(--u))}.on-player{display:grid;grid-template-columns:1fr auto auto;gap:calc(10 * var(--u));align-items:center;padding:calc(7 * var(--u)) calc(10 * var(--u));background:var(--panel-2);font-size:max(11px,calc(13 * var(--u)))}.on-player.me{box-shadow:inset calc(3 * var(--u)) 0 0 var(--sel)}.on-player.bot{grid-template-columns:1fr;color:var(--dim);background:transparent;border:1px dashed var(--line)}.on-pn{font-family:var(--f-ui);font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-pn small{font-weight:500;color:var(--sel);margin-left:calc(4 * var(--u))}.on-crown{font-style:normal;color:var(--gold);margin-right:calc(6 * var(--u))}.on-pc{color:var(--muted)}.on-pr{font-family:var(--f-ui);font-size:max(9px,calc(10 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.on-pr.ok{color:var(--ok)}.on-wait{font-size:max(11px,calc(13 * var(--u)));color:var(--text);line-height:1.4}.on-buttons{display:flex;gap:calc(8 * var(--u))}.on-buttons .btn{flex:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}