:root{--bg: #111;--bg-elevated: #1a1a1a;--bg-sunken: #0a0a0a;--fg: #eee;--fg-muted: #888;--fg-dim: #ccc;--border: #2a2a2a;--accent: #4a9eff;--on-accent: #ffffff;--error: #e66;--success: #6ce;--shadow-hover: 0 4px 16px rgba(0, 0, 0, .4);color-scheme:dark}:root[data-theme=light]{--bg: #f6f6f7;--bg-elevated: #ffffff;--bg-sunken: #ececee;--fg: #1a1a1a;--fg-muted: #6b6b70;--fg-dim: #3b3b40;--border: #d9d9de;--accent: #4a9eff;--on-accent: #ffffff;--error: #c33;--success: #3a8da6;--shadow-hover: 0 4px 16px rgba(0, 0, 0, .1);color-scheme:light}:root[data-theme=sepia]{--bg: #f1e8d3;--bg-elevated: #faf3e0;--bg-sunken: #e5dcc5;--fg: #3d2e1f;--fg-muted: #8a7558;--fg-dim: #5c4a35;--border: #d4c9ae;--accent: #4a9eff;--on-accent: #faf3e0;--error: #a33;--success: #3a8da6;--shadow-hover: 0 4px 16px rgba(77, 58, 31, .12);color-scheme:light}:root[data-theme=midnight]{--bg: #0a0e1a;--bg-elevated: #141a2e;--bg-sunken: #060912;--fg: #e0e4f0;--fg-muted: #7a82a0;--fg-dim: #c0c6db;--border: #1e2640;--accent: #4a9eff;--on-accent: #0a0e1a;--error: #ff7a7a;--success: #6ce;--shadow-hover: 0 4px 16px rgba(0, 0, 0, .5);color-scheme:dark}html.inspect-mode [data-label]{outline:1px dashed hsla(0,80%,60%,.7);outline-offset:-1px;position:relative}html.inspect-mode [data-label]:before{content:attr(data-label);position:absolute;top:0;left:0;font-size:10px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;padding:1px 5px;background:#e83030f2;color:#fff;border-radius:0 0 3px;pointer-events:none;z-index:9999;white-space:nowrap;line-height:1.4}html.inspect-mode:after{content:"INSPECT MODE \2014  Alt+I to toggle";position:fixed;bottom:.5rem;right:.5rem;background:#e83030f2;color:#fff;font-size:11px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;padding:3px 8px;border-radius:3px;pointer-events:none;z-index:10000}.modal-backdrop{position:fixed;inset:0;background:#0000008c;z-index:1000;animation:backdrop-fade .12s ease}.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:1.4rem 1.5rem;width:min(560px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;box-shadow:var(--shadow-hover);animation:modal-pop .14s ease;display:flex;flex-direction:column;gap:.85rem}.modal-card h2{margin:0;font-size:1.1rem}.modal-card p{margin:0;font-size:.85rem}.modal-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.modal-toolbar .ghost{font:inherit;font-size:.85rem;padding:.45rem .85rem;background:transparent;color:var(--fg-muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.modal-toolbar .ghost:hover:not(:disabled){color:var(--fg);border-color:var(--accent)}.modal-toolbar .ghost:disabled{opacity:.45;cursor:not-allowed}.file-button{position:relative;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--fg-muted);padding:.45rem .85rem;border-radius:6px;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem}.file-button:hover,.file-button:focus-within{color:var(--fg);border-color:var(--accent)}.file-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.modal-textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;font:inherit;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.85rem;resize:vertical}.modal-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.modal-warnings{margin:0;padding-left:1.2rem;font-size:.8rem;color:var(--fg-dim);display:flex;flex-direction:column;gap:.2rem;max-height:8rem;overflow-y:auto}.modal-warnings li{list-style:disc;color:color-mix(in srgb,var(--error) 70%,var(--fg))}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:auto}.modal-actions button{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;font:inherit}.modal-actions .primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);font-weight:500}.modal-actions .primary:disabled{opacity:.4;cursor:not-allowed}.modal-actions .ghost{background:transparent;border:1px solid var(--border);color:var(--fg)}.modal-actions .ghost:hover,.modal-actions .ghost:focus-visible{color:var(--fg);border-color:var(--accent);outline:none}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ability-tag{display:inline-block;background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg);padding:0 .35rem;border-radius:3px;font-weight:700;font-size:.78em;letter-spacing:.01em;white-space:nowrap;vertical-align:.05em}.effect-text br+.ability-tag{margin-top:.25rem}:root{--banner-height: 4.5rem;--accent: #e53e3e;--on-accent: #ffffff;--banner-bg-start: #1d1d1d;--banner-bg-end: #141414;--title-grad-start: #fff;--title-grad-end: #aaa;--shadow-banner: 0 2px 12px rgba(0, 0, 0, .4)}:root[data-theme=light]{--accent: #c1272d;--on-accent: #ffffff;--banner-bg-start: #ffffff;--banner-bg-end: #f0f0f2;--title-grad-start: #111;--title-grad-end: #555;--shadow-banner: 0 2px 12px rgba(0, 0, 0, .06)}:root[data-theme=sepia]{--accent: #a0522d;--on-accent: #faf3e0;--banner-bg-start: #faf3e0;--banner-bg-end: #ede2c6;--title-grad-start: #3d2e1f;--title-grad-end: #6f5a3f;--shadow-banner: 0 2px 12px rgba(77, 58, 31, .08)}:root[data-theme=midnight]{--accent: #ff5a7a;--on-accent: #0a0e1a;--banner-bg-start: #161d35;--banner-bg-end: #0c1225;--title-grad-start: #ffffff;--title-grad-end: #9ba6d0;--shadow-banner: 0 2px 12px rgba(0, 0, 0, .5)}html,body{margin:0;padding:0;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent)}