:root{--panel: rgba(9, 13, 21, .84);--panel-solid: #0c1119;--border: rgba(126, 156, 199, .22);--border-strong: rgba(150, 180, 225, .45);--text: #dde7f6;--muted: #8797ae;--faint: #56657b;--gold: #ffd36b;--blue: #3d9bff;--red: #ff4d4d;--green: #5de08a;--display: "Rajdhani", system-ui, sans-serif;--ui: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0f16;color:var(--text);font-family:var(--ui);font-size:14px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#app,.game{position:fixed;inset:0}.game canvas{display:block;outline:none}.num{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:700}.label{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 30px #00000059}.hud{position:fixed;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.res{position:absolute;top:12px;left:12px;display:flex;gap:18px;padding:10px 16px;align-items:center}.res .big{font-size:30px;line-height:1;color:var(--gold)}.res .stat{display:flex;flex-direction:column;gap:3px}.res .stat .num{font-size:19px;line-height:1}.res .gem{width:12px;height:12px;display:inline-block;margin-right:6px;vertical-align:2px;background:linear-gradient(135deg,#bfe8ff,#3d9bff);transform:rotate(45deg);border-radius:2px}.topbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:220px auto 220px;gap:16px;align-items:center;padding:8px 16px}.clock{text-align:center;min-width:170px}.clock .num{font-size:26px;line-height:1}.wave{margin-top:6px}.wave .bar{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-top:4px}.wave .fill{height:100%;background:linear-gradient(90deg,#2c6fd1,#7cc4ff);width:0}.wave.soon .fill{background:linear-gradient(90deg,#d19a2c,#ffe07c)}.teamhp{display:flex;flex-direction:column;gap:5px}.teamhp.right{align-items:flex-end}.teamhp .row{display:flex;align-items:center;gap:8px;width:100%}.teamhp.right .row{flex-direction:row-reverse}.teamhp .row span{width:52px;font-size:11px}.teamhp.right .row span{text-align:right}.teamhp .bar{flex:1;height:8px;background:#ffffff12;border-radius:4px;overflow:hidden}.teamhp .fill{height:100%;transition:width .25s}.teamhp.right .bar{display:flex;justify-content:flex-end}.players{position:absolute;top:12px;right:12px;padding:8px 10px;min-width:250px;display:flex;flex-direction:column;gap:2px}.players .p{display:grid;grid-template-columns:10px 1fr auto auto auto;gap:8px;align-items:center;padding:4px 6px;border-radius:5px;font-size:13px}.players .p.me{background:#3d9bff1f}.players .dot{width:10px;height:10px;border-radius:50%}.players .fac{color:var(--muted);font-size:12px}.players .sep{height:1px;background:var(--border);margin:4px 0}.players .num{font-size:15px}.players .tier{color:var(--muted);font-family:var(--display);font-weight:700;font-size:13px}.card{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:14px;padding:10px 12px;align-items:stretch;max-width:calc(100vw - 24px)}.card .group{display:flex;flex-direction:column;gap:6px}.card .btns{display:flex;gap:6px}.card .divider{width:1px;background:var(--border)}.btn{position:relative;width:74px;height:92px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(180deg,#283448b3,#101621e6);border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;font:inherit;transition:border-color .1s,transform .08s,filter .1s}.btn:hover{border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn img{position:absolute;top:4px;left:50%;transform:translate(-50%);width:62px;height:62px;pointer-events:none}.btn .name{font-size:11px;font-weight:600;line-height:1.1;padding:0 3px;text-align:center;z-index:1}.btn .cost{font-family:var(--display);font-weight:700;font-size:14px;color:var(--gold);margin:1px 0 4px;z-index:1}.btn .key{position:absolute;top:4px;left:5px;font-family:var(--display);font-weight:700;font-size:12px;color:var(--muted);z-index:1}.btn.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px #ffd36b40}.btn.poor .cost{color:#d0605a}.btn.locked{filter:grayscale(1) brightness(.55);cursor:not-allowed}.btn.locked:after{content:attr(data-lock);position:absolute;top:30px;left:0;right:0;text-align:center;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.08em;color:#fff}.btn.maxed .cost{color:var(--muted)}.upg{width:70px}.upg .glyph{position:absolute;top:14px;font-size:26px;line-height:1}.upg .pips{display:flex;gap:3px;margin-bottom:3px;z-index:1}.upg .pips i{width:8px;height:4px;border-radius:1px;background:#ffffff26}.upg .pips i.on{background:var(--green)}.speed{position:absolute;bottom:12px;left:12px;display:flex;gap:4px;padding:6px}.speed button{font-family:var(--display);font-weight:700;font-size:13px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;padding:4px 9px;cursor:pointer}.speed button:hover{color:var(--text)}.speed button.on{color:var(--text);border-color:var(--border-strong);background:#ffffff0f}.help{position:absolute;top:84px;left:12px;padding:8px 12px;font-size:12px;color:var(--muted);line-height:1.7}.help b{color:var(--text);font-weight:600}.tooltip{position:absolute;bottom:124px;left:50%;transform:translate(-50%);width:330px;padding:12px 14px;display:none;pointer-events:none}.tooltip.show{display:block}.tooltip h3{margin:0;font-family:var(--display);font-size:20px;letter-spacing:.02em}.tooltip .sub{color:var(--muted);font-size:12px;margin:2px 0 8px}.tooltip .grid{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:13px}.tooltip .grid dt{color:var(--muted)}.tooltip .grid dd{margin:0}.tooltip p{margin:8px 0 0;color:#b9c6d8;font-size:13px;line-height:1.4}.tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:3px;background:#ffffff12;margin-right:4px;color:#b9c6d8}.toasts{position:absolute;top:110px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.04em;padding:6px 14px;border-radius:6px;background:#090d15cc;border:1px solid var(--border);animation:toast 1.8s forwards}.toast.warn{color:#ffb4a8}.toast.good{color:#a8d8ff}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}10%,75%{opacity:1;transform:none}to{opacity:0}}.padlabel{position:absolute;transform:translate(-50%,-100%);pointer-events:none;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.06em;text-shadow:0 1px 3px #000,0 0 8px #000;white-space:nowrap}.overlay{position:fixed;inset:0;display:flex;align-items:safe center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#141e32b8,#04060aeb);z-index:10;padding:16px;overflow-y:auto}.overlay>*{margin-block:auto}.menu{width:min(980px,100%)}.menu h1{font-family:var(--display);font-weight:700;font-size:clamp(44px,8vw,76px);letter-spacing:.18em;margin:0;text-align:center;line-height:1;background:linear-gradient(180deg,#fff,#86a6d6);-webkit-background-clip:text;background-clip:text;color:transparent}.menu .tagline{text-align:center;color:var(--muted);margin:10px 0 30px;font-size:15px}.menu h2{margin:26px 0 10px}.factions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.faction{text-align:left;padding:16px;cursor:pointer;color:var(--text);font:inherit;background:linear-gradient(180deg,#1e283abf,#0c111ae6);border:1px solid var(--border);border-radius:10px;transition:border-color .12s,transform .12s}.faction:hover{border-color:var(--border-strong);transform:translateY(-2px)}.faction.on{border-color:var(--fc);box-shadow:0 0 0 1px var(--fc),0 10px 40px color-mix(in srgb,var(--fc) 25%,transparent)}.faction h3{font-family:var(--display);font-size:26px;margin:0;letter-spacing:.06em;color:var(--fc)}.faction p{color:#b3c0d3;margin:6px 0 12px;line-height:1.4;font-size:13px;min-height:36px}.faction .roster{display:flex;flex-wrap:wrap;gap:4px}.faction .icons{display:flex;gap:2px;margin:0 -4px 8px}.faction .icons img{width:44px;height:44px}.modes{display:flex;gap:8px;flex-wrap:wrap}.chip{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.08em;padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:#141c2acc;color:var(--muted);cursor:pointer}.chip:hover{color:var(--text)}.chip.on{color:var(--text);border-color:var(--blue);background:#3d9bff24}.start-row{display:flex;justify-content:center;margin-top:32px}.primary{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.18em;text-transform:uppercase;padding:14px 48px;border-radius:10px;border:1px solid #6fb6ff;cursor:pointer;color:#fff;background:linear-gradient(180deg,#2f7fe0,#1b4f99);box-shadow:0 8px 30px #2f7fe059}.primary:hover{filter:brightness(1.12)}.secondary{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;padding:11px 22px;border-radius:9px;border:1px solid var(--border-strong);cursor:pointer;color:var(--text);background:#1e283acc}.secondary:hover{background:#2d3a52e6}.note{color:var(--faint);font-size:12px;text-align:center;margin-top:16px}.result{width:min(640px,100%);padding:28px;text-align:center}.result h1{font-family:var(--display);font-size:64px;margin:0;letter-spacing:.2em;line-height:1}.result h1.win{color:#7cc4ff}.result h1.loss{color:#ff7a6b}.result .sub{color:var(--muted);margin:8px 0 20px}.result table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:22px}.result th{text-align:right;padding:6px 8px}.result th:first-child,.result td:first-child{text-align:left}.result td{text-align:right;padding:6px 8px;border-top:1px solid var(--border)}.result .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:1100px){.players,.help{display:none}}@media(max-width:760px){.topbar{grid-template-columns:1fr;top:70px}.topbar .teamhp{display:none}.btn{width:58px;height:78px}.btn img{width:48px;height:48px}.card{overflow-x:auto}}.menu-row{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end}.menu-row h2{margin:26px 0 10px}.field{font:inherit;font-size:15px;color:var(--text);background:#0c111ae6;border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none;min-width:0;-webkit-user-select:text;user-select:text}.field:focus{border-color:var(--blue)}.field.code{width:130px;font-family:var(--display);font-weight:700;letter-spacing:.2em;text-transform:uppercase}.play-row{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:32px}.play-row .primary{padding:14px 30px;font-size:19px}.primary.alt{background:linear-gradient(180deg,#2a8f6a,#185a43);border-color:#57d3a2;box-shadow:0 8px 30px #2a8f6a4d}.join{display:flex;gap:6px}.secondary.small{font-size:12px;padding:6px 10px}.secondary:disabled,.chip:disabled{opacity:.45;cursor:default}.muted{color:var(--muted)}.lobby{width:min(760px,100%);padding:24px;display:flex;flex-direction:column;gap:10px}.lobby-head{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px}.room-code{font-size:44px;line-height:1;letter-spacing:.14em}.invite{flex:1;min-width:260px;display:flex;flex-direction:column;gap:6px}.invite-row{display:flex;gap:6px}.invite-row .field{flex:1;font-size:13px}.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:8px 0}.team h3{font-family:var(--display);letter-spacing:.08em;margin:0 0 6px;font-size:18px}.slot{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;min-height:46px;border:1px solid var(--border);border-radius:8px;background:#141c2ab3}.slot.me{border-color:var(--border-strong);background:#3d9bff1a}.slot.empty{border-style:dashed}.slot .dot{width:10px;height:10px;border-radius:50%;flex:none}.slot .who{flex:1}.slot .fac{font-family:var(--display);font-weight:700}.badge{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;padding:1px 6px;border-radius:4px;background:#ffd36b26;color:var(--gold)}.badge.warn{background:#ff6a5526;color:#ff9a8a}.fpick{display:flex;gap:8px;flex-wrap:wrap}.fbtn{display:flex;align-items:center;gap:6px;padding:4px 14px 4px 4px;cursor:pointer;font:inherit;color:var(--text);background:#141c2acc;border:1px solid var(--border);border-radius:8px}.fbtn img{width:36px;height:36px}.fbtn span{font-family:var(--display);font-weight:700;font-size:16px;color:var(--fc)}.fbtn.on{border-color:var(--fc);box-shadow:0 0 0 1px var(--fc)}.lobby .actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:12px}.waiting{color:var(--muted);font-family:var(--display);font-size:17px;letter-spacing:.06em}.speed .ping{font-family:var(--display);font-weight:700;font-size:13px;color:var(--muted);padding:4px 8px}.speed .surrender{color:#d98a80}.players .p.offline{opacity:.45}.netbanner{position:absolute;top:90px;left:50%;transform:translate(-50%);display:none;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.06em;color:#ffcf8a;padding:8px 16px;border-radius:8px;background:#281808d9;border:1px solid rgba(255,180,90,.4)}.netbanner.show{display:block}.toasts.global{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.clock .num.overtime{color:#ff9a5a}.clock .ot{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.08em;color:#ff9a5a;text-transform:uppercase;min-height:0}.clock .ot:empty{display:none}.coach{position:absolute;top:84px;left:12px;width:330px;padding:12px 14px;z-index:2;border-color:#ffd36b73}.coach.pop{animation:coachpop .35s ease-out}@keyframes coachpop{0%{transform:translateY(-6px);opacity:.4}to{transform:none;opacity:1}}.coach-top{display:flex;justify-content:space-between;align-items:center}.coach-top button{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:12px}.coach-top button:hover{color:var(--text)}.coach h3{margin:6px 0 4px;font-family:var(--display);font-size:21px;color:var(--gold);letter-spacing:.02em}.coach p{margin:0;line-height:1.45;color:#c7d3e4;font-size:13.5px}.coach p b{color:var(--text)}.coach-bar{height:3px;background:#ffffff14;border-radius:2px;margin-top:10px;overflow:hidden}.coach-bar i{display:block;height:100%;background:var(--gold);transition:width .4s}.game .coach~.help,.game:has(.coach) .help{display:none}.tutorial-cta{display:flex;justify-content:center;margin-top:14px}.tutorial-cta .secondary{border-color:#ffd36b80;color:var(--gold)}.tidewrap{position:absolute;top:86px;left:50%;transform:translate(-50%);pointer-events:none}.tidebar{display:block;width:640px;max-width:calc(100vw - 24px);height:34px;border-radius:6px;background:#090d15b8;border:1px solid var(--border);pointer-events:auto}.netbanner{top:128px}.midpill{position:absolute;left:50%;bottom:0;transform:translate(-50%,55%);white-space:nowrap;padding:1px 8px;border-radius:999px;background:#090d15eb;border:1px solid var(--border);font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.toasts{top:136px}@media(max-width:760px){.tidewrap{top:150px}}.primary.ranked{background:linear-gradient(180deg,#8a4fd6,#4d2a8a);border-color:#b58cff;box-shadow:0 8px 30px #8a4fd64d}.play-row.small{margin-top:14px}.play-row.small .secondary{font-size:14px;padding:9px 16px}.account{min-height:34px;margin-bottom:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.account .profile-badge{margin-bottom:0}.signed-in{display:flex;align-items:center;gap:12px}.signed-in .avatar{width:30px;height:30px;border-radius:50%}.signed-in .who{font-family:var(--display);font-weight:700;font-size:18px}.signin-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.discord-btn{background:#5865f2;color:#fff;border:0;border-radius:8px;padding:8px 16px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.04em}.discord-btn:hover{background:#4752c4}.linkish{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;text-decoration:underline}.linkish:hover{color:var(--text, #fff)}a.secondary.discord-link{text-decoration:none;display:inline-flex;align-items:center}.field:disabled{opacity:.6;cursor:not-allowed}.profile-badge{display:flex;gap:10px;align-items:baseline;justify-content:center;margin-bottom:14px;font-family:var(--display)}.profile-badge .tier{font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase}.profile-badge .num{font-size:20px}.queue{width:min(420px,100%);padding:30px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.queue h2{margin:6px 0 0;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase}.queue .qtime{font-size:40px}.queue p{font-size:13px;line-height:1.5;margin:6px 0 12px}.spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rated{font-family:var(--display);font-size:18px;margin:-8px 0 18px}.rated .up{color:var(--green);font-weight:700}.rated .down{color:#ff7a6b;font-weight:700}.board .rows{max-height:55vh;overflow-y:auto;margin-bottom:18px}.spectator .card,.spectator .res,.spectator .help,.spectator .speed .surrender,.spectator .wave{display:none}.replaylink{margin:-8px 0 16px}.filepick{display:inline-flex;align-items:center;cursor:pointer}.cup-card{display:flex;align-items:center;gap:14px;width:min(620px,100%);margin:14px auto 0;padding:10px 16px;background:linear-gradient(90deg,#ffd36b1f,#ffd36b08);border:1px solid rgba(255,211,107,.35);border-radius:10px;color:var(--text);cursor:pointer;text-align:left;font:inherit}.cup-card:hover{border-color:var(--gold)}.cup-card.live{box-shadow:0 0 0 1px var(--gold),0 0 22px #ffd36b40}.cup-card .trophy{font-size:26px}.cup-card .cup-text{display:flex;flex-direction:column;flex:1;gap:2px}.cup-card .cup-text b{font-family:var(--display);font-size:18px;letter-spacing:.04em;color:var(--gold)}.cup-card .go{font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.cup{width:min(1000px,100%);padding:24px 28px}.cup h1{font-size:40px;margin:0}.cup .sub{font-family:var(--display);font-size:18px;margin-top:4px}.cup .rules{font-size:13px;max-width:70ch}.cup .cta{margin:16px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:44px}.cup .cta .ok{color:#7fe3a7}.cup .warn{color:#ff9a8a}.cup-ready{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--gold);border-radius:10px;background:#ffd36b0f}.cup-ready .chip{border-color:var(--fc)}.cup .champion{font-family:var(--display);font-size:28px;font-weight:700;color:var(--gold)}.entrants{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.entrants .label{width:100%}.entrants .tag.me{border-color:var(--gold)}.entrants i{font-style:normal;font-family:var(--display);font-weight:700}.bracket{display:flex;gap:18px;overflow-x:auto;padding:6px 2px 12px}.bracket .round{display:flex;flex-direction:column;gap:8px;min-width:190px}.bracket .slots{display:flex;flex-direction:column;justify-content:space-around;gap:10px;flex:1}.bmatch .side.empty{color:var(--muted)}.bmatch .ok{color:#7fe3a7}.bmatch{border:1px solid var(--border);border-radius:8px;background:#0c121cb3;overflow:hidden}.bmatch.ready{border-color:#ffd36b80}.bmatch.playing{border-color:#7fe3a7}.bmatch .side{display:flex;gap:8px;padding:5px 10px;font-size:14px}.bmatch .side+.side{border-top:1px solid var(--border)}.bmatch .side.won{font-weight:700}.bmatch .side.lost{color:var(--muted);text-decoration:line-through;text-decoration-color:#8797ae80}.bmatch .side.me{color:var(--gold)}.bmatch .seed{width:18px;color:var(--muted);font-family:var(--display);font-weight:700}.bmatch .bnote{display:flex;justify-content:space-between;padding:0 10px 4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.bmatch .bnote:empty{display:none}.badge-av{display:inline-block;vertical-align:middle;margin-right:6px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px var(--gold);flex:none}.badge-av svg{display:block;width:100%;height:100%}.item-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.item-picker .chip{display:inline-flex;align-items:center;padding:4px 10px;font-size:13px}.menu .credit{margin-top:18px;text-align:center;font-size:12px;color:var(--muted)}.menu .credit b{color:var(--text, #dfe7f2)}.cup .prize{display:flex;align-items:center;gap:4px;margin:10px 0 0;color:var(--gold)}.gold{color:var(--gold)}.xpbar{display:inline-block;position:relative;width:160px;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;vertical-align:middle}.xpbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3d9bff,#7fe6ff);border-radius:4px;transition:width .4s}.xpbar.thin{width:90px;height:5px}.lvl{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.lvl .lv{font-family:var(--display);font-weight:700;font-size:18px;color:var(--gold);min-width:52px;text-align:right}.lvl.big .lv{font-size:22px}.lvl.big .xpbar{width:220px;height:10px}.lv.pop{animation:lvpop .5s ease-out}@keyframes lvpop{0%{transform:scale(1.8);color:#fff}to{transform:scale(1)}}.progress-block{margin:14px auto 0;max-width:620px;display:flex;flex-direction:column;gap:10px}.quests{border:1px solid var(--border);border-radius:8px;background:#ffffff06;padding:10px 14px;text-align:left}.quests-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:12px;flex-wrap:wrap}.quests-head b{font-family:var(--display);font-size:15px;letter-spacing:.04em}.quest{display:grid;grid-template-columns:1fr 90px 64px 44px;align-items:center;gap:10px;padding:4px 0;font-size:13px}.quest .qnum{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.quest .qxp{color:var(--gold);text-align:right;font-weight:700}.quest.done .qtext{color:var(--green)}.quest.done .xpbar i{background:var(--green)}.fmastery{margin-top:8px;font-size:12px;color:var(--muted);min-height:16px}.mastery{display:inline-flex;align-items:center;gap:8px}.award{margin:-6px 0 18px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:#ffffff08;text-align:left}.award-wait{text-align:center;font-size:13px}.award-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.award-total{font-family:var(--display);font-size:26px;color:var(--gold)}.levelup{font-family:var(--display);font-weight:700;font-size:20px;color:#fff;letter-spacing:.1em;text-shadow:0 0 12px var(--gold);animation:lvpop .6s ease-out}.award-lines{margin:8px 0;font-size:13px}.aline{display:flex;justify-content:space-between;padding:2px 0;opacity:0;animation:alin .3s ease-out forwards}@keyframes alin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.award-mastery{font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.award-mastery .up{color:var(--green);font-weight:700}.unlocks{margin-top:10px;display:flex;flex-direction:column;gap:8px}.unlock{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;background:#ffd36b14;border:1px solid rgba(255,211,107,.35);animation:lvpop .6s ease-out}@media(max-width:560px){.quest{grid-template-columns:1fr 60px 44px}.quest .xpbar{display:none}.xpbar{width:110px}}.ai-tag{display:inline-block;margin-left:6px;padding:0 5px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.06em;color:#b9c7da;background:#96b4e129;border:1px solid var(--border);vertical-align:middle}.board tr.clickable{cursor:pointer}.board tr.clickable:hover td{background:#ffffff0a}.board tr.me td{background:#3d9bff1a}.board-filter{justify-content:center;margin:-6px 0 12px}.lvl-row{display:flex;align-items:center;justify-content:center;gap:14px}.profile-overlay{overflow-y:auto;align-items:flex-start;padding:24px 16px}.profile{width:min(900px,100%);padding:24px}.pf-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.pf-head .pf-name{flex:1;min-width:0}.pf-head h1{font-family:var(--display);font-size:34px;margin:0;letter-spacing:.04em}.pf-head .tier{font-family:var(--display);font-weight:700}.pf-head .you{font-size:16px}.small-note{font-size:12px;margin-top:4px}.pf-factions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.pf-faction{border:1px solid var(--border);border-top:3px solid var(--fc);border-radius:8px;padding:10px 12px;background:#ffffff06}.pf-faction h3{margin:0 0 2px;font-family:var(--display);color:var(--fc)}.pf-faction .muted{font-size:12px}.sig{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.unit{display:inline-flex;align-items:center;gap:2px;font-size:11px}.unit b{color:var(--muted);font-weight:600}.uicon{object-fit:contain}.pf-matches{width:100%;border-collapse:collapse;font-size:13px}.pf-matches td{padding:7px 6px;border-top:1px solid var(--border);vertical-align:middle}.pf-matches .w{color:var(--green);font-weight:700}.pf-matches .l{color:#ff7a6b;font-weight:700}.pf-matches .up{color:var(--green)}.pf-matches .down{color:#ff7a6b}.pf-matches .vs{margin-bottom:3px}.army{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.army .ups{color:var(--faint);font-size:11px;margin-left:4px}a.secondary.small,button.secondary.small{padding:4px 10px;font-size:11px;text-decoration:none}@media(max-width:640px){.pf-factions{grid-template-columns:1fr}.pf-head{flex-wrap:wrap}.pf-matches td:nth-child(2){display:none}}.board td:nth-child(2),.board th:nth-child(2){text-align:left}