:root{--surface:#10161f;--surface-raised:#171e2a;--surface-sunken:#0c1119;--text:#e8e0d4;--text-heading:#fff9ef;--text-muted:#a99e91;--text-dim:#8b8175;--border-faint:#efe4d414;--border-subtle:#efe4d421;--border:#efe4d421;--border-strong:#efe4d438;--frame-border:#efe4d41a;--accent:#d7ab63;--accent-contrast:#1a1206;--danger:#e16d61;--success:#62b884;--warning:#e3934f;--warning-bg:#2a2012;--overlay:#03060ac7;--code-bg:#1a2230;--gold:#d7ab63;--gold-bright:#f0c87f;--info-accent:#9cb2c6;--surface-soft:#ffffff0b;--surface-hover:#ffffff13;--brand-gradient-end:#78332f;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-data:ui-monospace, Consolas, monospace;--radius:12px;--surface-texture:none;--surface-texture-size:auto;--shadow-card:0 14px 36px #0000004d;font:18px/145% var(--font-body);letter-spacing:.18px;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--frame-border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{color:var(--text);background-color:var(--surface);background-image:var(--surface-texture);background-size:var(--surface-texture-size);background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--text-heading);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}input,select,textarea,button{color:var(--text);background-color:var(--surface-raised);border:1px solid var(--border-strong);border-radius:4px;padding:.2rem .35rem;font-family:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}code{font-family:var(--font-data);color:var(--text-heading);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}@media print{.no-print{display:none!important}}:root[data-theme=ledger]{--surface:#f6f2e8;--surface-raised:#fffdf7;--surface-sunken:#ece5d5;--text:#1c1a17;--text-heading:#14120f;--text-muted:#6b6459;--text-dim:#8b8375;--border-faint:#e0d8c6;--border-subtle:#cfc5ae;--border:#b3a78c;--border-strong:#2a2621;--frame-border:#cfc5ae;--accent:#8c2f22;--accent-contrast:#fffdf7;--danger:#8c2f22;--success:#24405c;--warning:#8a5a12;--warning-bg:#efe3c6;--overlay:#1c1a1773;--code-bg:#ece5d5;--font-body:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-display:var(--font-body);--font-data:"Courier New", Courier, ui-monospace, monospace;--radius:1px;--surface-texture:repeating-linear-gradient(to bottom, transparent 0, transparent 27px, #8c2f2212 27px, #8c2f2212 28px);--surface-texture-size:auto;--shadow-card:none}:root[data-theme=vellum]{--surface:#e5d7b8;--surface-raised:#efe4ca;--surface-sunken:#d8c6a1;--text:#241a10;--text-heading:#1a1209;--text-muted:#6d5b40;--text-dim:#8a7658;--border-faint:#d3c19c;--border-subtle:#c3ae86;--border:#a89066;--border-strong:#4a3722;--frame-border:#c3ae86;--accent:#6d3719;--accent-contrast:#efe4ca;--danger:#8a2f14;--success:#3d4a2e;--warning:#7a5518;--warning-bg:#d9c69b;--overlay:#241a1080;--code-bg:#d8c6a1;--font-body:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-display:var(--font-body);--font-data:"Courier New", Courier, ui-monospace, monospace;--radius:1px;--surface-texture:radial-gradient(ellipse at 18% 24%, #6d37190f, transparent 55%), radial-gradient(ellipse at 78% 68%, #6d37190d, transparent 50%), radial-gradient(ellipse at 52% 88%, #4a37220d, transparent 45%);--surface-texture-size:auto;--shadow-card:none}:root[data-theme=graph]{--surface:#fbfaf7;--surface-raised:#fff;--surface-sunken:#eef3f8;--text:#2f343a;--text-heading:#1d2226;--text-muted:#636b74;--text-dim:#7d858e;--border-faint:#e8eff5;--border-subtle:#dbe6ef;--border:#b9cfe0;--border-strong:#5a6169;--frame-border:#dbe6ef;--accent:#2f5d8a;--accent-contrast:#fff;--danger:#a8342a;--success:#2f6b45;--warning:#8a6414;--warning-bg:#f6eeda;--overlay:#2f343a6b;--code-bg:#eef3f8;--font-body:system-ui, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-body);--font-data:"Courier New", Courier, ui-monospace, monospace;--radius:2px;--surface-texture:linear-gradient(#b9cfe080 1px, transparent 1px), linear-gradient(90deg, #b9cfe080 1px, transparent 1px);--surface-texture-size:16px 16px;--shadow-card:none}:root[data-theme=console]{--surface:#0e1418;--surface-raised:#161f26;--surface-sunken:#0a1013;--text:#c6d4dc;--text-heading:#e8f4fa;--text-muted:#8195a1;--text-dim:#61737e;--border-faint:#1b262e;--border-subtle:#24333c;--border:#31434e;--border-strong:#4a606d;--frame-border:#24333c;--accent:#35e0c8;--accent-contrast:#06231f;--danger:#ff6b5e;--success:#46e08a;--warning:#e0b545;--warning-bg:#2a2312;--overlay:#04080aad;--code-bg:#0a1013;--font-body:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--font-display:var(--font-body);--font-data:var(--font-body);--radius:0px;--surface-texture:repeating-linear-gradient(to bottom, #35e0c808 0, #35e0c808 1px, transparent 1px, transparent 3px);--surface-texture-size:auto;--shadow-card:none}:root[data-theme=contrast]{--surface:#fff;--surface-raised:#fff;--surface-sunken:#f2f2f2;--text:#000;--text-heading:#000;--text-muted:#595959;--text-dim:#595959;--border-faint:#767676;--border-subtle:#595959;--border:#333;--border-strong:#000;--frame-border:#000;--accent:#0b4fa8;--accent-contrast:#fff;--danger:#b3001b;--success:#0f6b2f;--warning:#7a4a00;--warning-bg:#fff3cd;--overlay:#0009;--code-bg:#f2f2f2;--font-body:system-ui, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-body);--font-data:ui-monospace, Consolas, monospace;--radius:2px;--surface-texture:none;--surface-texture-size:auto;--shadow-card:none}:root[data-theme=folio]{--surface:#ded6c9;--surface-raised:#faf6eef2;--surface-sunken:#f2ede4;--text:#493a31;--text-heading:#251d18;--text-muted:#76685e;--text-dim:#9c8d80;--border-faint:#432e2114;--border-subtle:#432e211f;--border:#432e2126;--border-strong:#432e213d;--frame-border:#432e211f;--accent:#85561e;--accent-contrast:#fffdf8;--danger:#9c3b26;--success:#3f6b3d;--warning:#8a5a12;--warning-bg:#f0e2c4;--overlay:#251d1873;--code-bg:#efe6d8;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-data:var(--font-body);--radius:8px;--surface-texture:radial-gradient(ellipse at 20% 20%, #432e2109, transparent 55%), radial-gradient(ellipse at 80% 70%, #432e2108, transparent 50%);--surface-texture-size:auto;--shadow-card:0 14px 36px #3c291c1c}@media print{:root,:root[data-theme]{--surface:#fff;--surface-raised:#fff;--surface-sunken:#fff;--text:#000;--text-heading:#000;--text-muted:#333;--text-dim:#555;--border-faint:#ccc;--border-subtle:#999;--border:#666;--border-strong:#000;--frame-border:#fff;--accent:#000;--accent-contrast:#fff;--danger:#000;--success:#000;--warning:#000;--warning-bg:#fff;--code-bg:#fff;--surface-texture:none;--shadow-card:none;--ts-ink:#1a1a1a;--ts-muted:#555;--ts-line:#222;--ts-fill:#fff;--ts-box:#fff}body{color:#000;background:#fff!important}}#root{text-align:left}.brand{color:var(--text-heading);font-family:var(--font-display);align-items:center;gap:.55rem;width:fit-content;font-weight:800;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(145deg, var(--danger), var(--brand-gradient-end,var(--danger)));width:2.5rem;height:2.5rem;color:var(--accent-contrast);font-size:1.35rem;font-family:var(--font-display);border-radius:.65rem .65rem .65rem .18rem;place-items:center;font-weight:800;display:grid}.brand__wordmark{letter-spacing:-.01em;font-size:1.05rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}.app-header__nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hero{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);box-shadow:var(--shadow-card);border-radius:1.15rem;gap:.45rem;padding:1.25rem clamp(1rem,3vw,1.6rem);display:grid}.hero .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.62rem;font-weight:850}.hero h1{color:var(--text-heading);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.15rem,4vw,3.45rem);line-height:.98}.hero__description{max-width:48rem;color:var(--text-muted);margin:0;line-height:1.55}.banner-link{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--surface-soft,var(--surface-sunken)));color:var(--text);cursor:pointer;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem 1.1rem;text-decoration:none;transition:border-color .12s,background .12s,transform .12s;display:grid}.banner-link:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface-soft,var(--surface-sunken)));transform:translateY(-1px)}.banner-link__title{color:var(--text-heading);font-family:var(--font-display);font-size:1.08rem;font-weight:800}.banner-link__description{color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.4}.banner-link__arrow{color:var(--accent);font-size:1.4rem;font-weight:800}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card-grid>*{min-width:0}.click-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 94%, transparent), color-mix(in srgb, var(--surface-raised) 96%, transparent));min-height:10rem;color:var(--text);cursor:pointer;text-align:left;border-radius:1rem;padding:1rem;text-decoration:none;transition:border-color .12s,background .12s,box-shadow .12s,transform .12s;display:block}.click-card:hover{border-color:var(--border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-hover,var(--surface-sunken)) 65%, var(--surface-raised)), color-mix(in srgb, var(--surface-hover,var(--surface-sunken)) 40%, var(--surface-raised)));transform:translateY(-1px)}.click-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent), var(--shadow-card)}.click-card__eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.7rem;font-weight:800}.click-card__title{color:var(--text-heading);font-family:var(--font-display);letter-spacing:-.035em;margin:.15rem 0 0;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.02}.click-card__subtitle{color:var(--text-muted);margin:.2rem 0 0;font-size:.92rem;font-weight:700}.stat-pills{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.stat-pill{border:1px solid var(--border);background:var(--surface-soft,var(--surface-sunken));color:var(--text-heading);border-radius:999px;align-items:center;padding:.42rem .62rem;font-size:.83rem;font-weight:800;display:inline-flex}.btn{border:1px solid var(--border-strong);background:var(--surface-soft,var(--surface-sunken));color:var(--text-heading);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .9rem;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:border-color .12s,background .12s;display:inline-flex}.btn:hover{background:var(--surface-hover,var(--surface-sunken));border-color:var(--text-muted)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent);border-color:var(--accent)}.btn:disabled{cursor:default;opacity:.6}.panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 95%, transparent);box-shadow:var(--shadow-card);border-radius:1rem;padding:1.1rem}.panel__title{color:var(--text-heading);font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .6rem;font-size:1.3rem}.page-shell{gap:1rem;width:min(100%,72rem);min-width:0;margin:0 auto;padding:0 clamp(1rem,3vw,2rem) 2rem;display:grid}*{scrollbar-color:var(--border-strong) var(--surface)}.view-nav{z-index:35;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);border-radius:.9rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:sticky;top:0;overflow:hidden}.view-nav button{border:0;border-right:1px solid var(--border);min-width:0;min-height:3.25rem;color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;place-items:center;gap:.07rem;padding:.58rem .9rem;font-family:inherit;font-size:.92rem;font-weight:850;transition:background .12s,color .12s;display:grid;position:relative}.view-nav button:last-child{border-right:0}.view-nav button:after{content:"";background:0 0;border-radius:99px 99px 0 0;height:.18rem;transition:background .12s;position:absolute;bottom:0;left:.85rem;right:.85rem}.view-nav button:hover{background:var(--surface-hover,var(--surface-sunken));color:var(--text-heading)}.view-nav button.is-selected{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text-heading)}.view-nav button.is-selected:after{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--text-heading)))}.plate{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);box-shadow:var(--shadow-card);border-radius:1.15rem;flex-wrap:wrap;align-items:center;gap:clamp(1rem,3vw,2rem);padding:1.1rem clamp(1rem,3vw,1.6rem);display:flex}.plate__identity{flex:18rem;gap:.15rem;min-width:14rem;display:grid}.plate__eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.62rem;font-weight:850}.plate__name{color:var(--text-heading);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.02}.plate__subtitle{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:700}.plate__stats{align-items:stretch;gap:0;display:flex}.stat-cell{text-align:center;border-left:1px solid var(--border);place-content:center;gap:.15rem;padding:.2rem 1.15rem;display:grid}.stat-cell:first-child{border-left:0}.stat-cell__value{color:var(--text-heading);font-size:1.5rem;font-weight:850;line-height:1.1}.stat-cell__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;font-weight:850}.stat-cell__badge{background:color-mix(in srgb, var(--accent) 22%, var(--surface-raised));border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--text-heading);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-content:center;width:2.6rem;height:2.9rem;margin:0 auto;font-size:1.25rem;font-weight:850;display:inline-grid}.tracker-strip{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 90%, transparent);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.tracker-pill{border:1px solid var(--border);background:var(--surface-soft,var(--surface-sunken));color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.tracker-pill__value{background:color-mix(in srgb, var(--surface-raised) 90%, var(--text-heading) 8%);border:1px solid var(--border);color:var(--text-heading);letter-spacing:0;border-radius:.45rem;padding:.12rem .45rem;font-size:.85rem}.tracker-pill--active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));color:var(--text-heading)}.yaml-table{border-collapse:collapse;width:100%;margin:.25rem 0 .75rem}.yaml-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);padding:.3rem .6rem;font-size:.6rem;font-weight:850}.yaml-table td{border-bottom:1px solid var(--border-faint,var(--border));color:var(--text);padding:.42rem .6rem;font-size:.9rem}.yaml-table tr:hover td{background:var(--surface-hover,var(--surface-sunken))}.yaml-table td.num{color:var(--text-heading);font-weight:800}.ability-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 95%, transparent);box-shadow:var(--shadow-card);border-radius:.9rem;padding:.6rem .75rem}.ability-card__top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.ability-card__abbr{font-family:var(--font-display);color:var(--accent);letter-spacing:.02em;font-size:1.05rem;font-weight:800}.ability-card__mod{color:var(--text-heading);font-size:1.45rem;font-weight:850}.ability-card__save{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;font-weight:800}.sub-nav{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 88%, transparent);border-radius:999px;gap:.4rem;width:fit-content;padding:.35rem;display:flex}.sub-nav button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:850;transition:background .12s,color .12s}.sub-nav button:hover{background:var(--surface-hover,var(--surface-sunken));color:var(--text-heading)}.sub-nav button.is-selected{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text-heading);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.import-panel{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface-raised) 95%)}.drop-zone{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--surface-soft,var(--surface-sunken));cursor:pointer;text-align:center;color:var(--text-muted);border-radius:.9rem;place-content:center;gap:.35rem;padding:1.1rem;font-weight:700;transition:border-color .12s,background .12s;display:grid}.drop-zone:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-soft,var(--surface-sunken)))}.drop-zone input[type=file]{display:none}.import-results{gap:.35rem;margin-top:.75rem;display:grid}