:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17181b;--panel:#202227;--panel-2:#2a2d33;--border:#3a3e46;--text:#e6e3dc;--muted:#9a9890;--accent:#c9a24a;--danger:#c0533f;--slot:#121316;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,sans-serif;font-size:14px;line-height:1.4}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 .5rem;font-weight:600}h1{font-size:1.6rem}h2{font-size:1.05rem}h3{color:var(--muted);font-size:.95rem}p{margin:.25rem 0}code,kbd{background:var(--panel-2);border-radius:3px;padding:0 .3em;font-size:.92em}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.85rem}.error{color:#f0a090;background:#3a2320;border-radius:6px;padding:.5rem .75rem}.warning{color:#f0d090;background:#3a3220;border-radius:6px;padding:.5rem .75rem}.notice{color:var(--text);background:var(--panel-2);border-radius:6px;padding:.5rem .75rem}.app{max-width:1400px;margin:0 auto;padding:1rem}.picker{flex-direction:column;gap:1rem;max-width:640px;margin:3rem auto;display:flex}.lede{font-size:1.05rem}.dropzone{border:2px dashed var(--border);text-align:center;background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.dropzone.dragging{border-color:var(--accent);background:var(--panel-2)}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .8rem}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#1a1408;border-color:var(--accent);font-weight:600}button.danger{border-color:var(--danger);color:#f0a090}button.link{color:var(--muted);background:0 0;border-color:#0000}button.link:hover{color:var(--text)}input,select,textarea{font:inherit;color:var(--text);background:var(--slot);border:1px solid var(--border);appearance:none;border-radius:6px;padding:.35rem .5rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}select{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%239a9890' stroke-width='1.5'/></svg>");background-position:right .65rem center;background-repeat:no-repeat;padding-right:1.9rem}select option{background:var(--panel-2);color:var(--text)}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox]{appearance:none;cursor:pointer;border:1px solid var(--border);background:var(--slot);border-radius:3px;flex:none;width:1rem;height:1rem;padding:0;position:relative}input[type=checkbox]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #1a1408;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.35;cursor:default}input[type=number],input[inputmode=numeric],input[inputmode=decimal]{width:5.5rem}textarea{width:100%;min-height:20rem;font-family:ui-monospace,monospace;font-size:.8rem}.save-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.save-list button{justify-content:space-between;width:100%;padding:.7rem 1rem;display:flex}.character-block{background:var(--panel);border-radius:10px;padding:1rem}.editor{flex-direction:column;gap:1rem;display:flex}.topbar{background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 1rem;display:flex}.topbar .actions{gap:.5rem;margin-left:auto;display:flex}.help.wide,.hint.wide{flex-basis:100%;margin:0}.in-place{background:var(--panel);border:1px solid var(--accent);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.in-place.unsupported{border-color:var(--border)}.in-place h2,.in-place .warning,.in-place .error{margin:0}.in-place button{align-self:flex-start}.columns{grid-template-columns:minmax(260px,1fr) minmax(420px,1.6fr) minmax(300px,1.2fr);align-items:start;gap:1rem;display:grid}.column{flex-direction:column;gap:1rem;min-width:0;display:flex}@media (width<=1100px){.columns{grid-template-columns:1fr 1fr}.column.picker-column{grid-column:1/-1}}@media (width<=760px){.columns{grid-template-columns:1fr}}.panel{background:var(--panel);border-radius:10px;min-width:0;padding:1rem;container-type:inline-size}.fields{grid-template-columns:1fr;gap:.4rem 1.25rem;margin-top:.75rem;display:grid}@container (width>=440px){.fields{grid-template-columns:1fr 1fr}}.field{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.field>span:first-child{color:var(--muted);white-space:nowrap}.field input{flex:none}.field.gold input{color:var(--accent);font-size:1.1rem;font-weight:600}.inline{align-items:center;gap:.4rem;display:inline-flex}.field.toggle{justify-content:flex-start;margin:.5rem 0}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.equipment{grid-template-columns:repeat(6,64px);gap:2px;margin-bottom:1rem;display:grid}.paperdoll{margin-bottom:1rem}.bag-header{align-items:center;gap:.75rem;max-width:560px;margin-bottom:.5rem;display:flex}.bag-header h2{margin-right:auto}.skills .bag-header{justify-content:center;max-width:none}.skills .bag-header h2{margin-right:0}.skills .hint{text-align:center;max-width:46rem;margin:0 auto}.bag-header h2{margin:0}.selected-list{max-height:12rem;margin:0 0 .5rem;padding-left:1.2rem;overflow-y:auto}.paperdoll .equipment-slot{background:#0d0e10}.bag{background:var(--border);border:1px solid var(--border);grid-auto-rows:minmax(0,auto);gap:1px;width:100%;max-width:560px;display:grid}.bag>*{min-width:0;min-height:0}.cell{aspect-ratio:1;background:var(--slot);border:0;border-radius:0;padding:0}.cell:hover{border-color:var(--border)}.cell.over{border-color:var(--accent);background:var(--panel-2)}.slot.tile{aspect-ratio:auto;background:var(--slot);border:0;border-radius:0;width:auto;height:auto;padding:3px}.slot.tile.selected,.cell.over,.slot.tile.over{box-shadow:inset 0 0 0 2px var(--accent)}.slot.tile.over-invalid{box-shadow:inset 0 0 0 2px var(--danger)}.slot.tile.fits{background:#1a1810;box-shadow:inset 0 0 0 2px #c9a24a8c}.slot.tile.fits .slot-label{color:var(--accent)}.paperdoll .equipment-slot{border:0}.slot{background:var(--slot);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;display:flex;position:relative;overflow:hidden}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.slot.over{border-color:var(--accent);background:var(--panel-2)}.slot,.item-row{touch-action:none;-webkit-user-select:none;user-select:none}body.dragging,body.dragging *{cursor:grabbing!important}.drag-ghost{z-index:10;pointer-events:none;border:1px solid var(--accent);opacity:.75;background:#2a2d3380;justify-content:center;align-items:center;padding:3px;display:flex;position:fixed}.drop-preview{pointer-events:none;z-index:1}.drop-preview.valid{box-shadow:inset 0 0 0 2px var(--accent);background:#c9a24a40}.drop-preview.invalid{box-shadow:inset 0 0 0 2px var(--danger);background:#c0533f4d}.slot-label{color:var(--muted);font-size:.7rem}.sprite{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.sprite-fallback{color:var(--muted);font-size:.7rem}.stack{color:var(--accent);text-shadow:0 0 2px #000;font-size:.7rem;position:absolute;bottom:1px;right:3px}.picker-controls{gap:.5rem;margin-bottom:.5rem;display:flex}.picker-controls input{flex:1;min-width:0}.item-list{flex-direction:column;gap:2px;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.item-row{cursor:grab;border-radius:6px;align-items:center;gap:.6rem;padding:.3rem .4rem;display:flex}.item-row:hover{background:var(--panel-2)}.item-row.disabled{cursor:default;opacity:.6}.item-icon{background:var(--slot);border-radius:4px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.item-icon.large{width:72px;height:72px}.item-text{flex-direction:column;flex:1;min-width:0;display:flex}.item-text .muted{font-size:.78rem}.details-head{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.danger-zone{border:1px solid var(--danger)}.danger-zone summary{cursor:pointer;color:#f0a090;font-weight:600}.raw-fields{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.3rem 1rem;margin:.5rem 0 1rem;display:grid}.raw-fields .field{flex-direction:column;align-items:stretch;gap:.15rem}.raw-fields .field>span:first-child{white-space:normal;overflow-wrap:anywhere;font-size:.8rem}.raw-fields input:not([type=checkbox]){width:100%}.raw-fields input[type=checkbox]{align-self:flex-start}.skills .tree-tabs{flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1rem;display:flex}.tree-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;display:flex}.tree-group-name{color:var(--muted);width:4.5rem;font-size:.8rem}.tab{padding:.25rem .6rem;font-size:.85rem}.tab.active{border-color:var(--accent);color:var(--accent)}.tab-count{color:var(--accent);margin-left:.4rem;font-size:.75rem}.tree{max-width:100%;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;margin:0 auto .75rem;position:relative}.skill-hotspot{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;position:absolute}.skill-hotspot.unlearned{background:#0a0a0eb3}.skill-hotspot.unlearned:hover{background:#0a0a0e59}.skill-hotspot.learned{box-shadow:inset 0 0 0 2px var(--accent)}.skill-hotspot.learned:hover{box-shadow:inset 0 0 0 2px #f0d090}.skill-hotspot.unknown{cursor:default;background:#3c141499}.tooltip{z-index:20;pointer-events:none;border:1px solid var(--border);background:#0f1013;border-radius:8px;padding:.6rem .75rem;font-size:.85rem;position:fixed;box-shadow:0 6px 24px #00000080}.tooltip-title{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.tooltip-flag{border-radius:3px;margin:0 .3rem .35rem 0;padding:.05rem .4rem;font-size:.72rem;display:inline-block}.tooltip-flag.added{color:#f0d090;background:#3a3220}.tooltip-flag.equipped{color:#9ccbe6;background:#20303a}.tooltip dl{grid-template-columns:auto 1fr;gap:.1rem .75rem;margin:0;display:grid}.tooltip dl>div{display:contents}.tooltip dt{color:var(--muted)}.tooltip dd{text-align:right;margin:0}.comparison{margin-top:.75rem}.tooltip .comparison{margin-top:.5rem}.tooltip .comparison h3{margin-bottom:.2rem;font-size:.8rem}.tooltip .comparison table{font-size:.8rem}.comparison h3{margin-bottom:.3rem}.comparison table{border-collapse:collapse;width:100%;font-size:.85rem}.comparison th{text-align:left;color:var(--muted);padding:.1rem 0;font-weight:400}.comparison td{text-align:right;white-space:nowrap;padding:.1rem 0 .1rem .6rem}.comparison td.arrow{text-align:center;width:1.2rem}.comparison tr.better td{color:#8fd18f}.comparison tr.worse td{color:#e08a7a}.comparison tr.same td{color:var(--muted)}.skill-tooltip{max-height:80vh;overflow-y:auto}.skill-tooltip-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.skill-cost{color:var(--accent);white-space:nowrap;gap:.6rem;font-size:.85rem;display:flex}.skill-kind{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.8rem;display:flex}.skill-text{margin:0 0 .45rem;line-height:1.45}.skill-footnote{color:var(--muted);margin:.35rem 0 0;font-size:.78rem}.skill-tooltip dl{margin-top:.4rem}.tone-strong{color:#f2efe7;font-weight:600}.tone-good{color:#8fd18f}.tone-bad{color:#e08a7a}.tone-fire{color:#f0a35e}.tone-shock{color:#f0d96a}.tone-arcane{color:#b79ce8}.tone-energy{color:#7fc4e8}.tone-unholy{color:#c58fd6}.tone-caustic{color:#a8d16a}.tone-frost{color:#8fd3e8}.tone-sacred{color:#f2e2a8}.vitals{margin-top:.75rem}.vitals h3{justify-content:space-between;align-items:baseline;margin-bottom:.2rem;display:flex}.vitals-total{color:var(--accent);font-size:1rem;font-weight:600}.vitals dl{grid-template-columns:1fr auto;gap:.1rem .75rem;margin:0;font-size:.85rem;display:grid}.vitals dl>div{display:contents}.vitals dt{color:var(--muted)}.vitals dd{text-align:right;margin:0}.vitals-current dt,.vitals-current dd{border-top:1px solid var(--border);color:var(--text);margin-top:.2rem;padding-top:.2rem}.bottom-stack{z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.bottom-stack>*{pointer-events:auto}.selection-bar{background:var(--panel);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:.75rem;max-width:min(90vw,800px);padding:.5rem .85rem;display:flex;box-shadow:0 8px 28px #0000008c}.selection-items{align-items:center;gap:3px;display:flex}.selection-chip{background:var(--slot);border-radius:4px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:2px;display:flex}.selection-label{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.selection-bar .actions{flex-wrap:nowrap;margin:0 0 0 auto}.selection-hint{white-space:nowrap;font-size:.75rem}.undo-bar{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.75rem;max-width:min(90vw,800px);padding:.45rem .5rem .45rem .85rem;font-size:.9rem;display:flex;box-shadow:0 8px 28px #0000008c}@media (width<=700px){.selection-hint{display:none}}.legal{max-width:46rem;color:var(--muted);text-align:center;margin:2rem auto 4.5rem;padding:0 1rem;font-size:.75rem;line-height:1.5}.legal p{margin:0 0 .5rem}.legal a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.legal a:hover{color:var(--accent)}.legal-links{flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;display:flex}