@font-face{font-family:Rajdhani;font-weight:500;src:url(/spielen/assets/fonts/rajdhani-500.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-weight:600;src:url(/spielen/assets/fonts/rajdhani-600.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-weight:700;src:url(/spielen/assets/fonts/rajdhani-700.woff2) format("woff2")}:root{color-scheme:dark;--bg: #07090d;--panel: rgba(12, 16, 23, .94);--panel-2: rgba(22, 29, 40, .96);--line: rgba(120, 170, 220, .22);--line-strong: rgba(140, 200, 255, .5);--text: #e6eef7;--muted: #8a9bb0;--gold: #ffd166;--crystal: #7fe3ff;--self: #5cff8a;--ally: #3aa0ff;--enemy: #ff4a4a;--warn: #ff6b5a;--vanguard: #ff8a2a;--brood: #9dff3a;--aether: #45e0ff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Rajdhani,Segoe UI,system-ui,sans-serif;font-weight:500;user-select:none;-webkit-user-select:none}#stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:var(--bg)}#canvas-host,#canvas-host canvas{position:absolute;inset:0;width:100%;height:100%}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}#topbar{position:absolute;left:0;right:0;top:0;height:64px;display:grid;grid-template-columns:minmax(0,640px) 230px 460px minmax(0,640px);justify-content:center;align-items:center;gap:28px;padding:0 max(380px,calc(50% - 820px)) 0 max(70px,calc(50% - 1130px));background:linear-gradient(180deg,#0a0e14fa,#0a0e14e6);border-bottom:1px solid var(--line)}.core-box{display:flex;flex-direction:column;gap:4px}.core-box.right{text-align:right}.core-label{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.core-label b{color:var(--text);font-weight:700}.hpbar{height:12px;background:#ffffff12;border:1px solid var(--line);border-radius:3px;overflow:hidden;position:relative}.hpbar>i{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,#2fd46a,#7dff9e);transition:width .25s}.core-box.right .hpbar>i{left:auto;right:0;background:linear-gradient(270deg,#d43a2f,#ff7d6d)}.core-box.hit .hpbar{box-shadow:0 0 12px var(--warn);border-color:var(--warn)}#wavebox{text-align:center}#wavebox .wave-title{font-size:15px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}#wavebox .wave-num{font-size:28px;font-weight:700;line-height:1}#wavebox .wave-in{font-size:17px;color:var(--gold)}.wave-progress{height:4px;margin-top:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.wave-progress>i{display:block;height:100%;background:var(--gold)}#wavebox.soon .wave-in{color:#fff;animation:pulse .5s infinite alternate}#midbox{display:flex;flex-direction:column;gap:4px}#midbox .mid-label{display:flex;justify-content:space-between;font-size:15px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}#midbox .mid-label b{color:var(--text)}.midbar{position:relative;height:14px;border-radius:7px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,#3aa0ff59,#ffffff0d 50%,#ff4a4a59)}.midbar:before,.midbar:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#ffffff59}.midbar:before{left:25%}.midbar:after{left:75%}.midbar>i{position:absolute;top:-2px;bottom:-2px;width:6px;margin-left:-3px;background:#fff;box-shadow:0 0 10px #fff;border-radius:3px;transition:left .2s}#clock{position:absolute;right:max(22px,calc(50% - 1178px));top:50%;transform:translateY(-50%);font-size:18px;color:var(--muted)}#topbar .menu-btn{position:absolute;left:max(20px,calc(50% - 1180px));top:50%;transform:translateY(-50%)}#panel{position:absolute;left:0;right:0;bottom:0;height:var(--panel-h);display:grid;grid-template-columns:176px 196px minmax(0,1fr) 366px 150px;gap:12px;align-items:stretch;padding:8px max(14px,calc(50% - 1070px)) 7px;background:linear-gradient(0deg,#080b10fc,#0c1119f5);border-top:1px solid var(--line-strong);box-shadow:0 -8px 30px #0009}#panel>*{min-width:0;min-height:0}.section-title{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}.section-title b{color:var(--self);font-weight:600}.drag-chip{position:absolute;z-index:60;display:none;width:60px;height:60px;pointer-events:none!important;border-radius:10px;background:#080b10d9;border:2px solid var(--self);box-shadow:0 0 16px #5cff8a59}.hotkey,kbd{font-family:inherit;font-size:14px;font-weight:700;padding:0 5px;border-radius:3px;border:1px solid var(--line-strong);color:var(--text);background:#ffffff0f;line-height:1.2}#shop{display:flex;flex-direction:column;gap:6px;min-width:0}.econ{display:flex;align-items:center;gap:14px;height:36px;flex:none}.econ .minerals{display:inline-flex;align-items:center;gap:6px;height:36px;font-size:36px;font-weight:700;color:var(--crystal);line-height:36px;text-shadow:0 0 18px rgba(127,227,255,.35)}.econ .minerals:before{content:"◆";font-size:22px;line-height:1}.econ .minerals.gain{animation:gain .9s ease-out}@keyframes gain{0%{transform:scale(1)}18%{transform:scale(1.18);color:#fff;text-shadow:0 0 22px var(--crystal),0 0 6px #fff}to{transform:scale(1)}}.econ .income{font-size:17px;color:var(--muted);white-space:nowrap}.econ .income b{color:var(--text)}.econ .income .bonus{color:var(--ally);font-size:16px;margin-left:4px}.shop-row{display:flex;flex:1;min-height:0}.pots{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pot{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:8px 12px 10px;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,var(--panel-2),rgba(10,14,20,.98));border:1px solid var(--line-strong);transition:transform .08s,border-color .1s,box-shadow .1s}.pot:hover,.pot:focus-visible{outline:none;transform:translateY(-2px);border-color:var(--crystal);box-shadow:0 6px 18px #00000080,0 0 14px #7fe3ff2e}.pot-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:28px;flex:none}.pot-tier{font-size:22px;font-weight:700;letter-spacing:.06em;line-height:28px;color:var(--text)}.pot-minis{display:flex;gap:6px;flex:1;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden}.pot-minis .mini-w{flex:0 1 62px;min-width:0;max-width:62px;aspect-ratio:1;position:relative}.pot-minis .mini{width:100%;height:100%;border-radius:6px;background:#ffffff0a}.pot-q{color:var(--gold);font-weight:700;font-size:16px}.pot.has-q{border-color:#ffd166b3;box-shadow:inset 0 0 14px #ffd1661a}.pot.locked{border-color:#ffd16673;border-style:dashed}.pot.locked .pot-minis,.pot.locked .pot-tier{filter:grayscale(.85) brightness(.55)}.pot .lock{display:none}.pot.locked .lock{position:absolute;right:8px;top:6px;z-index:3;display:flex;align-items:center;gap:6px;white-space:nowrap;height:28px;padding:0 9px;border-radius:5px;border:1px solid rgba(255,209,102,.5);background:#0c1118;color:var(--gold);font-size:16px;font-weight:700;line-height:1.2}.pot.locked .lock svg{width:16px;height:16px}.pot.locked .lock .lock-bar{width:56px}.pot.locked .lock:hover{background:#ffd1661f}.pot.locked .lock.off{cursor:default}.pot.locked .lock.off:hover{background:#0c1118}.pot.locked .lock.poor b{color:var(--warn)}.pot.locked .lock.busy{color:var(--text)}.lock .lock-after{font-size:15px;color:var(--muted);font-weight:600}.lock .lq{color:var(--gold);font-size:15px}.potview{flex:1;min-width:0;display:flex;gap:8px}.potview[hidden],.pots[hidden],.pot-cards .cards[hidden]{display:none}.pot-back{flex:0 0 52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px 2px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line-strong)}.pot-back:hover{border-color:var(--crystal);background:#283446f5}.pot-back .pb-arrow{font-size:28px;height:34px;line-height:34px}.pot-back .pb-tier{font-size:18px;font-weight:700;color:var(--crystal);height:22px;line-height:22px}.pot-back .pb-key{font-size:14px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 4px}.pot-cards{flex:1;min-width:0;display:flex}.pot-cards .cards{display:grid;gap:8px;flex:1;min-width:0;justify-content:start}.lock-bar{display:block;width:70%;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.lock-bar>i{display:block;height:100%;background:var(--gold)}.card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;border-radius:8px;padding:4px 2px 36px;text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--panel-2),rgba(10,14,20,.98));border:1px solid var(--line);transition:transform .08s,border-color .1s,box-shadow .1s}.card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 6px 18px #00000080}.card:active{transform:translateY(0)}.card .portrait{width:100%;flex:1;min-height:40px}.card .name{width:100%;font-size:14px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .cost{font-size:17px;font-weight:700;color:var(--crystal);line-height:1.1}.card .cost:before{content:"◆ ";font-size:14px}.card .hotkey{position:absolute;left:4px;top:4px;z-index:2;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:17px;min-width:20px;text-align:center}.card.poor .cost{color:var(--warn)}.card.poor .portrait{opacity:.55}.card.locked{cursor:not-allowed}.card.locked .portrait,.card.locked .name{filter:grayscale(.85) brightness(.55)}.card.flash{animation:cardflash .3s}.qbadge{position:absolute;right:4px;top:4px;z-index:2;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--gold);color:#1a1406;font-size:15px;font-weight:700;line-height:22px;text-align:center;box-shadow:0 0 8px #ffd16680}.qbadge:empty{display:none}.card.next:before{content:"";position:absolute;inset:0;border-radius:8px;padding:3px;pointer-events:none;z-index:1;background:conic-gradient(var(--gold) calc(var(--p, 0) * 1turn),rgba(255,209,102,.15) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hero-slot{display:flex;min-width:0;min-height:0}.hero-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;border-radius:8px;padding:6px 6px 8px;cursor:pointer;text-align:center;background:linear-gradient(180deg,#3c2e0ebf,#0e0c08f5);border:1px solid rgba(255,209,102,.6);box-shadow:inset 0 0 22px #ffd1661f;transition:transform .08s,box-shadow .1s}.hero-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 22px #ffd16633,0 6px 18px #00000080}.hero-card .hotkey{position:absolute;left:5px;top:5px;z-index:2}.hero-card .portrait{width:100%;flex:1;min-height:60px}.hero-card .name{font-size:17px;font-weight:700;line-height:1.15;color:#fff3d0}.hero-card .cost{font-size:19px;font-weight:700;color:var(--crystal);line-height:1.15}.hero-card .cost:before{content:"◆ ";font-size:15px}.hero-card.poor .cost{color:var(--warn)}.hero-panel{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:0 6px;border-radius:8px;min-width:0;background:linear-gradient(180deg,#28200cb3,#0c0c0af5);border:1px solid rgba(255,209,102,.5)}.hp-head{display:flex;gap:8px;align-items:center;height:66px;flex:none}.hp-portrait{width:66px;height:66px;flex:none;position:relative;overflow:hidden;border-radius:6px;background:#ffffff0d;cursor:pointer;border:1px solid rgba(255,209,102,.35)}.hp-portrait:hover{border-color:var(--gold)}.hp-id{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.hp-id>[data-el=pips]{height:12px;line-height:12px}.hp-name{font-size:17px;font-weight:700;line-height:20px;color:#fff3d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-id .pips{margin:0;vertical-align:top}.pips.gold i.on{background:var(--gold)}.hp-bar{position:relative;height:10px;border-radius:3px;background:#ffffff14;overflow:hidden}.hp-bar>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2fd46a,#7dff9e)}.hp-bar>b{position:absolute;left:0;top:0;height:3px;background:#7fe3ff}.hp-status{font-size:14px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-status:empty{display:none}.hp-status .bad{color:var(--warn)}.hp-status .soon{color:var(--gold)}.hero-slot.dead .hp-portrait{filter:saturate(.35) brightness(.75)}.hero-slot.waiting .hp-portrait{opacity:.9}.hp-skills{display:flex;gap:5px;align-items:center;height:66px;flex:none}.hp-passive{width:40px;height:40px;flex:none;position:relative;border-radius:6px;opacity:.9}.skill{position:relative;width:66px;height:66px;padding:0;border:none;background:none;flex:none}.skill .sk-img{position:absolute;left:0;top:0;width:66px;height:66px;border-radius:8px;box-shadow:0 0 0 2px #ffffff1f}.skill.auto-on .sk-img{box-shadow:0 0 0 2px var(--gold)}.skill.aimed .sk-img{box-shadow:0 0 0 3px #fff,0 0 14px #fff;animation:pulse .4s infinite alternate}.skill .cd{position:absolute;left:0;top:0;width:66px;height:66px;border-radius:8px;pointer-events:none;background:conic-gradient(rgba(5,8,12,.78) calc(var(--cd, 0) * 1turn),transparent 0)}.skill:not(.ready) .sk-img{filter:saturate(.4)}.skill .cdt{position:absolute;left:0;top:0;width:66px;line-height:66px;text-align:center;font-size:24px;font-weight:700;text-shadow:0 1px 3px #000;pointer-events:none}.skill .key{position:absolute;left:3px;top:3px;font-size:14px;font-weight:700;padding:0 4px;border-radius:3px;background:#0b0e12;border:1px solid var(--line-strong);line-height:1.2}.skill .auto{position:absolute;left:0;right:0;bottom:0;font-size:14px;font-weight:700;line-height:16px;border-radius:0 0 8px 8px;text-align:center;color:var(--muted);background:#080b10d1;letter-spacing:.04em}.skill.auto-on .auto{color:#1a1406;background:var(--gold)}.skill:hover .sk-img{filter:brightness(1.15)}#tech{display:grid;grid-template-columns:repeat(3,118px);grid-template-rows:repeat(2,84px);gap:6px;align-content:center}.tech-btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:2px;text-align:left;padding:4px 8px 4px 10px;min-width:0;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);transition:border-color .1s,background .1s}.tech-btn:hover:not(:disabled){border-color:var(--line-strong);background:#283446f5}.tech-btn:disabled{opacity:.45;cursor:default}.tech-btn .t-name{font-size:16px;font-weight:700;line-height:1.2;display:flex;align-items:center;justify-content:space-between;gap:4px;white-space:nowrap}.tech-btn .t-name .hotkey{flex:none;padding:0 4px}.tech-btn .t-pips{height:12px;display:flex;align-items:center}.tech-btn .pips{margin:0;gap:3px;vertical-align:top}.tech-btn .pips i{width:12px;height:10px}.tech-btn .pips i:not(.on){background:#ffffff38}.tech-btn .t-cost{font-size:19px;font-weight:700;line-height:1.15;color:var(--crystal);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.tech-btn .t-cost svg{width:14px;height:14px;flex:none}.tech-btn.locked .t-cost{color:var(--muted)}.tech-btn.poor .t-cost{color:var(--warn)}.tech-btn.busy{opacity:1;border-color:#ffd16699}.pips{display:inline-flex;gap:3px;margin-left:6px;vertical-align:2px}.pips i{width:9px;height:9px;border-radius:2px;background:#ffffff1f}.pips i.on{background:var(--gold)}.pips.red i.on{background:#ff5a3c}.pips.silver i.on{background:#c9d3dd}.pips i.l2{background:#ffb347}.pips i.l3{background:#ff7a3c}#teams{display:flex;flex-direction:column;gap:3px;font-size:14px;justify-content:center}.team-sep{height:1px;margin:2px 4px;background:var(--line-strong);flex:none}.prow{display:grid;grid-template-columns:8px minmax(0,1fr) 8px auto auto;gap:4px;align-items:center;height:24px;padding:0 5px;border-radius:5px;background:#ffffff08}.prow>*{line-height:20px}.prow .pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.prow.me{background:#5cff8a14;outline:1px solid rgba(92,255,138,.3)}.prow .dot{width:8px;height:8px;border-radius:50%}.prow .army .sword{width:.9em;height:.9em;margin-right:.2em;vertical-align:-.1em}.prow .army{color:var(--crystal);font-weight:600;font-size:14px;white-space:nowrap}.prow .tier{color:var(--muted);font-size:14px}.hero-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.hero-dot.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 5px var(--gold)}.hero-dot.dead{border-color:var(--gold)}#minimap{position:relative;align-self:start;z-index:5;border-radius:6px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 6px 22px #0000008c;cursor:crosshair}#minimap canvas{display:block}.scan-btn{position:absolute;right:4px;top:4px;z-index:2;width:36px;height:36px;padding:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--crystal);background:#080e16b3;border:1px solid rgba(127,227,255,.55);box-shadow:0 2px 8px #0009;transition:border-color .1s,background .1s}.scan-btn .sc-ico,.scan-btn .sc-lock{width:22px;height:22px;grid-area:1 / 1}.scan-btn .sc-lock{display:none;width:18px;height:18px}.scan-btn .sc-ring{position:absolute;inset:-5px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--crystal) calc(var(--cd, 0) * 1turn),transparent 0);-webkit-mask:radial-gradient(circle,transparent 18px,#000 18.5px);mask:radial-gradient(circle,transparent 18px,#000 18.5px)}.scan-btn .hotkey{position:absolute;right:-5px;bottom:-5px;font-size:14px;font-weight:700;padding:0 5px;line-height:1.2;border-radius:3px;background:#0b0e12;border:1px solid var(--line-strong);color:var(--text, #e6edf3)}.scan-btn:hover{background:#182838f2;border-color:var(--crystal)}.scan-btn.on{background:#7fe3ff38;border-color:#e8fbff;box-shadow:0 0 0 2px #7fe3ff73,0 2px 8px #0009}.scan-btn.off{color:#8a95a1;border-color:#a0aab459}.scan-btn.off .sc-ico{display:none}.scan-btn.off .sc-lock{display:block}.scan-btn.poor:not(.off):not(.busy){border-color:#ffaa5a99}.scan-btn.poor:not(.off):not(.busy) .sc-ico{opacity:.5}.scan-btn.busy{cursor:default}.scan-btn:focus-visible{outline:2px solid #e8fbff;outline-offset:2px}#tooltip,#plottip{position:absolute;z-index:50;width:400px;padding:10px 14px;border-radius:8px;pointer-events:none;background:#080b10f7;border:1px solid var(--line-strong);box-shadow:0 10px 30px #0009;font-size:16px;line-height:1.25;display:none}#plottip{width:320px}#tooltip h4,#plottip h4{margin:0 0 2px;font-size:21px;display:flex;align-items:center;gap:6px}#tooltip .tt-sub,#plottip .tt-sub{color:var(--muted);font-size:15px;margin-bottom:6px}#tooltip .tt-extra{margin-top:6px}#tooltip .tt-role,#plottip .tt-role{margin-bottom:6px}#tooltip .tt-row{display:flex;gap:6px}#tooltip .tt-row b{min-width:104px;font-weight:600}#tooltip .good,#plottip .good,.ok{color:var(--self)}#tooltip .bad,#plottip .bad{color:var(--warn)}#tooltip .stats,#plottip .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px 10px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line);font-size:15px}#tooltip .stats span,#plottip .stats span{color:var(--muted)}#tooltip:has(.stats.two){width:430px}#tooltip .stats.two{grid-template-columns:1.15fr 1fr;gap:0 12px}#tooltip .stats.two>div{white-space:nowrap;line-height:20px}#tooltip .tt-hint,#plottip .tt-hint{margin-top:6px;font-size:15px;color:var(--gold)}#plottip .in-sec{margin-top:8px}.tt-skills{margin-top:8px;display:flex;flex-direction:column;gap:6px}.sk{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:start}.sk-icon{width:40px;height:40px;position:relative;border-radius:6px}.sk-name{font-weight:700;font-size:15px}.sk-name b{font-size:15px;margin-left:4px}.sk-desc{font-size:15px;color:var(--text);opacity:.85}.sk-meta{font-size:15px;color:var(--muted)}.cdl{color:var(--warn)}.auto-on{color:var(--gold)}.auto-off{color:var(--muted)}#toasts{position:absolute;left:50%;top:84px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{padding:6px 22px;border-radius:6px;font-size:22px;font-weight:700;letter-spacing:.06em;background:#080b10cc;border:1px solid var(--line-strong);animation:toast 2.6s forwards}.toast.good{color:var(--self);border-color:#5cff8a80}.toast.bad{color:var(--warn);border-color:#ff6b5a80}.toast.big{font-size:24px;padding:6px 22px;max-width:560px}.overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#07090db3,#07090df5)}.menu-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.35) saturate(.8);z-index:-1}.logo{font-size:120px;font-weight:700;letter-spacing:.18em;line-height:1;margin:0;background:linear-gradient(180deg,#fff,#9fc8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 30px rgba(80,160,255,.35))}.logo-sub{font-size:24px;color:var(--muted);letter-spacing:.4em;text-transform:uppercase;margin:6px 0 36px}.factions{display:flex;gap:22px;margin-bottom:26px}.fcard{width:330px;height:400px;border-radius:12px;position:relative;overflow:hidden;padding:18px;text-align:left;background:linear-gradient(180deg,#161d28e6,#080b10f5);border:2px solid var(--line);transition:transform .12s,border-color .12s,box-shadow .12s}.fcard:hover{transform:translateY(-4px)}.fcard.sel{border-color:var(--fc);box-shadow:0 0 32px color-mix(in srgb,var(--fc) 45%,transparent),inset 0 0 40px color-mix(in srgb,var(--fc) 12%,transparent)}.fcard .portrait{position:absolute;left:24px;right:24px;top:36px;height:180px}.fcard .f-hero{position:absolute;left:18px;right:18px;bottom:76px;font-size:15px;color:var(--gold);line-height:1.25}.fcard .f-hero b{color:#fff3d0}.howto.keys{max-width:1240px;font-size:16px}.howto.keys b{font-size:18px}.opt-row{margin-top:12px}.fcard .f-name{position:absolute;left:18px;right:18px;bottom:118px;font-size:38px;font-weight:700;color:var(--fc);letter-spacing:.06em}.fcard .f-tag{position:absolute;left:18px;right:18px;bottom:18px;font-size:18px;color:var(--muted);line-height:1.25}.fcard .f-key{position:absolute;right:14px;top:12px}.row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.row .label{width:150px;text-align:right;color:var(--muted);font-size:18px;letter-spacing:.1em;text-transform:uppercase}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{padding:10px 24px;font-size:20px;font-weight:600;background:#ffffff08;border:none;border-right:1px solid var(--line)}.seg button:last-child{border-right:none}.seg button.sel{background:#5ca0ff40;color:#fff}.btn-primary{margin-top:14px;padding:14px 70px;font-size:30px;font-weight:700;letter-spacing:.2em;border-radius:10px;background:linear-gradient(180deg,#3fa3ff,#1d6fd1);border:1px solid #8cc8ff;color:#fff;text-transform:uppercase;box-shadow:0 6px 30px #288cff66}.btn-primary:hover{filter:brightness(1.15)}.btn{padding:10px 26px;font-size:20px;font-weight:600;border-radius:8px;background:var(--panel-2);border:1px solid var(--line-strong)}.btn:hover{background:#283446f5}.howto{display:flex;gap:26px;margin-top:28px;color:var(--muted);font-size:18px;max-width:1300px}.howto div{flex:1}.howto b{display:block;color:var(--text);font-size:20px;margin-bottom:2px}.end-title{font-size:130px;font-weight:700;letter-spacing:.2em;margin:0}.end-title.win{color:var(--self);text-shadow:0 0 40px rgba(92,255,138,.5)}.end-title.lose{color:var(--warn);text-shadow:0 0 40px rgba(255,107,90,.5)}.end-stats{display:grid;grid-template-columns:repeat(4,180px);gap:16px;margin:20px 0 30px;text-align:center}.end-stats div{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:12px}.end-stats b{display:block;font-size:34px;color:var(--crystal)}.end-stats span{color:var(--muted);font-size:16px;text-transform:uppercase;letter-spacing:.1em}.btns{display:flex;gap:14px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:22px;color:var(--muted)}.loading .bar{width:420px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.loading .bar i{display:block;height:100%;width:0;background:var(--crystal);transition:width .2s}#speed{position:absolute;right:max(180px,calc(50% - 1020px));top:50%;transform:translateY(-50%);display:flex;gap:6px}.corner-btn{position:absolute;top:24px;right:28px;font-size:18px}.menu-audio{position:absolute;left:28px;top:24px;width:340px}.menu-audio .audio-settings{width:100%}.small-btn{padding:4px 10px;font-size:15px;font-weight:700;border-radius:5px;background:#ffffff0d;border:1px solid var(--line)}.small-btn:hover{border-color:var(--line-strong)}@keyframes pulse{0%{opacity:1}to{opacity:.45}}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes cardflash{0%{box-shadow:0 0 0 2px var(--self)}to{box-shadow:0 0 0 0 transparent}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.nope{animation:shake .25s}.up-chip{position:absolute;left:4px;right:4px;bottom:4px;height:30px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 4px;border-radius:5px;font-size:14px;font-weight:700;background:#ffd16614;border:1px solid rgba(255,209,102,.35);color:var(--gold);z-index:2}.up-chip span{flex:none}.up-chip b{color:var(--crystal);flex:none}.up-chip:hover{background:#ffd1662e}.up-chip.poor b{color:var(--warn)}.up-chip.locked{opacity:.4}.up-chip.owned{background:#5cff8a1f;border-color:#5cff8a80;color:var(--self)}.up-chip.owned b{display:none}.up-chip.owned span:after{content:" ✓"}.prow{cursor:pointer}.prow:hover{background:#ffffff14}#inspector{position:absolute;z-index:30;top:80px;right:max(16px,calc(50% - 1184px));width:360px;max-height:calc(100% - 64px - var(--panel-h) - 30px);overflow-y:auto;padding:14px 16px 12px;border-radius:10px;background:#080b10f0;border:1px solid var(--line-strong);box-shadow:0 12px 32px #0000008c;font-size:15px;line-height:1.3;display:flex;flex-direction:column;gap:7px}#inspector[hidden]{display:none}body.aiming #inspector{pointer-events:none;opacity:.35}.in-close{position:absolute;right:6px;top:4px;width:32px;height:32px;background:none;border:none;font-size:16px;color:var(--muted)}.in-close:hover{color:var(--text)}.in-head{display:flex;gap:12px;align-items:center}.in-portrait{width:72px;height:72px;flex:none;border-radius:8px;background:#ffffff0a}.in-name{font-size:22px;font-weight:700;line-height:1.1}.in-owner{font-size:15px;color:var(--muted);margin-top:2px}.in-tags{font-size:15px;color:var(--muted)}.tag{font-size:15px;font-weight:700;padding:0 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em}.tag.self{background:#5cff8a2e;color:var(--self)}.tag.ally{background:#3aa0ff2e;color:var(--ally)}.tag.enemy{background:#ff4a4a2e;color:var(--enemy)}.in-bar{position:relative;height:18px;border-radius:4px;background:#ffffff12;overflow:hidden}.in-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2fd46a,#7dff9e)}.in-bar.sh i{background:linear-gradient(90deg,#2c9fd6,#7fe3ff)}.in-bar span{position:relative;font-size:15px;font-weight:700;padding-left:6px;line-height:18px;color:#04200f}.in-bar.sh span{color:#021622}.in-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;font-weight:600;font-variant-numeric:tabular-nums}.in-stats span{display:block;font-size:15px;font-weight:500;color:var(--muted)}.in-desc{font-size:15px;color:var(--muted)}.in-sec{margin-top:4px;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:6px}.in-row{display:flex;justify-content:space-between;align-items:center}.in-row.warn b{color:var(--warn)}.in-up{padding:6px 8px;border-radius:6px;background:#ffffff0a;border:1px solid var(--line)}.in-up.on{border-color:#5cff8a73;background:#5cff8a12}.in-up .ok{color:var(--self)}.in-up .soon{color:var(--gold)}.in-up .no{color:var(--muted);font-weight:500}.in-foot{font-size:15px;color:var(--muted);text-align:right}.in-chips{display:flex;flex-wrap:wrap;gap:4px}.in-chips .chip{font-size:15px;padding:1px 6px;border-radius:4px;background:#ffd1661a;color:var(--gold)}.in-roster{display:flex;flex-wrap:wrap;gap:6px}.in-unit{position:relative;width:56px;padding:4px;border-radius:6px;background:#ffffff0a;text-align:center;font-size:15px}.in-unit>div{width:44px;height:44px;margin:0 auto}.in-unit.up{outline:1px solid rgba(255,209,102,.5)}.in-unit i{position:absolute;top:2px;right:4px;font-style:normal;color:var(--gold);font-size:15px}.muted{color:var(--muted)}.in-title{font-size:15px;color:var(--gold)}.in-name .pips{vertical-align:4px}.in-skills{display:flex;flex-direction:column;gap:7px}.in-states{display:flex;flex-wrap:wrap;gap:4px}.st{font-size:15px;font-weight:700;padding:0 6px;border-radius:4px;background:#ffffff0f}.st.stun{color:#9ff4ff}.st.bar{color:var(--gold)}.st.buff{color:#ffa040}.st.slow{color:#c79bff}.cat{font-size:15px;font-weight:700;padding:0 5px;border-radius:3px;background:#101418;border:1px solid currentColor}.cat-DMG{color:#ff5a3c}.cat-APS{color:#ffd23c}.cat-MOV{color:#bff6ff}.cat-DEF{color:#c9d3dd}.cat-RNG{color:#4aa8ff}.cat-AOE{color:#ff9a2a}.cat-SHD{color:#45e0ff}.cat-HEAL{color:#7dff9a}.cat-CTRL{color:#b06bff}.cat-SUM{color:#ffb347}.audio-settings{width:420px;padding:12px 16px 10px;border-radius:10px;text-align:left;display:flex;flex-direction:column;gap:4px;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 6px 24px #00000073}.audio-settings .as-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.audio-settings .as-mute{padding:4px 10px;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:none;border-radius:5px;color:var(--text);background:#ffffff0d;border:1px solid var(--line);transition:border-color .1s,background .1s}.audio-settings .as-mute:hover{border-color:var(--line-strong);background:#ffffff17}.audio-settings .as-mute.on{color:var(--warn);border-color:#ff6b5a99;background:#ff6b5a1f}.audio-settings .as-row{display:grid;grid-template-columns:112px 1fr 40px;align-items:center;gap:12px;cursor:pointer}.audio-settings .as-label{font-size:17px;font-weight:600}.audio-settings .as-val{font-size:16px;font-weight:700;color:var(--crystal);text-align:right;font-variant-numeric:tabular-nums}.audio-settings.muted .as-range,.audio-settings.muted .as-val{opacity:.4}.as-range{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer}.as-range:focus{outline:none}.as-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;border:1px solid var(--line);background:linear-gradient(90deg,var(--crystal) 0 var(--fill),rgba(255,255,255,.08) var(--fill) 100%)}.as-range::-moz-range-track{height:6px;border-radius:3px;border:1px solid var(--line);background:linear-gradient(90deg,var(--crystal) 0 var(--fill),rgba(255,255,255,.08) var(--fill) 100%)}.as-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid var(--crystal);box-shadow:0 0 8px #7fe3ff8c;transition:transform .08s}.as-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--crystal);box-shadow:0 0 8px #7fe3ff8c}.as-range:hover::-webkit-slider-thumb{transform:scale(1.15)}.as-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #7fe3ff4d,0 0 8px #7fe3ff8c}.tech-btn.off{opacity:.45;cursor:default}.tech-btn.off:hover{border-color:var(--line);background:var(--panel-2)}.qbadge.sm{left:-7px;right:auto;top:-7px;min-width:20px;height:20px;line-height:20px;border-radius:10px;padding:0 5px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:2px}.qbadge.sm:empty{display:none}.tech-btn .qbadge.sm{left:auto;right:-6px;top:-7px}.qbadge.locked{background:#59626e;color:#e6eef7;box-shadow:none}.qbadge .lk{width:11px;height:11px}.qnext:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:3px;pointer-events:none;z-index:1;background:conic-gradient(var(--gold) calc(var(--p, 0) * 1turn),rgba(255,209,102,.15) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hero-card .qbadge.sm{left:auto;right:-6px;top:-7px}.up-chip{gap:6px}.up-chip .ud{display:inline-flex;gap:3px;flex:none}.up-chip .ud i{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,209,102,.7);background:#0b0e12}.up-chip .ud i.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 4px #ffd166b3}.up-chip .uc{display:inline-flex;align-items:center;gap:2px;color:var(--crystal);font-size:15px}.up-chip .uc .lk{width:12px;height:12px}.up-chip.poor .uc{color:var(--warn)}.up-chip.locked{opacity:1;filter:grayscale(.9);background:#ffffff0a;border-color:#ffffff2e;color:var(--muted)}.up-chip.locked .uc{color:var(--muted)}.up-chip.maxed{background:#ffd16624;border-color:var(--gold);cursor:default}.up-chip.maxed .uc{color:var(--gold)}.up-chip.maxed:hover{background:#ffd16624}.up-chip .qbadge.sm{left:auto;right:-5px;top:-11px}.up-chip.flash{animation:cardflash .3s}.orders{flex:1;min-width:0;display:flex;justify-content:flex-start;align-items:center;gap:4px;margin-left:6px;overflow:hidden;align-self:center}.oc{position:relative;flex:none;height:28px;display:inline-flex;align-items:center;gap:3px;padding:0 6px 0 3px;border-radius:6px;background:var(--panel-2);border:1px solid rgba(255,209,102,.45);overflow:hidden}.oc:hover{border-color:var(--warn);background:#ff6b5a1a}.oc .op{position:relative;display:inline-block;width:22px;height:22px;border-radius:4px;flex:none}.oc .og{width:22px;height:22px;flex:none;margin:0 1px}.oc .olv{position:absolute;left:16px;bottom:1px;font-size:14px;line-height:14px;font-weight:700;color:var(--gold);text-shadow:0 0 3px #000,0 0 2px #000}.oc .otier{width:24px;text-align:center;font-size:16px;font-weight:700;color:var(--crystal);letter-spacing:-.04em}.oc .ocost{display:inline-flex;align-items:center;gap:2px;font-size:15px;font-weight:700;color:var(--crystal)}.oc .ocost .lk{width:11px;height:11px}.oc.lock{border-color:#fff3}.oc.lock .op,.oc.lock .og,.oc.lock .otier{filter:grayscale(1) brightness(.6)}.oc.lock .ocost{color:var(--muted)}.oc.next{border-color:var(--gold);box-shadow:0 0 8px #ffd16659}.oc.next:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--p, 0) * 100%);background:var(--gold)}.omore{flex:none;font-size:16px;font-weight:700;color:var(--gold);padding:0 4px}.hero-up{position:relative;display:flex;align-items:center;gap:4px;height:30px;width:100%;padding:0 6px;min-width:0;overflow:hidden;border-radius:6px;flex:none;background:#ffd1661f;border:1px solid rgba(255,209,102,.7);color:var(--gold);font-size:15px;font-weight:700;white-space:nowrap}.hero-up:hover{background:#ffd16638}.hero-up[hidden]{display:none}.hero-up.max{background:none;border-color:transparent;color:var(--muted);justify-content:center;pointer-events:none}.hero-up.max .hu-ch,.hero-up.max .hotkey{display:none}.hero-up .hu-ch{font-size:15px;flex:none}.hero-up .hu-txt,.hero-up .hu-cost{flex:none}.hero-up .qbadge.sm{position:absolute;left:3px;right:auto;top:50%;transform:translateY(-50%)}.hero-up .hu-cost{color:var(--crystal)}.hero-up .hotkey{margin-left:auto;padding:0 3px}.hero-up.poor .hu-cost{color:var(--warn)}.hero-up.locked{background:#ffffff0a;border-color:#fff3;color:var(--muted)}.hero-up.locked .hu-cost{color:var(--muted)}.hero-up.locked .hu-ch,.hero-up.locked .hotkey{display:none}.hero-up:has(.qbadge:not(:empty)){padding-left:26px}.hero-up:has(.qbadge:not(:empty)) .hu-ch,.hero-up:has(.qbadge:not(:empty)) .hotkey{display:none}.hero-up.pulse,.hero-up.flash{animation:heropulse 1s}@keyframes heropulse{0%{box-shadow:0 0 #ffd166e6}40%{box-shadow:0 0 0 6px #ffd16673,0 0 18px var(--gold)}to{box-shadow:0 0 0 0 transparent}}.tech-btn.flash,.hero-card.flash{animation:cardflash .3s}#tooltip .tt-sec{margin-top:8px;padding-top:6px;border-top:1px solid var(--line);font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tt-track{display:flex;flex-direction:column;gap:5px;margin-top:4px}.tt-track .tl{font-size:15px;line-height:1.25}.tt-track .tl.next{padding:3px 6px;margin:0 -6px;border-radius:5px;background:#ffd1661a;border-left:3px solid var(--gold)}.tt-track .tl.fut{opacity:.8}.tt-track .tl-desc{color:var(--muted);padding-left:22px}.tt-track .tl-n{display:inline-block;width:16px;text-align:center;font-weight:700;color:var(--gold)}.tt-track .tl-lock{color:var(--warn);font-weight:600}.tt-track .ok{display:inline-block;width:16px;text-align:center}.tt-track.compact{gap:1px}.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:4px;vertical-align:1px}.sk-l3{font-size:15px;color:var(--muted)}.sk-l3.on{color:var(--gold)}.lvl-cmp{width:100%;border-collapse:collapse;margin-top:6px;font-size:15px}.lvl-cmp th{font-weight:600;color:var(--muted);text-align:left;padding:0 4px 2px}.lvl-cmp td{padding:1px 4px;white-space:nowrap}.lvl-cmp td:first-child{white-space:nowrap}.lvl-cmp .grp td{padding-top:5px;color:var(--muted);opacity:.8;font-weight:600;font-size:15px}.lvl-cmp .nv.worse{color:var(--text);font-weight:600}.lvl-cmp td:first-child,.lvl-cmp .ar{color:var(--muted)}.lvl-cmp .nv{color:var(--gold);font-weight:700}.neu{margin-top:4px;font-size:15px;font-weight:700;color:var(--gold)}.in-next{margin-top:-3px}.in-unit.max{outline-color:var(--gold)}.in-unit i{letter-spacing:-2px}.in-chips .chip .pips{margin-left:4px}#panel{background:linear-gradient(0deg,#06080cfc,#0e131cf5);box-shadow:0 -8px 30px #0009,inset 0 1px #ffffff0d}#panel:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fc) 70%,transparent) 50%,transparent)}.pot,.card,.tech-btn,#minimap,.prow,.pot-back{box-shadow:inset 0 1px #ffffff0d,inset 0 -12px 20px #00000052}.pot,.card,.tech-btn{border-color:#8cb4dc33}.pot:hover,.pot:focus-visible,.card:hover,.tech-btn:hover:not(:disabled),.pot-back:hover{border-color:var(--fc);box-shadow:inset 0 1px #ffffff14,inset 0 -12px 20px #00000040,0 6px 16px #00000080,0 0 12px color-mix(in srgb,var(--fc) 28%,transparent)}.card,.tech-btn,.pot-back,.hero-card,.skill,.hero-up,.up-chip{transition:transform .09s ease-out,border-color .12s,box-shadow .12s,background .12s}.card:active,.tech-btn:active:not(:disabled),.pot:active,.pot-back:active,.skill:active{transform:translateY(1px) scale(.98)}.card.locked:hover,.tech-btn.off:hover{transform:none}.econ .minerals:before,.card .cost:before,.hero-card .cost:before{content:"";display:inline-block;flex:none;width:.6em;height:.78em;margin-right:.18em;vertical-align:-.04em;clip-path:polygon(50% 0,100% 34%,50% 100%,0 34%);background:linear-gradient(135deg,#e4fbff,#7fe3ff 45%,#2a9fc6);font-size:inherit}.econ .minerals:before{font-size:36px;width:.55em}.card.poor .cost:before,.hero-card.poor .cost:before{background:linear-gradient(135deg,#ffd0c8,var(--warn) 50%,#a83a2c)}.tech-btn .pips i{height:8px;border-radius:2px}.tech-btn .t-name{color:var(--text);letter-spacing:.02em}.pot-tier{color:color-mix(in srgb,var(--fc) 55%,#fff);text-shadow:0 0 10px color-mix(in srgb,var(--fc) 30%,transparent)}.pot.locked .pot-tier{text-shadow:none}.card .portrait,.hp-portrait{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.hero-panel,.hero-card{box-shadow:inset 0 1px #ffffff0f,inset 0 -14px 22px #0000004d}.team-sep{background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.prow.me{outline-color:color-mix(in srgb,var(--fc) 55%,transparent);background:color-mix(in srgb,var(--fc) 10%,transparent)}@media(prefers-reduced-motion:reduce){.card,.tech-btn,.pot,.pot-back,.skill{transition:none}}:root{--plate: linear-gradient(180deg, rgba(40, 52, 68, .9) 0%, rgba(18, 24, 33, .95) 52%, rgba(9, 12, 18, .98) 100%), url(/spielen/assets/ui/metal.webp) center / cover;--plate-flat: linear-gradient(180deg, rgba(26, 34, 46, .93), rgba(9, 12, 18, .97)), url(/spielen/assets/ui/metal.webp) center / cover;--edge: rgba(160, 196, 232, .16)}.cr{display:inline-block;width:.62em;height:1.04em;margin-right:.12em;vertical-align:-.16em;flex:none;background:url(/spielen/assets/ui/crystal.webp) center / contain no-repeat;filter:drop-shadow(0 0 3px rgba(127,227,255,.35))}.poor .cr,.nope .cr{filter:hue-rotate(150deg) saturate(1.4) drop-shadow(0 0 3px rgba(255,107,90,.4))}.locked .cr,.lock.off .cr{filter:grayscale(1) brightness(.7)}.econ .minerals:before,.card .cost:before,.hero-card .cost:before{content:"";display:inline-block;flex:none;width:.6em;height:1em;margin-right:.14em;vertical-align:-.14em;clip-path:none;font-size:inherit;background:url(/spielen/assets/ui/crystal.webp) center / contain no-repeat;filter:drop-shadow(0 0 4px rgba(127,227,255,.4))}.econ .minerals:before{font-size:36px;width:.58em;height:.98em}.card .cost:before{font-size:17px}.hero-card .cost:before{font-size:19px}.card.poor .cost:before,.hero-card.poor .cost:before{background:url(/spielen/assets/ui/crystal.webp) center / contain no-repeat;filter:hue-rotate(150deg) saturate(1.4)}.pot,.card,.tech-btn,.pot-back,.hero-panel,.hero-card,#teams,.up-chip{--bk: rgba(176, 206, 236, .4);--brackets: linear-gradient(var(--bk), var(--bk)) left top / 9px 2px no-repeat, linear-gradient(var(--bk), var(--bk)) left top / 2px 9px no-repeat, linear-gradient(var(--bk), var(--bk)) right top / 9px 2px no-repeat, linear-gradient(var(--bk), var(--bk)) right top / 2px 9px no-repeat, linear-gradient(var(--bk), var(--bk)) left bottom / 9px 2px no-repeat, linear-gradient(var(--bk), var(--bk)) left bottom / 2px 9px no-repeat, linear-gradient(var(--bk), var(--bk)) right bottom / 9px 2px no-repeat, linear-gradient(var(--bk), var(--bk)) right bottom / 2px 9px no-repeat}.pot,.card,.tech-btn,.pot-back,.hero-panel{background:var(--brackets),var(--plate);background-origin:border-box;border:1px solid #03060a;border-radius:6px;box-shadow:inset 0 0 0 1px var(--edge),inset 0 -14px 22px #00000057,0 2px 5px #00000080}.tech-btn:not(.off):not(.locked):not(.poor):not(:disabled),.card:not(.poor):not(.locked){--bk: color-mix(in srgb, var(--fc) 75%, #fff 10%)}.pot:not(.locked){--bk: color-mix(in srgb, var(--fc) 65%, #fff 10%)}.tech-btn.busy,.pot.has-q,.card.next{--bk: var(--gold)}.tech-btn.busy,.pot.has-q{border-color:#03060a;box-shadow:inset 0 0 0 1px #ffd16673,inset 0 0 16px #ffd1661a,0 2px 5px #00000080}.pot:hover,.pot:focus-visible,.card:hover:not(.locked),.tech-btn:hover:not(:disabled),.pot-back:hover{--bk: var(--fc);border-color:#03060a;background:var(--brackets),var(--plate);background-origin:border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 55%,transparent),inset 0 -14px 22px #00000040,0 8px 16px #0000008c,0 0 14px color-mix(in srgb,var(--fc) 30%,transparent)}.pot:hover,.pot:focus-visible{transform:translateY(-4px)}.card:hover:not(.locked){transform:translateY(-3px)}.pot-head{height:40px;gap:9px;margin-top:-2px}.pot-head .pot-q{margin-left:auto}.crest{flex:none;width:36px;height:40px;background:center / contain no-repeat;filter:brightness(1.18) saturate(1.15) drop-shadow(0 2px 2px rgba(0,0,0,.6));transition:transform .12s}.crest.c1{background-image:url(/spielen/assets/ui/crest_1.webp)}.crest.c2{background-image:url(/spielen/assets/ui/crest_2.webp)}.crest.c3{background-image:url(/spielen/assets/ui/crest_3.webp)}.pot:hover .crest{transform:scale(1.08)}.pot.locked{border-style:solid;--bk: rgba(255, 209, 102, .35);background:var(--brackets),repeating-linear-gradient(135deg,rgba(255,209,102,.05) 0 6px,transparent 6px 12px),var(--plate);background-origin:border-box}.pot.locked .crest{filter:grayscale(.9) brightness(.65) drop-shadow(0 2px 2px rgba(0,0,0,.6))}.pot.locked .lock{height:30px;border-radius:4px;border:1px solid #03060a;color:var(--gold);background:linear-gradient(180deg,#3a3017,#17120a 60%,#0f0c07);box-shadow:inset 0 0 0 1px #ffd1668c,inset 0 1px 0 1px #ffeebe2e,0 2px 6px #00000080}.pot.locked .lock:hover{background:linear-gradient(180deg,#4d4020,#1f180c 60%,#130f08);box-shadow:inset 0 0 0 1px var(--gold),0 0 12px #ffd1664d}.pot.locked .lock.off:hover{background:linear-gradient(180deg,#3a3017,#17120a 60%,#0f0c07)}.pot.locked .lock.poor{box-shadow:inset 0 0 0 1px #ff6b5a99,0 2px 6px #00000080}.pot-minis .mini{box-shadow:inset 0 0 0 1px #a0c4e82e;background:radial-gradient(circle at 50% 40%,#465c7673,#06090eb3)}.card .portrait{filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.card .name{text-shadow:0 1px 2px #000}.pot-back .pb-key{background:#00000059}.t-ico{position:absolute;right:4px;bottom:4px;width:46px;height:46px;pointer-events:none;background:center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.65));transition:transform .12s}.ti-attack{background-image:url(/spielen/assets/ui/tech_weapons.webp)}.ti-armor{background-image:url(/spielen/assets/ui/tech_armor.webp)}.ti-extractor{background-image:url(/spielen/assets/ui/tech_extractor.webp)}.ti-tower{background-image:url(/spielen/assets/ui/tech_tower.webp)}.ti-core{background-image:url(/spielen/assets/ui/tech_fortress.webp)}.ti-outpost{background-image:url(/spielen/assets/ui/tech_maintower.webp)}.tech-btn:hover:not(:disabled) .t-ico{transform:scale(1.1) translateY(-1px);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--fc) 70%,transparent)) drop-shadow(0 2px 2px rgba(0,0,0,.6))}.tech-btn.locked .t-ico,.tech-btn.off .t-ico{filter:grayscale(1) brightness(.6)}.tech-btn.poor .t-ico{opacity:.8}.tech-btn.off,.tech-btn.locked{background:var(--brackets),var(--plate-flat);background-origin:border-box}.tech-btn .pips i{box-shadow:inset 0 0 0 1px #00000080}#panel{background:var(--plate-flat);background-position:center bottom;border-top:2px solid #03060a;box-shadow:0 -10px 30px #0009,inset 0 1px #b0ceec38,inset 0 2px #0a0f16}#panel:before{top:-2px;height:2px;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--fc) 80%,transparent) 30%,color-mix(in srgb,var(--fc) 80%,transparent) 70%,transparent 100%)}#teams{padding:6px 5px;border-radius:6px;background:var(--brackets),var(--plate-flat);background-origin:border-box;border:1px solid #03060a;box-shadow:inset 0 0 0 1px var(--edge)}.prow{border-radius:3px}.hero-card{background:var(--brackets),linear-gradient(180deg,#564012b3,#100c07f5 70%),url(/spielen/assets/ui/metal.webp) center / cover;background-origin:border-box;--bk: var(--gold);border:1px solid #03060a;border-radius:6px;box-shadow:inset 0 0 0 1px #ffd16680,inset 0 0 24px #ffd1661f,0 2px 5px #00000080}.hero-card:hover{box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 26px #ffd16638,0 8px 16px #0000008c,0 0 16px #ffd16640;transform:translateY(-3px)}.hero-panel{--bk: rgba(255, 209, 102, .5);padding:0 6px}.hp-portrait{border:1px solid #03060a;border-radius:4px;box-shadow:0 0 0 1px #ffd16699,0 0 0 3px #05080c,0 2px 6px #0009}.hp-portrait:hover{box-shadow:0 0 0 1px var(--gold),0 0 0 3px #05080c,0 0 12px #ffd16666}.hp-bar{background:#05080c;box-shadow:inset 0 1px 3px #000c,0 0 0 1px #a0c4e82e}.hp-bar>i{background:linear-gradient(180deg,#8cffae,#2fd46a 55%,#1d9c4c)}.skill:after{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none;border:2px solid #05080c;box-shadow:inset 0 0 0 1px #ffd1668c}.skill:not(.ready):after{box-shadow:inset 0 0 0 1px #a0c4e840}.skill.auto-on:after{box-shadow:inset 0 0 0 1px var(--gold),0 0 8px #ffd16659}.hp-passive{box-shadow:0 0 0 1px #05080c,0 0 0 2px #a0c4e84d}.hero-up{border-radius:4px;box-shadow:inset 0 1px #ffeebe2e}#topbar{background:linear-gradient(180deg,#222c3af0,#080b11f7),url(/spielen/assets/ui/metal.webp) center / cover;border-bottom:2px solid #03060a;box-shadow:0 2px #a0c4e829,0 6px 18px #00000080,inset 0 -1px #a0c4e838}.hpbar{height:14px;background:#05080c;border:1px solid #02040a;border-radius:3px;box-shadow:inset 0 2px 4px #000c,0 0 0 1px #a0c4e833}.hpbar>i{background:linear-gradient(180deg,#8cffae,#2fd46a 50%,#1c8f45)}.core-box.right .hpbar>i{background:linear-gradient(180deg,#ff9c8e,#e0453a 50%,#a22a22)}.hpbar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.5) calc(10% - 1px) 10%)}.core-box.hit .hpbar{box-shadow:inset 0 2px 4px #000c,0 0 12px var(--warn),0 0 0 1px var(--warn)}#wavebox{padding:2px 10px;border-radius:4px;background:linear-gradient(180deg,#00000059,#0000001f);box-shadow:inset 0 0 0 1px #a0c4e833,inset 0 2px 6px #00000080}.wave-progress{background:#05080c;box-shadow:inset 0 1px 2px #000}.wave-progress>i{background:linear-gradient(180deg,#ffe49a,#ffb940)}.midbar{background-color:#05080c;box-shadow:inset 0 2px 4px #000c,0 0 0 1px #a0c4e833}#midbox .mid-label .cr{font-size:15px}.small-btn{background:linear-gradient(180deg,#344256f2,#141b26fa);border:1px solid #03060a;box-shadow:inset 0 0 0 1px #a0c4e833,0 1px 3px #00000080}.small-btn:hover{box-shadow:inset 0 0 0 1px var(--line-strong),0 0 10px #8cc8ff33}#minimap{border:1px solid #03060a;border-radius:4px;background:#0a1016;box-shadow:0 0 0 1px #a0c4e84d,0 0 0 3px #05080c,0 6px 16px #0000008c}#minimap:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:3px;box-shadow:inset 0 0 0 1px #a0c4e847,inset 0 0 18px #000000a6;background:linear-gradient(var(--fc),var(--fc)) left top / 12px 2px no-repeat,linear-gradient(var(--fc),var(--fc)) left top / 2px 12px no-repeat,linear-gradient(var(--fc),var(--fc)) right top / 12px 2px no-repeat,linear-gradient(var(--fc),var(--fc)) right top / 2px 12px no-repeat,linear-gradient(var(--fc),var(--fc)) left bottom / 12px 2px no-repeat,linear-gradient(var(--fc),var(--fc)) left bottom / 2px 12px no-repeat,linear-gradient(var(--fc),var(--fc)) right bottom / 12px 2px no-repeat,linear-gradient(var(--fc),var(--fc)) right bottom / 2px 12px no-repeat}#tooltip,#plottip{background:linear-gradient(180deg,#18202cfa,#080b10fa),url(/spielen/assets/ui/metal.webp) center / cover;border:1px solid #03060a;border-radius:6px;box-shadow:inset 0 0 0 1px #a0c4e833,inset 0 2px #a0c4e859,0 12px 30px #000000a6}#tooltip h4,#plottip h4{text-shadow:0 1px 2px #000}.toast{--tc: rgba(140, 200, 255, .75);background:var(--plate-flat);border:1px solid #03060a;border-radius:5px;box-shadow:inset 0 0 0 1px #a0c4e833,inset 0 2px 0 var(--tc),inset 0 -2px color-mix(in srgb,var(--tc) 40%,transparent),0 8px 20px #0000008c;text-shadow:0 1px 2px #000}.toast.good{--tc: var(--self)}.toast.bad{--tc: var(--warn)}.toast.good,.toast.bad{border-color:#03060a}.toast .cr{font-size:.8em;vertical-align:-.1em}@media(prefers-reduced-motion:reduce){.crest,.t-ico{transition:none}}.hero-panel{border:0}.roles{display:inline-flex;gap:2px;pointer-events:none}.role{display:block;position:relative;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.role svg{width:100%;height:100%;display:block}.card .roles{position:absolute;left:4px;bottom:71px;z-index:2}.pot-minis .mini-w .roles{position:absolute;left:1px;bottom:1px;z-index:2}#tooltip h4 .roles{margin-left:auto}#tooltip .stats .wide,#plottip .stats .wide{grid-column:1 / -1;white-space:nowrap}.tt-stealth{margin-top:4px;font-size:15px;line-height:1.3}.tt-stealth b{font-weight:700}.tt-stealth .r-cloak,.tt-stealth .r-field{color:#8fa3ff}.tt-stealth .r-detector{color:#e8f7ff}.tt-stealth .r-art{color:var(--gold)}#midbox{gap:3px}#midbox .midbar{height:12px}.relic-line{display:flex;align-items:center;gap:10px;height:18px;font-size:15px;color:var(--muted);white-space:nowrap}.relic-line svg{width:15px;height:15px;flex:none;vertical-align:-2px;margin-right:4px}.rl-star{display:inline-flex;align-items:center;color:var(--gold);min-width:52px}.rl-star b{color:var(--text);font-weight:700;margin-right:4px}.rl-star.warn{animation:veilpulse .9s ease-in-out infinite alternate}.rl-star.warn b{color:var(--gold)}.rl-cap{display:none;position:relative;flex:1;height:8px;border-radius:4px;overflow:hidden;background:linear-gradient(90deg,#3aa0ff8c,#ffffff14 50%,#ff4a4a8c);box-shadow:inset 0 1px 3px #000c,0 0 0 1px #a0c4e833}.rl-cap.on{display:block}.rl-cap i{position:absolute;top:-1px;bottom:-1px;width:5px;margin-left:-2px;background:var(--gold);box-shadow:0 0 8px var(--gold);border-radius:2px;transition:left .2s}.rl-eye{display:inline-flex;align-items:center;margin-left:auto;font-weight:600}.rl-eye b{color:var(--text);margin-left:4px}.rl-eye.mine{color:var(--ally)}.rl-eye.theirs{color:var(--enemy)}@keyframes veilpulse{0%{opacity:.65}to{opacity:1}}#teams.tall{gap:8px;padding:8px 7px}#teams.tall .team-sep{margin:0 4px}.prow.tall{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;height:62px;padding:5px 7px;border-radius:4px}.prow .pl1{display:grid;grid-template-columns:9px minmax(0,1fr) auto 9px;gap:6px;align-items:center}.prow .pl2{display:flex;align-items:center;justify-content:space-between;gap:6px}.prow.tall .pname{font-size:17px;font-weight:700;text-align:left}.prow.tall>*{line-height:20px}.prow.tall .tier{font-size:14px;font-weight:700;padding:0 6px;border:1px solid var(--line-strong);border-radius:3px;color:var(--text);line-height:18px}.prow.tall .army{font-size:18px;font-weight:700}.prow .abar{display:block;flex:none;height:6px;border-radius:3px;background:#05080c;overflow:hidden;box-shadow:inset 0 1px 2px #000}.prow .abar i{display:block;height:100%;width:0;opacity:.85;transition:width .3s}.prow:not(.tall){grid-template-columns:8px minmax(0,1fr) auto 8px auto auto}.veil{display:inline-flex;align-items:center}.veil:empty{margin-left:-6px}.veil-ic{position:relative;display:inline-flex;width:18px;height:18px;color:#8fa3ff}.veil-ic svg{width:18px;height:18px}.veil-ic.warn{color:#ffb0a8;animation:veilpulse .8s ease-in-out infinite alternate}.veil-ic .vdot{position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--enemy);box-shadow:0 0 6px var(--enemy)}.st.march{color:#bff6ff}.st.fight{color:#ffb3a8}.st.stealth{color:#8fa3ff}.st.stealth.seen{color:#fff;box-shadow:inset 0 0 0 1px #ffffff80}.in-row.rank{justify-content:flex-start;gap:8px}.chev{display:inline-flex;gap:2px}.chev i{width:11px;height:11px;background:#ffffff24;clip-path:polygon(0 40%,50% 0,100% 40%,100% 75%,50% 35%,0 75%)}.chev i.on{background:var(--gold)}.in-row.rank b{font-weight:600;color:var(--text)}@media(prefers-reduced-motion:reduce){.rl-star.warn,.veil-ic.warn{animation:none}}#tooltip .stats:not(.two)>div{white-space:nowrap}.match-over{opacity:0;pointer-events:none;transition:opacity .8s ease}.overlay.victory{background:none;display:block}.v-frame{position:absolute;left:0;right:0;top:50%;height:1080px;margin-top:-540px;pointer-events:none}.v-frame>*{pointer-events:auto}.v-title{position:absolute;left:0;right:0;top:156px;margin:0;text-align:center;line-height:190px;font-size:170px;font-weight:700;letter-spacing:.06em;text-indent:.06em;background:linear-gradient(180deg,#fff8d6,#ffe07a 34%,#f2a91c 58%,#fff0b0 61%,#c27410);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #1a1006;filter:drop-shadow(0 6px 0 #1a1006) drop-shadow(0 0 34px rgba(255,186,60,.55));animation:v-slam .42s cubic-bezier(.2,.9,.3,1.2) .15s both}.v-title:after{content:attr(data-t);position:absolute;inset:0;-webkit-text-stroke:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%) no-repeat;background-size:250% 100%;background-position:160% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v-shine 3.2s ease-in-out .8s infinite}.v-stats{position:absolute;left:0;right:0;top:812px;display:flex;justify-content:center;gap:14px}.v-tile{width:176px;padding:10px 8px 9px;text-align:center;border-radius:8px;background:linear-gradient(180deg,#221a0ceb,#0a0805f0);border:1px solid rgba(255,200,90,.45);box-shadow:0 6px 18px #0009,inset 0 1px #ffe6a02e;animation:v-rise .45s ease-out calc(1.3s + var(--i) * .12s) both}.v-tile b{display:block;font-size:32px;line-height:1.15;color:#ffd75a;font-variant-numeric:tabular-nums}.v-tile span{color:#c9b48a;font-size:15px;text-transform:uppercase;letter-spacing:.1em}.v-tile.loot{border-color:#7fe3ff99;box-shadow:0 6px 18px #0009,0 0 22px #7fe3ff40}.v-tile.loot b{color:var(--crystal)}.v-btns{position:absolute;left:0;right:0;top:934px;display:flex;justify-content:center;gap:16px;animation:v-fade .4s ease-out both}@keyframes v-slam{0%{transform:scale(1.3);opacity:0}35%{transform:scale(.97);opacity:1}to{transform:scale(1);opacity:1}}@keyframes v-shine{0%{background-position:160% 0}45%,to{background-position:-60% 0}}@keyframes v-rise{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}@keyframes v-fade{0%{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.v-title,.v-title:after,.v-tile,.v-btns{animation:none}}.v-btns>button{margin:0;min-width:230px;height:56px;padding:0 26px;font-size:21px}.v-btns>.btn-primary{font-size:24px}.v-btns>button:focus-visible{outline:2px solid #ffe9b0;outline-offset:3px}@media(max-height:900px){.v-btns>button{height:66px}.v-tile span{font-size:17px}.overlay .btns .btn{min-height:66px;padding-inline:40px;font-size:22px}}.overlay button:focus-visible{outline:2px solid #ffe9b0;outline-offset:3px}.end-gap{height:36px}.v-sub{position:absolute;left:50%;top:350px;transform:translate(-50%);max-width:1100px;padding:6px 22px;border-radius:6px;font-size:22px;font-weight:600;color:#f3e2b4;letter-spacing:.22em;text-transform:uppercase;text-align:center;white-space:nowrap;background:#0a0805c7;border:1px solid rgba(255,200,90,.35);animation:v-fade .4s ease-out .5s both}@media(prefers-reduced-motion:reduce){.v-sub{animation:none}}.overlay.net-menu{top:66px;background:#07090d59;text-shadow:0 2px 6px rgba(0,0,0,.9)}.overlay.net-menu .howto.keys{padding:14px 18px;border-radius:8px;background:#07090d99}.overlay .btn.confirm{border-color:var(--warn);color:var(--warn);background:#3c100ce6}.minerals.pending{text-decoration:underline dotted rgba(255,255,255,.45);text-underline-offset:5px}.net-soon:after{content:"gleich";position:absolute;right:6px;bottom:4px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--self);opacity:.9;pointer-events:none;animation:net-soon .9s ease-in-out infinite alternate}@keyframes net-soon{0%{opacity:.45}to{opacity:1}}.net-banner{position:absolute;left:50%;top:64px;transform:translate(-50%);padding:4px 16px;border-radius:6px;font-size:16px;font-weight:700;color:var(--warn);background:#080b10d9;border:1px solid rgba(255,107,90,.5);pointer-events:none;display:none}.net-banner.on{display:block}.net-banner.off{top:76px;padding:8px 24px;font-size:22px;background:#1e0a08eb;border-color:var(--warn)}.net-off #toasts{top:136px}@media(prefers-reduced-motion:reduce){.net-soon:after{animation:none}}.scan-btn.net-soon:after{right:-6px;bottom:-16px;font-size:10px}[hidden]{display:none!important}.start-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%;max-width:1300px}.start-row .btn-primary{margin-top:14px}.sr-left{justify-self:end;display:flex}.sr-right{justify-self:start;display:flex}.resume-entry{margin-top:14px;min-height:64px;padding:0 30px;font-size:22px;letter-spacing:.08em;border-color:var(--self);color:var(--self)}.resume-entry.gone,.resume-entry:disabled{border-color:var(--line);color:var(--muted);cursor:default}.online-entry{margin-top:14px;min-height:64px;padding:0 34px;font-size:24px;letter-spacing:.12em;text-transform:uppercase;border-color:var(--crystal);color:var(--crystal)}.overlay.online{z-index:50;justify-content:flex-start;padding:28px 60px 24px}.online .menu-bg{filter:brightness(.22) saturate(.7)}.online *{user-select:text;-webkit-user-select:text}.online button,.online select{user-select:none;-webkit-user-select:none;font:inherit;color:inherit;cursor:pointer}.on-head{width:100%;max-width:1560px;display:flex;align-items:center;gap:24px;margin-bottom:18px}.on-title{margin:0;font-size:56px;font-weight:700;letter-spacing:.22em;flex:1;text-align:center;color:#cfe6ff}.on-back{min-height:52px;min-width:150px}.on-conn{min-width:220px;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted);font-size:18px}.on-ping{display:inline-flex;align-items:flex-end;gap:3px;height:20px}.on-ping i{width:6px;background:#8caac847;border-radius:1px}.on-ping i:nth-child(1){height:8px}.on-ping i:nth-child(2){height:14px}.on-ping i:nth-child(3){height:20px}.on-ping[data-q="1"] i:nth-child(1){background:var(--warn)}.on-ping[data-q="2"] i:nth-child(-n+2){background:var(--gold)}.on-ping[data-q="3"] i{background:var(--self)}.on-body{width:100%;max-width:1560px;flex:1;min-height:0;display:grid;grid-template-columns:640px 1fr;gap:28px}.on-col{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:6px;scrollbar-width:thin}.on-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;flex:none}.on-card h3{margin:0;font-size:22px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.on-card.danger{border-color:#ff6b5a80}.on-note{margin:0;color:var(--muted);font-size:18px;line-height:1.3}.on-sub{color:var(--muted);font-size:16px;letter-spacing:.04em}.on-lbl{margin-bottom:-6px;text-transform:uppercase;letter-spacing:.12em}.on-msg{display:none;flex:none;font-size:20px;font-weight:600;border-radius:6px}.on-msg.on{display:block;padding:10px 22px;background:#080b10f5;border:1px solid var(--line-strong)}.on-msg.good{color:var(--self);border-color:#5cff8a80}.on-msg.bad{color:var(--warn);border-color:#ff6b5a80}.on-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:6px;font-size:18px;color:var(--gold);border:1px solid rgba(255,209,102,.4);background:#28200a80;flex:none}.on-banner.bad{color:var(--warn);border-color:#ff6b5a80;background:#280e0a80}.on-big{margin-top:4px;padding:14px 30px;font-size:24px;letter-spacing:.1em;min-height:58px}.on-ok{margin:0;padding:0 34px;min-height:52px;font-size:22px;letter-spacing:.1em}.on-small{min-height:44px;padding:6px 18px;font-size:18px}.on-inline{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.on-inline .btn{min-height:52px}.online input{flex:1;min-width:0;min-height:52px;padding:8px 14px;font:inherit;font-size:22px;font-weight:600;color:var(--text);background:#00000073;border:1px solid var(--line-strong);border-radius:6px}.online input:focus-visible,.online select:focus-visible{outline:2px solid #ffe9b0;outline-offset:2px}.online input::placeholder{color:#8a9bb099}.on-join input{text-transform:uppercase;letter-spacing:.3em;text-align:center}.on-dev{padding-top:8px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px}.on-google{min-height:44px}.on-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.on-acct{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:none}.on-who{flex:1;display:flex;flex-direction:column;line-height:1.1;min-width:0}.on-callsign{font-size:30px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-chip{font-size:15px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:12px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.on-chip.ok{color:var(--self);border-color:#5cff8a80}.on-chip.prov{color:var(--gold);border-color:#ffd16673;border-style:dashed}.on-qs{display:flex;flex-direction:column;gap:10px}.on-q{display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 18px;text-align:left;border-radius:8px;background:linear-gradient(180deg,#1e2a3af2,#0e141df7);border:1px solid var(--line-strong)}.on-q:hover:not(:disabled):not(.locked){border-color:#9fd0ff;filter:brightness(1.12)}.on-q:disabled{opacity:.45;cursor:default}.on-q-txt{flex:1;display:flex;flex-direction:column;line-height:1.15;min-width:0}.on-q-txt b{font-size:26px;letter-spacing:.04em}.on-q-txt span{font-size:17px;color:var(--muted)}.on-q.ranked:not(.locked){border-color:#ffd16699}.on-q.locked{cursor:help;opacity:.85;background:#0e1219e6;border-style:dashed;border-color:var(--line)}.on-q.locked .on-q-txt b{color:var(--muted)}.on-lock{color:var(--gold);flex:none}.on-buy{min-height:52px;border-color:var(--gold);color:var(--gold);font-size:20px}.on-search{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--line-strong);border-radius:8px;background:#142030e6}.on-cancel{min-height:52px;min-width:140px;border-color:#ff6b5a99;color:var(--warn)}.on-radar{flex:none;width:46px;height:46px;border-radius:50%;border:2px solid var(--crystal);position:relative}.on-radar:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--crystal);animation:on-ping 1.6s ease-out infinite}@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}.on-radar.fill{transition:--p 1s linear}.on-radar.fill:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p) * 1turn),rgba(255,255,255,.1) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}@keyframes on-ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.5);opacity:0}}.on-factions{display:flex;gap:8px}.on-fac{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:.06em;border-radius:8px;border:1px solid var(--line);background:#ffffff08;color:var(--muted)}.on-fac i{width:12px;height:12px;border-radius:50%;background:var(--fc);box-shadow:0 0 8px var(--fc)}.on-fac.sel{color:#fff;border-color:var(--fc);box-shadow:inset 0 0 22px color-mix(in srgb,var(--fc) 22%,transparent)}.on-code-row{display:flex;align-items:center;gap:14px}.on-code{font-size:44px;letter-spacing:.3em;color:var(--crystal);flex:1}.on-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.on-team{display:flex;flex-direction:column;gap:6px}.on-slot{display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 10px;background:#ffffff08;border:1px solid var(--line);border-radius:6px;font-size:19px}.on-slot-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-open{color:var(--muted);font-style:italic}.on-fdot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--fc)}.on-slot select{min-height:44px;padding:4px 8px;font-size:17px;background:#0c1017;border:1px solid var(--line-strong);border-radius:6px;color:var(--text)}.on-pass{display:flex;align-items:center;gap:12px;font-size:22px}.on-dot{width:12px;height:12px;border-radius:50%;background:var(--self);box-shadow:0 0 8px var(--self)}.on-link{color:var(--crystal);text-decoration:underline}.on-note a{display:inline-block;padding:11px 2px;margin:-11px 0;color:var(--crystal)}.on-portal{display:inline-flex;align-items:center;min-height:44px;font-size:18px}.on-price{display:flex;flex-direction:column;gap:2px}.on-price b{font-size:24px;color:#fff}.on-passcard.hint{animation:on-hint 1.2s ease-out}@keyframes on-hint{0%,40%{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 24px #ffd16659}to{box-shadow:none}}.on-foot{padding:4px 2px 10px}.on-linkbtn{background:none;border:none;padding:10px 4px;min-height:44px;color:var(--muted);font-size:17px;text-decoration:underline}.on-del{border-color:var(--warn);color:var(--warn);min-height:52px}.on-tabs{display:flex;gap:8px;flex:none}.on-tab{min-height:48px;padding:0 26px;font-size:21px;font-weight:700;letter-spacing:.08em;border-radius:8px 8px 0 0;background:#ffffff08;border:1px solid var(--line);border-bottom:none;color:var(--muted)}.on-tab.sel{color:#fff;background:var(--panel);border-color:var(--line-strong)}.on-table table{width:100%;border-collapse:collapse;font-size:20px}.on-table th{text-align:left;font-size:15px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;font-weight:600}.on-table td{padding:3px 8px;border-top:1px solid rgba(120,170,220,.12);height:52px}.on-table .r{width:64px;text-align:right;color:var(--muted)}.on-table .g{width:70px;text-align:right}.on-table .w{width:90px}.on-table .n{font-weight:700}.on-table tr.me td{background:#5cff8a1a}.on-table tr.me .n{color:var(--self)}.on-more{align-self:center}.on-own{display:flex;align-items:center;gap:14px;font-size:22px}.on-own>div{display:flex;flex-direction:column;line-height:1.1}.on-badge{width:40px;height:46px;flex:none;display:block}.on-badge.big{width:58px;height:66px}.on-badge path{stroke-width:3;fill:#141a24}.on-badge text{font:700 24px Rajdhani,sans-serif;fill:#fff;letter-spacing:-.02em}.on-badge.t-bronze path{stroke:#c9814a}.on-badge.t-silver path{stroke:#b8c4d2}.on-badge.t-gold path{stroke:var(--gold)}.on-badge.t-crystal path{stroke:var(--crystal);fill:#0d2630}.on-badge.prov path{stroke-dasharray:5 4;opacity:.8}.on-hist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.on-match{display:flex;align-items:center;gap:14px;min-height:60px;padding:6px 12px;background:#ffffff08;border:1px solid var(--line);border-left-width:5px;border-radius:6px}.on-match.win{border-left-color:var(--self)}.on-match.loss{border-left-color:var(--warn)}.on-match.draw{border-left-color:var(--gold)}.on-match.void{border-left-color:var(--muted)}.on-res{width:150px;font-size:20px;font-weight:700;flex:none}.on-match.win .on-res{color:var(--self)}.on-match.loss .on-res{color:var(--warn)}.on-match.draw .on-res{color:var(--gold)}.on-match.void .on-res{color:var(--muted)}.on-mm{flex:1;display:flex;flex-direction:column;line-height:1.15;min-width:0;font-size:19px}.on-delta{font-size:22px}.on-delta.up{color:var(--self)}.on-delta.down{color:var(--warn)}@media(prefers-reduced-motion:reduce){.on-radar:after,.on-passcard.hint{animation:none}.on-radar.fill{transition:none}}.gate{position:fixed;inset:0;z-index:1000;overflow-y:auto;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse 70% 55% at 50% 40%,rgba(127,227,255,.12),transparent 70%),#07090d}.gate-box{width:min(100%,520px);text-align:center;color:#e8eef6}.gate-logo{font-size:15px;font-weight:700;letter-spacing:.32em;color:var(--crystal);margin-bottom:18px}.gate h1{margin:0 0 12px;font-size:clamp(26px,6vw,36px);font-weight:700;letter-spacing:.04em}.gate p{margin:0 auto 22px;font-size:18px;line-height:1.5;color:#b9c4d3;max-width:46ch}.gate p b{color:var(--gold);font-weight:700}.gate kbd{padding:1px 7px;border:1px solid rgba(255,255,255,.3);border-radius:4px;font:inherit;font-size:15px}.gate-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.gate-btns .btn,.gate-btns .btn-primary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.gate-btns .btn-primary{margin:0;padding:10px 28px;font-size:18px;letter-spacing:.12em}.gated #stage{display:none}.gated,.gated body{overflow:auto}.end-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.end-btns>button{margin:0;min-width:230px}.overlay.end-lose{padding-bottom:120px}.audio-settings{margin-top:18px}.gate p{text-wrap:balance}