:root{--bg: #f6f6f3;--surface: #ffffff;--surface-2: #f1f1ed;--text: #15171c;--muted: #5d636e;--border: #e2e2dc;--focus: #2563eb;--danger: #b42318;--danger-soft: #fdecea;--ok: #067647;--accent: #3b5bdb;--accent-ink: #ffffff;--accent-soft: #edf1ff;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgb(16 18 24 / 5%), 0 4px 16px rgb(16 18 24 / 5%);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #111317;--surface: #1a1d23;--surface-2: #22262e;--text: #eceef2;--muted: #9aa1ad;--border: #2d323b;--danger: #f97066;--danger-soft: #3a1d1b;--ok: #47cd89;--shadow: none;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell{max-width:1080px;margin:0 auto;padding:28px 20px 48px}.head{margin-bottom:22px}.head h1{font-size:26px;line-height:1.2;margin:0 0 6px;letter-spacing:-.01em}.head p{margin:0;color:var(--muted);max-width:64ch}.layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:20px;align-items:start}.layout.wide-left{grid-template-columns:minmax(320px,440px) 1fr}@media(max-width:820px){.shell{padding:20px 16px 40px}.head h1{font-size:22px}.layout,.layout.wide-left{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.card h2{font-size:15px;margin:0 0 14px}.stack>*+*{margin-top:16px}.field{display:block}.field>.label,.label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.hint{font-size:12.5px;color:var(--muted);margin-top:5px}.row{display:flex;gap:10px;align-items:center}.row>.grow{flex:1;min-width:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;min-height:42px}.textarea{resize:vertical;min-height:120px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.seg{display:flex;background:var(--surface-2);border-radius:var(--radius-sm);padding:3px;gap:3px;flex-wrap:wrap}.seg label{flex:1;position:relative}.seg input{position:absolute;opacity:0;inset:0}.seg span{display:block;text-align:center;padding:7px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap}.seg input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.seg input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-weight:600;font-size:14.5px;background:var(--accent);color:var(--accent-ink)}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.ghost{background:transparent;color:var(--muted);border-color:transparent;padding:0 10px}.btn.block{width:100%}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer;color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.big{font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1.05}.big small{font-size:18px;font-weight:600;color:var(--muted);margin-left:6px;letter-spacing:0}.muted{color:var(--muted)}.accent-panel{background:var(--accent-soft);border-radius:var(--radius);padding:20px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:9px 4px;border-bottom:1px solid var(--border)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tr:last-child td{border-bottom:none}.notice{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px}.notice.error{background:var(--danger-soft);color:var(--danger)}.notice.info{background:var(--surface-2);color:var(--muted)}.notice p{margin:0}.notice p+p{margin-top:6px}.faq{margin-top:28px}.faq h2{font-size:17px;margin:0 0 10px}.faq details{border-top:1px solid var(--border);padding:12px 0}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin:8px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.mobile-bar{display:none}@media(max-width:820px){.mobile-bar{display:flex;align-items:center;gap:12px;position:fixed;left:12px;right:12px;bottom:12px;z-index:10;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--radius);padding:12px 16px;box-shadow:0 6px 24px #00000038;font:inherit;text-align:left;cursor:pointer}.mobile-bar[hidden]{display:none}.mobile-bar b{font-size:20px}.mobile-bar span{flex:1;font-size:13px;opacity:.9}.shell{padding-bottom:96px}}@media(max-width:520px){.grid-2{grid-template-columns:1fr}}.seg{flex-wrap:nowrap}@media(pointer:coarse){.chip{min-height:38px;padding:7px 13px}}@media print{.mobile-bar{display:none!important}}:root{--accent: #ffd34a;--accent-ink: #1a1530;--accent-soft: #fff1d6;--font: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--ink: #14122b;--panel: rgba(20, 18, 43, .72);--wood: #3b2a1c;--wood2: #4e3824;--rim: #c9a25a}html,body,#root{height:100%;margin:0;overflow:hidden;background:#120f0b}.lanes{position:relative;width:100%;height:100%;display:grid;grid-template-rows:54px 1fr 186px;user-select:none;-webkit-user-select:none;font-family:var(--font);color:#fff;overflow:hidden}.arena{position:relative;overflow:hidden;min-height:0}.stage{position:absolute;inset:0;cursor:pointer;touch-action:none}.aiming .stage{cursor:crosshair}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;left:50%;top:10px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:10px;background:#14122bd9;font-weight:800;font-size:12px;pointer-events:none;transition:opacity .5s}.loading b{width:120px;height:6px;border-radius:3px;background:#fff2;overflow:hidden}.loading i{display:block;height:100%;width:0;background:#ffd34a;transition:width .3s}.loading.done{opacity:0}.flash{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen}.fx,.tags{position:absolute;inset:0;pointer-events:none;overflow:hidden}:root{--gold: #c9a24a;--gold-hi: #f3d27a;--gold-lo: #6b5122;--stone: #2a251f;--deep: #120f0b;--title: "Cinzel", Georgia, serif;--tex: none;--tex2: none}.frame{position:relative;border-radius:5px;box-shadow:0 0 0 1px #000,0 0 0 3px var(--gold-lo),0 0 0 4px var(--gold),inset 0 0 0 1px #0009,inset 0 2px 8px #000c}.frame:before,.frame:after{content:"";position:absolute;top:-6px;width:9px;height:9px;background:radial-gradient(circle at 35% 35%,var(--gold-hi),var(--gold) 45%,var(--gold-lo));transform:rotate(45deg);box-shadow:0 0 0 1px #000;z-index:2}.frame:before{left:-6px}.frame:after{right:-6px}.bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;z-index:3;background:linear-gradient(#0003,#0007),var(--tex) center / 300px,var(--stone);box-shadow:inset 0 -2px #000,inset 0 -5px 0 var(--gold-lo),inset 0 -6px 0 var(--gold),0 4px 10px #000a}.bl,.br{display:flex;align-items:center;gap:10px;min-width:0}.br{justify-content:flex-end}.myteam{font:700 15px var(--title);letter-spacing:1px;padding:3px 12px 4px;border-radius:3px;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(var(--c),color-mix(in srgb,var(--c) 55%,#000));box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold);white-space:nowrap}.tchips{display:flex;gap:4px;min-width:0;flex:0 1 auto;overflow:hidden}.tchip{display:flex;flex-direction:column;gap:2px;padding:2px 6px 3px;border-radius:2px;background:#0007;border-left:4px solid var(--c);min-width:0;flex:0 1 84px;box-shadow:0 0 0 1px #0008}.tchip.me{background:#ffffff1a;box-shadow:0 0 0 1px var(--gold)}.tchip.dead{opacity:.4}.tchip .nm{font:700 11px var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f1e3c2}.tchip .fh{height:4px;border-radius:2px;background:#000a;overflow:hidden}.tchip .fh i{display:block;height:100%;background:var(--c);transition:width .3s}.medal{align-self:start;display:flex;flex-direction:column;align-items:center;min-width:150px;padding:3px 18px 6px;margin-bottom:-14px;border-radius:0 0 40px 40px;background:linear-gradient(#0006,#000a),var(--tex) center / 200px,var(--stone);box-shadow:0 0 0 1px #000,0 0 0 3px var(--gold-lo),0 0 0 4px var(--gold),0 6px 12px #000c;z-index:4}.clock{font:700 22px var(--title);color:var(--gold-hi);text-shadow:0 2px 2px #000;font-variant-numeric:tabular-nums;line-height:1.1}.resbar{display:flex;flex-direction:column;align-items:center;gap:2px;font:600 10.5px var(--title);color:#e8d6a8;white-space:nowrap}.resbar b{display:none;width:120px;height:5px;border-radius:3px;background:#000a;overflow:hidden;box-shadow:0 0 0 1px var(--gold-lo)}.resbar.busy b{display:block}.resbar b i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d08a1a,var(--gold-hi));transition:width .25s linear}.rs{display:flex;align-items:center;gap:5px;font:700 17px var(--title);color:#f6e7c1;text-shadow:0 1px 2px #000;white-space:nowrap}.rs img{width:24px;height:24px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-lo)}.rs.gold .v{color:var(--gold-hi)}.rs.manar .v{color:#9fd0ff}.inc{font:700 12px var(--title);color:#b8f0a0;white-space:nowrap}.auto-btn,.board-btn{pointer-events:auto;cursor:pointer;border:0;border-radius:3px;font:700 12px var(--title);color:#f6e7c1;height:30px;padding:0 10px;white-space:nowrap;flex:none;background:linear-gradient(#4a3d2a,#2a2116);box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-lo),inset 0 1px #fff2}.auto-btn.on{background:linear-gradient(#3f7a3a,#224a20);color:#e8ffd8}.board-btn{width:34px;padding:0;font-size:16px}.inroom .bar{padding-right:136px}.inroom .board-btn{display:none}@media(max-width:960px){.inroom .bar{padding-right:12px}}.auto-btn:hover,.board-btn:hover{filter:brightness(1.25);box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold)}.console{display:grid;grid-template-columns:196px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);gap:14px;padding:12px 14px 10px;min-height:0;z-index:3;background:linear-gradient(#0001,#0006),var(--tex) center / 300px,var(--stone);box-shadow:inset 0 2px #000,inset 0 5px 0 var(--gold-lo),inset 0 6px 0 var(--gold),0 -4px 10px #000a}.minibox{display:flex;gap:4px;padding:4px;min-height:0;background:#000}.mini{display:block;height:100%;max-height:100%;max-width:100%;aspect-ratio:1;cursor:crosshair;touch-action:none;min-width:0}.minibtns{display:flex;flex-direction:column;gap:4px}.minibtns button{width:22px;height:22px;padding:0;border:0;border-radius:2px;cursor:pointer;font-size:12px;color:var(--gold-hi);background:linear-gradient(#4a3d2a,#2a2116);box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-lo)}.minibtns button:hover{filter:brightness(1.3)}.info{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:8px 10px;min-width:0;min-height:0;background:linear-gradient(#0007,#000a),var(--tex2) center / 256px,#1d1813}.pframe{width:96px;height:96px;align-self:center;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 3px var(--gold-lo),0 0 0 4px var(--gold),0 0 14px #000}.portrait{display:block;width:100%;height:100%;object-fit:cover}.itext{display:flex;flex-direction:column;gap:4px;min-width:0;justify-content:center}.ihead{display:flex;align-items:center;gap:8px;min-width:0}.iname{font:700 16px var(--title);color:var(--gold-hi);text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ihead .who{font:700 10px var(--title);padding:1px 7px;border-radius:2px;background:var(--c);color:#fff;text-shadow:0 1px 1px #000;box-shadow:0 0 0 1px #000}.ibar{position:relative;height:13px;max-width:320px;border-radius:2px;background:#000;overflow:hidden;box-shadow:0 0 0 1px var(--gold-lo)}.ibar i{display:block;height:100%;transition:width .2s}.ibar.hp i{background:linear-gradient(#5fe07a,#2a8f3a)}.ibar.mp i{background:linear-gradient(#6ab8ff,#2f5fbf)}.ibar em{position:absolute;inset:0;font:700 10px/13px var(--title);text-align:center;font-style:normal;color:#fff;text-shadow:0 1px 1px #000}.istats{font-weight:700;font-size:12px;line-height:1.35;color:#d8c8a4;max-width:460px}.iqueue{display:flex;align-items:center;gap:8px}.iqueue img{width:30px;height:30px;border-radius:2px;box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold)}.iqueue b{width:140px;height:8px;border-radius:2px;background:#000;overflow:hidden;box-shadow:0 0 0 1px var(--gold-lo)}.iqueue b i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d08a1a,var(--gold-hi));transition:width .25s linear}.iqueue span{font:700 11px var(--title);color:#e8d6a8;white-space:nowrap}.card{display:grid;grid-template-columns:repeat(4,50px);grid-template-rows:repeat(3,50px);gap:5px;padding:6px;align-content:center;background:#000c}.cb{position:relative;padding:0;border:0;border-radius:2px;cursor:pointer;overflow:hidden;background:#15110c;box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-lo);transition:transform .06s,filter .1s}.cb img{display:block;width:100%;height:100%;object-fit:cover}.cb:hover{box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-hi),0 0 10px #f3d27a88;filter:brightness(1.15)}.cb:active{transform:translateY(1px) scale(.97)}.cb.empty{cursor:default;background:linear-gradient(#0000,#0006),#1a150f;box-shadow:inset 0 0 0 1px #3a2e1c,0 0 0 1px #000}.cb.empty .hk,.cb.empty em{display:none}.cb.empty img,.cb img:not([src]){visibility:hidden}.cb .hk{position:absolute;top:1px;left:3px;font:700 11px var(--title);color:var(--gold-hi);text-shadow:0 0 2px #000,0 1px 1px #000,0 0 4px #000;font-style:normal}.cb u{position:absolute;top:1px;right:3px;font:700 10px var(--title);color:#fff;text-decoration:none;text-shadow:0 0 2px #000,0 1px 1px #000}.cb em{position:absolute;right:0;bottom:0;font:700 10px var(--title);font-style:normal;padding:0 3px;border-radius:2px 0 0;background:#000b;color:var(--gold-hi)}.cb em.m{color:#9fd0ff}.cb em:empty{display:none}.cb.poor em.g,.cb.nomana em.m{color:#ff7a6a}.cb.off img{filter:grayscale(1) brightness(.55)}.cb.passive{cursor:default}.cb.passive img{filter:saturate(.9)}.cb .cdv{position:absolute;left:0;right:0;bottom:0;height:var(--cd, 0%);background:#000a;pointer-events:none}.cb .cdt{position:absolute;inset:0;display:grid;place-items:center;font:700 13px var(--title);color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;pointer-events:none}.cb.cool img{filter:grayscale(.6) brightness(.8)}.cb .prog{position:absolute;left:2px;right:2px;bottom:2px;height:5px;display:none;border-radius:2px;background:linear-gradient(90deg,var(--gold-hi) var(--p, 0%),#000a var(--p, 0%));box-shadow:0 0 0 1px #000}.cb.researching .prog{display:block}.cb.researching{box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-hi),0 0 8px #f3d27a99}.cb.pick{animation:pickglow 1.2s ease-in-out infinite}.cb.aim{box-shadow:0 0 0 1px #000,0 0 0 3px #7fd8ff,0 0 12px #7fd8ff}@keyframes pickglow{50%{box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-hi),0 0 14px #f3d27a}}.herobar{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:2}.herobar .hero{position:relative;width:52px;height:58px;padding:0;border:0;border-radius:3px;cursor:pointer;background:#000;box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-lo),0 0 0 3px var(--gold),0 4px 8px #000a}.herobar .hero img{display:block;width:52px;height:52px;object-fit:cover}.herobar .hero u{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--title);color:#1a1208;text-decoration:none;background:radial-gradient(circle at 35% 35%,var(--gold-hi),var(--gold));box-shadow:0 0 0 1px #000}.herobar .hero b{position:absolute;left:0;right:0;bottom:0;height:6px;background:#300}.herobar .hero b i{display:block;height:100%;background:linear-gradient(#5fe07a,#2a8f3a)}.herobar .hero.on{box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-hi),0 0 12px #f3d27a}.tip{position:absolute;z-index:9;width:280px;transform:translateY(-100%);pointer-events:none;opacity:0;transition:opacity .1s;background:#0d0b08f2;border-radius:3px;padding:8px 11px;box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-lo),0 0 0 3px var(--gold),0 8px 18px #000c}.tip.on{opacity:1}.tip b{display:block;font:700 14px var(--title);color:var(--gold-hi);margin-bottom:3px}.tip kbd{font:700 11px var(--title);color:#1a1208;background:var(--gold);padding:0 5px;border-radius:2px;margin-left:4px}.tip .tcost{display:flex;gap:12px;margin-bottom:4px;font:700 12px var(--title);color:#f1e3c2}.tip .tcost span{display:flex;align-items:center;gap:4px}.tip .tcost img{width:15px;height:15px;border-radius:2px}.tip span{font-weight:700;font-size:12.5px;line-height:1.4;color:#e8dcc0}.tip .why{display:block;margin-top:4px;font-style:normal;font-weight:800;font-size:12px;color:#ff8a7a}.tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:3px}.tag .nm{font-weight:900;font-size:13px;padding:1px 8px;border-radius:8px;background:#14122bc7;border-bottom:3px solid var(--c, #fff);white-space:nowrap}.tag.base .nm{font-size:14px;background:var(--c);color:var(--ink);border:0;box-shadow:0 3px #0006}.tag.unit .nm{font-size:11px;padding:0 6px}.bub{display:none;max-width:220px;font-weight:800;font-size:14px;color:var(--ink);background:#fff;padding:4px 10px;border-radius:12px;box-shadow:0 3px #0003;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bub.on{display:block}.feed{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:46%}.feed .line{background:var(--panel);border-left:5px solid var(--c, #fff);padding:3px 10px;border-radius:9px;font-weight:800;font-size:13.5px;transition:opacity .6s;animation:slide .25s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed .line.old{opacity:0}.banner{position:absolute;left:50%;top:34%;max-width:96%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;text-align:center;transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.banner.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner .big{font-weight:900;font-size:clamp(32px,6.5vw,76px);line-height:1;color:var(--c, #ffe066);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);white-space:nowrap}.banner .small{margin-top:8px;font-weight:800;font-size:clamp(13px,1.8vw,21px);text-shadow:0 2px 4px #000c}.banner .small:empty{display:none}.toast{position:absolute;left:50%;bottom:40px;transform:translate(-50%,10px);opacity:0;pointer-events:none;font-weight:900;font-size:16px;padding:7px 16px;border-radius:12px;background:#14122be6;box-shadow:inset 0 0 0 2px #ffe06688;transition:opacity .15s,transform .2s;white-space:nowrap}.toast.on{opacity:1;transform:translate(-50%)}.lanes .hint{position:absolute;left:50%;bottom:76px;transform:translate(-50%);pointer-events:none;font-weight:800;font-size:16px;background:#14122bd9;padding:7px 14px;border-radius:12px;opacity:0;transition:opacity .3s;width:max-content;max-width:92%;text-align:center}.lanes .hint.on{opacity:1}.help{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:#ffffffd8;font-weight:800;font-size:12.5px;pointer-events:none;text-shadow:0 1px 3px #000c,0 0 2px #000a}.pop{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:20px;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;animation:pop 1.1s ease-out forwards;white-space:nowrap}.pop.gold{color:#ffe066}.pop.gold.small{font-size:14px}.pop.lvl{color:#9fd8ff;font-size:22px}.pop.crit{color:#ff5a5a;font-size:24px}.results{position:absolute;left:50%;top:45%;z-index:8;transform:translate(-50%,-46%) scale(.92);opacity:0;pointer-events:none;transition:opacity .3s,transform .35s cubic-bezier(.3,1.5,.5,1);background:#14122beb;border-radius:22px;padding:14px 22px 12px;min-width:min(520px,92vw);box-shadow:0 10px #0003,inset 0 0 0 3px var(--rim)}.results.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.results .title{font-weight:900;font-size:40px;text-align:center;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.results .sub{text-align:center;font-weight:800;opacity:.85;margin-bottom:8px}.results ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.results li{display:grid;grid-template-columns:22px 14px 1fr auto 46px;align-items:center;gap:8px;font-weight:800;font-size:16px;padding:2px 8px;border-radius:10px}.results li.me{background:#fff59a33;color:#fff59a}.results .dot{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff8}.results .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results .t{opacity:.8;font-size:13px;white-space:nowrap}.results .pts{text-align:right;color:#7ed957;font-variant-numeric:tabular-nums}.results .next{margin-top:8px;text-align:center;font-weight:800;opacity:.85}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-70%) scale(1.15);opacity:1}to{transform:translate(-50%,-150%) scale(1);opacity:0}}@keyframes slide{0%{transform:translate(-20px);opacity:0}}@keyframes glowp{50%{filter:brightness(1.25)}}@media(max-width:1000px){.tchips{display:none}.console{grid-template-columns:160px minmax(0,1fr) auto;gap:10px}.card{grid-template-columns:repeat(4,44px);grid-template-rows:repeat(3,44px);gap:4px}.pframe{width:76px;height:76px}.inc{display:none}}@media(max-width:760px),(max-height:520px){.lanes{grid-template-rows:46px 1fr 150px}.bar{gap:6px;padding:0 6px}.myteam{font-size:11px;padding:2px 7px}.rs{font-size:13px}.rs img{width:18px;height:18px}.rs.army{display:none!important}.medal{min-width:96px;padding:2px 10px 4px;margin-bottom:-8px}.clock{font-size:15px}.resbar{font-size:9px}.resbar b{width:80px}.auto-btn{height:26px;font-size:10px;padding:0 6px}.board-btn{width:28px;height:26px;font-size:14px}.console{grid-template-columns:112px minmax(0,1fr) auto;gap:8px;padding:9px 8px 7px}.minibtns{display:none}.card{grid-template-columns:repeat(4,34px);grid-template-rows:repeat(3,34px);gap:3px;padding:4px}.cb .hk{font-size:9px}.cb em{font-size:8px}.cb .cdt{font-size:10px}.pframe{width:52px;height:52px}.info{gap:8px;padding:5px 7px}.iname{font-size:12px}.istats{font-size:10px}.ibar{height:10px}.ibar em{font-size:8px;line-height:10px}.iqueue img{width:20px;height:20px}.iqueue b{width:70px}.herobar .hero{width:40px;height:45px}.herobar .hero img{width:40px;height:40px}.help{display:none}.feed .line{font-size:11px}.lanes .hint{font-size:12px;bottom:16px}.results li{font-size:13px}.results .t{display:none}.results li{grid-template-columns:22px 14px 1fr 46px}}@media(max-width:520px){.lanes{grid-template-rows:46px 1fr 210px}.console{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto}.minibox{grid-row:1}.info{grid-row:1;grid-column:2}.card{grid-row:2;grid-column:1 / span 2;justify-self:center;grid-template-columns:repeat(6,38px);grid-template-rows:repeat(2,38px)}.inc,.tchips{display:none}.banner .big{-webkit-text-stroke:3px var(--ink)}}