@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono&family=Lora:ital,wght@0,400;0,700;1,400&family=Special+Elite&family=Oswald:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--rosewater:#f5e0dc;--flamingo:#f2cdcd;--pink:#f5c2e7;--mauve:#b89eef;--red:#f38ba8;--maroon:#eba0ac;--peach:#fab387;--yellow:#f9e2af;--green:#a6e3a1;--teal:#94e2d5;--sky:#89dceb;--sapphire:#74c7ec;--blue:#89b4fa;--lavender:#b4befe;--text:#e8dff4;--subtext1:#c8bce0;--subtext0:#a89dc8;--overlay2:#8a7fa8;--overlay1:#706490;--overlay0:#584e72;--surface2:#3d2e60;--surface1:#2e2050;--surface0:#22173a;--base:#160f28;--mantle:#0f0a1e;--crust:#0a0614;--raven-obsidian:#0a0614;--raven-deep:#110f1b;--raven-purple:#2d1b4e;--raven-mid:#4a2d7a;--raven-light:#7c5cbf;--raven-bright:#9b7fd4;--raven-glow:#b89eef;--raven-silver:#d4c8f0;--raven-fog:#ede6f8;--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--display:"Cinzel", "Outfit", serif;--header-font:var(--display);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:9999px;--border-subtle:1px solid var(--surface0);--border-default:1px solid var(--surface1);--border-accent:1px solid var(--raven-mid);--ease-ui:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--sans);background-color:var(--crust);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='%232d1b4e' fill-opacity='0.06'%3E%3Ccircle cx='30' cy='40' r='1.2'/%3E%3Ccircle cx='140' cy='25' r='0.8'/%3E%3Ccircle cx='85' cy='120' r='1'/%3E%3Ccircle cx='165' cy='155' r='0.9'/%3E%3Ccircle cx='50' cy='175' r='1.3'/%3E%3Ccircle cx='120' cy='85' r='0.7'/%3E%3C/g%3E%3C/svg%3E");height:100svh;overflow:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--crust)}::-webkit-scrollbar-thumb{background:var(--raven-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--raven-light)}*{scrollbar-width:thin;scrollbar-color:var(--raven-mid) var(--crust)}h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--rosewater);letter-spacing:.02em;font-weight:600;line-height:1.15}h1{letter-spacing:.04em;font-size:1.5rem}h2{letter-spacing:.03em;font-size:1.15rem}h3{letter-spacing:.02em;font-size:.95rem}h4{letter-spacing:.01em;color:var(--subtext1);font-size:.85rem;font-family:var(--sans);font-weight:600}.section-title{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--raven-glow);opacity:.85;border-bottom:1px solid var(--surface0);margin-bottom:.75rem;padding-bottom:.35rem;font-size:.7rem;font-weight:600}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--raven-glow);outline-offset:2px}.app-container{background-color:var(--crust);height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex}.header-bar{background-color:var(--mantle);border-bottom:1px solid var(--raven-purple);z-index:10;box-sizing:border-box;width:100%;height:52px;box-shadow:0 1px 0 0 var(--raven-purple), 0 2px 12px #2d1b4e59;flex-shrink:0;justify-content:space-between;align-items:center;gap:.875rem;padding:0 1.25rem;display:flex}.brand{flex-shrink:0;align-items:center;gap:.6rem;min-width:0;display:flex}.brand h1{font-family:var(--display);letter-spacing:.06em;color:var(--raven-silver);white-space:nowrap;margin:0;font-size:1.2rem;font-weight:700;line-height:1}.brand-mark{opacity:.9;filter:drop-shadow(0 0 4px #9b7fd466);flex-shrink:0;width:22px;height:22px}.header-collapse-btn{min-height:unset;border:1px solid var(--surface1);height:26px;color:var(--raven-glow);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color .15s var(--ease-ui), border-color .15s var(--ease-ui);font-size:.7rem;font-family:var(--sans);letter-spacing:.02em;background-color:#0000;flex-shrink:0;align-items:center;gap:3px;padding:0 .5rem;font-weight:500;display:inline-flex}.header-collapse-btn:hover{background-color:var(--surface0);border-color:var(--raven-light)}.header-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.header-char-select{width:170px}.header-mobile-controls,.mobile-only{display:none}.main-layout{flex:1;display:flex;position:relative;overflow:hidden}.panel{background-color:var(--base);flex-direction:column;height:100%;display:flex;overflow:hidden}.character-panel{border-right:1px solid var(--raven-purple);transition:all .28s var(--ease-ui);flex:1.25}.database-panel{border-left:1px solid var(--raven-purple);min-width:340px;max-width:44%;transition:all .28s var(--ease-ui);background-color:var(--base);flex:.75}.database-panel.collapsed{opacity:0;pointer-events:none;border-left:none;flex:0;min-width:0;max-width:0}.btn{border-radius:var(--radius-sm);font-family:var(--sans);letter-spacing:.02em;cursor:pointer;transition:background-color .15s var(--ease-ui), color .15s var(--ease-ui), transform .1s var(--ease-ui);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;min-height:36px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--raven-mid);color:var(--raven-fog);border:1px solid var(--raven-light)}.btn-primary:hover{background-color:var(--raven-light);color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--surface0);color:var(--subtext1);border:1px solid var(--surface1)}.btn-secondary:hover{background-color:var(--surface1);color:var(--raven-glow);border-color:var(--raven-mid)}.btn-danger{color:var(--red);background-color:#f38ba81f;border:1px solid #f38ba84d}.btn-danger:hover{border-color:var(--red);background-color:#f38ba838}.btn-ghost{color:var(--subtext0);background-color:#0000;border:1px solid #0000}.btn-ghost:hover{background-color:var(--surface0);color:var(--raven-glow);border-color:var(--surface1)}.btn-icon-only{border-radius:var(--radius-sm);width:36px;height:36px;padding:0}@media (pointer:coarse){.btn{min-height:44px}}.ruleset-toggle{background-color:var(--crust);border-radius:var(--radius-sm);border:1px solid var(--surface1);gap:2px;padding:3px;display:inline-flex}.ruleset-btn{letter-spacing:.04em;color:var(--overlay1);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--sans);background:0 0;border:none;border-radius:2px;padding:.2rem .6rem;transition:background-color .15s,color .15s}.ruleset-btn.active{background-color:var(--raven-mid);color:var(--raven-fog)}.ruleset-btn:not(.active):hover{background-color:var(--surface0);color:var(--subtext1)}.save-status{letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:5px;padding:.2rem .5rem;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.save-status.saved{color:var(--green);background:#a6e3a112;border-color:#a6e3a133}.save-status.saving{color:var(--yellow);background:#f9e2af12;border-color:#f9e2af33}.save-status.error{color:var(--red);background:#f38ba812;border-color:#f38ba833}.save-status:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px;display:block}.save-status.saved:before{background:var(--green)}.save-status.saving:before{background:var(--yellow);animation:1s infinite pulse-dot}.save-status.error:before{background:var(--red)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.tabs-header{background-color:var(--mantle);border-bottom:1px solid var(--raven-purple);scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:8;align-items:stretch;gap:0;min-height:42px;padding:0 .75rem;display:flex;position:sticky;top:0;overflow:auto hidden}.tabs-header::-webkit-scrollbar{display:none}.tab-link{color:var(--overlay1);font-family:var(--sans);letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:color .15s var(--ease-ui), border-color .15s var(--ease-ui);-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.3rem;min-height:42px;margin-bottom:-1px;padding:0 .85rem;font-size:.8rem;font-weight:600;display:inline-flex;position:relative}.tab-link:hover{color:var(--subtext1)}.tab-link.active{color:var(--raven-glow);border-bottom-color:var(--raven-light);font-weight:700}.tab-link:after{display:none}.tab-content{-webkit-overflow-scrolling:touch;flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.form-group{margin-bottom:.875rem}.form-label{letter-spacing:.06em;text-transform:uppercase;color:var(--overlay2);font-size:.72rem;font-weight:600;font-family:var(--sans);margin-bottom:.3rem;display:block}.form-input,.form-select,.form-textarea{background-color:var(--surface0);border:1px solid var(--surface1);width:100%;color:var(--text);border-radius:var(--radius-sm);font-family:var(--sans);transition:border-color .15s var(--ease-ui), background-color .15s;appearance:none;padding:.45rem .7rem;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--raven-light);background-color:var(--surface1);outline:none}.form-textarea{resize:vertical;padding:.5rem .7rem;line-height:1.5}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a7fa8'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.75rem}dialog.detail-dialog{border:1px solid var(--raven-mid);background-color:var(--mantle);border-radius:var(--radius-lg);color:var(--text);outline:none;width:92%;max-width:660px;margin:auto;padding:0;overflow:hidden;box-shadow:0 0 0 1px #4a2d7a4d,0 24px 48px #0a0614b3}dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:display .3s allow-discrete, overlay .3s allow-discrete, background-color .3s ease-out, backdrop-filter .3s ease-out;background-color:#0a061400}dialog[open]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0a0614bf}@starting-style{dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0a061400}}dialog[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{dialog[open]{opacity:0;transform:translateY(16px)scale(.97)}}dialog{opacity:0;transition-property:opacity,transform,display,overlay;transition-duration:.25s;transition-timing-function:var(--ease-spring);transition-behavior:allow-discrete;transform:translateY(16px)scale(.97)}@media (prefers-reduced-motion:reduce){dialog,dialog::backdrop{transition-duration:.1s!important;transform:none!important}}.dialog-header{background-color:var(--crust);border-bottom:1px solid var(--raven-purple);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.dialog-header h2,.dialog-header h3{font-size:.95rem;font-family:var(--display);letter-spacing:.05em;color:var(--raven-silver)}.dialog-content{max-height:68vh;padding:1.25rem;line-height:1.65;overflow-y:auto}.dialog-footer{background-color:var(--crust);border-top:1px solid var(--raven-purple);justify-content:flex-end;gap:.75rem;padding:.875rem 1.25rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.card{background-color:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius-md);transition:border-color .15s var(--ease-ui);padding:.875rem;position:relative}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--raven-mid);background-color:var(--surface1)}.card-accent{border-left:3px solid var(--raven-light)}.stat-box{background-color:var(--crust);border:1px solid var(--surface0);border-radius:var(--radius-md);text-align:center;padding:.5rem;position:relative;overflow:hidden}.stat-box:before{content:"";pointer-events:none;background:linear-gradient(135deg,#4a2d7a14 0%,#0000 60%);position:absolute;inset:0}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--overlay1);font-size:.62rem;font-weight:700;font-family:var(--sans)}.stat-value{color:var(--rosewater);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1.1}.stat-mod{color:var(--raven-glow);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.keyboard-shortcuts-bar{background-color:var(--crust);border-bottom:1px solid var(--surface0);color:var(--overlay0);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.2rem 1.25rem;font-size:.7rem;display:flex}.kbd{background:var(--surface0);border:1px solid var(--surface1);font-family:var(--mono);color:var(--subtext0);border-radius:3px;align-items:center;padding:0 .3rem;font-size:.65rem;line-height:1.6;display:inline-flex}tr.table-row-hover:hover{background-color:var(--surface0)!important}.sheet-header-collapsed-bar{background-color:var(--mantle);border-bottom:1px solid var(--raven-purple);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;padding:.35rem .875rem;font-size:.82rem;display:flex}@media (width>=769px) and (width<=1200px){.header-bar{gap:.5rem!important;padding:0 .875rem!important}.brand h1{font-size:1rem!important}.header-char-select{width:130px!important}.theme-label{display:none!important}.header-theme-select{width:100px!important}.ruleset-label-long{display:none!important}.ruleset-label-short{display:inline!important}.header-action-btns .btn-label-long,.header-delete-btn .btn-label-long{display:none!important}.header-delete-btn .btn-label-short{display:inline!important}.header-undo-btn,.header-redo-btn,.header-pdf-btn{justify-content:center;min-width:30px;padding:0 .4rem!important}.header-lib-toggle{padding:0 .5rem!important;font-size:.75rem!important}}@media (width<=1024px){.main-layout{flex-direction:column}.character-panel{border-right:none;border-bottom:1px solid var(--raven-purple);flex:1}.database-panel{z-index:50;min-width:100%;max-width:100%;transition:transform .3s var(--ease-ui);border-left:none;flex:1;position:absolute;inset:0;transform:translate(100%);box-shadow:-6px 0 30px #0a0614b3;background-color:var(--base)!important}.database-panel.active{pointer-events:auto;transform:translate(0)}.database-panel.collapsed{opacity:1;pointer-events:none;min-width:100%;max-width:100%;transform:translate(100%)}}@media (width<=768px){input,select,textarea,.form-input,.form-select,.form-textarea{font-size:16px!important}.header-bar{gap:.4rem!important;height:48px!important;padding:0 .75rem!important;overflow:hidden!important}.brand{flex-shrink:1!important;gap:.35rem!important;min-width:0!important}.brand h1{white-space:nowrap!important;letter-spacing:.04em!important;font-size:.95rem!important}.brand-mark{width:18px!important;height:18px!important}.header-collapse-btn{height:24px!important;padding:0 .3rem!important;font-size:.65rem!important}.header-collapse-btn .collapse-text,.header-desktop-controls{display:none!important}.header-mobile-controls{align-items:center;flex-shrink:0!important;gap:.3rem!important;display:flex!important}.header-mobile-controls .btn{height:32px!important;min-height:unset!important;padding:0 .5rem!important;font-size:.78rem!important}.mobile-only{display:flex!important}.keyboard-shortcuts-bar{display:none!important}.tab-content{padding:.875rem .75rem!important}.sheet-header-card{padding:.75rem!important}.sheet-header-row{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.mobile-hp-card{border-radius:var(--radius-md)!important;background:#f38ba80f!important;border:1px solid #f38ba840!important;margin-bottom:.75rem!important;padding:.75rem!important}.mobile-vitals-grid{grid-template-columns:repeat(4,1fr)!important;gap:.35rem!important;margin-bottom:.75rem!important;display:grid!important}.mobile-secondary-vitals{grid-template-columns:repeat(3,1fr)!important;gap:.35rem!important;margin-bottom:.75rem!important;display:grid!important}.mobile-abilities-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;display:grid!important}dialog.detail-dialog{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:14px 14px 0 0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:88dvh!important;margin:auto auto 0!important}.dialog-header{padding:.75rem 1rem!important}.dialog-content{max-height:calc(88dvh - 120px)!important;padding:1rem!important}.dialog-footer{padding:.75rem 1rem!important}.card{padding:.75rem!important}}@media (width<=350px){.mobile-vitals-grid{grid-template-columns:repeat(2,1fr)!important;gap:.3rem!important}.mobile-secondary-vitals{grid-template-columns:1fr!important;gap:.3rem!important}.stat-box{padding:.3rem .15rem!important}.stat-label{font-size:.58rem!important}.stat-value{font-size:1.1rem!important}}@media (width<=600px){.grid-2{grid-template-columns:1fr}}@media screen{.print-only-sheet{display:none!important}}@media print{.screen-only,.header-bar,.database-panel,.kbd-shortcuts-help,.keyboard-shortcuts-help,dialog,button,.btn,.tab-link,input,select,textarea{display:none!important}.app-container,.main-layout,.character-panel{height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}body,html{color:#000!important;background-color:#fff!important;height:auto!important;font-family:Inter,system-ui,sans-serif!important;overflow:visible!important}.print-only-sheet{color:#000!important;background-color:#fff!important;width:100%!important;max-width:800px!important;margin:0 auto!important;display:block!important}.print-page{page-break-after:always;break-after:page;color:#000!important;background-color:#fff!important;border-bottom:2px solid #333!important;padding:2rem 1rem!important}.print-page:last-child{page-break-after:avoid;break-after:avoid;border-bottom:none!important}.print-header{border-bottom:3px double #333;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.print-header h2{margin:0;font-size:2rem;color:#000!important}.print-header-details{color:#444;text-align:right;font-size:.9rem}.print-title{border-bottom:2px solid #333;margin-top:1.5rem;margin-bottom:1rem;padding-bottom:.25rem;font-size:1.25rem;font-weight:700;color:#000!important}.print-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.print-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.print-grid-6{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.print-card{border-radius:4px;margin-bottom:.75rem;padding:.75rem;color:#000!important;background-color:#fff!important;border:1px solid #999!important}.print-label{text-transform:uppercase;color:#555;font-size:.75rem;font-weight:700}.print-value{font-size:1.2rem;font-weight:700;color:#000!important}.print-table{border-collapse:collapse;width:100%;margin-top:.5rem}.print-table th{text-align:left;color:#333;border-bottom:2px solid #333;padding:.4rem;font-size:.8rem;font-weight:700}.print-table td{border-bottom:1px solid #ccc;padding:.4rem;font-size:.85rem}.print-table tr:last-child td{border-bottom:none}.print-tag{border:1px solid #777;border-radius:10px;margin-right:.3rem;padding:.1rem .4rem;font-size:.75rem;display:inline-block}}[data-theme=druid]{--base:#142215;--mantle:#0f1a10;--crust:#0a110b;--surface0:#1c331f;--surface1:#27472b;--surface2:#335c38;--text:#d1e7dd;--subtext1:#b5d5c5;--subtext0:#99c2b0;--mauve:#a8d59d;--rosewater:#e1f0da;--peach:#e9c46a;--red:#e76f51;--blue:#457b9d;--green:#81b29a;--sans:"Lora", "Inter", serif;--header-font:"Lora", serif;--raven-purple:#27472b;--raven-mid:#335c38;--raven-glow:#a8d59d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%231c331f' fill-opacity='0.18'%3E%3Cpath d='M30 15c-3-5-10-5-13 0-2 4 2 10 13 13 11-3 15-9 13-13zm0 0c3 5 10 5 13 0 2-4-2-10-13-13-11 3-15 9-13 13zm-10 40c-2-3-7-3-9 0-1 3 1 7 9 9 7-2 10-6 9-9zm0 0c2 3 7 3 9 0 1-3-1-7-9-9-7 2-10 6-9 9z'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=druid] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=druid] .card{position:relative;border:1px solid var(--surface2)!important;background-color:var(--base)!important;border-radius:16px!important;box-shadow:inset 0 0 10px #a8d59d0d,0 4px 6px #0003!important}[data-theme=druid] .card:before{content:"🌿";opacity:.35;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=paladin]{--base:#1c1f26;--mantle:#15181e;--crust:#0e1014;--surface0:#2a2f3b;--surface1:#383f4f;--surface2:#4b5469;--text:#e2e8f0;--subtext1:#cbd5e1;--subtext0:#94a3b8;--mauve:#e2b842;--rosewater:#f8fafc;--peach:#f1c40f;--red:#c0392b;--blue:#3498db;--green:#1abc9c;--header-font:"Cinzel", serif;--raven-purple:#383f4f;--raven-glow:#e2b842;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg stroke='%232a2f3b' stroke-width='1.5' fill='none' stroke-opacity='0.25'%3E%3Cpath d='M0 0h120v120H0z'/%3E%3Cpath d='M0 40h120M0 80h120M40 0v40M80 40v40M40 80v40M0 120V80M120 0v40M120 80v40'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=paladin] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=paladin] .card{position:relative;border:2px solid var(--surface1)!important;border-top:3px solid var(--mauve)!important;background-color:var(--base)!important;border-radius:4px!important;box-shadow:0 4px 10px #0006!important}[data-theme=paladin] .card:before{content:"✠";color:var(--mauve);opacity:.4;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=wizard]{--base:#100a20;--mantle:#0a0614;--crust:#05030a;--surface0:#201538;--surface1:#2e1e4f;--surface2:#412a70;--text:#e5dbff;--subtext1:#d0bfff;--subtext0:#b197fc;--mauve:#cba6f7;--rosewater:#f3ebff;--peach:#ffc078;--red:#ff8787;--blue:#74c0fc;--green:#63e6be;--header-font:"Cinzel", serif;--raven-purple:#2e1e4f;--raven-glow:#cba6f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='%23cba6f7' fill-opacity='0.15'%3E%3Ccircle cx='20' cy='30' r='1.5'/%3E%3Ccircle cx='120' cy='40' r='1'/%3E%3Ccircle cx='70' cy='110' r='1.5'/%3E%3Ccircle cx='170' cy='140' r='1'/%3E%3Ccircle cx='45' cy='160' r='2'/%3E%3Cpath d='M20 30l25 -10M120 40l20 30M70 110l30 -15M170 140l-20 -40M45 160l25 -50' stroke='%23cba6f7' stroke-opacity='0.08' stroke-width='1' fill='none'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=wizard] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=wizard] .card{position:relative;border:1px solid var(--surface2)!important;background-color:var(--base)!important;border-radius:8px!important;box-shadow:0 0 10px #cba6f71a!important}[data-theme=wizard] .card:hover{border-color:var(--mauve)!important;box-shadow:0 0 15px #cba6f740!important}[data-theme=wizard] .card:before{content:"✨";opacity:.4;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=rogue]{--base:#0b0c10;--mantle:#07080a;--crust:#030405;--surface0:#1f2833;--surface1:#2e3948;--surface2:#45a29e;--text:#c5c6c7;--subtext1:#a8a9ad;--subtext0:#8c8d90;--mauve:#45a29e;--rosewater:#e5e6eb;--peach:#d9a05b;--red:#e74c3c;--blue:#34495e;--green:#2ecc71;--sans:"JetBrains Mono", monospace;--header-font:"Special Elite", cursive;--raven-purple:#2e3948;--raven-glow:#45a29e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%231f2833' fill-opacity='0.15'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=rogue] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=rogue] .card{position:relative;border:1px solid var(--surface0)!important;background:linear-gradient(135deg, var(--mantle), var(--base))!important;border-radius:2px!important;box-shadow:0 2px 4px #00000080!important}[data-theme=rogue] .card:hover{border-color:var(--mauve)!important}[data-theme=rogue] .card:before{content:"🗡️";opacity:.35;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=bard]{--base:#1c1219;--mantle:#140d12;--crust:#0e090c;--surface0:#2a1b26;--surface1:#3b2635;--surface2:#4d3245;--text:#f2e5ec;--subtext1:#d9c2cf;--subtext0:#c0a0b3;--mauve:#d3b1c5;--rosewater:#e9c46a;--peach:#dfa77b;--red:#e76f51;--blue:#5fa8d3;--green:#80b9ad;--header-font:"Playfair Display", serif;--raven-purple:#3b2635;--raven-glow:#d3b1c5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(90deg,#110b10 0%,#160e15 25%,#110b10 50%,#160e15 75%,#110b10 100%);background-size:auto,160px 100%}[data-theme=bard] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=bard] .card{position:relative;border:2px solid var(--surface2)!important;background-color:var(--base)!important;border-radius:16px!important;box-shadow:0 4px 12px #f5c2e714!important}[data-theme=bard] .card:hover{transform:translateY(-2px);border-color:var(--rosewater)!important;box-shadow:0 6px 16px #fbc53126!important}[data-theme=bard] .card:before{content:"🎵";color:var(--rosewater);opacity:.45;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=barbarian]{--base:#261a1a;--mantle:#1a1212;--crust:#100b0b;--surface0:#3b2828;--surface1:#4f3636;--surface2:#674747;--text:#f2dcdc;--subtext1:#e5b7b7;--subtext0:#cca0a0;--mauve:#e74c3c;--rosewater:#d35400;--peach:#e67e22;--red:#c0392b;--blue:#2980b9;--green:#27ae60;--header-font:"Oswald", sans-serif;--raven-purple:#4f3636;--raven-glow:#e74c3c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg stroke='%233b2828' stroke-width='2' stroke-opacity='0.25' fill='none'%3E%3Cpath d='M-10 20l180 180M140 -10l50 50M-10 120l60 60'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=barbarian] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=barbarian] .card{position:relative;border:3px solid var(--surface1)!important;background-color:var(--base)!important;border-radius:12px 4px!important;box-shadow:0 4px 8px #0009!important}[data-theme=barbarian] .card:before{content:"🪓";opacity:.4;font-size:.85rem;position:absolute;top:6px;right:6px}[data-theme=warlock]{--base:#0e0618;--mantle:#08030f;--crust:#040108;--surface0:#220e3a;--surface1:#331558;--surface2:#4a1e80;--text:#f5ebff;--subtext1:#d9bfff;--subtext0:#be94ff;--mauve:#39ff14;--rosewater:#ff007f;--peach:#d685ff;--red:#f36;--blue:#00e5ff;--green:#2ecc71;--sans:"Inter", sans-serif;--header-font:"Special Elite", cursive;--raven-purple:#331558;--raven-glow:#39ff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg stroke='%2339ff14' stroke-width='1.2' stroke-opacity='0.08' fill='none'%3E%3Cpath d='M15 35c15-15 45-15 60 0M15 35c15 15 45 15 60 0'/%3E%3Ccircle cx='45' cy='35' r='6' fill='%2339ff14' fill-opacity='0.06'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=warlock] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=warlock] .card{position:relative;border:1px solid var(--surface2)!important;background-color:var(--base)!important;border-radius:10px!important;box-shadow:0 0 15px #ff007f14!important}[data-theme=warlock] .card:hover{border-color:var(--mauve)!important;box-shadow:0 0 20px #ff007f26,0 0 8px #39ff141a!important}[data-theme=warlock] .card:before{content:"👁️";opacity:.45;text-shadow:0 0 5px var(--mauve);font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=artificer]{--base:#1f1510;--mantle:#150d0a;--crust:#0c0705;--surface0:#33221a;--surface1:#4d3327;--surface2:#664434;--text:#f4ede8;--subtext1:#e5cdc0;--subtext0:#ccab99;--mauve:#f1c40f;--rosewater:#e67e22;--peach:#d35400;--red:#e74c3c;--blue:#3498db;--green:#2ecc71;--sans:"JetBrains Mono", monospace;--header-font:"JetBrains Mono", monospace;--raven-purple:#4d3327;--raven-glow:#f1c40f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23f1c40f' fill-opacity='0.04'%3E%3Cpath d='M40 25c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm0 24c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9z'/%3E%3Cpath d='M40 10c-1 0-2 .9-2 2v6c0 1.1.9 2 2 2s2-.9 2-2v-6c0-1.1-.9-2-2-2zm0 52c-1 0-2 .9-2 2v6c0 1.1.9 2 2 2s2-.9 2-2v-6c0-1.1-.9-2-2-2zM10 40c0-1 .9-2 2-2h6c1.1 0 2 .9 2 2s-.9 2-2 2h-6c-1.1 0-2-.9-2-2zm52 0c0-1 .9-2 2-2h6c1.1 0 2 .9 2 2s-.9 2-2 2h-6c-1.1 0-2-.9-2-2z'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=artificer] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=artificer] .card{position:relative;border:2px solid var(--surface1)!important;border-top:3px solid var(--mauve)!important;background-color:var(--base)!important;border-radius:6px!important;box-shadow:inset 0 0 8px #00000080!important}[data-theme=artificer] .card:hover{border-color:var(--mauve)!important}[data-theme=artificer] .card:before{content:"⚙️";opacity:.4;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=ranger]{--base:#181b14;--mantle:#11130e;--crust:#0a0b08;--surface0:#282e22;--surface1:#3a4231;--surface2:#4d5841;--text:#e3e8e0;--subtext1:#cad4c5;--subtext0:#b0bfaa;--mauve:#8fa87b;--rosewater:#d8caa4;--peach:#c89f65;--red:#c0392b;--blue:#52796f;--green:#7fa47f;--sans:"Lora", "Inter", serif;--header-font:"Lora", serif;--raven-purple:#3a4231;--raven-glow:#8fa87b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%238fa87b' stroke-opacity='0.08' stroke-width='1.2'%3E%3Ccircle cx='50' cy='50' r='18'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3Cpath d='M50 20v15M50 65v15M20 50h15M65 50h15'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=ranger] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=ranger] .card{position:relative;border:1px solid var(--surface1)!important;border-left:4px solid var(--mauve)!important;background-color:var(--base)!important;border-radius:12px!important}[data-theme=ranger] .card:hover{border-color:var(--mauve)!important}[data-theme=ranger] .card:before{content:"🏹";opacity:.35;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=samurai]{--base:#0b0a0a;--mantle:#050505;--crust:#000;--surface0:#221217;--surface1:#3b1d25;--surface2:#5b2b37;--text:#fff0f2;--subtext1:#ffccd5;--subtext0:#f9a;--mauve:#ffb3c6;--rosewater:#e74c3c;--peach:#d35400;--red:#c0392b;--blue:#2980b9;--green:#27ae60;--sans:"Lora", "Inter", serif;--header-font:"Playfair Display", serif;--raven-purple:#3b1d25;--raven-glow:#ffb3c6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffb3c6' stroke-opacity='0.08' stroke-width='1.2'%3E%3Cpath d='M0 30a30 30 0 0 1 60 0M10 30a20 20 0 0 1 40 0M20 30a10 10 0 0 1 20 0'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=samurai] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=samurai] .card{position:relative;border:1px solid var(--surface2)!important;border-top:3px solid var(--rosewater)!important;background-color:var(--base)!important;border-radius:2px!important}[data-theme=samurai] .card:hover{border-color:var(--mauve)!important}[data-theme=samurai] .card:before{content:"🌸";opacity:.45;font-size:.8rem;position:absolute;top:4px;right:6px}[data-theme=monk]{--base:#1f130b;--mantle:#150c07;--crust:#0c0704;--surface0:#331e11;--surface1:#4a2c19;--surface2:#613a21;--text:#f5ede6;--subtext1:#eaccb4;--subtext0:#dfa77b;--mauve:#f39c12;--rosewater:#e67e22;--peach:#dfa77b;--red:#c0392b;--blue:#3498db;--green:#16a085;--sans:"Lora", "Inter", serif;--header-font:"Lora", serif;--raven-purple:#4a2c19;--raven-glow:#f39c12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg stroke='%23f39c12' stroke-width='0.8' stroke-opacity='0.06' fill='none'%3E%3Ccircle cx='70' cy='70' r='25'/%3E%3Ccircle cx='70' cy='70' r='45'/%3E%3Cpath d='M70 15v110M15 70h110M31 31l78 78M31 109l78-78'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=monk] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=monk] .card{position:relative;border:1px solid var(--surface1)!important;background-color:var(--base)!important;border-radius:20px!important}[data-theme=monk] .card:hover{border-color:var(--mauve)!important}[data-theme=monk] .card:before{content:"📿";opacity:.4;font-size:.85rem;position:absolute;top:6px;right:8px}[data-theme=fighter]{--base:#181c22;--mantle:#111419;--crust:#0a0b0e;--surface0:#252d37;--surface1:#343f4d;--surface2:#475669;--text:#e2e8f0;--subtext1:#cbd5e1;--subtext0:#94a3b8;--mauve:#e74c3c;--rosewater:#3498db;--peach:#e67e22;--red:#c0392b;--blue:#475669;--green:#2ecc71;--sans:"Inter", sans-serif;--header-font:"Oswald", sans-serif;--raven-purple:#343f4d;--raven-glow:#e74c3c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg stroke='%233498db' stroke-width='0.75' stroke-opacity='0.06'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M0 30h60M30 0v60'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, var(--crust) 0%, var(--base) 100%)}[data-theme=fighter] .character-panel{border-right-color:var(--surface0)!important;background-color:#0000!important}[data-theme=fighter] .card{position:relative;border:2px solid var(--surface1)!important;border-right:3px solid var(--rosewater)!important;border-left:3px solid var(--mauve)!important;background-color:var(--base)!important;border-radius:16px 0!important}[data-theme=fighter] .card:hover{border-color:var(--rosewater)!important}[data-theme=fighter] .card:before{content:"🛡️";opacity:.35;font-size:.8rem;position:absolute;top:4px;right:6px}.database-panel,[data-theme] .database-panel{background-color:var(--base)!important}[data-theme] .database-panel .card{background-color:var(--surface0)!important}.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}.text-accent{color:var(--raven-glow)}.text-dim{color:var(--overlay1)}.text-muted{color:var(--overlay0)}.text-hp{color:var(--red)}.text-success{color:var(--green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s var(--ease-ui) both}