:root{--umbral:#0a0c14;--surface:#10131f;--raised:#171b2b;--overlay:#1d2236;--border:#262b3d;--border-strong:#39405a;--text:#e6e9f2;--dim:#9aa3bd;--job:#a579d6;--job-soft:#a579d633;--aether:#56d4e3;--gold:#c8aa6e;--loss:#f0564a;--drift:#e7b84e;--burst:var(--drift);--match:#4fd08a;--boss:#e0564f;--landmark:#8b95c9;--landmark-line:#8b95c966;--landmark-fill:#8b95c920;--landmark-src:#b3bbe2;--fire:#f2913d;--fire-wash-1:#f2913d14;--fire-wash-2:#f2913d22;--fire-wash-3:#f2913d33;--ice:#6f7de0;--ice-wash-1:#6f7de014;--ice-wash-2:#6f7de022;--ice-wash-3:#6f7de033;--sans:ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--condensed:"Barlow Condensed", var(--sans);--mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--umbral);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 78% -10%,#1a1330 0%,#0000 55%),radial-gradient(900px 500px at 0 0,#0d1a24 0%,#0000 45%);background-repeat:no-repeat;background-attachment:fixed;line-height:1.4}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.app{max-width:1680px;margin:0 auto;padding:20px 22px 40px}.top{align-items:center;gap:16px;margin-bottom:16px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand .logo{letter-spacing:-.02em;font-size:24px;font-weight:800}.brand .logo b{color:var(--job);font-weight:800}.brand .tag{font-family:var(--mono);color:var(--job);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--job-soft);background:var(--job-soft);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.spacer{flex:1}.sel{background:var(--raised);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:7px 11px;font-size:13px;display:flex}.sel:hover{border-color:var(--border-strong)}.sel:disabled{opacity:.45;cursor:default}.sel:disabled:hover{border-color:var(--border)}.sel:focus-visible{outline:2px solid var(--aether);outline-offset:1px}.sel .job{border-radius:4px;width:20px;height:20px;display:block}.sel b{font-weight:600}.sel .chev{color:var(--dim)}.toggle{background:var(--raised);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:flex}.toggle button{all:unset;cursor:pointer;color:var(--dim);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.toggle button.on{background:var(--job);color:#160f22}.toggle button:focus-visible{outline:2px solid var(--aether);outline-offset:1px}.card{background:linear-gradient(180deg, var(--raised), var(--surface));border:1px solid var(--border);border-radius:14px}.main{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:14px;display:grid}.main.rank-only{grid-template-columns:minmax(0,1fr)}.tl-wrap{padding:14px 0 8px;overflow:visible}.tl-head{align-items:center;gap:12px;padding:0 16px 12px;display:flex}.tl-head h2{margin:0;font-size:14px;font-weight:700}.trunc-note{color:var(--drift);font-size:11px;font-family:var(--mono);margin:0 0 10px}.statecard{text-align:center;color:var(--dim);flex-direction:column;align-items:center;gap:14px;padding:40px 24px;display:flex}.statecard.error .err-title{color:var(--loss);font-size:15px;font-weight:700}.statecard .err-detail{color:var(--dim);word-break:break-word;max-width:640px;font-size:12px}.skel-block{flex-direction:column;gap:10px;width:100%;max-width:640px;display:flex}.skel-row{background:linear-gradient(90deg, var(--raised) 25%, var(--border-strong) 50%, var(--raised) 75%);background-size:200% 100%;border-radius:6px;width:100%;height:16px;animation:1.6s ease-in-out infinite skel-shimmer}.skel-row.skel-wide{width:100%}.skel-row.skel-narrow{width:55%}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel-row{background:var(--raised);animation:none}}.entry{flex-direction:column;gap:20px;max-width:560px;margin:8vh auto 0;padding:0 22px 40px;display:flex}.entry .brand{justify-content:center}.entry-card{flex-direction:column;gap:16px;padding:22px 22px 24px;display:flex}.recents{padding:14px 16px 16px}.recents-hd{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.recents-clear{all:unset;cursor:pointer;color:var(--dim);font-size:11px}.recents-clear:hover{color:var(--text)}.recents ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.recents li{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.recents li:hover{border-color:var(--job);background:var(--overlay)}.recents li:focus-visible{outline:2px solid var(--aether);outline-offset:-2px}.recents .rj{object-fit:contain;width:22px;height:22px}.recents .rc-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.recents .rc-body b{font-size:13px}.recents .rc-sub{color:var(--dim);font-size:11px}.recents .rc-go{color:var(--dim);font-size:14px}.field{flex-direction:column;gap:6px;display:flex}.flabel{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:10.5px}.entry input,.entry select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:var(--sans);border-radius:9px;padding:9px 11px}.entry input.mono{font-family:var(--mono)}.entry input:focus,.entry select:focus{border-color:var(--job);outline:none}.jobrow{align-items:center;gap:8px;display:flex}.jobrow .jobicon{border-radius:5px;width:24px;height:24px}.jobrow select{flex:1}.minetoggle{width:fit-content}.minefields{flex-wrap:wrap;gap:8px;display:flex}.minefields input{flex:1;min-width:140px}.resolved-note{color:var(--aether);flex-basis:100%;margin:2px 0 0;font-size:11px}.whoami{flex-basis:100%;align-items:center;gap:8px;display:flex}.whoami .flabel{color:var(--dim);font-size:12px}.whoami select{flex:1}.loadreport{all:unset;cursor:pointer;text-align:center;border:1px solid var(--border-strong);color:var(--text);border-radius:9px;flex-basis:100%;padding:9px 0;font-size:13px;font-weight:600}.loadreport:hover{background:var(--overlay)}.loadreport:disabled{opacity:.5;cursor:default}.entry-error{color:var(--loss);margin:0;font-size:12px}.start{all:unset;cursor:pointer;background:var(--job);color:#160f22;text-align:center;border-radius:10px;padding:11px 0;font-size:14px;font-weight:700}.start:hover{filter:brightness(1.08)}.start:disabled{opacity:.6;cursor:default}.start:focus-visible{outline:2px solid var(--aether);outline-offset:2px}@media (width<=1080px){.main{grid-template-columns:minmax(0,1fr)}}.stave{font-family:var(--condensed);margin:4px 16px 0}.stave-row{flex-direction:column;display:flex;position:relative}.stave-row:not(:last-child):after{content:"";background:var(--border);height:1px;position:absolute;bottom:-7px;left:0;right:0}.stave-lane{display:flex}.stave-gutter{border-right:2px solid var(--gold);flex:none;position:relative}.stave-clock{font:500 12px/14px var(--condensed);font-variant-numeric:tabular-nums;color:var(--dim);position:absolute;right:8px;transform:translateY(-50%)}.stave-track{flex:none;height:100%;position:relative}.stave-lane.you .stave-gutter{border-right-color:var(--job)}.stave-markers,.stave-bursts,.stave-weaves,.stave-gcds{position:absolute;left:0;right:0}.stave-markers{top:0}.stave-marker{border-left:1px solid var(--landmark);cursor:default;outline:none;height:16px;padding-left:3px;position:absolute;top:0}.stave-marker.side{border-left:1px dashed var(--landmark-line)}.stave-marker-name{font:500 12px/16px var(--condensed);font-variant-numeric:tabular-nums;color:var(--landmark);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding-right:4px;display:block;overflow:hidden}.stave-marker.side .stave-marker-name{color:var(--dim)}.stave-marker:hover,.stave-marker:focus-visible{z-index:2}.stave-marker:hover .stave-marker-name,.stave-marker:focus-visible .stave-marker-name{background:var(--overlay);margin-left:-4px;padding:0 4px;max-width:none!important}.stave-marker:focus-visible .stave-marker-name{outline:2px solid var(--aether)}.stave-burst{cursor:default;border-radius:3px;outline:none;height:12px;position:absolute;top:0}.stave-burst:before{content:"";background:var(--burst);height:2px;position:absolute;top:7px;left:0;right:0}.stave-burst-tick{background:var(--burst);width:2px;height:5px;position:absolute;top:7px}.stave-burst-tick.is-start{left:0}.stave-burst-tick.is-end{right:0}.stave-burst-count{font:500 12px/12px var(--condensed);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--burst);background:var(--surface);padding:0 3px;position:absolute;top:0;right:0}.stave-burst:focus-visible{outline:2px solid var(--aether);outline-offset:1px}.stave-potion{background:var(--aether);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);cursor:default;z-index:1;border-radius:50%;outline:none;margin-left:-3.5px;position:absolute;top:2px}.stave-potion:focus-visible{outline:2px solid var(--aether);outline-offset:2px}.stave-weave{border-radius:4px;width:24px;height:24px;position:absolute;box-shadow:0 1px 3px #0009}.stave-weave.stave-ph{background:var(--overlay);font:600 10px/1 var(--condensed);color:var(--dim);place-items:center;display:grid}.stave-slot{background:var(--raised);border-radius:4px;width:46px;height:54px;position:absolute;top:0}.stave-slot.fire.l1{background:var(--fire-wash-1)}.stave-slot.fire.l2{background:var(--fire-wash-2)}.stave-slot.fire.l3{background:var(--fire-wash-3)}.stave-slot.ice.l1{background:var(--ice-wash-1)}.stave-slot.ice.l2{background:var(--ice-wash-2)}.stave-slot.ice.l3{background:var(--ice-wash-3)}.stave-icon{border-radius:6px;width:40px;height:40px;position:absolute;top:0;left:3px;box-shadow:0 1px 4px #0009}.stave-icon.stave-ph{background:var(--overlay);font:600 14px/1 var(--condensed);color:var(--dim);place-items:center;display:grid}.stave-slot .hits{min-width:12px;font:600 11px/12px var(--condensed);font-variant-numeric:tabular-nums;text-align:center;color:var(--umbral);background:var(--aether);pointer-events:none;border-top-left-radius:5px;border-bottom-right-radius:6px;padding:0 2px;position:absolute;top:28px;right:3px}.stave-label{width:46px;max-width:46px;font:600 12px/14px var(--condensed);color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:40px;left:0;overflow:hidden}.stave-gap{border:1px dashed var(--border-strong);width:40px;height:40px;font:500 12px/1 var(--condensed);font-variant-numeric:tabular-nums;color:var(--dim);border-radius:6px;place-items:center;display:grid;position:absolute;top:0}.stave-opener-time{width:46px;font:500 12px/14px var(--condensed);font-variant-numeric:tabular-nums;color:var(--dim);text-align:center;position:absolute;top:54px;left:0}.has-hl img:not(.is-hl),.has-hl .stave-ph:not(.is-hl){opacity:.25}.is-hl{outline:2px solid var(--text);outline-offset:1px}.stave-head{flex-direction:column;gap:4px;padding:0 16px 12px;display:flex}.stave-head-line{font:14px/1.4 var(--sans);color:var(--text);align-items:center;gap:6px;margin:0;display:flex}.stave-head-line .crown{color:var(--gold)}.stave-head-line img{border-radius:4px;width:16px;height:16px}.stave-head-line .lead-gold{color:var(--gold);white-space:nowrap;font-weight:600}.stave-head-line .lead-job{color:var(--job);white-space:nowrap;font-weight:600}.stave-sechead{justify-content:space-between;align-items:center;gap:12px;margin:18px 16px 8px;display:flex}.stave-sechead h3{font:600 15px/1.3 var(--sans);color:var(--text);margin:0}.castcounts{scrollbar-color:var(--border-strong) transparent;max-height:calc(100vh - 24px);padding:14px 15px 16px;position:sticky;top:12px;overflow-y:auto}.castcounts h2{font:600 15px/1.3 var(--sans);color:var(--text);margin:0 0 3px}.castcounts .hint{color:var(--dim);margin:0 0 10px;font-size:11px;line-height:1.4}.castcounts .empty{color:var(--dim);margin:0;font-size:12.5px}.cc-rows{flex-direction:column;gap:8px;display:flex}.cc-row{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--border);background:var(--overlay);border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 11px;transition:border-color .15s,transform .1s;display:flex}.cc-row:hover{border-color:var(--border-strong);transform:translate(-1px)}.cc-row:focus-visible{outline:2px solid var(--aether);outline-offset:1px}.cc-row.on{border-color:var(--job);background:var(--job-soft)}.cc-icon{object-fit:cover;border:1px solid var(--border-strong);border-radius:5px;flex:none;width:20px;height:20px}.cc-icon.cc-ph{background:var(--overlay);font:600 9px/1 var(--condensed);color:var(--dim);place-items:center;display:grid}.cc-name{font:13px/1.3 var(--sans);color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cc-count{font:600 13px/1 var(--condensed);font-variant-numeric:tabular-nums;color:var(--dim);flex:none}.cc-row.on .cc-count{color:var(--job)}.tabbar{display:none}@media (width<=820px){.app{padding:12px 12px 32px}.main{grid-template-columns:minmax(0,1fr)}.top{flex-wrap:wrap;gap:8px 10px}.top .spacer{display:none}.top .brand{flex-basis:100%}.top .sel{flex:auto;justify-content:center;min-height:44px}.tabbar{gap:6px;margin-bottom:12px;display:flex}.tabbar button{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;color:var(--dim);background:var(--raised);border:1px solid var(--border);border-radius:10px;flex:1;place-items:center;font-size:13px;font-weight:700;display:grid}.tabbar button.on{color:#160f22;background:var(--job);border-color:var(--job)}.tabbar button:focus-visible{outline:2px solid var(--aether);outline-offset:1px}.main .is-inactive{display:none}.castcounts{max-height:none;padding:14px 12px 20px;position:static;overflow:visible}.cc-row{min-height:44px;padding:10px 12px}.entry input,.entry select{min-height:44px;font-size:16px}.start,.loadreport{min-height:48px}.recents li{min-height:44px}.stave{margin:4px 10px 0}}