:root{--color-bg:#0f0f0f;--color-surface:#1e1e1e;--color-surface-raised:#252525;--color-surface-lower:#141414;--color-inset:#2a2a2a;--color-border:#3a3a3a;--color-border-subtle:#2a2a2a;--color-border-faint:#222;--color-text:#e8e8e8;--color-text-muted:#888;--color-text-dim:#666;--color-text-dimmer:#555;--color-text-faint:#444;--color-purple:#a855f7;--color-orange:#f97316;--color-red:#ef4444;--color-green:#22c55e;--color-yellow:#eab308;--color-cyan:#22d3ee;--color-gold:#fbbf24;--color-leather:#a0652a;--color-chainmail:#6b7280;--color-iron:#94a3b8;--color-diamond:#22d3ee;--color-netherite:#7c3aed;--page-max-width:56rem;--radius-panel:.5rem;--radius-sm:.25rem;--font-mono:ui-monospace,"Cascadia Code",monospace}*,:after,:before{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:Segoe UI,system-ui,sans-serif;margin:0}button{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}a{color:inherit;text-decoration:none}img{display:block}.page-container{display:flex;flex-direction:column;gap:1rem;margin-inline:auto;max-width:var(--page-max-width);padding-block:1.5rem;padding-inline:1rem}.page-container--wide-top{padding-block-start:2rem}.section-label{color:var(--color-text-dim);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.panel--clip{overflow:hidden}.panel__header{background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-panel) var(--radius-panel) 0 0;padding:.75rem 1rem}.panel__body{padding:1rem}.panel__body--gap{display:flex;flex-direction:column;gap:1rem}.panel__footer{border-top:1px solid var(--color-border-subtle);padding:.75rem 1rem}.selector-btn{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.375rem .5rem;transition:all .2s}.selector-btn--active{background-color:var(--color-inset);border-color:#555;color:#ccc}.selector-btn--lg{padding:.5rem .75rem}.selector-btn__icon{flex-shrink:0;height:1.25rem;image-rendering:pixelated;width:1.25rem}.selector-btn__note{font-size:.625rem;opacity:.6}.tab-btn{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .15s}.tab-btn--active{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.tab-btn:not(.tab-btn--active):hover{color:#ccc}.enchant-btn{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem;text-align:left;transition:all .15s}.enchant-btn--active-purple{background-color:#a855f718;border-color:var(--color-purple);color:var(--color-purple)}.enchant-btn--active-cyan{background-color:#22d3ee18;border-color:var(--color-cyan);color:var(--color-cyan)}.enchant-btn--active-orange{background-color:#f9731618;border-color:var(--color-orange);color:var(--color-orange)}.enchant-btn--active-teal{background-color:#2dd4bf18;border-color:#2dd4bf;color:#2dd4bf}.mob-dropdown{position:relative}.mob-dropdown__trigger{align-items:center;background-color:var(--color-inset);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.5rem .75rem;text-align:left;transition:border-color .15s;width:100%}.mob-dropdown__trigger:hover{border-color:#555}.mob-dropdown__trigger-icon{flex-shrink:0;height:2rem;-o-object-fit:contain;object-fit:contain;width:2rem}.mob-dropdown__trigger-label{flex:1}.mob-dropdown__chevron{color:var(--color-text-dim);flex-shrink:0;height:1rem;transition:transform .15s;width:1rem}.mob-dropdown__chevron--open{transform:rotate(180deg)}.mob-dropdown__panel{background-color:#1a1a1a;border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:0 10px 30px #00000080;left:0;margin-top:.25rem;max-height:320px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:30}.mob-dropdown__group-label{background-color:var(--color-surface-lower);color:var(--color-text-faint);font-size:.625rem;font-weight:600;letter-spacing:.1em;padding:.375rem .75rem;position:sticky;text-transform:uppercase;top:0}.mob-dropdown__option{align-items:center;color:#aaa;cursor:pointer;display:flex;font-size:.875rem;gap:.625rem;padding:.5rem .75rem;text-align:left;transition:background-color .1s,color .1s;width:100%}.mob-dropdown__option:hover{background-color:#222;color:var(--color-text)}.mob-dropdown__option--active{background-color:var(--color-inset);color:var(--color-text)}.mob-dropdown__option-icon{flex-shrink:0;height:1.75rem;-o-object-fit:contain;object-fit:contain;width:1.75rem}.badge{align-items:center;border:1px solid;border-radius:9999px;display:inline-flex;font-size:.625rem;font-weight:600;gap:.25rem;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.badge--melee,.badge--red{background-color:#ef444418;border-color:#ef444466;color:#ef4444}.badge--orange,.badge--ranged{background-color:#f9731618;border-color:#f9731666;color:#f97316}.badge--explosion,.badge--yellow{background-color:#eab30818;border-color:#eab30866;color:#eab308}.badge--magic,.badge--purple{background-color:#a855f718;border-color:#a855f766;color:#a855f7}.badge--cyan{background-color:#22d3ee18;border-color:#22d3ee66;color:#22d3ee}.badge--amber{background-color:#f59e0b18;border-color:#f59e0b66;color:#f59e0b}.badge--green{background-color:#22c55e18;border-color:#22c55e66;color:#22c55e}.stat-row{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding-block:.375rem}.stat-row:last-child{border-bottom:none}.stat-row__label{color:var(--color-text-dim);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-row__value{color:var(--color-text);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.stat-row__value--red{color:var(--color-red)}.stat-row__value--green{color:var(--color-green)}.stat-row__value--purple{color:var(--color-purple)}.progress-bar{background-color:var(--color-inset);border-radius:9999px;height:.375rem;overflow:hidden;position:relative}.progress-bar--thick{height:.75rem}.progress-bar__fill{border-radius:9999px;inset-block:0;left:0;position:absolute;transition:width .3s}.progress-bar__fill--purple{background-color:#c084fc}.divider--vertical{align-self:stretch;background-color:var(--color-border-subtle);width:1px}