:root{--bg:#0e0f11;--bg-2:#121315;--surface:#151719;--surface-2:#1b1d20;--surface-3:#22252a;--line:#25272c;--line-soft:#1d1f23;--line-strong:#34373d;--gold:#d4a94f;--gold-bright:#eec97e;--gold-dim:#9c814a;--ink:#e9e7e2;--ink-2:#a9a79f;--muted:#75736b;--good:#7fb069;--good-bg:#16200f;--crit:#d0805c;--crit-bg:#251511;--info:#8aa8c8;--sans:"Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 420px at 50% -180px, #d4a94f0f, transparent 60%), var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.55}[hidden]{display:none!important}img{max-width:100%}h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.25}p{margin:0}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}button{font-family:var(--sans)}input[type=text]{font-family:var(--mono)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:#d4a94f40}.page{max-width:1220px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem) 5rem}.topbar{z-index:40;background:linear-gradient(var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 .7rem;display:flex;position:sticky;top:0}.status{font-family:var(--mono);color:var(--muted);margin:0;font-size:.72rem}.status.err{color:var(--crit)}.controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.mode-badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:.12rem .4rem;font-size:.6rem}.mode-badge.mock{border-color:var(--gold-dim);color:var(--gold)}.mode-badge.live{border-color:var(--good);color:var(--good)}.mode-badge.cache{border-color:var(--line-strong);color:var(--ink-2)}.btn{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink-2);cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--gold-dim);color:var(--ink);background:var(--surface-3)}.btn.primary{color:#141008;background:linear-gradient(#a8842f,#8a6a22);border-color:#6b5119}.btn.primary:hover:not(:disabled){color:#141008;background:linear-gradient(#b8953c,#96742a)}.btn:disabled{opacity:.45;cursor:default}.tabs{border-bottom:1px solid var(--line);z-index:30;background:linear-gradient(var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:.2rem;padding:.55rem 0;display:flex;position:sticky;top:48px;overflow-x:auto}.tab{letter-spacing:.02em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .8rem;font-size:.84rem;font-weight:500;transition:color .15s,border-color .15s}.tab:hover{color:var(--ink-2)}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}main{flex-direction:column;gap:2.4rem;padding-top:1.5rem;display:flex}.sec-head{flex-direction:column;gap:.25rem;margin-bottom:.6rem;display:flex}.sec-head h2{letter-spacing:.01em;color:var(--ink);font-size:1.02rem;font-weight:650}.sec-head p{color:var(--muted);max-width:75ch;font-size:.84rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px}.card.pad{padding:1.1rem 1.25rem}.hero{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.1rem;display:flex}.tile .val{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700;line-height:1.1}.tile .val.accent{color:var(--gold)}.tile .cap{color:var(--muted);font-size:.72rem;line-height:1.4}.tile .sub{font-family:var(--mono);color:var(--gold-dim);font-size:.68rem}.meter{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;grid-column:1/-1;gap:.6rem;padding:1.05rem 1.15rem 1.2rem;display:flex}.meter .row{font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:baseline;gap:1rem;font-size:.72rem;display:flex}.meter .row b{color:var(--gold);font-size:.95rem;font-weight:600}.bar{background:var(--line-strong);border-radius:4px;height:8px;overflow:hidden}.bar .fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold-bright));border-radius:0 4px 4px 0;height:100%;transition:width .6s}@media (prefers-reduced-motion:reduce){.bar .fill{transition:none}}.scroller{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:.55rem .85rem}thead th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;font-size:.62rem;font-weight:500}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}tr.complete,tr.complete:hover{background:var(--good-bg)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.skillname{white-space:nowrap;font-weight:600}.skillname .dot{vertical-align:1px;border-radius:2px;width:7px;height:7px;margin-right:.45rem;display:inline-block}.lvlpair{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.lvlpair .to{color:var(--muted)}.lvlpair .tgt{color:var(--gold);font-weight:600}.boostcell{color:var(--ink-2);font-size:.8rem}.bar-cell{width:24%;min-width:110px}.track{background:var(--line-strong);border-radius:3px;height:7px;overflow:hidden}.track .fill{border-radius:0 3px 3px 0;height:100%}.tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:600;display:inline-block}.tag.hard{background:var(--crit-bg);color:var(--crit);border:1px solid var(--crit)}.tag.ok{background:var(--good-bg);color:var(--good);border:1px solid var(--good)}.tag.gold{color:var(--gold);border:1px solid var(--gold-dim);background:#d4a94f1a}.chip{font-family:var(--mono);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:4px;padding:.04rem .32rem;font-size:.66rem}.chip.met{border-color:var(--good);color:var(--good);background:var(--good-bg)}.chip.short{border-color:var(--crit);color:var(--crit);background:var(--crit-bg)}.diary-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.diary{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.55rem;padding:.95rem 1.05rem 1.1rem;display:flex}.diary.clear{background:var(--good-bg);border-color:var(--good)}.diary h3{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.94rem;font-weight:600;display:flex}.diary h3 .n{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:.64rem;font-weight:400}.diary.clear h3 .n{color:var(--good);font-weight:600}.gaps{flex-wrap:wrap;gap:.3rem;display:flex}.gap{font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:4px;padding:.1rem .38rem;font-size:.68rem}.gap.hard{border-color:var(--crit);color:var(--crit);background:var(--crit-bg)}.diary .note{color:var(--muted);font-size:.76rem;line-height:1.5}.diary .meter-line{flex-direction:column;gap:.3rem;display:flex}.diary .meter-line .row{font-family:var(--mono);color:var(--muted);justify-content:space-between;font-size:.64rem;display:flex}.diary .tiers{flex-wrap:wrap;gap:.4rem;display:flex}.diary .tiers .t{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:.05rem .3rem;font-size:.6rem}.diary .tiers .t.done{border-color:var(--good);color:var(--good)}.stages{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.stage{border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;display:grid}.stage:last-child{border-bottom:none}.stage.done{background:var(--good-bg)}.stage .marker{background:var(--surface-2);border-right:1px solid var(--line);color:var(--gold-dim);justify-content:center;align-items:flex-start;padding-top:1rem;font-weight:700;display:flex}.stage.done .marker{color:var(--good)}.stage .body{flex-direction:column;gap:.45rem;padding:.95rem 1.1rem 1.05rem;display:flex}.stage h3{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.94rem;font-weight:600;display:flex}.stage .cost{font-family:var(--mono);color:var(--muted);letter-spacing:.03em;white-space:nowrap;font-size:.7rem;font-weight:400}.stage .sbar{background:var(--line-strong);border-radius:3px;height:5px;margin-top:.1rem;overflow:hidden}.stage .sbar>div{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:0 3px 3px 0;height:100%}.stage.done .sbar>div{background:var(--good)}.stage p.what{color:var(--ink-2);font-size:.83rem}.stage .unlocks{font-family:var(--mono);color:var(--gold-dim);font-size:.68rem}.ledger{flex-direction:column;gap:.55rem;display:flex}.led{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.led.full{background:var(--good-bg)}.led>summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.65rem .9rem;font-size:.88rem;font-weight:600;list-style:none;display:flex}.led>summary::-webkit-details-marker{display:none}.led>summary:before{content:"▸";font-family:var(--mono);color:var(--muted);margin-right:.45rem;transition:transform .15s}.led[open]>summary:before{transform:rotate(90deg)}.led>summary:hover{background:var(--surface-2)}.led .cnt{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:400}.led.full .cnt{color:var(--good);font-weight:600}.led .inner{border-top:1px solid var(--line-soft);flex-direction:column;gap:.6rem;padding:0 .9rem .85rem 1.75rem;display:flex}.tiers{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:.9rem;padding-top:.6rem;font-size:.7rem;display:flex}.tiers label{cursor:pointer}.tlist{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tlist li{align-items:flex-start;gap:.55rem;display:flex}.tlist li.ticked .tx{color:var(--muted);text-decoration:line-through}.tlist .tx{color:var(--ink-2);cursor:pointer;font-size:.83rem}.tlist .tx:hover{color:var(--ink)}.tlist .chips{vertical-align:middle;flex-wrap:wrap;gap:.25rem;margin-left:.35rem;display:inline-flex}.tlist .hint{color:var(--muted);font-size:.71rem;font-style:italic}input[type=checkbox]{accent-color:var(--gold);flex:none;margin-top:.3rem}.checks{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem 2rem;display:grid}.checks h4{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.checks ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.checks li{color:var(--ink-2);align-items:flex-start;gap:.5rem;font-size:.84rem;display:flex}.checks li.ticked label{color:var(--muted);text-decoration:line-through}.checks label{cursor:pointer}.ready{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.ready .r{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.25rem;padding:.7rem .9rem;display:flex}.ready .r .w{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.62rem;font-weight:600}.ready .r .d{color:var(--ink);font-size:.85rem}.ready .r .b{color:var(--muted);font-size:.75rem;font-family:var(--mono)}.ready .none{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:.95rem;font-size:.84rem}.gain-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.gain-cell{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.gain-cell .top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.gain-cell .top .sk{font-size:.86rem;font-weight:600}.gain-cell .top .delta{font-family:var(--mono);color:var(--gold);font-size:.74rem}.gain-cell .meta{font-family:var(--mono);color:var(--muted);font-size:.66rem}details{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.75rem .95rem}summary{cursor:pointer;color:var(--ink-2);font-size:.84rem;font-weight:600}details textarea{width:100%;min-height:7rem;font-family:var(--mono);background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-top:.6rem;padding:.5rem;font-size:.75rem}.footnote{font-family:var(--mono);color:var(--muted);max-width:95ch;font-size:.7rem;line-height:1.7}footer{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:.35rem;padding-top:1rem;font-size:.76rem;display:flex}.stat-row{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;gap:2rem;font-size:.74rem;display:flex}.stat-row b{color:var(--gold);font-weight:600}.empty{color:var(--muted);padding:.6rem 0;font-size:.85rem}.skill-row{cursor:pointer}.skill-row.selected td{background:var(--surface-3)}@media (width<=720px){.tabs{top:66px}.stage{grid-template-columns:2.4rem 1fr}}.skill-row.svelte-obwu7r{cursor:pointer}.skill-row.selected.svelte-obwu7r td:where(.svelte-obwu7r){background:var(--surface-3)}