:root{--bg:#1c1a33;--panel:#262344;--panel-2:#2e2a52;--line:#3a3660;--ink:#e9e6f2;--ink-2:#b4afcc;--ink-3:#8a85a8;--label:#ffd447;--label-ink:#1c1a33;--danger:#ff7a7a;--ok:#7be495;--radius-s:6px;--radius-m:10px;--font:"Archivo", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--label);outline-offset:2px}a{color:var(--label)}.app{max-width:1440px;margin:0 auto;padding:24px 24px 120px}.masthead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;margin-bottom:24px;padding-bottom:20px;display:flex}.masthead h1{letter-spacing:-.01em;margin:0;font-size:clamp(26px,4vw,40px);font-weight:900;font-stretch:125%;line-height:1}.masthead p{color:var(--ink-2);max-width:62ch;margin:6px 0 0}.masthead .meta{color:var(--ink-3);text-align:right;font-size:13px}.workspace{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.config{flex-direction:column;gap:14px;display:flex}.section{background:var(--panel);border-radius:var(--radius-m);padding:16px}.section>h2{letter-spacing:0;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 12px;font-size:17px;font-weight:800;font-stretch:112%;display:flex}.section>h2 small{color:var(--ink-3);font-size:13px;font-weight:500;font-stretch:100%}.hint{color:var(--ink-3);margin:6px 0 0;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--ink-2);font-size:12.5px}input[type=number],input[type=text],select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);width:100%;min-height:36px;padding:7px 9px}input[type=number]{font-variant-numeric:tabular-nums}textarea{resize:vertical;min-height:120px;font-size:12px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:26px}.btn{border:1px solid var(--line);background:var(--panel-2);border-radius:var(--radius-s);cursor:pointer;min-height:36px;padding:7px 12px;font-weight:600}.btn:hover{border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--label);border-color:var(--label);color:var(--label-ink);font-weight:800;font-stretch:112%}.btn.ghost{background:0 0}.btn.danger{color:var(--danger)}.btn.small{min-height:28px;padding:3px 8px;font-size:13px}.segmented{border:1px solid var(--line);border-radius:var(--radius-s);display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;padding:7px 14px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;color:var(--ink-2);background:0 0;border-radius:999px;padding:4px 10px;font-size:13px}.chip[aria-pressed=true]{border-color:var(--label);color:var(--ink);background:#ffd4471f}.check{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;display:flex}.check input{accent-color:var(--label);margin-top:3px}.attr-dot{vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.statline{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:4px 12px;margin-top:10px;font-size:13px;display:grid}.statline div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:6px;padding:2px 0;display:flex}.statline dt{color:var(--ink-3)}.statline dd{margin:0}.teammate{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.buff-list{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.buff-list li{justify-content:space-between;gap:8px;display:flex}.buff-list .val{color:var(--label);white-space:nowrap}.combo-row{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr;gap:6px;padding:10px 0;display:grid}.combo-row:last-of-type{border-bottom:0}.combo-row .wide{grid-column:span 2}.control-row{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.control-row input[type=number]{width:64px}details.disclosure>summary{cursor:pointer;color:var(--ink-2);padding:4px 0;font-size:13.5px}.runbar{z-index:5;background:var(--bg);flex-direction:column;gap:8px;padding:12px 0;display:flex;position:sticky;bottom:0}.runbar .btn.primary{width:100%;min-height:46px;font-size:17px}.progress{background:var(--panel-2);border-radius:999px;height:6px;overflow:hidden}.progress>div{background:var(--label);height:100%;transition:width .2s linear}.error{color:var(--danger);margin:0;font-size:14px}.chart{flex-direction:column;gap:18px;min-width:0;display:flex}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.chart-head h2{margin:0;font-size:26px;font-weight:900;font-stretch:125%}.chart-head p{color:var(--ink-3);margin:0;font-size:13px}.tracks{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.track{border-bottom:1px solid var(--line);cursor:pointer;border-radius:var(--radius-s);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:12px 10px;display:grid}.track:hover{background:var(--panel)}.track[aria-selected=true]{background:var(--panel-2)}.track .rank{color:var(--ink-3);text-align:center;font-size:34px;font-weight:900;font-stretch:125%;line-height:1}.track:first-child .rank{color:var(--label)}.track .rank.current{color:var(--ink-2);font-size:13px;font-weight:700;font-stretch:100%}.track .dmg{font-size:22px;font-weight:800;font-stretch:118%;line-height:1.1}.track .dmg small{color:var(--ink-3);margin-left:8px;font-size:13px;font-weight:500;font-stretch:100%}.track .sub{color:var(--ink-2);margin-top:2px;font-size:13px}.discs{gap:5px;display:flex}.disc{--c:var(--ink-3);background:radial-gradient(circle, var(--bg) 0 3px, var(--c) 3.5px 11px, color-mix(in srgb, var(--c) 30%, var(--bg)) 11.5px 100%);border-radius:50%;place-items:center;width:34px;height:34px;font-size:0;display:grid;position:relative}.disc span{color:var(--ink-3);white-space:nowrap;font-size:10px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.track .discs{padding-bottom:14px}.detail{background:var(--panel);border-radius:var(--radius-m);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px 28px;padding:18px;display:grid}.detail h3{margin:0 0 8px;font-size:16px;font-weight:800;font-stretch:112%}.disc-table{border-collapse:collapse;width:100%;font-size:13px}.disc-table th,.disc-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 6px 6px 0}.disc-table th{color:var(--ink-3);font-weight:500}.disc-table .set{align-items:center;gap:6px;display:flex}.disc-table .swatch{border-radius:50%;flex:none;width:10px;height:10px}.subs{color:var(--ink-2)}.subs b{color:var(--ink);font-weight:600}.empty{border:1px dashed var(--line);border-radius:var(--radius-m);color:var(--ink-2);padding:28px}.empty h2{color:var(--ink);margin:0 0 6px;font-size:22px;font-weight:800;font-stretch:118%}.empty p{max-width:60ch;margin:0}.footnote{color:var(--ink-3);border-top:1px solid var(--line);max-width:90ch;margin-top:32px;padding-top:14px;font-size:12.5px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=980px){.workspace,.detail{grid-template-columns:minmax(0,1fr)}.masthead .meta{text-align:left}}@media (width<=560px){.app{padding:16px 16px 120px}.track{grid-template-columns:44px minmax(0,1fr)}.track .discs{grid-column:1/-1;justify-content:flex-start}.track .rank{font-size:26px}.grid-3,.combo-row{grid-template-columns:1fr 1fr}.combo-row .wide{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}