:root{--bg:#eef2f7;--surface:#fff;--surface-2:#f5f7fb;--ink:#1b2330;--ink-soft:#586477;--line:#dde3ec;--focus:#1f5fbf;--on-color:#fff;--c-life:#219467;--c-immortality:#c48a07;--c-sentience:#8a4fd8;--c-chronomancy:#2f74e0;--c-lineage:#d43f6c;--c-architect:#0f95a8;--f-body:#e0573f;--f-mind:#3c6ee0;--f-social:#d24b9a;--f-craft:#d4891a;--f-work:#219467;--money:#b57d00;--knowledge:#6a4fd8;--good:#1f8a5c;--bad:#cc3b34;--radius:14px;--gap:12px;--ladder-h:64px;color:var(--ink);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f131a;--surface:#18202b;--surface-2:#202a37;--ink:#e9eef6;--ink-soft:#9ba8bb;--line:#2c3746;--focus:#8ab4ff;--on-color:#0f131a;--c-life:#3fcf95;--c-immortality:#f2bd3c;--c-sentience:#b38cf5;--c-chronomancy:#6fa3ff;--c-lineage:#ff7aa1;--c-architect:#3fd0e3;--f-body:#ff8a70;--f-mind:#7aa2ff;--f-social:#f37dc0;--f-craft:#f2b24d;--f-work:#3fcf95;--money:#f2bd3c;--knowledge:#b38cf5;--good:#3fcf95;--bad:#ff7b72;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f131a;--surface:#18202b;--surface-2:#202a37;--ink:#e9eef6;--ink-soft:#9ba8bb;--line:#2c3746;--focus:#8ab4ff;--on-color:#0f131a;--c-life:#3fcf95;--c-immortality:#f2bd3c;--c-sentience:#b38cf5;--c-chronomancy:#6fa3ff;--c-lineage:#ff7aa1;--c-architect:#3fd0e3;--f-body:#ff8a70;--f-mind:#7aa2ff;--f-social:#f37dc0;--f-craft:#f2b24d;--f-work:#3fcf95;--money:#f2bd3c;--knowledge:#b38cf5;--good:#3fcf95;--bad:#ff7b72;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.fam-body{--fam:var(--f-body)}.fam-mind{--fam:var(--f-mind)}.fam-social{--fam:var(--f-social)}.fam-craft{--fam:var(--f-craft)}.fam-work{--fam:var(--f-work)}.fam-none,.car-common{--fam:var(--ink-soft)}.car-crafts{--fam:var(--f-craft)}.car-commerce{--fam:var(--money)}.car-politics{--fam:var(--c-lineage)}.car-faith{--fam:var(--c-sentience)}.car-medicine{--fam:var(--c-architect)}.car-science{--fam:var(--f-mind)}.layer-life{--layer:var(--c-life)}.layer-immortality{--layer:var(--c-immortality)}.layer-sentience{--layer:var(--c-sentience)}.layer-chronomancy{--layer:var(--c-chronomancy)}.layer-lineage{--layer:var(--c-lineage)}.layer-architect{--layer:var(--c-architect)}.layer-settings{--layer:var(--ink-soft)}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.4}button,textarea{font:inherit;color:inherit;touch-action:manipulation}h1{text-wrap:balance;margin:4px 0 8px;font-size:1.5rem}h2{margin:0 0 8px;font-size:1.05rem}small,.muted{color:var(--ink-soft)}.positive{color:var(--good)}.negative{color:var(--bad)}.money-text{color:var(--money)}:focus-visible,[data-input=nav] :focus{outline:3px solid var(--focus);outline-offset:2px}[data-input=pointer] :focus:not(:focus-visible){outline:none}.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"status""main";min-height:100vh;display:grid}.status{grid-area:status}.main{min-width:0;padding:var(--gap) 12px calc(var(--ladder-h) + env(safe-area-inset-bottom) + 24px);grid-area:main}.ladder{z-index:5;background:var(--surface);border-top:1px solid var(--line);padding:0 max(2px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(2px, env(safe-area-inset-left));position:fixed;bottom:0;left:0;right:0}.ladder ul{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ladder-item{width:100%;min-height:var(--ladder-h);color:var(--layer);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 1px;display:flex}.ladder-icon{border-radius:14px;place-items:center;width:34px;height:28px;display:grid}.ladder-label{letter-spacing:.01em;text-overflow:ellipsis;max-width:100%;font-size:.66rem;font-weight:700;overflow:hidden}.label-full{display:none}.ladder-item.is-locked{opacity:.55}.ladder-item[aria-current=page]{opacity:1}.ladder-item[aria-current=page] .ladder-icon{background:var(--layer);color:var(--on-color)}.status{z-index:4;background:var(--surface);border-bottom:1px solid var(--line);border-top:4px solid var(--c-life);padding:calc(8px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));font-variant-numeric:tabular-nums;position:sticky;top:0}.status-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-age{align-items:center;gap:8px;min-width:0;display:flex}.status-age-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.life-chip{background:var(--c-life);color:var(--on-color);border-radius:999px;flex:none;padding:2px 10px;font-size:.8rem;font-weight:800}.status-tools{align-items:center;gap:4px;display:flex}.speed{background:var(--surface-2);color:var(--ink-soft);border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700}.icon-button{width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;margin:-6px -8px -6px 0;display:grid}.lifespan-row{align-items:center;gap:8px;margin-top:6px;display:flex}.lifespan-icon{color:var(--bad);flex:none}.lifespan{background:var(--line);border-radius:3px;flex:1;height:6px;overflow:hidden}.lifespan-fill{background:linear-gradient(90deg, var(--good), var(--f-craft), var(--bad));height:100%;transition:width .2s linear}.lifespan-text{color:var(--ink-soft);white-space:nowrap;font-size:.78rem}.status-numbers{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.stat{align-items:center;gap:8px;min-width:0;display:flex}.stat-icon{border-radius:10px;flex:none;width:34px;height:34px;padding:6px}.stat-money .stat-icon{color:var(--money);background:color-mix(in srgb, var(--money) 16%, transparent)}.stat-knowledge .stat-icon{color:var(--knowledge);background:color-mix(in srgb, var(--knowledge) 16%, transparent)}.stat-text{min-width:0}.stat-value{font-size:1.15rem;font-weight:800;line-height:1.15}.stat-rate{color:var(--ink-soft);font-size:.78rem;font-weight:600}.stat-rate.is-positive{color:var(--good)}.stat-rate.is-negative{color:var(--bad)}.lasts{font-weight:700;display:block}.slots{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.slot{font:inherit;color:inherit;text-align:left;cursor:pointer;background:color-mix(in srgb, var(--fam) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--fam) 30%, transparent);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.slot-icon{background:var(--fam);width:26px;height:26px;color:var(--on-color);border-radius:8px;flex:none;place-items:center;display:grid}.slot-body{flex:1;gap:4px;min-width:0;display:grid}.slot-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.slot .bar-fill{background:var(--fam)}@media (hover:hover){.slot:hover{border-color:var(--fam)}}.slot:active{transform:scale(.98)}.xp-mult{background:color-mix(in srgb, var(--knowledge) 16%, transparent);color:var(--knowledge);border-radius:999px;margin-left:6px;padding:0 6px;font-weight:800}.notice{background:color-mix(in srgb, var(--f-craft) 16%, var(--surface));border-radius:10px;margin-top:8px;padding:7px 10px;font-size:.85rem;font-weight:600}.screen-tabs{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:760px;margin:0 auto 12px;padding:4px;display:grid}.screen-tab{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}.screen-tab[aria-selected=true]{background:var(--c-life);color:var(--on-color)}@media (width<=520px){.screen-tab{flex-direction:column;gap:2px;min-height:52px;font-size:.72rem}}.section-title{margin:22px 2px 6px;font-size:1.05rem}.screen-body{max-width:760px;margin:0 auto}.screen-intro{color:var(--ink-soft);margin:0 2px 10px;font-size:.92rem}.group+.group{margin-top:16px}.group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fam);align-items:center;gap:6px;margin:0 2px 8px;font-size:.8rem;display:flex}.career-head{gap:6px;margin-bottom:8px;display:grid}.career-head .group-title{color:var(--fam);margin-bottom:0}.perk{background:color-mix(in srgb, var(--fam) 10%, var(--surface));color:var(--ink-soft);border-radius:10px;align-items:flex-start;gap:6px;margin:0 2px;padding:6px 10px;font-size:.84rem;display:flex}.perk svg{color:var(--fam);flex:none;margin-top:2px}.perk strong{color:var(--ink)}.perk.is-earned{background:color-mix(in srgb, var(--fam) 20%, var(--surface));color:var(--ink)}.mastery{color:var(--fam);font-weight:700}.career-more{color:var(--ink-soft);margin:6px 4px 0;font-size:.84rem}.career-more strong{color:var(--fam)}.bonuses{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.bonus-chip{background:color-mix(in srgb, var(--knowledge) 12%, var(--surface));color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.bonus-chip.is-home{background:color-mix(in srgb, var(--c-life) 14%, var(--surface))}.row-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{--fam:var(--c-life);text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:12px;width:100%;min-height:68px;padding:12px;display:flex}.row.fam-body{--fam:var(--f-body)}.row.fam-mind{--fam:var(--f-mind)}.row.fam-social{--fam:var(--f-social)}.row.fam-craft{--fam:var(--f-craft)}.row.fam-work{--fam:var(--f-work)}.row.car-common{--fam:var(--ink-soft)}.row.car-crafts{--fam:var(--f-craft)}.row.car-commerce{--fam:var(--money)}.row.car-politics{--fam:var(--c-lineage)}.row.car-faith{--fam:var(--c-sentience)}.row.car-medicine{--fam:var(--c-architect)}.row.car-science,.row.bonus-skillXp{--fam:var(--f-mind)}.row.bonus-jobXp{--fam:var(--c-life)}.row.bonus-knowledge{--fam:var(--knowledge)}.row.bonus-pay,.row.bonus-income{--fam:var(--money)}.row.bonus-lifespan{--fam:var(--f-body)}.row.bonus-expenses{--fam:var(--f-craft)}@media (hover:hover){.row:hover:not(:disabled){border-color:var(--fam)}}.row:active:not(:disabled){transform:scale(.99)}.row.is-active{border-color:var(--fam);background:color-mix(in srgb, var(--fam) 9%, var(--surface))}.row:disabled{cursor:default}.row.is-locked{background:var(--surface-2);border-style:dashed}.row.is-locked .row-name,.row.is-locked .row-level{color:var(--ink-soft)}.row-icon{background:color-mix(in srgb, var(--fam) 16%, transparent);width:40px;height:40px;color:var(--fam);border-radius:12px;flex:none;place-items:center;display:grid}.row.is-active .row-icon{background:var(--fam);color:var(--on-color)}.row.is-locked .row-icon{background:var(--line);color:var(--ink-soft)}.row-body{flex:1;gap:6px;min-width:0;display:grid}.row-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.row-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.row-level{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:600}.row-level small{font-weight:500}.row-meta{color:var(--ink-soft);font-size:.86rem}.row-meta strong{color:var(--ink)}.row-meta .money-text{color:var(--money)}.row .bar-fill{background:var(--fam)}.badge{background:var(--fam);color:var(--on-color);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:800}.reqs{flex-wrap:wrap;gap:6px;display:flex}.req{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700}.req.is-met{color:var(--good);border-color:color-mix(in srgb, var(--good) 40%, transparent)}.home-row{--fam:var(--c-life)}.row.tier-street{--fam:var(--ink-soft)}.row.tier-shared{--fam:var(--f-mind)}.row.tier-rented{--fam:var(--c-life)}.row.tier-house{--fam:var(--f-craft)}.row.tier-estate{--fam:var(--c-sentience)}.bar{background:var(--line);border-radius:4px;height:8px;display:block;overflow:hidden}.bar-fill{background:var(--c-life);border-radius:4px;height:100%;transition:width .2s linear;display:block}.budget{border-radius:var(--radius);background:color-mix(in srgb, var(--good) 10%, var(--surface));border:1.5px solid color-mix(in srgb, var(--good) 35%, transparent);font-variant-numeric:tabular-nums;margin-bottom:14px;padding:14px 16px}.budget.is-negative{background:color-mix(in srgb, var(--bad) 9%, var(--surface));border-color:color-mix(in srgb, var(--bad) 40%, transparent)}.budget-line{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.budget-net{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-size:1.1rem}.budget-net strong{color:var(--good)}.budget.is-negative .budget-net strong{color:var(--bad)}.budget-note{color:var(--ink-soft);margin:6px 0 0;font-size:.86rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--gap);padding:14px 16px}.card-meta{color:var(--ink-soft);margin:6px 0 0;font-size:.9rem}.card-warning{color:var(--bad);margin:8px 0 0;font-size:.9rem;font-weight:600}.card-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.plain-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.legacy-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.legacy-stat{border-radius:var(--radius);background:color-mix(in srgb, var(--c-life) 12%, var(--surface));padding:12px 14px;display:grid}.legacy-stat.is-knowledge{background:color-mix(in srgb, var(--knowledge) 12%, var(--surface))}.legacy-stat-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.legacy-stat-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.record-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.record{background:color-mix(in srgb, var(--fam) 10%, var(--surface));color:var(--fam);font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.record-list.compact .record{grid-template-columns:1fr auto auto}.record.gain{background:color-mix(in srgb, var(--fam) 18%, var(--surface));border:1px solid color-mix(in srgb, var(--fam) 40%, transparent)}.record.gain .record-mult{animation:.6s ease-out gain-pop}@keyframes gain-pop{0%{transform:scale(1.25)}to{transform:none}}.this-life{border:1.5px solid color-mix(in srgb, var(--c-life) 45%, transparent)}.record-name{color:var(--ink);font-weight:700}.record-best{color:var(--ink-soft);font-size:.85rem}.record-mult{color:var(--fam)}.records{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.92rem}.records th,.records td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}.records th{color:var(--ink-soft);font-weight:600}.teaser-card{text-align:center;background:linear-gradient(160deg, color-mix(in srgb, var(--layer) 22%, var(--surface)), var(--surface) 70%);border:1.5px solid color-mix(in srgb, var(--layer) 40%, transparent);border-radius:20px;margin-top:8px;padding:28px 22px}.teaser-icon{background:var(--layer);width:88px;height:88px;color:var(--on-color);border-radius:28px;place-items:center;display:inline-grid}.teaser-rung{letter-spacing:.08em;text-transform:uppercase;color:var(--layer);margin:14px 0 0;font-size:.8rem;font-weight:800}.teaser h1{margin:4px 0 2px;font-size:1.8rem}.teaser-beat{color:var(--layer);margin:0 0 12px;font-weight:700}.teaser-lock{color:var(--ink-soft);align-items:center;gap:6px;margin:8px 0 0;font-size:.9rem;display:inline-flex}.elixir{margin-top:14px}.elixir-list{gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.elixir-item{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.elixir-icon{background:color-mix(in srgb, var(--fam) 16%, transparent);width:28px;height:28px;color:var(--fam);border-radius:9px;flex:none;place-items:center;display:grid}.elixir-item.is-done{background:color-mix(in srgb, var(--fam) 14%, var(--surface))}.elixir-item.is-done .elixir-icon{background:var(--fam);color:var(--on-color)}.elixir-knowledge{font-variant-numeric:tabular-nums;gap:6px;font-size:.9rem;font-weight:700;display:grid}.elixir-knowledge .bar-fill{background:var(--knowledge)}.field-label{margin-top:14px;font-weight:600;display:block}.save-text{background:var(--surface-2);border:1px solid var(--line);word-break:break-all;resize:vertical;border-radius:8px;width:100%;min-height:84px;margin-top:8px;padding:8px;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:.8rem;display:block}.primary,.secondary,.danger{cursor:pointer;border-radius:12px;min-height:48px;padding:10px 16px;font-weight:700}.primary{width:100%;color:var(--on-color);background:var(--c-life);border:0}.secondary{border:1.5px solid var(--c-life);color:var(--c-life);background:0 0}.secondary:disabled{opacity:.5;cursor:default}.danger{background:var(--bad);color:var(--on-color);border:0}.overlay{z-index:10;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:#0a0e148c;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--surface);border-top:6px solid var(--c-life);border-radius:20px;width:min(460px,100%);padding:22px}.dialog-icon{background:var(--c-life);width:56px;height:56px;color:var(--on-color);border-radius:18px;place-items:center;margin-bottom:8px;display:inline-grid}.dialog h2{margin:0 0 12px;font-size:1.3rem}.legacy-facts{gap:4px;margin:0 0 12px;padding-left:20px;display:grid}.legacy-note{color:var(--ink-soft);margin:0 0 8px;font-size:.9rem}.dialog .record-list{margin-bottom:16px}.toasts{left:12px;right:12px;bottom:calc(var(--ladder-h) + env(safe-area-inset-bottom) + 10px);z-index:8;pointer-events:none;justify-items:center;gap:6px;display:grid;position:fixed}.toast{text-align:center;background:var(--ink);max-width:420px;color:var(--bg);border-radius:16px;padding:10px 16px;font-size:.9rem;font-weight:700;animation:.25s ease-out toast-in;box-shadow:0 6px 20px #0003}.toast.is-good{background:var(--good);color:var(--on-color)}.toast.is-warn{background:var(--bad);color:var(--on-color)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.bar-fill,.lifespan-fill{transition:none}.record.gain .record-mult{animation:none}.row:active:not(:disabled){transform:none}}@media (width>=760px){.shell{grid-template:"ladder status""ladder main"1fr/200px minmax(0,1fr)}.ladder{border-top:0;border-right:1px solid var(--line);grid-area:ladder;align-self:start;height:100vh;padding:16px 10px;position:sticky;top:0}.ladder ul{grid-template-columns:1fr;gap:4px}.ladder-item{border-radius:12px;flex-direction:row;justify-content:flex-start;gap:10px;min-height:48px;padding:8px 10px}.ladder-label{color:var(--ink);font-size:.95rem}.label-short{display:none}.label-full{display:inline}.ladder-item[aria-current=page]{background:color-mix(in srgb, var(--layer) 14%, transparent)}.main{padding:16px 20px 32px}.status{padding:10px 20px}.toasts{bottom:20px}}@media (width>=1180px){.shell{grid-template:"ladder main status"1fr/210px minmax(0,1fr) 320px}.status{border-bottom:0;border-left:1px solid var(--line);align-self:start;height:100vh;padding:20px;position:sticky;top:0}.status-age{flex-wrap:wrap}.status-age-text{white-space:normal}.status-numbers,.slots{grid-template-columns:1fr;gap:10px;margin-top:14px}.lifespan-row{margin-top:12px}}