:root{--bg:#f5f2ea;--panel:#fffdf8;--ink:#2b2620;--muted:#7a7064;--line:#d9d1c3;--accent:#2f6b4f;--accent-ink:#fff;--accent-soft:#e2efe7;--warn:#b4441f;--warn-ink:#fff;--locked:#ebe6dc;--edge:#c8bfae;--edge-on:#2f6b4f;--preview:#9cc4af;--preview-short:#e8b09c;--passive:#9a4d05;--passive-soft:#fdebd3;--passive-line:#f0c08a;--weapon:#1d5a8e;--weapon-soft:#e2eef9;--weapon-line:#a8c9e8;--field:#6a3d9e;--field-soft:#f1e9fa;--field-line:#cdb6ea;--category:#1d6b64;--category-soft:#dff1ee;--category-line:#9fd2ca;--part:#57514a;--part-soft:#ece8e1;--part-line:#c4bcae;--force:#a3263f;--force-soft:#fbe4e8;--force-line:#eba9b6;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1c1a17;--panel:#26231f;--ink:#ece6da;--muted:#a39a8c;--line:#3e3931;--accent:#6cc39a;--accent-ink:#10231a;--accent-soft:#23372c;--warn:#f08b66;--warn-ink:#2a120a;--locked:#2c2925;--edge:#4a443b;--edge-on:#6cc39a;--preview:#3f6b55;--preview-short:#7a4434;--passive:#f2ab62;--passive-soft:#3a2916;--passive-line:#6e4a22;--weapon:#8ec3ef;--weapon-soft:#182a3b;--weapon-line:#33536f;--field:#c9a8f2;--field-soft:#2a2039;--field-line:#4d3a66;--category:#82d4c9;--category-soft:#15302c;--category-line:#2f5e57;--part:#cfc7ba;--part-soft:#36322c;--part-line:#5a534a;--force:#f09aab;--force-soft:#3a1a21;--force-line:#6e3440;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.6 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.wrap{max-width:1280px;margin:0 auto;padding:16px}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;padding:4px 10px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.danger{color:var(--warn)}button.danger.armed{background:var(--warn);color:var(--warn-ink);border-color:var(--warn)}input[type=text],input[type=number]{border:1px solid var(--line);background:var(--bg);border-radius:6px;min-width:0;padding:5px 8px}nav.jobs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}nav.jobs button{border-radius:999px;padding:4px 14px}nav.jobs button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}nav.jobs button small{margin-left:4px;font-size:11px}.layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=960px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.panel h2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.side{gap:16px;display:grid}@media (width>=961px){.side{top:calc(var(--site-header-height,0px) + 16px);position:sticky}}.hint{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:400}.tree-scroll{padding:4px;overflow-x:auto}.tree{width:max-content;display:grid;position:relative}.tree svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tree svg path{fill:none;stroke:var(--edge);stroke-width:1.5px}.tree svg text{fill:var(--muted);font-size:10px}.tree svg g.on path{stroke:var(--edge-on);stroke-width:2px}.tree svg g.on text{fill:var(--edge-on);font-weight:700}.node{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;align-content:center;padding:6px 8px;display:grid;position:relative}.node.learned{border-color:var(--accent);background:var(--accent-soft)}.node.locked{background:var(--locked);color:var(--muted)}.node.selected{outline:2px solid var(--accent);outline-offset:1px}.node .name{text-align:left;white-space:nowrap;background:0 0;border:none;align-items:baseline;gap:4px;padding:0;font-size:13px;font-weight:700;display:flex}.tag{letter-spacing:.04em;border:1px solid;border-radius:3px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px}.node .tag{align-self:center;margin-left:auto}.node .tag~.tag{margin-left:0}.node .tag.passive{border-color:var(--passive-line);background:var(--passive-soft);color:var(--passive)}.tag.weapon{border-color:var(--weapon-line);background:var(--weapon-soft);color:var(--weapon);font-size:10px}.node .tag.category{border-color:var(--category-line);background:var(--category-soft);color:var(--category);font-size:10px}.node .tag.field{border-color:var(--field-line);background:var(--field-soft);color:var(--field);font-size:10px}.tag.part{border-color:var(--part-line);background:var(--part-soft);color:var(--part);font-size:10px}button.force{border:1px solid var(--force-line);background:var(--force-soft);text-align:left;border-radius:8px;align-items:center;max-width:calc(100% - 8px);margin:0 4px 10px;padding:6px 8px;display:flex}button.force.selected{outline:2px solid var(--accent);outline-offset:1px}.force-name{white-space:nowrap;flex-wrap:wrap;flex:1;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.force-tags{align-items:center;gap:4px;margin-left:auto;display:flex}.tag.force-tag{border-color:var(--force);background:var(--force);color:var(--panel)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.node .lv{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;font-weight:400}.node.learned .lv{color:var(--accent);font-weight:700}.node .pips{margin:1px -1px 0;display:flex}.node .pips button{flex:0 0 calc(100% / var(--max-level));background:var(--line);background-clip:content-box;border:none;border-radius:3px;height:16px;padding:3px 1px}.node .pips button.on{background-color:var(--accent)}.node .pips button:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.node .pips button.short{cursor:not-allowed}@media (hover:hover){.node .pips:not(:has(.fresh)) button:not(.on):is(:hover,:has(~button:hover)){background-color:var(--preview)}.node .pips:not(:has(.fresh)) button.short:not(.on):is(:hover,:has(~button:hover)){background-color:var(--preview-short)}.node .pips:not(:has(.fresh)) button:hover~button.on,.node .pips:not(:has(.fresh)) button.top:hover{opacity:.35}}.sp-summary{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.sp-summary strong{font-size:32px;line-height:1}.sp-summary.over strong{color:var(--warn)}.sp-bar{background:var(--line);border-radius:4px;height:8px;margin:8px 0 10px;overflow:hidden}.sp-bar div{background:var(--accent);width:0;height:100%}.sp-bar.over div{background:var(--warn)}.fields{grid-template-columns:auto 1fr;align-items:end;gap:4px 12px;display:grid}.fields label{padding-bottom:3px}.slider{--thumb:20px;--center:calc(var(--thumb) / 2 + var(--pos) * (100% - var(--thumb)));padding-top:28px;position:relative}.slider input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;display:block}.slider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--center), var(--line) var(--center));border-radius:3px;height:6px}.slider input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--center), var(--line) var(--center));border-radius:3px;height:6px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((6px - var(--thumb)) / 2);border:3px solid var(--panel);background:var(--accent);box-shadow:0 0 0 1px var(--accent);border-radius:50%}.slider input[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:3px solid var(--panel);background:var(--accent);box-shadow:0 0 0 1px var(--accent);border-radius:50%}.slider .bubble{top:0;left:var(--center);background:var(--accent);min-width:28px;color:var(--accent-ink);text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:4px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px;position:absolute;transform:translate(-50%)}.slider .bubble:after{content:"";border:5px solid #0000;border-top-color:var(--accent);position:absolute;top:100%;left:50%;transform:translate(-50%)}.row{flex-wrap:wrap;gap:6px;display:flex}.row input{flex:140px}.notice{color:var(--warn);min-height:1em;margin:6px 0 0;font-size:12px}ul.builds{gap:8px;margin:0;padding:0;list-style:none;display:grid}ul.builds li{border:1px solid var(--line);border-radius:8px;padding:8px 10px}ul.builds li.current{border-color:var(--accent)}ul.builds li.empty{border:none;padding:0}ul.builds .build-name{overflow-wrap:anywhere;font-weight:700}ul.builds .meta{color:var(--muted);font-size:12px}ul.builds .row{margin-top:6px}.empty{color:var(--muted);font-size:13px}.detail p{margin:0}.detail h2 .lv{color:var(--muted);font-weight:400}.detail dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:8px 0 0;font-size:13px;display:grid}.detail dt{color:var(--muted)}.detail dd{margin:0}.ok{color:var(--accent)}.ng{color:var(--warn)}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);border-radius:8px;max-width:calc(100% - 32px);padding:8px 14px;font-size:13px;position:fixed;transform:translate(-50%)}