*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--font-display:"Cinzel", Georgia, serif;--font-body:"Source Sans 3", system-ui, sans-serif;--sidebar-width:300px;--top-bar-height:56px;--mobile-nav-height:64px;--transition-fast:.15s ease;--transition-medium:.25s ease;--transition-theme:.3s ease}[data-theme=grimoire],html:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c9a227' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--bg-deep:#0d0f14;--bg-mid:#151922;--surface:#1a1f2e;--surface-raised:#222838;--surface-hover:#2a3144;--accent-primary:#c9a227;--accent-primary-light:#e8c547;--accent-secondary:#8b2942;--accent-heal:#3d8b6e;--text-primary:#e8e4dc;--text-muted:#8a9099;--text-dim:#5c6370;--border-accent:#c9a22759;--border-subtle:#ffffff0f;--shadow-card:inset 0 1px 0 #ffffff0a, 0 4px 24px #00000059;--body-bg:radial-gradient(ellipse 80% 60% at 50% -10%, #c9a2270f, transparent), radial-gradient(ellipse 60% 40% at 100% 100%, #8b294214, transparent), linear-gradient(180deg, #0d0f14 0%, #151922 100%);--chrome-bg:#0d0f14eb;--logo-glow:#c9a22780;--portrait-glow:#c9a22733;--level-badge-text:#0d0f14;--level-badge-bg:linear-gradient(135deg, #e8c547, #c9a227);--danger-bg:#8b29424d;--danger-text:#e88;--heal-bg:#3d8b6e40;--heal-text:#8fd4b8;--hp-bar-low:linear-gradient(90deg, #8b2942, #c44);--hp-bar-healthy:linear-gradient(90deg, #3d8b6e, #5cb88a);--roll-hover:#c9a22726;--tab-active-bg:#c9a2271f;--chip-reaction-border:#6495ed66;--chip-reaction-text:#8ab4f8;--chip-bonus-border:#c9a22766;--feature-tint:#c9a2270a;--feature-border:#c9a22733;--spell-slot-bg:#c9a22740;--spell-slot-glow:#c9a2274d;--toast-shadow:0 8px 32px #00000080;--nat1-text:#e88}[data-theme=parchment]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b6914' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--bg-deep:#e8e0d0;--bg-mid:#f2ebe0;--surface:#faf6ef;--surface-raised:#f0e9dc;--surface-hover:#e5ddd0;--accent-primary:#8b6914;--accent-primary-light:#a67c00;--accent-secondary:#7a3030;--accent-heal:#2d6b4f;--text-primary:#2c2416;--text-muted:#6b5d4a;--text-dim:#9a8b78;--border-accent:#8b691459;--border-subtle:#2c241614;--shadow-card:inset 0 1px 0 #fffc, 0 2px 12px #2c241614;--body-bg:radial-gradient(ellipse 80% 60% at 50% -10%, #8b69140f, transparent), radial-gradient(ellipse 60% 40% at 100% 100%, #7a30300a, transparent), linear-gradient(180deg, #e8e0d0 0%, #f2ebe0 100%);--chrome-bg:#faf6eff0;--logo-glow:#8b69144d;--portrait-glow:#8b691426;--level-badge-text:#faf6ef;--level-badge-bg:linear-gradient(135deg, #a67c00, #8b6914);--danger-bg:#7a30301f;--danger-text:#7a3030;--heal-bg:#2d6b4f1f;--heal-text:#2d6b4f;--hp-bar-low:linear-gradient(90deg, #7a3030, #a04040);--hp-bar-healthy:linear-gradient(90deg, #2d6b4f, #3d8b6e);--roll-hover:#8b69141f;--tab-active-bg:#8b69141a;--chip-reaction-border:#3c5a8c59;--chip-reaction-text:#3c5a8c;--chip-bonus-border:#8b691459;--feature-tint:#8b69140a;--feature-border:#8b69142e;--spell-slot-bg:#8b691433;--spell-slot-glow:#8b691426;--toast-shadow:0 8px 24px #2c241626;--nat1-text:#7a3030}[data-theme=arcane]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300e5cc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--bg-deep:#0a0612;--bg-mid:#120a1e;--surface:#1a1030;--surface-raised:#241842;--surface-hover:#2e2054;--accent-primary:#00e5cc;--accent-primary-light:#66fff0;--accent-secondary:#e040fb;--accent-heal:#00bfa5;--text-primary:#ede7f6;--text-muted:#9e8fc7;--text-dim:#6b5a8a;--border-accent:#00e5cc59;--border-subtle:#e040fb14;--shadow-card:inset 0 1px 0 #00e5cc0f, 0 4px 24px #e040fb1f;--body-bg:radial-gradient(ellipse 70% 50% at 20% 0%, #e040fb1f, transparent), radial-gradient(ellipse 60% 40% at 80% 100%, #00e5cc14, transparent), linear-gradient(180deg, #0a0612 0%, #120a1e 100%);--chrome-bg:#0a0612f0;--logo-glow:#00e5cc80;--portrait-glow:#e040fb40;--level-badge-text:#0a0612;--level-badge-bg:linear-gradient(135deg, #66fff0, #e040fb);--danger-bg:#e040fb33;--danger-text:#f0a0ff;--heal-bg:#00bfa533;--heal-text:#66fff0;--hp-bar-low:linear-gradient(90deg, #9c27b0, #e040fb);--hp-bar-healthy:linear-gradient(90deg, #00897b, #00e5cc);--roll-hover:#00e5cc1f;--tab-active-bg:#00e5cc1a;--chip-reaction-border:#00e5cc66;--chip-reaction-text:#66fff0;--chip-bonus-border:#e040fb66;--feature-tint:#e040fb0f;--feature-border:#00e5cc33;--spell-slot-bg:#00e5cc33;--spell-slot-glow:#e040fb40;--toast-shadow:0 8px 32px #e040fb33;--nat1-text:#f0a0ff}[data-theme]{--accent-gold:var(--accent-primary);--accent-gold-light:var(--accent-primary-light);--accent-burgundy:var(--accent-secondary);--border-gold:var(--border-accent)}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deep);background-image:var(--body-bg);min-height:100dvh;transition:background-color var(--transition-theme), color var(--transition-theme);line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}select{color:var(--text-primary);background-color:var(--surface-raised);border:1px solid var(--border-accent);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:var(--select-arrow);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background-position:right .75rem center;background-repeat:no-repeat;background-size:.85rem;outline:none;padding:.45rem 2.2rem .45rem .75rem;font-family:inherit;font-size:.875rem}select:hover{border-color:var(--accent-gold);background-color:var(--surface-hover)}select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--roll-hover)}select:disabled{opacity:.55;cursor:not-allowed}option{background-color:var(--surface-raised);color:var(--text-primary);padding:.5rem}optgroup{background-color:var(--surface-raised);color:var(--text-muted);font-weight:700}ul{list-style:none}img{max-width:100%;display:block}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.section-title{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:600}.section-title--spaced{margin-top:1.5rem;margin-bottom:.75rem}.section-head{align-items:center;gap:.25rem;width:100%;display:flex}.section-head .section-title{flex:1;margin:0}.section-gear-btn{cursor:pointer;opacity:.6;border-radius:var(--radius-sm,4px);background:0 0;border:none;padding:.2rem .4rem;font-size:.9rem;transition:opacity .15s,background .15s}.section-gear-btn:hover{opacity:1;background:#ffffff14}.is-overridden{color:var(--accent-gold);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}strong{color:var(--text-primary);font-weight:600}.top-bar{z-index:100;height:var(--top-bar-height);background:var(--chrome-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-theme), border-color var(--transition-theme);align-items:center;gap:1rem;padding:0 1rem;display:flex;position:sticky;top:0}.top-bar__brand{flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:flex}.top-bar__logo{filter:drop-shadow(0 0 6px var(--logo-glow));font-size:1.25rem}.top-bar__app-name{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.06em;font-size:.95rem;font-weight:600}.top-bar__char-name{font-family:var(--font-display);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1rem;font-weight:500;overflow:hidden}.top-bar__actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.sheet{max-width:1400px;padding:1rem;padding-bottom:calc(var(--mobile-nav-height) + 1rem);grid-template-columns:1fr;gap:1rem;margin:0 auto;display:grid}.sidebar{flex-direction:column;gap:.75rem;display:flex}.content{min-width:0}.card{background:var(--surface);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:background-color var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme)}.btn{border-radius:var(--radius-sm);min-height:44px;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn--ghost{background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn--ghost:hover{background:var(--surface-hover);border-color:var(--border-gold)}.btn--icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);padding:0}.btn--icon:hover{background:var(--surface-raised);color:var(--text-primary)}.btn--round{border-radius:var(--radius-full);width:44px;height:44px;min-height:44px;padding:0;font-size:1.25rem;font-weight:700;line-height:1}.btn--danger{background:var(--danger-bg);border:1px solid var(--accent-secondary);color:var(--danger-text)}.btn--danger:hover{background:var(--accent-secondary);color:#fff}.btn--success{background:var(--heal-bg);border:1px solid var(--accent-heal);color:var(--heal-text)}.btn--success:hover{background:var(--accent-heal);color:#fff}.sidebar__hero{background:var(--surface);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:center;gap:1rem;padding:1rem;display:flex}.portrait{flex-shrink:0;position:relative}.portrait__img{border-radius:var(--radius-full);border:2px solid var(--accent-primary);object-fit:cover;width:80px;height:80px;box-shadow:0 0 20px var(--portrait-glow)}.portrait__level{width:28px;height:28px;font-family:var(--font-display);color:var(--level-badge-text);background:var(--level-badge-bg);border-radius:var(--radius-full);border:2px solid var(--bg-deep);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}button.portrait__level{cursor:pointer;transition:box-shadow var(--transition-fast), transform var(--transition-fast);padding:0}button.portrait__level:hover{box-shadow:0 0 12px var(--level-badge-bg);transform:scale(1.1)}button.portrait__level--ready{box-shadow:0 0 10px var(--accent-primary)}.char-identity__name{font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.2}.char-identity__meta{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.xp-bar{background:var(--surface-raised);border-radius:var(--radius-full);height:4px;margin-top:.6rem;overflow:hidden}.xp-bar__fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-primary-light));border-radius:var(--radius-full);height:100%;transition:width var(--transition-medium)}.char-identity__xp{color:var(--text-dim);margin-top:.25rem;font-size:.7rem}.vitals-strip{flex-direction:column;gap:.75rem;display:flex}.hp-block{padding:.85rem 1rem}.hp-block__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.hp-block__temp{color:var(--text-muted);font-size:.75rem}.hp-block__values{justify-content:center;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.hp-block__current{font-family:var(--font-display);text-align:center;min-width:100px;font-size:1.5rem;font-weight:600}.hp-bar{background:var(--surface-raised);border-radius:var(--radius-full);height:8px;overflow:hidden}.hp-bar__fill{background:var(--hp-bar-low);border-radius:var(--radius-full);height:100%;transition:width var(--transition-medium)}.hp-bar__fill--healthy{background:var(--hp-bar-healthy)}.stat-row{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.stat-pill{text-align:center;flex-direction:column;align-items:center;padding:.5rem .25rem;display:flex}.stat-pill__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:600}.stat-pill__value{font-family:var(--font-display);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-top:.15rem;font-size:1.1rem;font-weight:600;display:inline-flex}.stat-pill__value--roll{margin-top:.15rem}.sidebar__section{padding:.85rem 1rem}.check-list__item{align-items:center;gap:.5rem;min-height:44px;padding:.35rem 0;display:flex}.check-list__dot{border-radius:var(--radius-full);border:2px solid var(--text-dim);flex-shrink:0;width:10px;height:10px}.check-list__dot--proficient{background:var(--accent-primary);border-color:var(--accent-primary)}.check-list__dot--half{background:linear-gradient(90deg, var(--accent-primary) 50%, transparent 50%);border-color:var(--accent-primary)}.check-list__dot--expertise{box-shadow:0 0 0 2px var(--surface,#1a1f2e), 0 0 0 4px #f59e0b;background:#f59e0b;border-color:#f59e0b;margin:2px}.check-list__name{flex:1;font-size:.875rem}.check-list__mod{min-width:44px;min-height:44px}.roll-btn{font-family:var(--font-display);color:var(--accent-gold);background:var(--surface-raised);border:1px solid var(--accent-gold);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.25rem;margin:0;padding:.15rem .5rem;font-weight:700;line-height:1.25;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.roll-btn:hover{background:var(--accent-gold);color:var(--surface-card);transform:translateY(-1px);box-shadow:0 2px 6px #d4af374d}.roll-btn:active{transform:scale(.97)}.roll-btn--lg{min-width:3.25rem;min-height:2.55rem;padding:.25rem .65rem;font-size:1.7rem}.roll-btn--sm{min-width:2.25rem;min-height:1.65rem;padding:.12rem .45rem;font-size:.72rem}.roll-btn--save{font-size:.85rem}.roll-btn--attack{min-width:2.5rem;min-height:2rem;padding:.2rem .55rem;font-size:1.05rem}.roll-btn--pill{min-width:2.75rem;min-height:2.25rem;font-size:1rem}.roll-btn--damage{color:var(--danger-text);border-color:var(--danger-text)}.roll-btn--damage:hover{background:var(--danger-text);color:var(--surface-card);box-shadow:0 2px 6px #ff525259}.roll-btn--inline{font-size:.85em;font-family:var(--font-mono,monospace);vertical-align:baseline;margin:0 .15rem;padding:.1rem .4rem}.skills-toggle{justify-content:space-between;align-items:center;width:100%;min-height:44px;display:flex}.skills-toggle__chevron{color:var(--text-muted);transition:transform var(--transition-medium)}.skills-panel.is-open .skills-toggle__chevron{transform:rotate(180deg)}.skills-list{max-height:0;transition:max-height var(--transition-medium);overflow:hidden}.skills-panel.is-open .skills-list{max-height:600px}.tab-bar{gap:.25rem;margin-bottom:1rem;display:flex}.tab-bar--desktop{scrollbar-width:none;display:none;overflow-x:auto}.tab-bar--desktop::-webkit-scrollbar{display:none}.tab-bar--mobile{z-index:100;height:var(--mobile-nav-height);background:var(--chrome-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);justify-content:space-around;padding:.35rem .25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-width:44px;min-height:44px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.35rem .5rem;font-size:.65rem;font-weight:600;display:flex}.tab-bar--desktop .tab{white-space:nowrap;flex-direction:row;padding:.6rem 1.1rem;font-size:.85rem}.tab:hover{color:var(--text-primary);background:var(--surface-raised)}.tab--active{color:var(--accent-gold);background:var(--tab-active-bg)}.tab-bar--desktop .tab--active{border-bottom:2px solid var(--accent-gold);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface)}.tab-panels{position:relative}.tab-panel{animation:fadeIn var(--transition-fast);display:none}.tab-panel--active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ability-scores{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.ability-score{text-align:center;flex-direction:column;align-items:stretch;padding:.75rem .5rem;display:flex}.ability-score__label{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent-gold);font-size:1.2rem;font-weight:700;line-height:1.15}.ability-score__value{font-family:var(--font-display);color:var(--text-muted);margin:.2rem 0 0;font-size:.8rem;font-weight:600;line-height:1.2}.ability-score__mod{margin-top:.2rem}.action-chips{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-raised);padding:.4rem .75rem;font-size:.75rem;font-weight:600}.chip--reaction{border-color:var(--chip-reaction-border);color:var(--chip-reaction-text)}.chip--bonus{border-color:var(--chip-bonus-border);color:var(--accent-primary-light)}.attack-list{flex-direction:column;gap:.65rem;display:flex}.attack-card{padding:.85rem 1rem}.attack-card__header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.attack-card__name{font-family:var(--font-display);font-size:.95rem;font-weight:600}.attack-card__type{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.attack-card__stats{gap:1.5rem;display:flex}.attack-stat__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.15rem;font-size:.65rem;font-weight:600;display:block}.attack-stat__value{font-family:var(--font-display);color:var(--accent-gold-light);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.1rem;font-weight:600;display:inline-flex}.attack-stat__value--static{color:var(--text-primary);font-family:var(--font-body);min-width:auto;min-height:auto;font-size:.9rem;font-weight:500}.attack-card__note{color:var(--text-muted);margin-top:.5rem;font-size:.8rem;line-height:1.4}.attack-card--feature{border-color:var(--feature-border);background:linear-gradient(135deg, var(--surface) 0%, var(--feature-tint) 100%)}.spell-slots{padding:1rem}.spell-slots__grid{flex-direction:column;gap:.65rem;margin-top:.65rem;display:flex}.spell-slot-row{align-items:center;gap:.75rem;display:flex}.spell-slot-row__label{color:var(--text-muted);min-width:2rem;font-size:.8rem;font-weight:600}.spell-slot-row__circles{gap:.4rem;display:flex}.spell-slot{border-radius:var(--radius-full);border:2px solid var(--accent-gold);background:var(--spell-slot-bg);width:22px;height:22px;box-shadow:inset 0 0 6px var(--spell-slot-glow);cursor:pointer}.spell-slot--used{border-color:var(--text-dim);box-shadow:none;background:0 0}.spell-slots__stat{color:var(--text-muted);margin-top:.85rem;font-size:.85rem}.inline-roll{font-family:var(--font-display);color:var(--accent-gold-light);border-radius:var(--radius-sm);min-height:44px;padding:0 .35rem;font-weight:600}.spell-list{flex-direction:column;gap:.4rem;display:flex}.spell-item{justify-content:space-between;align-items:center;min-height:44px;padding:.65rem 1rem;display:flex}.spell-item__name{font-size:.9rem;font-weight:600}.spell-item__school{color:var(--text-muted);font-size:.75rem}.inventory-list{flex-direction:column;gap:.4rem;display:flex}.inventory-item{justify-content:space-between;align-items:center;min-height:44px;padding:.65rem 1rem;display:flex}.inventory-item__name{font-size:.9rem;font-weight:600}.inventory-item__detail{color:var(--text-muted);font-size:.75rem}.inventory-footer{color:var(--text-muted);justify-content:space-between;margin-top:1.5rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.feature-list{flex-direction:column;gap:.5rem;display:flex}.feature-card{overflow:hidden}.feature-card__toggle{text-align:left;width:100%;min-height:44px;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.feature-card__toggle:hover{background:var(--surface-raised)}.feature-card__name{font-family:var(--font-display);font-size:.9rem;font-weight:600}.feature-card__chevron{color:var(--text-muted);transition:transform var(--transition-medium);flex-shrink:0}.feature-card.is-open .feature-card__chevron{transform:rotate(180deg)}.feature-card__body{max-height:0;transition:max-height var(--transition-medium);overflow:hidden}.feature-card.is-open .feature-card__body{max-height:300px}.feature-card__body[hidden]{display:none}.feature-card.is-open .feature-card__body[hidden]{display:block}.feature-card__body p{color:var(--text-muted);padding:0 1rem;font-size:.85rem;line-height:1.5}.feature-card__body p:first-child{padding-top:0}.feature-card__body p:last-child{padding-bottom:.85rem}.feature-card__uses{color:var(--accent-gold)!important;margin-top:.5rem!important}.notes-area{padding:1rem}.notes-area__content{color:var(--text-muted);margin-top:.75rem;font-size:.9rem;line-height:1.6}.notes-area__content p+p{margin-top:.75rem}.notes-textarea{background:var(--surface-raised);border:1px solid var(--border-accent);border-radius:var(--radius-sm);width:100%;min-height:200px;color:var(--text-primary);font-family:var(--font-body);resize:vertical;margin-top:.75rem;padding:.75rem;font-size:.9rem}.notes-textarea:focus{border-color:var(--accent-gold);outline:none}.toast{bottom:calc(var(--mobile-nav-height) + 1rem);z-index:200;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-gold);border-radius:var(--radius-md);box-shadow:var(--toast-shadow);white-space:nowrap;pointer-events:none;opacity:0;transition:transform var(--transition-medium), opacity var(--transition-medium);padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;position:fixed;left:50%;transform:translate(-50%)translateY(120%)}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.toast--nat20{border-color:var(--accent-gold-light);color:var(--accent-gold-light)}.toast--nat1{border-color:var(--accent-secondary);color:var(--nat1-text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-switcher{position:relative}.theme-switcher__menu{z-index:150;background:var(--surface);border:1px solid var(--border-accent);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--toast-shadow);padding:.35rem;position:absolute;top:calc(100% + .5rem);right:0}.theme-switcher__menu[hidden]{display:none}.theme-option{text-align:left;border-radius:var(--radius-sm);width:100%;min-height:44px;transition:background var(--transition-fast);align-items:center;gap:.75rem;padding:.5rem .65rem;display:flex}.theme-option:hover{background:var(--surface-hover)}.theme-option[aria-selected=true]{background:var(--tab-active-bg);outline:1px solid var(--border-accent)}.theme-option__swatch{border-radius:var(--radius-full);border:2px solid #ffffff26;flex-shrink:0;width:28px;height:28px}.theme-option__swatch--grimoire{background:linear-gradient(135deg,#1a1f2e 50%,#c9a227 50%)}.theme-option__swatch--parchment{background:linear-gradient(135deg,#faf6ef 50%,#8b6914 50%)}.theme-option__swatch--arcane{background:linear-gradient(135deg,#1a1030 50%,#00e5cc 50%)}.theme-option__text{flex-direction:column;gap:.1rem;display:flex}.theme-option__name{font-size:.85rem;font-weight:600}.theme-option__desc{color:var(--text-muted);font-size:.7rem}@media (width>=768px){.top-bar{padding:0 1.5rem}.top-bar__char-name{font-size:1.15rem}.sheet{padding:1.25rem 1.5rem}.ability-scores{grid-template-columns:repeat(3,1fr)}.skills-toggle{pointer-events:none}.skills-toggle__chevron{display:none}.skills-list{overflow:visible;max-height:none!important}.toast{bottom:2rem}}@media (width>=1024px){.sheet{grid-template-columns:var(--sidebar-width) 1fr;gap:1.25rem;padding:1.5rem 2rem 2rem}.sidebar{top:calc(var(--top-bar-height) + 1rem);max-height:calc(100dvh - var(--top-bar-height) - 2rem);scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent;align-self:start;position:sticky;overflow-y:auto}.tab-bar--desktop{display:flex}.tab-bar--mobile{display:none}.sheet{padding-bottom:2rem}.vitals-strip{flex-direction:column}.sidebar__hero{text-align:center;flex-direction:column}.portrait__img{width:120px;height:120px}.char-identity__name{font-size:1.3rem}}@media (width<=767px){.top-bar__char-name,.btn--ghost span{display:none}.top-bar__actions .btn--ghost{width:44px;padding:0;font-size:0;position:relative}#btn-short-rest:after{content:"SR";font-size:.7rem}#btn-long-rest:after{content:"LR";font-size:.7rem}}#dice-box-canvas{pointer-events:none!important;z-index:9999!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}#dice-box-canvas canvas,.dice-box-canvas{pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}@keyframes invalid-pulse-shake{0%{transform:scale(1);box-shadow:0 0 #ef444400}20%{outline:2px solid #ef4444;transform:scale(1.02)translate(-4px);box-shadow:0 0 22px #ef4444d9;border-color:#ef4444!important}40%{outline:2px solid #ef4444;transform:scale(1.02)translate(4px);box-shadow:0 0 22px #ef4444d9;border-color:#ef4444!important}60%{outline:2px solid #ef4444;transform:scale(1.01)translate(-2px);box-shadow:0 0 14px #ef444499;border-color:#ef4444!important}80%{outline:2px solid #ef4444;transform:scale(1.01)translate(2px);box-shadow:0 0 8px #ef444466;border-color:#ef4444!important}to{transform:scale(1);box-shadow:0 0 #ef444400}}.invalid-field-highlight{border-color:#ef4444!important;animation:.75s ease-in-out invalid-pulse-shake!important}.global-user-bar.svelte-12qhfyh{background:var(--surface);border-bottom:1px solid var(--border-subtle);padding:.5rem 1.5rem;font-size:.85rem}.global-user-bar__inner.svelte-12qhfyh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1080px;margin:0 auto;display:flex}.global-user-bar__left.svelte-12qhfyh,.global-user-bar__right.svelte-12qhfyh{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.global-brand.svelte-12qhfyh{font-family:var(--font-display);color:var(--accent-primary);letter-spacing:1px;margin-right:.25rem;font-weight:700;text-decoration:none}.global-nav-link.svelte-12qhfyh{color:var(--text-muted);border-radius:var(--radius-sm);padding:.2rem .5rem;text-decoration:none;transition:all .15s}.global-nav-link.svelte-12qhfyh:hover,.global-nav-link.active.svelte-12qhfyh{color:var(--accent-primary);background:var(--surface-raised)}.global-nav-link--admin.svelte-12qhfyh{border:1px solid var(--border-accent);color:var(--accent-primary)}.global-setup-pill.svelte-12qhfyh{color:#facc15;border-radius:var(--radius-full);background:#eab30826;border:1px solid #eab308;padding:.15rem .55rem;font-size:.75rem;font-weight:600;text-decoration:none}.global-user-badge.svelte-12qhfyh{color:var(--text-primary);align-items:center;gap:.4rem;display:inline-flex}.global-user-name.svelte-12qhfyh{font-weight:600}.global-role-tag.svelte-12qhfyh{text-transform:uppercase;border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--border-accent);color:var(--accent-primary);font-size:.65rem;font-family:var(--font-display);padding:.1rem .4rem}.global-logout-btn.svelte-12qhfyh{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.2rem .6rem;font-size:.8rem;transition:all .15s}.global-logout-btn.svelte-12qhfyh:hover{border-color:var(--border-accent);color:var(--text-primary)}