*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,html[data-theme=dark]{--bg-page: #0b0906;--bg-card: #131008;--bg-inset: #0d0b07;--bg-control: #1a1610;--bg-hover: #221d14;--border: #3d3425;--border-mid: #574a32;--text: #ddd0aa;--text-muted: #9a886a;--text-dimmer: #6e5e42;--text-accent: #e8a030;--focus-ring: #e8a030;--accent-glow: #e8a03020;--accent-dim: #e8a03012;--color-edge: #4E80ED;--color-heart: #DD514C;--color-iron: #9EA2AD;--color-shadow: #9E5BEE;--color-wits: #E8A13B;--color-touched: #78DB88;--color-momentum: #73A4F4;--color-health: #E77974;--color-spirit: #A28BF3;--color-supply: #6ACF9D;--color-mana: #f59e0b;--color-danger: #DD514C;--color-success: #6ACF9D;--color-warning: #E8A13B;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-page: #f4ede0;--bg-card: #ede6d6;--bg-inset: #f9f4ea;--bg-control: #f0e9d8;--bg-hover: #e8dfcc;--border: #c8b89a;--border-mid: #b0a080;--text: #1c1710;--text-muted: #5a4e38;--text-dimmer: #8a7860;--text-accent: #8a4e08;--focus-ring: #8a4e08;--accent-glow: #8a4e0820;--accent-dim: #8a4e0812;--color-edge: #1a5fa0;--color-heart: #b02828;--color-iron: #5a6878;--color-shadow: #6a2aaa;--color-wits: #805800;--color-touched: #2a8840;--color-momentum: #1a5fa0;--color-health: #b02828;--color-spirit: #6a2aaa;--color-supply: #0e7a40;--color-mana: #b45309;--color-danger: #b02828;--color-success: #0e7a40;--color-warning: #805800;color-scheme:light}}html[data-theme=light]{--bg-page: #f4ede0;--bg-card: #ede6d6;--bg-inset: #f9f4ea;--bg-control: #f0e9d8;--bg-hover: #e8dfcc;--border: #c8b89a;--border-mid: #b0a080;--text: #1c1710;--text-muted: #5a4e38;--text-dimmer: #8a7860;--text-accent: #8a4e08;--focus-ring: #8a4e08;--accent-glow: #8a4e0820;--accent-dim: #8a4e0812;--color-edge: #1a5fa0;--color-heart: #b02828;--color-iron: #5a6878;--color-shadow: #6a2aaa;--color-wits: #805800;--color-touched: #2a8840;--color-momentum: #1a5fa0;--color-health: #b02828;--color-spirit: #6a2aaa;--color-supply: #0e7a40;--color-mana: #805800;--color-danger: #b02828;--color-success: #0e7a40;--color-warning: #805800;color-scheme:light}:root{--font-display: "Cinzel", "Palatino Linotype", Georgia, serif;--font-body: "Crimson Pro", "Palatino Linotype", Georgia, serif;--font-ui: "Roboto", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, "Courier New", monospace}body{font-family:var(--font-body);font-size:15px;line-height:1.6;background:var(--bg-page);color:var(--text);min-height:100dvh;background-image:radial-gradient(ellipse 80% 40% at 15% 0%,var(--accent-dim) 0%,transparent 60%),radial-gradient(ellipse 60% 30% at 85% 100%,var(--accent-dim) 0%,transparent 60%)}a{color:var(--text-accent);text-decoration:none;transition:color .12s}a:hover{filter:brightness(1.2);text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:var(--font-ui);font-size:.95rem;background:var(--bg-inset);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:5px 9px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--accent-glow)}select option{background:var(--bg-card)}.btn{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:3px;border:1px solid var(--border-mid);background:var(--bg-control);color:var(--text-muted);font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.5;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-mid);color:var(--text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--bg-control);border-color:var(--text-accent);color:var(--text-accent);box-shadow:inset 0 1px 0 var(--accent-dim),0 1px 4px #00000030}.btn-primary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-accent);color:var(--text);filter:brightness(1.1)}.btn-danger{background:var(--bg-control);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--bg-hover)}.btn-icon{padding:4px 8px;min-width:28px;justify-content:center}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:1.25rem;box-shadow:0 2px 12px #00000030}.section-label{font-family:var(--font-ui);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dimmer);margin-bottom:6px}.field-group{display:flex;flex-direction:column;gap:5px}.field-group>span{font-family:var(--font-ui);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:52px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:inset 0 2px 0 var(--accent-dim),0 2px 12px #00000040}.nav-brand{font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:.14em;color:var(--text-accent);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .12s}.nav-brand:hover{filter:brightness(1.15);text-decoration:none}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dimmer);transition:color .12s}.nav-links a:hover{color:var(--text-accent);text-decoration:none}.app-main{max-width:1600px;margin:0 auto;padding:.5rem 1.25rem 4rem}.split-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0;margin-left:-1.25rem;margin-right:-1.25rem;margin-bottom:-4rem}.split-left{padding:0 1.25rem 4rem;min-width:0}.split-right{position:sticky;top:52px;height:calc(100dvh - 52px);align-self:start;overflow:hidden;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.page-header h1{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1rem}.auth-card{width:100%;max-width:400px;border-color:var(--border-mid);box-shadow:0 24px 64px #00000060}.auth-card h1{font-family:var(--font-display);font-size:1.4rem;font-weight:900;letter-spacing:.14em;color:var(--text-accent);margin-bottom:.2rem}.auth-card h2{font-family:var(--font-body);font-size:.88rem;font-weight:400;font-style:italic;color:var(--text-muted);margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form input{width:100%;padding:9px 11px}.auth-form .btn-primary{width:100%;justify-content:center;padding:11px;font-size:.78rem;letter-spacing:.08em;margin-top:.25rem}.auth-link{margin-top:1.25rem;text-align:center;font-family:var(--font-body);font-size:.875rem;font-style:italic;color:var(--text-muted)}.error-msg{background:var(--bg-inset);color:var(--color-danger);border:1px solid var(--color-danger);border-left:3px solid var(--color-danger);border-radius:3px;padding:9px 12px;font-size:.875rem;margin-bottom:.75rem;opacity:.9}.char-list{display:flex;flex-direction:column;gap:10px}.char-list-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:.875rem 1rem;text-decoration:none;color:var(--text);transition:background .12s,border-color .12s}.char-list-item:hover{background:var(--bg-hover);border-color:var(--border-mid);text-decoration:none}.char-list-name{font-family:var(--font-ui);font-size:.82rem;font-weight:600;letter-spacing:.02em}.char-list-meta{font-size:.8rem;font-style:italic;color:var(--text-dimmer)}.empty-state{background:var(--bg-card);border:1px dashed var(--border-mid);border-radius:5px;padding:3rem;text-align:center;color:var(--text-muted);font-style:italic}.breadcrumb{margin-bottom:1rem;font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.roll-line{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);line-height:1.55}.roll-die-label{color:var(--text-dimmer);font-weight:600}.roll-cancel{font-family:var(--font-mono);font-size:.7rem;color:var(--color-danger);font-style:italic}.roll-outcome-strong{font-family:var(--font-mono);font-size:.82rem;color:var(--color-success)}.roll-outcome-weak{font-family:var(--font-mono);font-size:.82rem;color:var(--color-warning)}.roll-outcome-miss{font-family:var(--font-mono);font-size:.82rem;color:var(--color-danger)}.roll-match{color:var(--text-accent);font-style:italic}.theme-toggle.svelte-1cmi4dh{display:flex;align-items:center;border:1px solid var(--border-mid);border-radius:3px;overflow:hidden}.theme-btn.svelte-1cmi4dh{display:flex;align-items:center;justify-content:center;width:28px;height:26px;background:var(--bg-control);color:var(--text-dimmer);border:none;border-right:1px solid var(--border-mid);cursor:pointer;transition:background .12s,color .12s}.theme-btn.svelte-1cmi4dh svg{width:12px;height:12px;fill:currentColor}.theme-btn.svelte-1cmi4dh:last-child{border-right:none}.theme-btn.svelte-1cmi4dh:hover:not(.active){background:var(--bg-hover);color:var(--text-muted)}.theme-btn.active.svelte-1cmi4dh{background:var(--bg-hover);color:var(--text-accent)}.nav-brand-icon.svelte-12qhfyh{display:flex;align-items:center;flex-shrink:0;color:var(--color-mana)}.nav-brand-icon.svelte-12qhfyh svg{width:16px;height:16px;fill:currentColor}.nav-dice-toggle.svelte-12qhfyh{display:inline-flex;align-items:center;gap:3px;background:none;border:1px solid transparent;border-radius:4px;padding:2px 6px;cursor:pointer;color:var(--text-accent);font-family:var(--font-ui);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:color .15s,opacity .15s,border-color .15s}.nav-dice-toggle.svelte-12qhfyh:hover{border-color:var(--border-mid)}.nav-dice-toggle--off.svelte-12qhfyh{color:var(--text-dimmer);opacity:.5}.nav-dice-toggle--off.svelte-12qhfyh:hover{opacity:.8}.nav-dice-icon.svelte-12qhfyh{display:flex;align-items:center;width:14px;height:14px}.nav-dice-icon.svelte-12qhfyh svg{width:100%;height:100%;fill:currentColor}.nav-dice-label.svelte-12qhfyh{line-height:1}.nav-sep.svelte-12qhfyh{font-size:.45rem;color:var(--text-dimmer);opacity:.6;-webkit-user-select:none;user-select:none}.maint-banner.svelte-12qhfyh{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem 1rem;background:#b45309;color:#fff;font-family:var(--font-ui);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-align:center}.maint-imminent.svelte-12qhfyh{background:#dc2626;animation:svelte-12qhfyh-maint-pulse 1.5s ease-in-out infinite}.maint-icon.svelte-12qhfyh{font-size:1rem;line-height:1}.maint-countdown.svelte-12qhfyh{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.04em}@keyframes svelte-12qhfyh-maint-pulse{0%,to{opacity:1}50%{opacity:.8}}