:root{--hq-bg:radial-gradient(circle at top,#343434,#090909);--hq-panel-bg:#202020;--hq-header-bg:linear-gradient(135deg,#1f1b15,#0c0c0c);--hq-toolbar-bg:linear-gradient(135deg,#1e1b16,#111);--hq-accent:#e6b35a;--hq-accent-soft:#4a3718;--hq-accent-soft-hover:#5a431f;--hq-border-color:#333;--hq-text:#f5f5f5;--hq-text-muted:#b0b0b0;--hq-button-radius:6px;--hq-scrollbar-track:hsla(0,0%,6%,.8);--hq-scrollbar-thumb:rgba(230,179,90,.85);--hq-scrollbar-thumb-hover:rgba(230,179,90,.95);--hq-scrollbar-thumb-border:hsla(0,0%,6%,.8);--hq-input-bg:#2f2f2f;--hq-input-border:hsla(0,0%,100%,.2);--hq-input-text:#f5f5f5;--hq-input-placeholder:hsla(0,0%,100%,.6);--hq-popover-bg:#1b1b1b;--hq-popover-border:hsla(0,0%,100%,.2);--hq-popover-shadow:0 16px 32px rgba(0,0,0,.4);--hq-tab-bg:hsla(0,0%,100%,.08);--hq-tab-border:hsla(0,0%,100%,.14);--hq-tab-text:hsla(0,0%,100%,.75);--hq-tab-active-bg:hsla(0,0%,100%,.18);--hq-tab-active-text:#fff;--hq-swatch-border:hsla(0,0%,100%,.55);--hq-swatch-border-strong:hsla(0,0%,100%,.95);--hq-toast-text:#fff1c9;--hq-toast-border:rgba(214,154,63,.7);--hq-toast-bg:rgba(78,52,14,.85);--hq-toast-shadow:inset 0 0 0 1px rgba(0,0,0,.2),0 6px 12px rgba(0,0,0,.25);--hq-overlay-soft:rgba(0,0,0,.25);--hq-overlay-mid:rgba(0,0,0,.35);--hq-overlay-strong:rgba(0,0,0,.5);--hq-thumbnail-fallback:linear-gradient(135deg,hsla(0,0%,100%,.12),rgba(0,0,0,.2));--hq-range-track:#374151;--hq-settings-sidebar-bg:hsla(0,0%,6%,.6);--hq-settings-panel-bg:hsla(0,0%,5%,.65);--hq-settings-section-bg:hsla(0,0%,5%,.55);--hq-settings-group-bg:var(--hq-white-06);--hq-close-bg:var(--hq-panel-bg);--hq-close-border:var(--hq-swatch-border-strong);--hq-close-color:var(--hq-text);--hq-close-hover-bg:var(--hq-gray-200);--hq-close-hover-color:var(--hq-black);--hq-card-border:var(--hq-surface-700);--hq-editor-actions-bg:linear-gradient(180deg,hsla(0,0%,7%,.85),rgba(12,10,8,.95));--hq-help-card-bg:hsla(0,0%,4%,.55);--hq-help-card-border:var(--hq-white-12);--hq-help-code-bg:var(--hq-overlay-mid);--hq-help-code-border:var(--hq-white-08);--hq-help-output-text:hsla(0,0%,96%,.9);--hq-outline-border:var(--hq-text);--hq-outline-text:var(--hq-text);--hq-outline-hover-bg:var(--hq-white);--hq-outline-hover-text:var(--hq-surface-900);--hq-primary-text:var(--hq-accent);--hq-pill-bg:var(--hq-white-08);--hq-pill-text:var(--hq-gray-200);--hq-pill-border:var(--hq-white-15);--hq-pill-hero-bg:rgba(123,201,165,.25);--hq-pill-hero-text:#bde7d1;--hq-pill-monster-bg:hsla(0,40%,59%,.25);--hq-pill-monster-text:#f0b5b5;--hq-pill-spell-bg:rgba(120,146,214,.25);--hq-pill-spell-text:#c9d6ff;--hq-pill-treasure-bg:hsla(43,49%,62%,.25);--hq-pill-treasure-text:#f3e1b6;--hq-pill-back-bg:rgba(150,154,170,.25);--hq-pill-back-text:#d6dae8;--hq-status-bg:var(--hq-white-08);--hq-status-border:var(--hq-white-15);--hq-status-text:var(--hq-gray-200);--hq-status-draft-bg:rgba(148,163,184,.18);--hq-status-draft-border:rgba(248,250,252,.7);--hq-status-draft-text:#cbd5f5;--hq-status-saved-bg:rgba(76,175,80,.18);--hq-status-saved-border:rgba(76,175,80,.45);--hq-status-saved-text:#c7f2cf;--hq-status-modified-bg:rgba(148,163,184,.18);--hq-status-modified-border:rgba(248,250,252,.7);--hq-status-modified-text:var(--hq-text);--hq-table-header-bg:linear-gradient(180deg,hsla(0,0%,9%,.95),hsla(0,0%,5%,.9));--hq-table-header-text:var(--hq-gray-300);--hq-table-header-border:var(--hq-white-08);--hq-tick-line:hsla(0,0%,100%,.42);--hq-tick-line-strong:hsla(0,0%,100%,.72);--hq-tick-text:rgba(229,231,235,.64);--hq-tick-text-strong:rgba(229,231,235,.95);--hq-focus-ring:#f97316;--hq-error-text:#fecaca;--hq-error-soft:#fca5a5;--hq-stat-minus:#7f1d1d;--hq-stat-minus-hover:#991b1b;--hq-stat-plus:#14532d;--hq-stat-plus-hover:#166534;--hq-surface-sunken:#111827;--hq-surface-card:#1f2933;--hq-font-body:"Carter Sans W01",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--hq-font-display:"HeroQuest","Cinzel","Trajan Pro",serif;--hq-font-inline:"IM Fell English","Caslon Antique",serif;--hq-font-copy:"Caslon Antique HQ2","Caslon Antique",serif;--hq-font-form:"Calibri Light","Calibri",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--hq-black:#000;--hq-white:#fff;--hq-gray-200:#e5e7eb;--hq-gray-300:#d1d5db;--hq-surface-900:#111;--hq-surface-850:#151515;--hq-surface-800:#1a1a1a;--hq-surface-750:#1e1b16;--hq-surface-700:#2b2b2b;--hq-border-strong:#333;--hq-border-mid:#444;--hq-white-05:hsla(0,0%,100%,.05);--hq-white-06:hsla(0,0%,100%,.06);--hq-white-08:hsla(0,0%,100%,.08);--hq-white-12:hsla(0,0%,100%,.12);--hq-white-15:hsla(0,0%,100%,.15);--hq-black-35:rgba(0,0,0,.35);--hq-black-45:rgba(0,0,0,.45);--hq-black-60:rgba(0,0,0,.6);--space-1:0.2rem;--space-2:0.25rem;--space-3:0.35rem;--space-4:0.4rem;--space-5:0.45rem;--space-6:0.5rem;--space-7:0.6rem;--space-8:0.65rem;--space-9:0.7rem;--space-10:0.75rem;--space-11:0.8rem;--space-12:0.85rem;--space-13:0.9rem;--space-14:1rem;--space-15:1.5rem;--space-16:2rem;--text-2xs:0.6rem;--text-xs:0.7rem;--text-sm:0.75rem;--text-md:0.8rem;--text-lg:0.85rem;--text-xl:0.9rem;--text-2xl:0.95rem;--text-3xl:1rem;--text-4xl:1.05rem;--text-5xl:1.15rem;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-pill:999px;--shadow-soft:0 6px 16px rgba(0,0,0,.35);--shadow-popover:0 12px 28px rgba(0,0,0,.45);--shadow-float:0 8px 20px rgba(0,0,0,.4);--main-bg-color:#ffffffdd}:root[data-theme=light]{--hq-bg:radial-gradient(circle at top,#f9f7f2,#ece6db);--hq-panel-bg:#f6f1e7;--hq-header-bg:linear-gradient(135deg,#f4efe5,#e8e0d2);--hq-toolbar-bg:linear-gradient(135deg,#f4efe5,#ede5d7);--hq-accent:#b2762c;--hq-accent-soft:#e0bf7e;--hq-accent-soft-hover:#d6b06a;--hq-border-color:#d8d0c3;--hq-text:#2b2620;--hq-text-muted:#6c6255;--hq-gray-200:#5b5246;--hq-gray-300:#6c6255;--hq-focus-ring:#d97706;--hq-error-text:#b91c1c;--hq-error-soft:#fecaca;--hq-stat-minus:#b91c1c;--hq-stat-minus-hover:#991b1b;--hq-stat-plus:#166534;--hq-stat-plus-hover:#14532d;--hq-surface-sunken:#f1ece2;--hq-surface-card:#f7f2e8;--hq-surface-900:#f2ede3;--hq-surface-850:#f5f0e6;--hq-surface-800:#f7f2e8;--hq-surface-750:#f3ede3;--hq-surface-700:#efe8dc;--hq-border-strong:#cfc6b7;--hq-border-mid:#d8d0c3;--hq-white-05:rgba(0,0,0,.03);--hq-white-06:rgba(0,0,0,.05);--hq-white-08:rgba(0,0,0,.07);--hq-white-12:rgba(0,0,0,.1);--hq-white-15:rgba(0,0,0,.14);--hq-black-35:rgba(0,0,0,.12);--hq-black-45:rgba(0,0,0,.16);--hq-black-60:rgba(0,0,0,.22);--shadow-soft:0 6px 16px rgba(40,30,20,.16);--shadow-popover:0 12px 28px rgba(40,30,20,.18);--shadow-float:0 8px 20px rgba(40,30,20,.16);--hq-scrollbar-track:rgba(0,0,0,.06);--hq-scrollbar-thumb:rgba(180,140,70,.6);--hq-scrollbar-thumb-hover:rgba(180,140,70,.75);--hq-scrollbar-thumb-border:rgba(0,0,0,.06);--hq-input-bg:#fbf8f2;--hq-input-border:rgba(0,0,0,.2);--hq-input-text:#2b2620;--hq-input-placeholder:rgba(80,70,60,.6);--hq-popover-bg:#fffaf2;--hq-popover-border:rgba(0,0,0,.15);--hq-popover-shadow:0 16px 32px rgba(40,30,20,.18);--hq-tab-bg:rgba(0,0,0,.04);--hq-tab-border:rgba(0,0,0,.1);--hq-tab-text:rgba(60,52,45,.85);--hq-tab-active-bg:rgba(0,0,0,.08);--hq-tab-active-text:#2b2620;--hq-swatch-border:rgba(0,0,0,.35);--hq-swatch-border-strong:rgba(0,0,0,.7);--hq-toast-text:#5b4220;--hq-toast-border:rgba(214,154,63,.55);--hq-toast-bg:hsla(43,66%,90%,.95);--hq-toast-shadow:inset 0 0 0 1px rgba(180,140,70,.25),0 6px 12px rgba(60,45,25,.12);--hq-overlay-soft:rgba(0,0,0,.08);--hq-overlay-mid:rgba(0,0,0,.12);--hq-overlay-strong:rgba(0,0,0,.18);--hq-thumbnail-fallback:linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.12));--hq-range-track:#d3c9bb;--hq-settings-sidebar-bg:hsla(37,36%,88%,.9);--hq-settings-panel-bg:hsla(38,38%,92%,.95);--hq-settings-section-bg:hsla(39,37%,89%,.95);--hq-settings-group-bg:hsla(39,55%,94%,.95);--hq-close-bg:#f7f2e8;--hq-close-border:rgba(60,52,45,.45);--hq-close-color:#3a332b;--hq-close-hover-bg:rgba(60,52,45,.12);--hq-close-hover-color:#2b2620;--hq-primary-text:#1f1b15;--hq-card-border:#cbbfaa;--hq-editor-actions-bg:linear-gradient(135deg,var(--hq-panel-bg),var(--hq-surface-900));--hq-help-card-bg:hsla(38,38%,92%,.95);--hq-help-card-border:rgba(60,52,45,.18);--hq-help-code-bg:hsla(36,29%,86%,.9);--hq-help-code-border:rgba(60,52,45,.18);--hq-help-output-text:rgba(43,38,32,.85);--hq-outline-border:rgba(60,52,45,.5);--hq-outline-text:#3a332b;--hq-outline-hover-bg:rgba(60,52,45,.12);--hq-outline-hover-text:#2b2620;--hq-pill-bg:rgba(60,52,45,.14);--hq-pill-text:#3a332b;--hq-pill-border:rgba(60,52,45,.3);--hq-pill-hero-bg:rgba(90,140,110,.25);--hq-pill-hero-text:#2b3d33;--hq-pill-monster-bg:rgba(156,90,90,.25);--hq-pill-monster-text:#4a2b2b;--hq-pill-spell-bg:rgba(90,105,150,.25);--hq-pill-spell-text:#2f344a;--hq-pill-treasure-bg:rgba(160,120,60,.25);--hq-pill-treasure-text:#4a3a1c;--hq-pill-back-bg:hsla(240,8%,51%,.25);--hq-pill-back-text:#353648;--hq-status-bg:rgba(60,52,45,.08);--hq-status-border:rgba(60,52,45,.25);--hq-status-text:#3a332b;--hq-status-draft-bg:rgba(120,130,150,.18);--hq-status-draft-border:rgba(90,100,120,.45);--hq-status-draft-text:#2f344a;--hq-status-saved-bg:rgba(90,160,110,.2);--hq-status-saved-border:rgba(60,130,80,.55);--hq-status-saved-text:#1f3a27;--hq-status-modified-bg:rgba(120,130,150,.18);--hq-status-modified-border:rgba(90,100,120,.45);--hq-status-modified-text:#2b2620;--hq-table-header-bg:linear-gradient(180deg,hsla(39,37%,89%,.98),hsla(38,27%,84%,.95));--hq-table-header-text:#2b2620;--hq-table-header-border:rgba(60,52,45,.25);--hq-tick-line:rgba(0,0,0,.25);--hq-tick-line-strong:rgba(0,0,0,.45);--hq-tick-text:rgba(60,52,45,.7);--hq-tick-text-strong:rgba(43,38,32,.9)}body,html{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--hq-bg);color:var(--hq-text);font-family:var(--hq-font-body)}*{scrollbar-width:thin;scrollbar-color:var(--hq-scrollbar-thumb) var(--hq-scrollbar-track)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--hq-scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--hq-scrollbar-thumb);border:3px solid var(--hq-scrollbar-thumb-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--hq-scrollbar-thumb-hover)}.btn{font-family:var(--hq-font-inline);font-size:.9rem;font-weight:600;letter-spacing:.06em;min-height:32px;padding:.35rem .9rem;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.btn,button{border-radius:var(--hq-button-radius)}.btn-primary{background-color:var(--hq-accent-soft)!important;border-color:transparent!important;color:var(--hq-primary-text,var(--hq-accent))!important}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:hover,.show>.btn-primary.dropdown-toggle{background-color:var(--hq-accent-soft-hover)!important;border-color:var(--hq-accent)!important;color:var(--hq-primary-text,var(--hq-accent))!important;box-shadow:0 0 6px var(--hq-black-35)!important}.btn-primary.disabled,.btn-primary:disabled{background-color:var(--hq-accent-soft)!important;border-color:transparent!important;color:var(--hq-primary-text,var(--hq-accent))!important;opacity:.65;box-shadow:none!important}.btn-outline-danger.disabled,.btn-outline-danger:disabled,.btn-outline-light.disabled,.btn-outline-light:disabled,.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:var(--hq-text-muted)!important;border-color:var(--hq-white-15)!important;background-color:var(--hq-white-05)!important;opacity:.6;box-shadow:none!important}.btn-outline-light,.btn-outline-secondary{border-color:var(--hq-outline-border)!important;color:var(--hq-outline-text)!important}.btn-outline-light.active,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:focus-visible,.btn-outline-light:hover,.show>.btn-outline-light.dropdown-toggle{border-color:var(--hq-outline-border)!important;background-color:var(--hq-outline-hover-bg)!important;color:var(--hq-outline-hover-text)!important}.btn-outline-secondary.active,.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:focus-visible,.btn-outline-secondary:hover,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--hq-outline-border)!important;color:var(--hq-outline-hover-text)!important}.btn-outline-light.active,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:focus-visible,.btn-outline-light:hover,.btn-outline-secondary.active,.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:focus-visible,.btn-outline-secondary:hover{box-shadow:none!important}.hq-toggle.form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.35%29'/%3e%3c/svg%3e");width:34px;height:21px;background-color:var(--hq-white-06);border-color:var(--hq-white-15);transform:translateY(-2px);cursor:pointer}.hq-toggle.form-check-input:checked{background-color:var(--hq-accent)!important;border-color:var(--hq-accent)!important;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.hq-toggle.form-check-input:focus{border-color:var(--hq-accent)!important;box-shadow:0 0 0 .25rem rgba(230,179,90,.35)!important;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f97316'/%3e%3c/svg%3e")}.hq-checkbox.form-check-input{width:16px;height:16px;cursor:pointer}.hq-checkbox.form-check-input:checked{background-color:var(--hq-accent)!important;border-color:var(--hq-accent)!important}.hq-checkbox.form-check-input:focus{border-color:var(--hq-accent)!important;box-shadow:0 0 0 .25rem rgba(230,179,90,.35)!important}.form-check-input[type=radio],.settingsPanelOption input[type=radio]{accent-color:var(--hq-accent)!important;border-color:var(--hq-accent)!important;background-color:transparent!important;background-image:none!important}.form-check-input[type=radio]:checked,.settingsPanelOption input[type=radio]:checked{background-color:transparent!important;background-image:radial-gradient(circle at center,var(--hq-accent) 0 45%,transparent 50%)!important;background-repeat:no-repeat!important;background-position:50%!important;background-size:100% 100%!important;border-color:var(--hq-accent)!important}.form-check-input[type=radio]:focus,.settingsPanelOption input[type=radio]:focus{border-color:var(--hq-accent)!important;box-shadow:0 0 0 .25rem rgba(230,179,90,.35)!important}