@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--bg:#070d15;--bg-card:#101a27;--bg-hover:#7fdfff0d;--card:#ffffff05;--border:#7fdfff1c;--border-strong:#7fdfff38;--text:#dbe6f0;--text-head:#eaf4fb;--text-dim:#93a8bc;--text-faint:#6a8199;--accent:#7fdfff;--accent-soft:#7fdfff1a;--accent-ink:#06131d;--accent-2:#b98cff;--kill:#6ee787;--wipe:#ff8a80;--hc:#ffd479;--font-head:"Chakra Petch", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--pr-box:color-mix(in srgb, var(--accent) 30%, transparent)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);font-family:var(--font-head);-webkit-font-smoothing:antialiased;background:radial-gradient(1400px 620px at 50% -180px,#12283c 0%,#0a1420 55%,#070d15 100%) fixed,#070d15;min-height:100vh;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none;transition:color .12s}a:hover{color:#b8ecff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1d3347;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.container{max-width:1560px;margin:0 auto;padding:34px 44px 72px}@media (max-width:720px){.container{padding:22px 18px 60px}}.site-header{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e16d1;position:sticky;top:0}.site-header .container{align-items:center;gap:26px;max-width:1720px;padding:16px 44px;display:flex}.site-header .logo{font-family:var(--font-head);letter-spacing:.01em;color:var(--text-head);font-size:22px;font-weight:700}.site-header .logo span{color:var(--accent)}.site-header .muted{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-faint);font-size:11px}.site-header>.container>a:not(.logo){color:var(--text-dim);letter-spacing:.01em;font-size:13px;font-weight:500}.site-header>.container>a:not(.logo):hover{color:var(--accent)}.site-header>.container>a:nth-of-type(2){margin-left:auto}@media (max-width:900px){.site-header .container{flex-wrap:wrap;gap:14px 18px;padding:14px 18px}.site-header .muted{display:none}.site-header>.container>a:nth-of-type(2){margin-left:0}}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:22px 24px}h1{font-family:var(--font-head);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-head);margin-bottom:14px;font-size:30px;font-weight:700}h2{font-family:var(--font-head);letter-spacing:.02em;text-transform:uppercase;color:#cfe0ef;margin-bottom:12px;font-size:16px;font-weight:700}.muted{color:var(--text-dim)}.small{font-size:11px}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #7fdfff0f;padding:10px 12px}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}th{font-family:var(--font-mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.13em;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);font-size:10px;font-weight:500}th.sortable,th[onclick],.src-table th{cursor:pointer}th.sorted{color:var(--accent)}tbody tr:hover{background:#7fdfff0d}tr.clickable{cursor:pointer}.badge{font-family:var(--font-mono);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge.kill{color:var(--kill);background:#6ee78724}.badge.wipe{color:var(--wipe);background:#ff8a8024}.badge.trash{color:var(--text-dim);background:#93a8bc24}.badge.diff{background:var(--accent-soft);color:var(--accent)}.badge.diff.hc{color:var(--hc);background:#ffd47924}button.primary,.home-btn.primary{background:var(--accent);color:var(--accent-ink);font-family:var(--font-head);cursor:pointer;border:none;border-radius:9px;padding:11px 24px;font-size:14px;font-weight:600;transition:filter .12s;box-shadow:0 6px 24px #7fdfff3d}button.primary:hover{filter:brightness(1.08)}button.primary:disabled{opacity:.4;cursor:default;box-shadow:none}select,input[type=number],input[type=text],input[type=password]{background:var(--card);color:var(--text);border:1px solid var(--border-strong);font-family:var(--font-mono);border-radius:8px;padding:9px 12px;font-size:13px}select:focus,input:focus{border-color:var(--accent);outline:none}select option{color:var(--text);background:#0e1a27}.status-line{color:var(--text-dim);margin-top:14px}.status-line.error{color:var(--wipe)}.auth-slot{flex-shrink:0;margin-left:0;font-size:13px}.auth-slot a{color:var(--accent);font-weight:500}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.auth-form input{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;padding:9px 12px;font-size:14px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs.wrap{flex-wrap:wrap}.tabs button{border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;font-family:var(--font-head);background:0 0;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .12s}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.inst-pills{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.inst-pill{border:1px solid var(--border);font-family:var(--font-head);color:var(--text-dim);background:#7fdfff0a;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .12s}.inst-pill:hover{color:var(--text)}.inst-pill.active{border-color:var(--border-strong);color:#cfeaf7;background:#7fdfff1f}.inst-pill-hm{font-family:var(--font-mono);color:var(--accent);margin-left:4px;font-size:11px}.inst-other{border-radius:20px;padding:8px 14px}.rank-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.rank-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rank-head-r{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.season-pick{align-items:center;gap:6px;display:inline-flex}.pr-season{margin-bottom:12px}.season-pick select{border:1px solid var(--accent);background:var(--surface,transparent);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 12px;font-weight:600}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:8px 0 0;font-size:13px}.home-hero{text-align:center;margin-bottom:40px;padding:72px 20px 46px;position:relative;overflow:hidden}.home-hero:before{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(circle,#7fdfff21 1px,#0000 1px);background-size:30px 30px;animation:42s linear infinite flDrift;position:absolute;inset:0}@keyframes flDrift{0%{background-position:0 0}to{background-position:400px 400px}}.home-hero>*{position:relative}.home-logo{font-family:var(--font-head);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-head);text-shadow:0 0 60px #7fdfff59;margin:0 0 6px;font-size:78px;font-weight:700;line-height:.95}.home-logo span{color:var(--accent)}.home-tag{color:var(--text-dim);max-width:640px;margin:20px auto 0;font-size:16px;line-height:1.6}.home-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;margin-bottom:40px;display:flex}.home-btn{font-family:var(--font-head);border:1px solid var(--border-strong);color:#cfeaf7;background:#7fdfff14;border-radius:9px;padding:13px 22px;font-size:14px;font-weight:500;transition:all .12s}.home-btn:hover{border-color:var(--accent);color:#eaf7ff}.home-btn.primary{border:none}.home-stats{grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto 40px;display:grid}.home-stat{border:1px solid var(--border);text-align:center;background:#7fdfff0d;border-radius:12px;padding:24px 12px}.home-stat-n{font-family:var(--font-head);color:var(--accent);font-size:44px;font-weight:700;line-height:1}.home-stat-l{font-family:var(--font-mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin-top:8px;font-size:11px}.home-lead-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.home-cols{grid-template-columns:360px 1fr;align-items:start;gap:20px;display:grid}.home-recent{margin-bottom:0}.home-recent h2{margin-top:0}.rl-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rl-item{border:1px solid var(--border);color:inherit;background:#7fdfff0a;border-radius:10px;padding:13px 16px;transition:border-color .12s;display:block}.rl-item:hover{border-color:var(--border-strong)}.rl-top{align-items:center;gap:9px;margin-bottom:8px;display:flex}.rl-chip{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600}.rl-by{font-family:var(--font-mono)}.rl-meta{font-family:var(--font-mono);white-space:nowrap;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.rl-date{color:var(--text-faint)}.lead-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.lead-row{border-left:3px solid var(--border-strong);background:linear-gradient(90deg,#7fdfff08,#0000);border-radius:8px;grid-template-columns:34px 1fr auto auto;grid-template-areas:"rank name best pts";align-items:center;gap:12px;padding:11px 14px;display:grid;position:relative;overflow:hidden}.lead-row:hover{background:linear-gradient(90deg,#7fdfff12,#0000)}.lead-row.top{border-left-color:var(--accent)}.lead-bar-wrap{z-index:0;pointer-events:none;position:absolute;inset:0}.lead-bar{opacity:.1;border-radius:0 8px 8px 0;position:absolute;top:0;bottom:0;left:0}.lead-rank{z-index:1;font-family:var(--font-mono);text-align:right;color:var(--text-faint);grid-area:rank;font-size:12px}.lead-name{z-index:1;grid-area:name;font-size:14px;font-weight:600}.lead-spec{z-index:1;color:var(--text-faint);margin-left:4px;font-size:12px}.lead-best{z-index:1;font-family:var(--font-mono);color:#7d92a6;text-align:right;grid-area:best;font-size:11px}.lead-pts{z-index:1;font-family:var(--font-mono);text-align:right;min-width:58px;color:var(--accent);grid-area:pts;font-size:15px;font-weight:600}@media (max-width:900px){.home-cols{grid-template-columns:1fr}}@media (max-width:640px){.home-stats{grid-template-columns:repeat(2,1fr)}.home-logo{font-size:48px}.lead-row{grid-template-columns:30px 1fr auto;grid-template-areas:"rank name pts""rank best best"}}.player-head{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;display:flex}.player-search{flex:1;gap:10px;max-width:520px;display:flex}.player-search input{color:#cfeaf7;border:1px solid var(--border-strong);min-width:240px;font-family:var(--font-mono);background:#7fdfff0d;border-radius:9px;flex:1;padding:12px 16px;font-size:14px}.player-search input::placeholder{color:var(--text-faint)}.player-search input:focus{border-color:var(--accent);outline:none}.pr-inst-row td{border-top:2px solid var(--pr-box);border-left:2px solid var(--pr-box);border-right:2px solid var(--pr-box);border-bottom:none;padding-top:14px;padding-bottom:8px}.pr-inst-row:hover{background:0 0}.pr-inst{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-block}.pr-row td:first-child{border-left:2px solid var(--pr-box)}.pr-row td:last-child{border-right:2px solid var(--pr-box)}.pr-row-last td{border-bottom:2px solid var(--pr-box)}.two-col{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:1100px){.two-col{grid-template-columns:1fr}}.log-layout{grid-template-columns:320px 1fr;align-items:start;gap:26px;display:grid}.fight-sidebar{overflow-x:hidden}@media (max-width:900px){.log-layout{grid-template-columns:1fr}}.log-content{min-width:0}.log-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.crumbs{font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:2px;min-width:0;font-size:12px;display:flex}.crumbs a{color:var(--accent);text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs .cur{color:var(--text);font-weight:700}.crumbs .sep{color:var(--text-faint);margin:0 7px}.pnav{flex-shrink:0;gap:8px;display:flex}.pnav-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text);background:var(--bg-card);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:220px;padding:5px 12px;font-size:12px;text-decoration:none;overflow:hidden}.pnav-btn:hover{border-color:var(--accent);color:var(--accent)}.pnav-btn.disabled{color:var(--text-faint);opacity:.4;pointer-events:none}.player-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 2px;display:flex}.ph-name{font-family:var(--font-head);letter-spacing:.5px;align-items:center;gap:6px;font-size:26px;display:flex}.ph-name .muted{font-size:14px}.rot{flex-direction:column;gap:12px;display:flex}.rot-ctrl{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.rot-play{border:1px solid var(--accent);background:var(--accent);width:38px;height:32px;color:var(--accent-ink);cursor:pointer;border-radius:6px;font-size:13px}.rot-btn{border:1px solid var(--border);background:var(--bg-card);height:32px;color:var(--text);cursor:pointer;border-radius:6px;padding:0 12px}.rot-btn:hover{border-color:var(--accent)}.rot-speeds{gap:3px;display:flex}.rot-speeds button{border:1px solid var(--border);background:var(--bg-card);width:34px;height:32px;color:var(--text-faint);cursor:pointer;border-radius:6px}.rot-speeds button.active{border-color:var(--accent);color:var(--accent)}.rot-zoom{color:var(--text-faint);align-items:center;gap:6px;display:flex}.rot-zoom input{accent-color:var(--accent)}.rot-stats{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;display:flex}.rot-now{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:240px;display:inline-flex;overflow:hidden}.rot-now .spell-icon{border-radius:3px}.rot-body{border:1px solid var(--border);background:#00000026;border-radius:8px;display:flex;overflow:hidden}.rot-gutter{border-right:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.rot-gutter-head{border-bottom:1px solid var(--border);align-items:flex-end;padding:6px 8px;display:flex}.rot-gutter-lane{font-family:var(--font-mono);color:var(--text-faint);border-top:1px solid #7fdfff0d;align-items:center;gap:5px;padding:0 8px;font-size:10.5px;display:flex}.rot-gutter-lane .spell-icon{border-radius:3px;flex-shrink:0}.rot-lane-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rot-scroll{flex:1;min-width:0;overflow:auto hidden}.rot-track{cursor:crosshair;position:relative}.rot-axis{width:100%;position:absolute;left:0}.rot-tick{font-family:var(--font-mono);color:var(--text-faint);font-size:9.5px;position:absolute;top:2px;transform:translate(-50%)}.rot-tick:before{content:"";background:var(--border);width:1px;height:6px;position:absolute;top:12px;left:50%}.rot-casts{width:100%;position:absolute;left:0}.rot-cast{opacity:.82;border-radius:4px;transition:opacity .1s,transform .1s;position:absolute;top:5px;transform:translate(-50%)}.rot-cast .spell-icon{border-radius:4px;display:block}.rot-cast.near{opacity:1;z-index:3;transform:translate(-50%)scale(1.18)}.rot-lane{border-top:1px solid #7fdfff0d;width:100%;position:absolute;left:0}.rot-lane i{border-radius:3px;height:12px;position:absolute;top:4px}.rot-lane i.buf{background:#6ee7878c}.rot-lane i.deb{background:#ff8a808c}.rot-head{background:var(--accent);width:2px;box-shadow:0 0 6px var(--accent);pointer-events:none;z-index:4;position:absolute;top:0}.rot-head-time{background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.rot-cast.pre{opacity:.6;filter:saturate(.7)}.rot-cast-tip{z-index:30;border:1px solid var(--accent);background:var(--bg-card);pointer-events:none;border-radius:7px;min-width:150px;max-width:260px;padding:5px 7px;position:absolute;top:calc(100% + 2px);transform:translate(-50%);box-shadow:0 8px 26px #000000b3}.rct-head{margin-bottom:3px}.rct-row{font-family:var(--font-mono);align-items:center;gap:6px;padding:1px 0;font-size:11.5px;display:flex}.rct-row .spell-icon{border-radius:3px;flex-shrink:0}.rct-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rct-t{margin-left:auto}.proc-strip{align-items:center;gap:8px;margin-top:4px;display:flex}.proc-label{text-align:right;flex-shrink:0;width:46px;line-height:1.1}.proc-track{flex:1;height:30px;position:relative}.proc-ic{border-radius:4px;position:absolute;top:3px;transform:translate(-50%)}.proc-ic .spell-icon{border-radius:4px;display:block;box-shadow:0 0 0 1px #0006}.proc-ic:hover{z-index:5}.proc-ic:hover .spell-icon{outline:1px solid var(--accent)}.rot-pull-line{border-left:1px dashed var(--text-faint);pointer-events:none;z-index:3;width:1px;position:absolute;top:0}.rotc-glabel{font-family:var(--font-head);letter-spacing:.3px;border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.rot-cast{border:1px solid #0000}.anz{flex-direction:column;gap:16px;display:flex}.anz-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.anz-tile{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.anz-tile .v{font-family:var(--font-head);color:var(--text);letter-spacing:.5px;font-size:22px}.anz-tile .k{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.badge.exp{color:#ffcf70;background:#ffc40024;border:1px solid #ffc4004d;font-size:9px}.anz-check{flex-direction:column;gap:6px;display:flex}.anz-check-row{font-family:var(--font-mono);align-items:center;gap:8px;font-size:13px;display:flex}.anz-check-row .spell-icon{border-radius:4px}.anz-check-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.anz-check-up{flex-shrink:0}.anz-tips{color:var(--text-faint);flex-direction:column;gap:5px;margin:12px 0 0;padding-left:18px;font-size:12.5px;display:flex}.anz-tips li{list-style:"▹ "}.spark{display:block}.spark path{stroke-linejoin:round;stroke-linecap:round}.guild-timeline{margin:0;padding:0;list-style:none;position:relative}.guild-timeline li{border-left:2px solid var(--border);align-items:center;gap:12px;padding:6px 0 6px 16px;display:flex;position:relative}.guild-timeline li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:-5px}.guild-timeline .gt-date{font-family:var(--font-mono);color:var(--text-faint);min-width:82px;font-size:11px}.guild-timeline .gt-boss{font-weight:600}.up-good{color:var(--kill)}.up-warn{color:#ffcf70}.up-bad{color:var(--wipe)}.cmp-picker{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.cmp-picker select{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px;padding:5px 8px;font-size:12px}.cmp-picker select:hover{border-color:var(--accent)}.cmp-legend{font-family:var(--font-mono);flex-wrap:wrap;gap:20px;margin-bottom:8px;font-size:12px;display:flex}.cmp-key{align-items:center;gap:6px;display:inline-flex}.cmp-key i{border-radius:2px;width:14px;height:3px;display:inline-block}.cmp-table td:first-child,.cmp-table th:first-child{text-align:left}.ppick{align-items:center;gap:6px;display:inline-flex}.ppick-box{position:relative}.ppick-box>input{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-card);width:200px;color:var(--text);border-radius:6px;padding:6px 10px;font-size:12px}.ppick-box>input:focus{border-color:var(--accent);outline:none}.ppick-menu{z-index:40;border:1px solid var(--border);background:var(--bg-card);border-radius:8px;min-width:240px;max-height:320px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 8px 28px #00000080}.ppick-classes{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:3px;margin-bottom:4px;padding:2px 2px 6px;display:flex}.ppick-classes button{min-width:26px;height:24px;color:var(--text-faint);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}.ppick-classes button.active{border-color:var(--accent);background:#7fdfff14}.ppick-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-mono);background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.ppick-item:hover{background:#7fdfff14}.ppick-item .spell-icon{border-radius:3px}.ppick-note{margin-left:auto}.ppick-empty{padding:8px}.gr-add{gap:8px;margin-top:12px;display:flex}.gr-add input{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px;flex:0 220px;padding:7px 10px;font-size:12px}.gr-add input:focus{border-color:var(--accent);outline:none}.log-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.log-guild{font-family:var(--font-mono);color:var(--accent);font-size:15px;font-weight:700}.log-guild.none{color:var(--text-faint)}.spec-chips{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px;display:flex}.spec-chips>span{margin-right:2px}.spec-chips button{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-card);color:var(--text-faint);cursor:pointer;border-radius:6px;padding:4px 9px;font-size:11px}.spec-chips button:hover{border-color:var(--accent)}.spec-chips button.active{border-color:var(--accent);color:var(--accent);background:#7fdfff14}.spec-chips button:disabled{opacity:.3;cursor:not-allowed;border-style:dashed}.spec-chips button:disabled:hover{border-color:var(--border)}.cmp-dps{text-align:right;min-width:52px;margin-left:10px;display:inline-block}.grank-detail{padding:10px 12px}.grank-parts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.grank-part{flex-direction:column;gap:5px;display:flex}.gp-top{font-family:var(--font-mono);align-items:center;gap:6px;font-size:12px;display:flex}.gp-label{color:var(--text);font-weight:600}.collapse-head{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.collapse-head:hover{color:var(--accent)}.cl-caret{color:var(--text-faint);font-size:12px}.gr-search{width:240px;max-width:100%;font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px;margin-bottom:10px;padding:7px 10px;font-size:12px}.gr-search:focus{border-color:var(--accent);outline:none}.gr-rank{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:5px;padding:3px 6px;font-size:11px}.badge.rank-gm{color:#e5cc80;background:#e5cc8029;border:1px solid #e5cc804d}.badge.rank-officer{color:var(--accent);background:#7fdfff24;border:1px solid #7fdfff4d}.badge.rank-raider{color:var(--text-faint);background:#ffffff0f}.badge.rank-trial{color:var(--wipe);background:#ff8a801f}.fight-sidebar{background:var(--card);border:1px solid var(--border);border-radius:14px;max-height:calc(100vh - 100px);padding:18px 16px;font-size:12px;position:sticky;top:84px;overflow-y:auto}@media (max-width:900px){.fight-sidebar{max-height:40vh;position:static;overflow-y:auto}}.fs-head{font-family:var(--font-head);text-transform:uppercase;color:#cfe0ef;letter-spacing:.03em;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.fs-group{margin-bottom:8px}.fs-boss{color:var(--text);margin:6px 0 2px;font-weight:600}.fs-row{color:var(--text-dim);white-space:nowrap;border-left:2px solid #0000;border-radius:7px;align-items:baseline;gap:4px;padding:8px 10px;display:flex}.fs-row:hover{background:#7fdfff0d}.fs-row.active{border-left-color:var(--accent);background:#7fdfff14}.fs-diff{font-family:var(--font-mono);color:var(--accent);font-size:11px}.fs-kill{color:var(--kill)}.fs-wipe{color:var(--wipe)}.fs-check{color:var(--kill);margin-left:auto;padding-left:6px}.fs-dps{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.fs-inst-head{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;padding:8px 4px 4px;font-size:10px;font-weight:600;display:block}.fs-inst-head:hover{color:#b8ecff}.dropzone{border:2px dashed var(--border-strong);text-align:center;cursor:pointer;background:#7fdfff08;border-radius:12px;padding:56px 24px;transition:border-color .15s}.dropzone:hover,.dropzone.drag{border-color:var(--accent)}.upload-row{align-items:center;gap:14px;margin-top:20px;display:flex}.src-table td{padding:8px 10px}.class-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.hbar{background:#00000040;border-radius:3px;min-width:120px;height:12px;position:relative;overflow:hidden}.hbar>i{opacity:.9;border-radius:2px;position:absolute;inset:1px auto 1px 0}tr.breakdown>td{background:#0003;padding:12px 14px}.breakdown-grid{grid-template-columns:3fr 2fr;align-items:start;gap:16px;display:grid}@media (max-width:900px){.breakdown-grid{grid-template-columns:1fr}}table.inner{font-size:12px}table.inner th{font-size:10px}th.vert{white-space:normal;vertical-align:bottom;max-width:90px;font-size:10px}.scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;min-width:0;overflow-x:auto}.scroll-x>table{min-width:max-content}.pwd-gate{z-index:1000;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pwd-gate-box{width:100%;max-width:420px}.pwd-form{flex-direction:column;gap:10px;margin-top:14px;display:flex}.pwd-form input{width:100%}.adm-temp{font-family:var(--font-mono);letter-spacing:1px;border:1px solid var(--accent);-webkit-user-select:all;user-select:all;background:#7fdfff1f;border-radius:6px;margin:8px 0;padding:10px 14px;font-size:16px}.mon-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:12px;display:grid}.mon-tile{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.mon-label{font-family:var(--font-mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.mon-val{font-family:var(--font-head);margin:4px 0 2px;font-size:20px}.anom-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;display:flex}.anom-row:last-child{border-bottom:none}.tr-badge{background:var(--accent);color:#04121c;font-family:var(--font-mono);border-radius:10px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}@media (max-width:640px){.hide-sm{display:none!important}.src-table th,.src-table td{padding:6px 7px;font-size:12px}.src-table th{font-size:10px}.card{padding:14px 12px}.rot-gutter{width:96px!important}.rot-lane-name{font-size:10px}.rot-ctrl{flex-wrap:wrap;gap:8px}.rank-filters{gap:8px}.rank-filters select{max-width:100%}.inst-pills{gap:6px}}.bar{background:#00000040;border-radius:3px;min-width:90px;height:14px;position:relative;overflow:hidden}.bar>i{background:#7fdfff59;position:absolute;inset:0 auto 0 0}.bar>b{font-family:var(--font-mono);text-align:center;font-size:11px;font-weight:400;line-height:14px;display:block;position:relative}.uptime-strip{background:#00000040;border-radius:3px;min-width:140px;height:12px;position:relative;overflow:hidden}.uptime-strip>i{opacity:.85;border-radius:1px;position:absolute;top:1px;bottom:1px}.timeline{width:100%;position:relative}.timeline svg{width:100%;height:auto;display:block}.timeline .grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 4}.timeline .axis{fill:var(--text-dim);font-family:var(--font-mono);font-size:10px}.timeline .crosshair{stroke:var(--text-dim);stroke-width:1px;stroke-dasharray:2 3}.tl-tooltip{border:1px solid var(--border-strong);font-family:var(--font-mono);pointer-events:none;white-space:nowrap;background:#0c1826;border-radius:6px;padding:3px 10px;font-size:12px;position:absolute;top:0;transform:translate(-50%)}.cd-track{background:#00000040;border-radius:3px;height:14px;margin-bottom:2px;position:relative;overflow:hidden}.cd-track>i{cursor:help;border-radius:1px;width:4px;position:absolute;top:1px;bottom:1px;transform:translate(-2px)}.raid-comp{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;font-size:13px;display:grid}.raid-comp-head{font-family:var(--font-head);border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:2px;font-weight:700}.insights{flex-direction:column;gap:6px;list-style:none;display:flex}.spell-icon{vertical-align:-4px;border:1px solid var(--border);background:#0000004d;border-radius:3px;margin-right:5px}.chip{white-space:nowrap;align-items:center;gap:2px;margin:1px 8px 1px 0;display:inline-flex}th.vert .spell-icon{margin-right:0}.chip-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:1px 4px}.chip-btn:hover{border-color:var(--border)}.chip-btn.off{opacity:.4;text-decoration:line-through}.lang-switch{border:1px solid var(--border-strong);border-radius:6px;flex-shrink:0;gap:0;display:inline-flex;overflow:hidden}.lang-switch button{color:var(--text-faint);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:4px 9px;font-size:11px;font-weight:500}.lang-switch button.active{color:#cfeaf7;background:#7fdfff24}.switch{flex:none;width:34px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .knob{border:1px solid var(--border-strong);background:#00000059;border-radius:18px;transition:background .15s;position:absolute;inset:0}.switch .knob:before{content:"";background:var(--text-dim);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch input:checked+.knob{border-color:var(--accent);background:#7fdfff40}.switch input:checked+.knob:before{background:var(--accent);transform:translate(16px)}.fs-toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.tank-picker{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:20px;padding:12px 14px;display:flex}.tank-pick{cursor:pointer;align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.tank-add-row{gap:16px;margin-bottom:10px;display:flex}.tank-add-row .link-btn{border:1px dashed var(--border-strong);border-radius:6px;padding:4px 10px}.tank-block{margin-bottom:18px}.tank-block-head{align-items:center;gap:10px;margin-bottom:4px;display:flex;position:sticky;left:0}.tank-block-head select{font-size:13px}.tank-block-head .link-btn{padding:0 6px}.tank-scroll{padding-bottom:6px;overflow-x:auto}.tank-track{border:1px solid var(--border);background:#00000040;border-radius:6px;position:relative;overflow:hidden}.tank-dmg{background:#ff8a8073;border-radius:1px;position:absolute;bottom:1px}.tank-cast{cursor:help;z-index:1;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%)}.tank-cast em{font-style:normal;font-family:var(--font-mono);color:var(--text-dim);background:#070d15cc;border-radius:3px;padding:1px 2px;font-size:8px;line-height:1}.tank-cast .spell-icon{vertical-align:0;width:17px;height:17px;margin-right:0}.tank-cast.def .spell-icon{border-color:var(--kill);box-shadow:0 0 4px #6ee787e6}.tank-cast.ext .spell-icon{border-color:var(--accent);box-shadow:0 0 4px #7fdfffe6}.tank-cast.started .spell-icon{border-color:var(--hc);opacity:.85;border-style:dashed}.tank-legend{margin-top:4px;position:sticky;left:0}.tank-axis{height:18px;font-family:var(--font-mono);color:var(--text-dim);margin:4px 4px 0;font-size:11px;position:relative}.tank-axis span{position:absolute;transform:translate(-50%)}.tank-axis span:first-child{transform:none}.tank-axis span:last-child{transform:translate(-100%)}.consum-matrix td.cm-cell{text-align:center;white-space:nowrap}.cm-tag{font-family:var(--font-mono);border-radius:4px;margin:0 1px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.cm-tag.pre{color:var(--kill);background:#6ee7872e}.cm-tag.fight{color:var(--accent);background:#7fdfff2e}