:root{--bg: #05060f;--panel: rgba(20, 22, 40, .72);--panel-line: rgba(120, 130, 220, .22);--text: #e8ebff;--dim: #9aa0c8;--good: #5fe08a;--warn: #ffd166;--danger: #ff5b6e;--mana: #5aa9ff;--gauge: #ffb14e;--accent: #8a7bff;--shadow: 0 6px 26px rgba(0, 0, 0, .5);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}.stage-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.hud{position:absolute;inset:0;z-index:10;pointer-events:none;font-size:13px}.panel-label{font-size:10px;letter-spacing:2px;color:var(--dim);font-weight:700;margin-bottom:6px;text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:9px 11px;backdrop-filter:blur(8px);box-shadow:var(--shadow)}.boss-header{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(620px,70vw);text-align:center}.boss-name{font-weight:800;letter-spacing:1px;font-size:20px;text-shadow:0 2px 10px rgba(255,60,90,.4)}.boss-name .bn{color:#ff8da3}.boss-name .bt{color:var(--dim);font-size:13px;font-weight:600;font-style:italic}.enrage-timer{position:absolute;right:-4px;top:2px;font-variant-numeric:tabular-nums;font-weight:800;font-size:15px;color:var(--dim)}.enrage-timer.danger{color:var(--danger);animation:pulse .8s infinite}.boss-hp{position:relative;height:22px;margin-top:6px;background:#0000008c;border:1px solid rgba(255,90,110,.4);border-radius:7px;overflow:hidden}.boss-hp-fill{height:100%;width:100%;background:linear-gradient(180deg,#ff6b84,#c8324b);transition:width .12s linear;box-shadow:0 0 14px #ff506480 inset}.boss-hp-text{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:12px;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}.boss-cast{margin-top:7px}.boss-cast.hidden{display:none}.boss-cast-name{font-size:12px;font-weight:700;color:var(--warn);margin-bottom:3px}.boss-cast.buster .boss-cast-name{color:var(--danger)}.boss-cast-bar{height:12px;background:#00000080;border:1px solid var(--panel-line);border-radius:6px;overflow:hidden}.boss-cast-fill{height:100%;width:0;background:linear-gradient(180deg,#ffe08a,#e0a020);transition:width .06s linear}.boss-cast.buster .boss-cast-fill{background:linear-gradient(180deg,#ff6b84,#c8324b)}.raid-frames{position:absolute;top:14px;left:14px;width:196px;display:flex;flex-direction:column;gap:7px;pointer-events:auto}.frame{background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;padding:7px 9px;cursor:pointer;transition:border-color .15s,transform .1s;backdrop-filter:blur(8px)}.frame:hover{transform:translate(2px)}.frame.is-player{border-color:#ffe79ab3;box-shadow:0 0 12px #ffe79a2e}.frame.selected{border-color:var(--good);box-shadow:0 0 12px #5fe08a4d}.frame.bosstarget{border-color:var(--danger);animation:pulse .7s infinite}.frame.dead{opacity:.45;filter:grayscale(.8)}.frame-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.frame-icon{font-size:13px}.frame-name{font-weight:700;font-size:12px;flex:1}.frame-tag{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--dim);text-transform:uppercase}.frame-tag.you{color:var(--warn)}.frame-tag.drowsy{color:#9aa6ff}.frame-tag.asleep{color:#c0b0ff;animation:pulse .9s infinite}.frame-hp{position:relative;height:16px;background:#00000080;border-radius:5px;overflow:hidden}.frame-hp-fill{height:100%;background:linear-gradient(180deg,#6ff09a,#34a85f);transition:width .12s linear}.frame-hp-fill.mid{background:linear-gradient(180deg,#ffd166,#d09a20)}.frame-hp-fill.low{background:linear-gradient(180deg,#ff6b6b,#c83232)}.frame-shield{position:absolute;top:0;left:0;height:3px;background:#9ad0ff;box-shadow:0 0 6px #9ad0ff}.frame-hp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000}.frame-res{height:5px;margin-top:3px;background:#00000080;border-radius:3px;overflow:hidden}.frame-res-fill{height:100%;width:0;transition:width .12s linear}.frame-res-fill.mana{background:var(--mana)}.frame-res-fill.gauge{background:var(--gauge)}.frame-engage{height:5px;margin-top:3px;background:#00000080;border-radius:3px;overflow:hidden}.frame-engage-fill{height:100%;width:70%;transition:width .2s linear;background:linear-gradient(90deg,#6a78ff,#9a78ff)}.frame-engage-fill.drowsy{background:linear-gradient(90deg,#5a4a90,#7a6ad0)}.frame-engage-fill.asleep{background:linear-gradient(90deg,#40306a,#5a4a90)}.frame-buffs{display:flex;gap:3px;margin-top:5px;min-height:16px;flex-wrap:wrap}.buff-pip{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;font-size:10px;background:color-mix(in srgb,var(--c) 28%,#000);border:1px solid var(--c)}.buff-pip.debuff{border-style:dashed}.right-col{position:absolute;top:14px;right:14px;width:212px;display:flex;flex-direction:column;gap:9px}.meter-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:6px;margin:3px 0}.meter-name{font-size:11px;color:var(--dim);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter-track{height:11px;background:#00000080;border-radius:5px;overflow:hidden}.meter-bar{height:100%;width:0;border-radius:5px;transition:width .18s ease;background:var(--accent)}.meter-bar.threat{background:linear-gradient(90deg,#6a78ff,#9a78ff)}.meter-bar.threat.tank{background:linear-gradient(90deg,#4f9fe6,#6ec1ff)}.meter-bar.threat.warn{background:linear-gradient(90deg,#e0a020,#ffd166)}.meter-bar.threat.over{background:linear-gradient(90deg,#c83232,#ff6b6b);animation:pulse .6s infinite}.meter-bar.dps{background:linear-gradient(90deg,#c8527a,#ff8da3)}.meter-bar.hps{background:linear-gradient(90deg,#34a85f,#6ff09a)}.meter-val{font-size:10px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.meter-row.you .meter-name{color:var(--warn)}.meter-row.pull-warn{background:#ff50641f;border-radius:6px}.meter-total{margin-top:6px;font-size:10px;color:var(--dim);font-weight:700;border-top:1px solid var(--panel-line);padding-top:5px}.meter-total.behind{color:var(--danger)}.action-area{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:auto}.resource{display:flex;align-items:center;gap:8px;width:340px}.resource-label{font-size:9px;letter-spacing:1px;color:var(--dim);font-weight:700;width:86px;text-align:right}.resource-track{flex:1;height:9px;background:#0000008c;border:1px solid var(--panel-line);border-radius:5px;overflow:hidden}.resource-fill{height:100%;width:0;transition:width .12s linear}.resource-fill.mana{background:linear-gradient(90deg,#3f7fd6,#6ec1ff)}.resource-fill.mana.low{background:linear-gradient(90deg,#c83232,#ff6b6b);animation:pulse .8s infinite}.resource-fill.gauge{background:linear-gradient(90deg,#d08a20,#ffb14e)}.resource-fill.gauge.full{box-shadow:0 0 10px var(--gauge)}.resource-text{font-size:11px;font-weight:800;width:34px;font-variant-numeric:tabular-nums}.player-cast{width:300px;display:flex;flex-direction:column;gap:3px}.player-cast.hidden{display:none}.player-cast-name{font-size:11px;font-weight:700;color:var(--text);text-align:center;text-shadow:0 1px 3px #000}.player-cast-track{height:12px;background:#0009;border:1px solid var(--panel-line);border-radius:6px;overflow:hidden}.player-cast-fill{height:100%;width:0;background:linear-gradient(90deg,#ffe08a,#e0a020);transition:width .04s linear}.action-bar{display:flex;gap:8px}.ability-tip{position:fixed;z-index:60;display:none;max-width:240px;padding:10px 12px;border-radius:10px;background:#0e1020f7;border:1px solid var(--panel-line);box-shadow:0 10px 30px #0009;pointer-events:none}.tip-head{display:flex;align-items:center;gap:8px}.tip-ico{font-size:18px}.tip-name{font-weight:800;font-size:14px}.tip-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.tip-tags span{font-size:10px;font-weight:700;color:var(--dim);border:1px solid var(--panel-line);border-radius:12px;padding:1px 7px}.tip-desc{font-size:12px;color:#c3c8ea;line-height:1.4}.pip-stacks{position:absolute;bottom:-3px;right:-3px;font-size:9px;font-weight:900;background:#1a1c30;border-radius:4px;padding:0 2px;color:#fff}.buff-pip{position:relative}.buff-pip.focused{border-color:#ff3b3b;box-shadow:0 0 8px #ff3b3bb3;animation:pulse .5s infinite}.enrage-vignette{position:absolute;inset:0;pointer-events:none;z-index:12;opacity:0;transition:opacity .5s;box-shadow:inset 0 0 160px #ff28288c}.enrage-vignette.on{opacity:1;animation:enragePulse 1.2s ease-in-out infinite}@keyframes enragePulse{50%{box-shadow:inset 0 0 220px #ff2828bf}}.ability{position:relative;width:66px;height:66px;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#282a46f2,#16182cf2);border:1.5px solid color-mix(in srgb,var(--accent) 55%,#2a2c4a);color:var(--text);overflow:hidden;padding:0;transition:transform .08s,box-shadow .12s,filter .12s;display:flex;flex-direction:column;align-items:center;justify-content:center}.ability:active{transform:scale(.93)}.ability.ready{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}.ability.ready:hover{filter:brightness(1.15)}.ability.blocked{filter:brightness(.6) grayscale(.3)}.ability.unaffordable{filter:brightness(.5) grayscale(.6)}.ability.casting{box-shadow:0 0 0 2px var(--accent),0 0 16px var(--accent)}.ability-key{position:absolute;top:3px;left:5px;font-size:11px;font-weight:800;color:#fff;opacity:.8;text-shadow:0 1px 2px #000}.ability-icon{font-size:26px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ability-name{font-size:9px;font-weight:700;margin-top:3px;color:var(--dim);text-align:center;padding:0 2px}.ability-sweep{position:absolute;bottom:0;left:0;width:100%;height:0;background:#080814b8;transition:height .06s linear;pointer-events:none}.ability-cd{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:800;text-shadow:0 1px 3px #000;pointer-events:none}.chat-panel,.log-panel{position:absolute;right:14px;width:248px;display:flex;flex-direction:column;pointer-events:auto}.chat-panel{bottom:196px;height:158px}.log-panel{bottom:16px;height:168px}.chat-list,.log-list{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;font-size:11px;scrollbar-width:thin}.chat-entry{color:var(--text);line-height:1.35}.chat-name{font-weight:800;color:var(--c, #fff)}.log-entry{color:var(--dim);line-height:1.3}.log-entry.warn{color:var(--warn)}.log-entry.danger{color:var(--danger);font-weight:700}.log-entry.good{color:var(--good);font-weight:700}.log-entry.info{color:#b9c0ee}.hint-banner{position:absolute;top:116px;left:50%;transform:translate(-50%) translateY(-8px);padding:7px 16px;border-radius:20px;font-weight:800;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}.hint-banner.show{opacity:1;transform:translate(-50%) translateY(0)}.hint-banner.warn{background:#ffd16629;border:1px solid var(--warn);color:var(--warn)}.hint-banner.danger{background:#ff50642e;border:1px solid var(--danger);color:#ff9aa8;animation:pulse .7s infinite}.mech-ribbon{position:absolute;left:14px;top:312px;width:196px;display:flex;flex-direction:column;gap:4px;pointer-events:auto}.mr-head{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--dim);cursor:pointer;user-select:none;display:flex;justify-content:space-between;padding:0 2px 1px}.mr-head:hover{color:var(--text)}.mr-toggle{font-size:9px}.mech-ribbon.collapsed .mr-slot{display:none}.mr-slot{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:7px;background:#0a0c1abd;border:1px solid rgba(255,255,255,.09);overflow:hidden;font-size:12px}.mr-slot.hidden{display:none}.mr-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:currentColor;opacity:.16;transition:width .12s linear}.mr-ico{font-size:13px;position:relative}.mr-name{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.mr-time{font-variant-numeric:tabular-nums;font-weight:800;position:relative}.mr-slot.info{color:#8fb7ff}.mr-slot.info .mr-name{color:#c9d6f5}.mr-slot.warn{color:var(--warn);border-color:#ffd16666}.mr-slot.warn .mr-name{color:#ffe7ad}.mr-slot.danger{color:#ff9aa8;border-color:#ff506480}.mr-slot.danger .mr-name{color:#ffc4cd}.mr-slot.imminent{box-shadow:0 0 10px color-mix(in srgb,currentColor 45%,transparent)}.mr-slot.imminent.danger{animation:pulse .7s infinite}.prepull-banner{position:absolute;inset:0;display:grid;place-items:center;z-index:28;pointer-events:none;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--boss-accent) 14%,transparent),#05060f8c)}.pp-card{text-align:center;animation:ppcard .5s cubic-bezier(.2,.8,.2,1);padding:24px 40px}@keyframes ppcard{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.pp-vs{font-size:12px;letter-spacing:6px;color:var(--boss-accent);font-weight:800;opacity:.85}.pp-boss{font-size:clamp(40px,8vw,76px);font-weight:900;letter-spacing:4px;margin-top:4px;color:#fff;text-shadow:0 0 36px color-mix(in srgb,var(--boss-accent) 70%,transparent)}.pp-boss-title{font-size:16px;font-style:italic;color:var(--boss-accent);font-weight:700}.pp-intro{max-width:520px;margin:12px auto 0;color:#d4d8f5;font-size:14px;line-height:1.5}.pp-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:14px auto 0;max-width:560px}.pp-tags span{font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;border:1px solid currentColor;background:#0000004d}.pp-tags .pp-gaunt{color:#ff7a4d}.pp-tags .pp-daily{color:#46e0c8}.pp-count{font-size:76px;font-weight:900;color:#fff;margin-top:12px;text-shadow:0 0 30px color-mix(in srgb,var(--boss-accent) 70%,transparent);animation:pppop 1s infinite}.pp-count.pull{background:linear-gradient(180deg,#fff,var(--boss-accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:ppflash .4s}@keyframes pppop{0%{transform:scale(1.25);opacity:.35}35%{transform:scale(1);opacity:1}to{opacity:.85}}@keyframes ppflash{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.mute-btn{position:absolute;bottom:12px;left:12px;z-index:45;width:38px;height:38px;border-radius:10px;border:1px solid var(--panel-line);background:var(--panel);color:var(--text);font-size:17px;cursor:pointer;backdrop-filter:blur(6px);transition:transform .1s,border-color .12s}.mute-btn:hover{transform:scale(1.08);border-color:var(--accent)}.mute-btn:active{transform:scale(.94)}.pause-banner{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;background:#05060f80;z-index:30;backdrop-filter:blur(3px)}.replay-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:29;font-size:12px;font-weight:900;letter-spacing:3px;color:#8af0dd;background:#080a14c7;border:1.5px solid #46e0c8;border-radius:999px;padding:5px 16px;box-shadow:0 0 18px #46e0c859;pointer-events:none;animation:pulse 1.6s ease-in-out infinite}.training-badge.replay{color:#8af0dd}.overlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;pointer-events:auto;background:radial-gradient(circle at 50% 30%,#1e1437d9,#05060ff5);overflow-y:auto}.title{font-size:clamp(44px,9vw,96px);font-weight:900;letter-spacing:6px;background:linear-gradient(180deg,#ff8da3,#8a7bff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 40px rgba(138,123,255,.4)}.subtitle{font-size:clamp(13px,2.4vw,19px);color:var(--dim);margin-top:-10px}.subtitle b{color:var(--text)}.pitch{max-width:680px;text-align:center;color:#c3c8ee;line-height:1.55;font-size:13.5px}.pitch b{color:#ffd8e0}.boss-select{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:720px;width:100%;margin-top:6px}.boss-tab{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:11px 12px;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;text-align:center;position:relative}.boss-tab:hover{transform:translateY(-2px)}.boss-tab.active{border-color:var(--bc);box-shadow:0 0 18px color-mix(in srgb,var(--bc) 35%,transparent);background:color-mix(in srgb,var(--bc) 12%,var(--panel))}.boss-tab.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.bt-name{font-weight:800;font-size:15px;color:var(--bc);letter-spacing:1px}.boss-tab.locked .bt-name{color:var(--dim)}.bt-title{font-size:11px;color:var(--dim);font-style:italic}.bt-cleared{font-size:10px;color:var(--good);font-weight:800;margin-top:2px}.diff-select{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;justify-content:center}.diff-pill{background:var(--panel);border:1px solid var(--panel-line);border-radius:20px;padding:6px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:border-color .12s,background .12s}.diff-pill:hover{border-color:var(--dc)}.diff-pill.active{border-color:var(--dc);background:color-mix(in srgb,var(--dc) 16%,var(--panel))}.dp-name{font-weight:800;font-size:13px;color:var(--dc)}.dp-desc{font-size:10px;color:var(--dim)}.boss-flavor{font-size:13px;color:#c3c8ee;max-width:640px;text-align:center;margin-top:2px}.boss-flavor b{color:var(--boss-accent, #fff)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:920px;width:100%;margin-top:6px}.card{background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:7px;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card.recommended{border-color:#ffe79a8c}.card-icon{font-size:30px}.card-role{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent)}.card-name{font-size:15px;font-weight:800}.card-blurb{font-size:12px;color:var(--dim);line-height:1.4;flex:1}.card-tip{font-size:11px;color:var(--warn);line-height:1.4;background:#ffd16614;border-radius:8px;padding:6px 8px}.card-best{font-size:11px;color:var(--dim);font-weight:700;text-align:center}.menu-stats{font-size:13px;color:var(--warn);font-weight:700;margin-top:10px}.card-btn{margin-top:4px;padding:9px;border-radius:9px;border:none;cursor:pointer;font-weight:800;font-size:13px;color:#10131f;background:linear-gradient(180deg,#ffe79a,#ffc85a);transition:filter .12s,transform .08s}.card-btn:hover{filter:brightness(1.08)}.card-btn:active{transform:scale(.96)}.card-btn.ghost{background:transparent;color:var(--text);border:1px solid var(--panel-line)}.menu-foot{font-size:12px;color:var(--dim);margin-top:8px;text-align:center;max-width:640px}.result{gap:16px}.result-title{font-size:clamp(48px,11vw,120px);font-weight:900;letter-spacing:8px}.result.win .result-title{background:linear-gradient(180deg,#9affc0,#34a85f);-webkit-background-clip:text;background-clip:text;color:transparent}.result.wipe .result-title{background:linear-gradient(180deg,#ff8da3,#c8324b);-webkit-background-clip:text;background-clip:text;color:transparent}.result-sub{font-size:15px;color:#d4d8f5;max-width:560px;text-align:center;line-height:1.5}.result-stats{display:flex;gap:28px;margin:6px 0}.stat{text-align:center}.stat-val{font-size:26px;font-weight:800}.stat-label{font-size:10px;letter-spacing:1px;color:var(--dim);text-transform:uppercase}.result-btns{display:flex;gap:12px}.parse{width:min(460px,90vw);background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;padding:14px 16px}.parse-title{font-size:11px;letter-spacing:1px;color:var(--dim);font-weight:800;text-transform:uppercase;margin-bottom:10px;text-align:center}.parse-row{display:grid;grid-template-columns:96px 1fr 130px;align-items:center;gap:8px;margin:5px 0}.parse-row.you .parse-name{color:var(--warn);font-weight:800}.parse-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parse-track{height:14px;background:#00000080;border-radius:6px;overflow:hidden}.parse-bar{height:100%;border-radius:6px;transition:width .6s ease}.parse-bar.dps{background:linear-gradient(90deg,#c8527a,#ff8da3)}.parse-bar.hps{background:linear-gradient(90deg,#34a85f,#6ff09a)}.parse-val{font-size:11px;text-align:right;font-variant-numeric:tabular-nums;color:var(--dim);font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.help-link{background:transparent;border:1px solid var(--panel-line);color:var(--warn);border-radius:8px;padding:4px 12px;font-weight:800;font-size:12px;cursor:pointer;transition:border-color .12s}.help-link:hover{border-color:var(--warn)}.overlay.help{gap:14px}.help-title{font-size:clamp(34px,7vw,60px);font-weight:900;letter-spacing:4px;background:linear-gradient(180deg,#ffe79a,#ff8da3);-webkit-background-clip:text;background-clip:text;color:transparent}.help-sub{color:var(--dim);font-size:15px;max-width:600px;text-align:center;margin-top:-6px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:920px;width:100%}.help-card{background:var(--panel);border:1px solid var(--line, var(--panel-line));border-radius:14px;padding:16px}.help-card.threat{border-color:#ff78a066}.help-card.engage{border-color:#9aa6ff66}.help-card.win{border-color:#5fe08a66}.hc-ico{font-size:30px}.hc-h{font-weight:800;font-size:16px;margin:4px 0 6px}.hc-p{font-size:13px;color:#c7ccf0;line-height:1.5}.hc-p b{color:#fff}.help-controls{font-size:12.5px;color:var(--dim);background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;padding:10px 16px;max-width:760px;text-align:center}.help-controls b{color:var(--text)}@media (max-width: 760px){.help-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.05s!important}.enrage-vignette.on{opacity:.6}.plate:before{display:none}}@media (max-width: 860px){.cards{grid-template-columns:repeat(2,1fr)}.raid-frames{width:150px}.right-col{width:168px}.chat-panel,.log-panel{display:none}.ability{width:58px;height:58px}}@media (max-width: 560px){.hud{font-size:12px}.mech-ribbon{display:none}.raid-frames{width:128px;top:8px;left:8px}.right-col{width:140px;top:8px;right:8px}.boss-header{width:56vw;top:8px}.ability{width:52px;height:52px}.ability-name{display:none}.resource{width:270px}.cards{grid-template-columns:1fr 1fr}}#app{--ui-scale: 1}.overlay.menu,.overlay.help{transform:scale(var(--ui-scale));transform-origin:50% 6%}.ui-window{will-change:transform}.win-grip{position:absolute;top:2px;right:4px;width:18px;height:16px;z-index:5;display:grid;place-items:center;cursor:grab;pointer-events:auto;color:var(--dim);font-size:13px;line-height:1;border-radius:5px;opacity:0;transition:opacity .12s,color .12s,background .12s}.ui-window:hover>.win-grip{opacity:.55}.win-grip:hover{opacity:1!important;color:var(--accent);background:#8a7bff29}.win-grip:active{cursor:grabbing}.ui-window.dragging{z-index:50}.ui-window.dragging,.ui-window.resizing{box-shadow:0 0 0 1px var(--accent),var(--shadow);border-radius:12px}.win-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;z-index:5;cursor:nwse-resize;pointer-events:auto;opacity:0;transition:opacity .12s;background:linear-gradient(135deg,transparent 0 50%,var(--dim) 50% 60%,transparent 60% 72%,var(--dim) 72% 82%,transparent 82%);border-bottom-right-radius:10px}.ui-window:hover>.win-resize{opacity:.6}.win-resize:hover{opacity:1}.chat-panel .panel-label,.log-panel .panel-label,.raid-frames .panel-label{padding-right:18px}.gear-btn{position:absolute;bottom:12px;left:56px;z-index:45;width:38px;height:38px;border-radius:10px;border:1px solid var(--panel-line);background:var(--panel);color:var(--text);font-size:17px;cursor:pointer;backdrop-filter:blur(6px);transition:transform .1s,border-color .12s}.gear-btn:hover{transform:scale(1.08) rotate(35deg);border-color:var(--accent)}.gear-btn:active{transform:scale(.94)}.settings-panel{position:absolute;bottom:58px;left:12px;z-index:70;width:290px;background:#0e1020f7;border:1px solid var(--panel-line);border-radius:14px;padding:16px;box-shadow:0 14px 40px #0009;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;pointer-events:auto;animation:settingsIn .16s ease}@keyframes settingsIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.settings-panel.hidden{display:none}.set-head{display:flex;align-items:center;justify-content:space-between}.set-title{font-weight:800;font-size:15px;letter-spacing:.5px}.set-close{background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:6px}.set-close:hover{color:var(--text);background:#ffffff14}.set-section{display:flex;flex-direction:column;gap:7px}.set-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-weight:800}.set-scale-row{display:flex;align-items:center;gap:10px}.set-scale-row input[type=range]{flex:1;accent-color:var(--accent)}.set-scale-val{font-size:12px;font-weight:800;width:42px;text-align:right;font-variant-numeric:tabular-nums}.set-btn{border:1px solid var(--panel-line);background:#ffffff0a;color:var(--text);border-radius:9px;padding:8px 10px;font-weight:700;font-size:12px;cursor:pointer;transition:border-color .12s,background .12s}.set-btn:hover{border-color:var(--accent);background:#8a7bff1f}.set-btn.primary{background:linear-gradient(180deg,#ffe79a,#ffc85a);color:#10131f;border:none}.set-btn.primary:hover{filter:brightness(1.07)}.set-hint{font-size:11px;color:var(--dim);line-height:1.4}.set-divider{height:1px;background:var(--panel-line);margin:2px 0}.set-acct{display:flex;flex-direction:column;gap:8px}.set-acct input[type=text],.set-acct input[type=password]{background:#00000059;border:1px solid var(--panel-line);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;font-family:inherit;width:100%}.set-acct input:focus{outline:none;border-color:var(--accent)}.set-acct-btns{display:flex;gap:8px}.set-acct-btns .set-btn{flex:1}.set-msg{font-size:11px;line-height:1.4;min-height:0}.set-msg.err{color:var(--danger)}.set-msg.ok{color:var(--good)}.set-user{font-size:13px}.set-user b{color:var(--warn)}.set-sync{font-size:11px;color:var(--good)}.menu-rank{width:min(440px,90vw);background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:11px 14px;margin-top:10px}.mr-top{display:flex;justify-content:space-between;align-items:baseline}.mr-title{font-weight:800;font-size:15px;color:var(--accent)}.mr-score{font-variant-numeric:tabular-nums;font-weight:800;color:var(--warn);font-size:13px}.mr-track{height:8px;background:#00000073;border-radius:5px;overflow:hidden;margin:7px 0 5px}.mr-fill{height:100%;background:linear-gradient(90deg,var(--accent),#46e0c8);border-radius:5px;transition:width .5s ease}.mr-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--dim)}.mr-stats{color:var(--warn);font-weight:700}.ach-link{margin-top:8px;background:transparent;border:1px solid var(--panel-line);color:var(--warn);border-radius:8px;padding:6px 14px;font-weight:800;font-size:12px;cursor:pointer;pointer-events:auto;transition:border-color .12s}.ach-link:hover{border-color:var(--warn)}.overlay.ach{gap:14px}.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(720px,94vw);max-height:56vh;overflow-y:auto;padding:4px}@media (max-width: 620px){.ach-grid{grid-template-columns:1fr}}.ach-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;border:1px solid var(--panel-line);background:var(--panel);opacity:.55;position:relative}.ach-card.got{opacity:1;border-color:color-mix(in srgb,var(--warn) 55%,var(--panel-line));box-shadow:0 0 14px #ffd1661f}.ach-ico{font-size:26px;width:34px;text-align:center;flex-shrink:0}.ach-name{font-weight:800;font-size:14px}.ach-card.got .ach-name{color:var(--warn)}.ach-desc{font-size:11.5px;color:var(--dim);line-height:1.35}.ach-check{position:absolute;top:8px;right:10px;color:var(--good);font-weight:900}.result-head{display:flex;align-items:center;gap:22px}.grade-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:92px;border-radius:18px;border:3px solid var(--gc);box-shadow:0 0 26px color-mix(in srgb,var(--gc) 45%,transparent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gc) 22%,transparent),transparent 70%)}.grade-letter{font-size:52px;font-weight:900;line-height:1;color:var(--gc);text-shadow:0 0 18px color-mix(in srgb,var(--gc) 60%,transparent)}.grade-cap{font-size:9px;letter-spacing:3px;color:var(--dim);font-weight:800}.ci-build{width:min(440px,90vw);border-radius:12px;padding:9px 12px;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:12px;background:#0b0e16;border:1px solid #1d2435}.ci-build.pass{border-color:#5fe08a73;box-shadow:0 0 22px #5fe08a1f}.ci-build.fail{border-color:#ff506480;box-shadow:0 0 22px #ff506424}.ci-head{display:flex;align-items:center;gap:7px;padding-bottom:7px;margin-bottom:6px;border-bottom:1px solid #1d2435}.ci-dot{width:9px;height:9px;border-radius:50%;flex:none}.ci-build.pass .ci-dot{background:var(--good);box-shadow:0 0 8px var(--good)}.ci-build.fail .ci-dot{background:var(--danger);box-shadow:0 0 8px var(--danger)}.ci-pipe{flex:1;color:#7e88a8;font-weight:700;letter-spacing:.3px}.ci-status{font-weight:800}.ci-status.pass{color:var(--good)}.ci-status.fail{color:var(--danger)}.ci-check{display:flex;align-items:baseline;gap:8px;padding:2.5px 0}.ci-mark{width:12px;flex:none;text-align:center;font-weight:800}.ci-check.ok .ci-mark{color:var(--good)}.ci-check.bad .ci-mark{color:var(--danger)}.ci-name{flex:1;color:#c4cce4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-check.bad .ci-name{color:#ffc4cd}.ci-detail{color:#7e88a8;font-variant-numeric:tabular-nums}.ci-cov{display:flex;justify-content:space-between;margin-top:5px;padding-top:6px;border-top:1px dashed #1d2435;color:#9aa6cc}.ci-cov .ci-detail{color:var(--warn);font-weight:800}.ci-foot{margin-top:7px;padding-top:6px;border-top:1px solid #1d2435;color:var(--good);font-weight:700}.ci-trace{margin-top:7px;padding:7px 9px;background:#ff283c12;border-left:2px solid var(--danger);border-radius:0 6px 6px 0;color:#ff9aa8;white-space:pre-wrap;line-height:1.5;font-size:11px}.coach{width:min(440px,90vw);background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:9px 13px}.coach.fix{border-left:3px solid var(--warn)}.coach.praise{border-left:3px solid var(--good)}.coach-head{font-size:10.5px;letter-spacing:.5px;color:var(--dim);font-weight:800;margin-bottom:6px}.coach-body{display:flex;gap:10px;align-items:flex-start}.coach-ico{font-size:22px;flex:none;line-height:1.1}.coach-title{font-weight:800;font-size:13px;color:var(--text);margin-bottom:2px}.coach.fix .coach-title{color:var(--warn)}.coach.praise .coach-title{color:var(--good)}.coach-text{font-size:12px;color:#c4cce4;line-height:1.45}.score-break{width:min(440px,90vw);background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:10px 14px}.sb-head{font-size:10.5px;letter-spacing:1px;color:var(--dim);font-weight:800;text-transform:uppercase;margin-bottom:7px;text-align:center}.sb-row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0;border-bottom:1px dashed rgba(120,130,220,.14)}.sb-row:last-child{border-bottom:0}.sb-label{color:var(--text)}.sb-pts{font-variant-numeric:tabular-nums;font-weight:800}.sb-row.pos .sb-pts{color:var(--good)}.sb-row.neg .sb-pts{color:var(--danger)}.result-rank{width:min(440px,90vw);background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:10px 14px}.result-rank.up{border-color:var(--accent);box-shadow:0 0 22px #8a7bff4d;animation:pulse 1.1s ease 3}.rk-up{text-align:center;font-weight:900;letter-spacing:2px;color:var(--accent);margin-bottom:5px;font-size:14px}.rk-top{display:flex;justify-content:space-between;align-items:baseline}.rk-title{font-weight:800;color:var(--accent)}.rk-score{font-variant-numeric:tabular-nums;font-weight:800;color:var(--warn);font-size:12px}.rk-track{height:7px;background:#00000073;border-radius:5px;overflow:hidden;margin-top:6px}.rk-fill{height:100%;background:linear-gradient(90deg,var(--accent),#46e0c8);border-radius:5px;transition:width .6s ease}.toast-host{position:fixed;top:16px;right:16px;z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:11px;min-width:250px;max-width:320px;padding:11px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--panel-line));background:linear-gradient(160deg,#1c1c34f5,#0c0c18f5);box-shadow:0 8px 30px #0000008c,0 0 18px color-mix(in srgb,var(--accent) 30%,transparent);border-left:4px solid var(--accent);animation:toast-in .45s cubic-bezier(.2,1.4,.4,1) both,toast-out .5s ease 4.7s both}.toast-ico{font-size:26px;flex-shrink:0}.toast-kicker{font-size:9.5px;letter-spacing:2px;font-weight:800;color:var(--accent);text-transform:uppercase}.toast-name{font-weight:800;font-size:14px;color:var(--text)}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.train-btn{position:absolute;bottom:12px;left:100px;z-index:45;width:38px;height:38px;border-radius:10px;border:1px solid var(--panel-line);background:var(--panel);color:var(--text);font-size:17px;cursor:pointer;backdrop-filter:blur(6px);transition:transform .1s,border-color .12s}.train-btn:hover{transform:scale(1.08);border-color:#46e0c8}.train-btn:active{transform:scale(.94)}.train-panel{position:absolute;left:12px;bottom:60px;z-index:50;width:288px;max-height:82vh;overflow-y:auto;pointer-events:auto;background:linear-gradient(165deg,#14182af7,#080912f7);border:1px solid color-mix(in srgb,#46e0c8 40%,var(--panel-line));border-radius:14px;padding:12px 13px;box-shadow:0 12px 40px #0009,0 0 22px #46e0c81f;font-size:12px}.tp-head{display:flex;justify-content:space-between;align-items:center}.tp-title{font-weight:900;letter-spacing:1px;color:#6ff0dc;font-size:14px}.tp-close{background:transparent;border:1px solid var(--panel-line);color:var(--dim);border-radius:7px;width:24px;height:24px;cursor:pointer;font-size:12px}.tp-close:hover{border-color:var(--danger);color:var(--danger)}.tp-note{font-size:10.5px;color:var(--dim);line-height:1.4;margin:5px 0 4px}.tp-note b{color:var(--warn)}.tp-sec{border-top:1px solid rgba(120,130,220,.16);padding:9px 0 4px}.tp-sec-title{font-size:10.5px;letter-spacing:1px;font-weight:800;color:#9fe8dd;text-transform:uppercase;margin-bottom:7px}.tp-sec-body{display:flex;flex-direction:column;gap:7px}.tp-slider{display:flex;align-items:center;gap:8px}.tp-slider input[type=range],.tp-ai input[type=range]{flex:1;width:100%;accent-color:#46e0c8;cursor:pointer}.tp-val{font-variant-numeric:tabular-nums;font-weight:800;color:var(--warn);min-width:44px;text-align:right}.tp-btns{display:flex;gap:5px}.tp-btns.wrap{flex-wrap:wrap}.tp-mini,.tp-mech,.tp-wide{background:#46e0c81a;border:1px solid var(--panel-line);color:var(--text);border-radius:7px;padding:6px 8px;cursor:pointer;font-weight:700;font-size:11px;transition:border-color .12s,background .12s}.tp-mini{flex:1}.tp-wide{width:100%}.tp-mini:hover,.tp-mech:hover:not(:disabled),.tp-wide:hover{border-color:#46e0c8;background:#46e0c833}.tp-mech{flex:1 1 calc(50% - 5px)}.tp-mech:disabled{opacity:.35;cursor:not-allowed}.tp-hint{font-size:10px;color:var(--dim);margin-top:2px}.tp-check{display:flex;align-items:center;gap:8px;cursor:pointer}.tp-check input{accent-color:#46e0c8;width:16px;height:16px;cursor:pointer}.tp-ai{display:flex;flex-direction:column;gap:3px}.tp-ai-top{display:flex;justify-content:space-between;font-size:11px}.training-badge{font-size:12px;font-weight:900;letter-spacing:2px;color:#6ff0dc;border:2px solid #46e0c8;border-radius:10px;padding:6px 12px;box-shadow:0 0 18px #46e0c84d}.affix-select{width:min(680px,92vw);margin-top:4px}.affix-head{font-size:11px;letter-spacing:1px;font-weight:800;color:var(--dim);text-transform:uppercase;margin-bottom:7px;text-align:center}.affix-mult{color:var(--warn);margin-left:6px}.affix-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 560px){.affix-row{grid-template-columns:1fr}}.affix-chip{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"ico name mult" "ico desc desc";gap:1px 9px;align-items:center;padding:8px 11px;border-radius:10px;border:1px solid var(--panel-line);background:var(--panel);cursor:pointer;pointer-events:auto;transition:border-color .12s,background .12s}.affix-chip:hover{border-color:var(--ac)}.affix-chip.active{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,var(--panel));box-shadow:0 0 14px color-mix(in srgb,var(--ac) 25%,transparent)}.af-ico{grid-area:ico;font-size:22px}.af-name{grid-area:name;font-weight:800;font-size:13px;color:var(--text)}.affix-chip.active .af-name{color:var(--ac)}.af-mult{grid-area:mult;font-weight:800;font-size:12px;color:var(--warn);font-variant-numeric:tabular-nums}.af-desc{grid-area:desc;font-size:10.5px;color:var(--dim);line-height:1.3}.daily-banner{width:min(680px,92vw);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--dc) 45%,var(--panel-line));background:linear-gradient(120deg,color-mix(in srgb,var(--dc) 12%,var(--panel)),var(--panel))}.daily-banner.active{box-shadow:0 0 18px color-mix(in srgb,var(--dc) 35%,transparent);border-color:var(--dc)}.db-left{text-align:left;min-width:0}.db-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--dim);text-transform:uppercase}.db-line{font-size:14px;font-weight:700;margin:3px 0}.db-mult{color:var(--warn);font-weight:800}.db-best{font-size:11.5px;color:var(--dim)}.db-best b{color:var(--warn)}.db-btn{flex-shrink:0;padding:9px 16px;border-radius:9px;border:none;cursor:pointer;pointer-events:auto;font-weight:800;font-size:13px;color:#10131f;background:linear-gradient(180deg,color-mix(in srgb,var(--dc) 80%,#fff),var(--dc));transition:filter .12s,transform .08s}.db-btn:hover{filter:brightness(1.08)}.db-btn:active{transform:scale(.96)}.gauntlet-banner{width:min(680px,92vw);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-radius:12px;border:1px solid color-mix(in srgb,#ff7a4d 40%,var(--panel-line));background:linear-gradient(120deg,rgba(255,122,77,.1),var(--panel))}.gauntlet-banner.active{box-shadow:0 0 18px #ff7a4d59;border-color:#ff7a4d}.db-btn.gauntlet{background:linear-gradient(180deg,#ffb38a,#ff7a4d)}.seed-banner{width:min(680px,92vw);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-radius:12px;border:1px solid color-mix(in srgb,#46e0c8 38%,var(--panel-line));background:linear-gradient(120deg,rgba(70,224,200,.09),var(--panel))}.seed-banner.active{box-shadow:0 0 18px #46e0c852;border-color:#46e0c8}.seed-controls{display:flex;gap:8px;flex-shrink:0}.seed-input{width:168px;padding:8px 11px;border-radius:9px;border:1px solid var(--panel-line);background:#080a14cc;color:var(--text);font-size:13px;font-weight:600;pointer-events:auto;outline:none}.seed-input:focus{border-color:#46e0c8;box-shadow:0 0 0 2px #46e0c833}.db-btn.seed{background:linear-gradient(180deg,#8af0dd,#46e0c8)}.boss-tab.gen{border-style:dashed}.gauntlet-screen{gap:12px}.gx-kicker{font-size:12px;letter-spacing:3px;font-weight:800;color:var(--warn);text-transform:uppercase}.gx-pips{display:flex;gap:8px}.gx-pip{width:30px;height:8px;border-radius:4px;background:#7882dc40}.gx-pip.done{background:linear-gradient(90deg,var(--good),#46e0c8);box-shadow:0 0 8px #5fe08a80}.gx-pip.next{background:var(--warn);box-shadow:0 0 10px #ffd16699;animation:pulse 1s ease infinite}.gx-next{text-align:center;border:1px solid var(--bc);border-radius:12px;padding:10px 26px;background:color-mix(in srgb,var(--bc) 10%,var(--panel))}.gx-next-lbl{font-size:10px;letter-spacing:2px;color:var(--dim);font-weight:800}.gx-next-name{font-size:22px;font-weight:900;letter-spacing:1px}.gx-next-title{font-size:12px;color:var(--dim);font-style:italic}.gx-newbest{font-size:16px;font-weight:900;letter-spacing:1px;color:var(--warn);text-shadow:0 0 14px rgba(255,209,102,.5);animation:pulse 1s ease 3}