html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}
.fantasy-banner{display:none}.skin-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skin-picker>button{text-align:left;border:1px solid var(--color-border-medium);background:var(--color-bg-control);color:var(--color-text-primary);border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;padding:9px;display:flex}.skin-picker>button[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.skin-picker>button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.skin-picker strong{font-size:13px}.skin-picker small{color:var(--color-text-secondary);font-size:11px;line-height:1.5}.skin-swatch{border-radius:7px;height:100px;display:block;position:relative;overflow:hidden}.skin-swatch-classic{background:#202127;border:1px solid #ffffff20}.skin-swatch-classic i{background:#14161c;border-right:1px solid #ffffff15;position:absolute;inset:0 78% 0 0}.skin-swatch-classic b,.skin-swatch-classic em{background:#666671;border-radius:3px;height:9px;position:absolute;top:23%;left:29%;right:15%}.skin-swatch-classic em{background:#30323b;height:35%;top:46%;right:9%}.skin-swatch-fantasy{background:url(/themes/dragon-dice/dragon-d20.png) right 8px center/90px no-repeat,radial-gradient(at 15% 80%,#653228,#0000 75%),#211916;border:1px solid #b98a4a}.skin-swatch-fantasy:before{content:"D20";color:#edcf95;font:25px Georgia,serif;position:absolute;top:24px;left:13px}.skin-swatch-fantasy:after{content:"✦ ─── ✦";color:#c1995a;font-size:11px;position:absolute;top:62px;left:13px}.skin-picker .skin-picker-note{grid-column:1/-1}html[data-skin=fantasy]{--fantasy-heading:Georgia, "Times New Roman", serif;--fantasy-ink:#f5e7c9;--fantasy-wine:#602b2b;--fantasy-trim:#b68b4e;--color-white:#fff1d7;--color-bg-primary:#15110f;--color-bg-secondary:#1d1713;--color-bg-elevated:#2b211a;--color-bg-modal:#251c17;--color-bg-control:#201914;--color-bg-control-strong:#30231b;--color-bg-deep:#110f0e;--color-bg-shell:#1d1612;--color-bg-panel:#2b211a;--color-bg-card:#30251d;--color-bg-card-strong:#251b16;--color-bg-control-hover:#3b2b20;--color-bg-selected:#4a3023;--color-glass-shell:#1d1612f5;--color-glass-panel-start:#32251e;--color-glass-panel-end:#231b16;--color-glass-sheen:#e7bc6810;--color-app-gradient-start:#2b1d17;--color-app-gradient-end:#12100e;--color-app-neutral-glow:#cf9c4110;--color-app-accent-glow:#ac413c15;--color-surface-subtle:#d7b67707;--color-surface:#d7b6770c;--color-surface-hover:#d7b67717;--color-surface-strong:#d7b67722;--color-surface-selected:#b7883f20;--color-surface-overlay:#291e18fa;--color-border-subtle:#c09b602c;--color-border:#c09b6040;--color-border-medium:#c09b605c;--color-border-strong:#c09b6080;--color-text-primary:#f1e4ce;--color-text-strong:#e0cfb1;--color-text-secondary:#c2b297;--color-text-tertiary:#a79980;--color-text-muted:#8d7d68;--color-text-disabled:#756552;--color-accent:#d3ac68;--color-accent-hover:#e8c98c;--color-accent-active:#b48b48;--color-accent-soft:#d3ac6812;--color-accent-medium:#d3ac6826;--color-accent-strong:#d3ac6840;--color-amber-50:#fff3d5;--color-amber-100:#f3dcac;--color-amber-200:#e7c48b;--color-amber-300:#d3ac68;--color-amber-400:#bd924f;--color-amber-500:#a17a3e;--color-workspace-canvas:#171411;--color-workspace-canvas-alt:#1d1813;--color-workspace-grid:#d1b38616;--color-graph-edge-surface:#2b211a;--color-graph-edge-surface-selected:#493326;--color-graph-edge-border:#c09b6060;--color-graph-edge-text:#decca9;--color-graph-minimap-node:#90734e;--radius-modal:17px;--radius-panel:14px;--radius-card:11px;--shadow-panel:0 10px 30px #0003, inset 0 1px #e8c68c20;--shadow-overlay:0 24px 70px #0007, inset 0 1px #e8c68c30}html[data-skin=fantasy][data-theme=light]{--color-white:#302218;--fantasy-ink:#392719;--fantasy-trim:#87632e;--color-bg-primary:#e1d2b4;--color-bg-secondary:#eadbc0;--color-bg-elevated:#f6e8cb;--color-bg-modal:#f3e4c6;--color-bg-control:#ecddbf;--color-bg-control-strong:#e8d5af;--color-bg-deep:#d4c29e;--color-bg-shell:#ecddbd;--color-bg-panel:#f3e6c9;--color-bg-card:#faedcf;--color-bg-card-strong:#e9d7b4;--color-bg-control-hover:#dfc99f;--color-bg-selected:#ddc18c;--color-glass-shell:#eddfc2fa;--color-glass-panel-start:#f5e7c9;--color-glass-panel-end:#e8d5b0;--color-glass-sheen:#fff9e366;--color-app-gradient-start:#efe0c1;--color-app-gradient-end:#d5c099;--color-app-neutral-glow:#fff8e550;--color-app-accent-glow:#80583015;--color-surface-subtle:#6c471309;--color-surface:#6c471310;--color-surface-hover:#6c47131b;--color-surface-strong:#6c471326;--color-surface-selected:#9f6f2625;--color-surface-overlay:#f2e2c2fa;--color-border-subtle:#79552335;--color-border:#79552345;--color-border-medium:#79552365;--color-border-strong:#79552388;--color-text-primary:#34261b;--color-text-strong:#493321;--color-text-secondary:#644d34;--color-text-tertiary:#786144;--color-text-muted:#907a5c;--color-text-disabled:#a08c70;--color-accent:#95631f;--color-accent-hover:#805019;--color-accent-active:#694217;--color-accent-soft:#95631f14;--color-accent-medium:#95631f26;--color-accent-strong:#95631f40;--color-amber-50:#4a2e0d;--color-amber-100:#604015;--color-amber-200:#865a1f;--color-amber-300:#b58b48;--color-amber-400:#92632b;--color-amber-500:#734b1b;--color-workspace-canvas:#ded0ae;--color-workspace-canvas-alt:#d4c29d;--color-workspace-grid:#4a30121a;--color-graph-edge-surface:#f0dfbd;--color-graph-edge-surface-selected:#d9ba83;--color-graph-edge-border:#79552365;--color-graph-edge-text:#554025;--color-graph-minimap-node:#937649;--shadow-panel:0 10px 25px #5f421415, inset 0 1px #fff9e399;--shadow-overlay:0 24px 70px #5f421433, inset 0 1px #fff9e3aa}html[data-skin=fantasy] :is(h1,h2,h3,.type-logo,.type-logo-small,.type-app-title,.type-section-title,.type-display,.type-display-xl,.type-card-title){font-family:var(--fantasy-heading);letter-spacing:.012em;font-weight:600}html[data-skin=fantasy] .type-overline{letter-spacing:.16em;color:var(--color-accent)}html[data-skin=fantasy] .fantasy-header-crest{background:url(/themes/dragon-dice/dragon-d20.png) 50%/contain no-repeat;border:none;flex-shrink:0;width:44px;height:44px;display:flex}html[data-skin=fantasy] .fantasy-header-crest>span{opacity:0}html[data-skin=fantasy] :is(.glass-shell,.glass-panel,.ui-modal-surface,.ui-panel-surface,.ui-card-surface){border-color:var(--color-border-medium);box-shadow:var(--shadow-panel), inset 0 0 0 4px var(--color-surface-subtle)}html[data-skin=fantasy] :is(dialog,.ui-modal-surface){border-top:2px solid var(--fantasy-trim)}html[data-skin=fantasy] .app-background:before{opacity:.11;background:url(/themes/dragon-dice/dragon-d20.png) right -70px bottom -70px/min(46vw,540px) no-repeat}html[data-skin=fantasy] .app-background:after{background:repeating-linear-gradient(0deg,#a77b4204 0 1px,#0000 1px 4px),radial-gradient(at top,#a4532810,#0000 65%)}html[data-skin=fantasy] .surface-button{border-color:var(--color-border-medium);background-color:var(--color-bg-control);box-shadow:inset 0 1px #e5bd7520}html[data-skin=fantasy] .primary-button{color:#302010;background:linear-gradient(#ead098,#bd8d47);border-color:#daba7a;box-shadow:inset 0 1px #fff0c7,0 3px #684824,0 5px 15px #0002}html[data-skin=fantasy] .primary-button:hover{background:linear-gradient(#f2dba8,#cea05a)}html[data-skin=fantasy] :is(input:not([type=checkbox]):not([type=range]):not([type=color]),textarea,select):focus-visible{outline-color:var(--color-accent)}html[data-skin=fantasy] .fantasy-banner{isolation:isolate;color:#f0dcaf;background:radial-gradient(at 75% 70%,#75402b80,#0000 65%),linear-gradient(120deg,#201513,#352017 70%,#18120f);border:1px solid #b58b4e99;border-radius:14px;align-items:center;min-height:216px;margin-bottom:28px;padding:32px clamp(24px,3vw,42px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #201511,inset 0 0 0 6px #b58b4e50,0 15px 35px #0002}.fantasy-banner-copy{z-index:1;max-width:65%;position:relative}.fantasy-banner-copy>span{letter-spacing:.19em;color:#d0ae71;font-size:10px}.fantasy-banner-copy h2{text-wrap:balance;margin:15px 0 12px;font:600 clamp(27px,3vw,40px)/1.17 Georgia,serif}.fantasy-banner-copy p{color:#d0b995;font-size:12px;line-height:1.6}.fantasy-banner-art{pointer-events:none;filter:drop-shadow(0 9px 16px #0008);background:url(/themes/dragon-dice/dragon-d20.png) 50%/contain no-repeat;width:33%;height:125%;position:absolute;top:-12%;right:1%}.fantasy-banner-seal{color:#c9a062;clip-path:polygon(50% 0,97% 26%,97% 74%,50% 100%,3% 74%,3% 26%);background:#d9b47115;border:1px solid #c9a06255;place-items:center;width:34px;height:38px;font:16px Georgia,serif;display:grid;position:absolute;bottom:18px;right:33%;transform:rotate(-12deg)}html[data-skin=fantasy][data-theme=light] .fantasy-banner{color:#3d2816;background:radial-gradient(at 100%,#ae6d3440,#0000 75%),linear-gradient(120deg,#f4e3bd,#dcc093);box-shadow:inset 0 0 0 5px #ecd8af,inset 0 0 0 6px #8a622f60,0 12px 30px #5a361220}html[data-skin=fantasy][data-theme=light] .fantasy-banner-copy :is(span,p){color:#71512e}@media (max-width:700px){.skin-swatch{height:90px}.skin-swatch-fantasy{background-size:75px,auto,auto}.skin-swatch-fantasy:before{font-size:17px;left:9px}.skin-swatch-fantasy:after{font-size:8px;left:9px}html[data-skin=fantasy] .fantasy-banner{min-height:175px;padding:25px 21px}.fantasy-banner-copy{max-width:68%}.fantasy-banner-copy h2{font-size:25px}.fantasy-banner-copy>span{letter-spacing:.09em;font-size:8px}.fantasy-banner-art{opacity:.8;width:38%;right:-5%}.fantasy-banner-seal{display:none}}@media (prefers-reduced-motion:no-preference){html[data-skin=fantasy] .fantasy-banner-art{animation:.65s ease-out both fantasy-crest-reveal}@keyframes fantasy-crest-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}html[data-motion=reduced] .fantasy-banner-art{animation:none}@media (forced-colors:active){.skin-picker>button[aria-pressed=true]{outline:2px solid highlight}.fantasy-banner-art,.fantasy-banner-seal{display:none}}
.warlock-banner{display:none}.skin-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-swatch-warlock{background:url(/themes/warlock/pact-grimoire.png) 50%/contain no-repeat,radial-gradient(at bottom,#513375,#15111f);border:1px solid #9879ba}@media (max-width:700px){.skin-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-skin=warlock]{--warlock-heading:Georgia, "Times New Roman", serif;--color-white:#f0e9ff;--color-bg-primary:#100d18;--color-bg-secondary:#171220;--color-bg-elevated:#231b31;--color-bg-modal:#20192c;--color-bg-control:#1c1627;--color-bg-control-strong:#30223e;--color-bg-deep:#0c0a12;--color-bg-shell:#171220;--color-bg-panel:#231b31;--color-bg-card:#281e36;--color-bg-card-strong:#20172b;--color-bg-control-hover:#39284a;--color-bg-selected:#442b5d;--color-glass-shell:#171220f5;--color-glass-panel-start:#2a1e39;--color-glass-panel-end:#1d1729;--color-glass-sheen:#bc8cff10;--color-app-gradient-start:#271739;--color-app-gradient-end:#0d0c16;--color-app-neutral-glow:#9878cc12;--color-app-accent-glow:#7d39b522;--color-surface-subtle:#b69dda08;--color-surface:#b69dda0d;--color-surface-hover:#b69dda18;--color-surface-strong:#b69dda25;--color-surface-selected:#a078d525;--color-surface-overlay:#20192cfa;--color-border-subtle:#af8cd52c;--color-border:#af8cd542;--color-border-medium:#af8cd560;--color-border-strong:#af8cd590;--color-text-primary:#ede5f8;--color-text-strong:#dfd1ef;--color-text-secondary:#bcaccd;--color-text-tertiary:#a091b4;--color-text-muted:#877698;--color-text-disabled:#6e5f7e;--color-accent:#bc96ef;--color-accent-hover:#d4b9f7;--color-accent-active:#a178d4;--color-accent-soft:#bc96ef14;--color-accent-medium:#bc96ef28;--color-accent-strong:#bc96ef45;--color-amber-50:#f4eaff;--color-amber-100:#e9d4ff;--color-amber-200:#d4b7f4;--color-amber-300:#bc96ef;--color-amber-400:#a77cd8;--color-amber-500:#8d60bb;--color-workspace-canvas:#15101e;--color-workspace-canvas-alt:#1b1426;--color-workspace-grid:#bba1dc16;--color-graph-edge-surface:#281e36;--color-graph-edge-surface-selected:#442b5d;--color-graph-edge-border:#af8cd560;--color-graph-edge-text:#dfd1ef;--color-graph-minimap-node:#9374b4;--radius-modal:16px;--radius-panel:13px;--radius-card:10px;--shadow-panel:0 10px 30px #06030e44,inset 0 1px #caa9ff20;--shadow-overlay:0 24px 70px #06030e88,inset 0 1px #caa9ff30}html[data-skin=warlock][data-theme=light]{--color-white:#2b203b;--color-bg-primary:#e4dcec;--color-bg-secondary:#eae3f1;--color-bg-elevated:#f4edf9;--color-bg-modal:#eee5f5;--color-bg-control:#e6dbee;--color-bg-control-strong:#dfcee9;--color-bg-deep:#d4c7df;--color-bg-shell:#e9dff0;--color-bg-panel:#f0e8f6;--color-bg-card:#f5eef9;--color-bg-card-strong:#e2d4ec;--color-bg-control-hover:#d8c5e6;--color-bg-selected:#cfb5e4;--color-glass-shell:#e9dff0fa;--color-glass-panel-start:#f3eafa;--color-glass-panel-end:#dfd0ec;--color-glass-sheen:#ffffff60;--color-app-gradient-start:#eee3f7;--color-app-gradient-end:#d2c3e0;--color-app-neutral-glow:#fffaff40;--color-app-accent-glow:#78459718;--color-surface-subtle:#56317608;--color-surface:#56317610;--color-surface-hover:#5631761b;--color-surface-strong:#56317627;--color-surface-selected:#70429225;--color-surface-overlay:#eee5f5fa;--color-border-subtle:#6e448b30;--color-border:#6e448b45;--color-border-medium:#6e448b65;--color-border-strong:#6e448b88;--color-text-primary:#30203f;--color-text-strong:#463054;--color-text-secondary:#655075;--color-text-tertiary:#7e648e;--color-text-muted:#927da1;--color-text-disabled:#a590b2;--color-accent:#744393;--color-accent-hover:#60377e;--color-accent-active:#4d2968;--color-accent-soft:#74439314;--color-accent-medium:#74439328;--color-accent-strong:#74439340;--color-amber-50:#3b2051;--color-amber-100:#54316c;--color-amber-200:#744393;--color-amber-300:#ac88cb;--color-amber-400:#80549f;--color-amber-500:#603b7c;--color-workspace-canvas:#dfd3e9;--color-workspace-canvas-alt:#d4c4e0;--color-workspace-grid:#54316c18;--color-graph-edge-surface:#eee2f5;--color-graph-edge-surface-selected:#cfb5e4;--color-graph-edge-border:#6e448b65;--color-graph-edge-text:#463054;--color-graph-minimap-node:#8c6ba6;--shadow-panel:0 10px 25px #44205815,inset 0 1px #fffaff99;--shadow-overlay:0 24px 70px #44205835,inset 0 1px #fffaffaa}html[data-skin=warlock] :is(h1,h2,h3,.type-logo,.type-logo-small,.type-app-title,.type-section-title,.type-display,.type-display-xl,.type-card-title){font-family:var(--warlock-heading);letter-spacing:.018em;font-weight:600}html[data-skin=warlock] .type-overline{color:var(--color-accent);letter-spacing:.16em}html[data-skin=warlock] :is(.glass-shell,.glass-panel,.ui-modal-surface,.ui-panel-surface,.ui-card-surface){border-color:var(--color-border-medium);box-shadow:var(--shadow-panel),inset 0 0 0 3px var(--color-surface-subtle)}html[data-skin=warlock] :is(dialog,.ui-modal-surface){border-top:2px solid var(--color-accent)}html[data-skin=warlock] .fantasy-header-crest{background:url(/themes/warlock/pact-grimoire.png) 50%/contain no-repeat;border:none;flex-shrink:0;width:44px;height:44px;display:flex}html[data-skin=warlock] .fantasy-header-crest>span{opacity:0}html[data-skin=warlock] .app-background:before{background:radial-gradient(at 90% 80%,#813bbe20,#0000 65%)}html[data-skin=warlock] .app-background:after{background:repeating-linear-gradient(120deg,#b58fde04 0 1px,#0000 1px 6px)}html[data-skin=warlock] .surface-button{border-color:var(--color-border-medium);background-color:var(--color-bg-control);box-shadow:inset 0 1px #cca7ff20}html[data-skin=warlock] .primary-button{color:#241232;background:linear-gradient(#d2b5f2,#a176cb);border-color:#d4b6f0;box-shadow:inset 0 1px #f1dfff,0 3px #4d2c69,0 5px 18px #8b4edb22}html[data-skin=warlock] .primary-button:hover{background:linear-gradient(#e4cef8,#b68cdb)}html[data-skin=warlock] [aria-current=page]{background-color:var(--color-surface-selected);border-color:var(--color-border-medium)}html[data-skin=warlock] .warlock-banner{isolation:isolate;color:#f0e2ff;background:radial-gradient(at 80% 75%,#67408d88,#0000 62%),linear-gradient(115deg,#161120,#251735);border:1px solid #a17dc277;border-radius:12px;align-items:center;min-height:225px;margin-bottom:28px;padding:32px clamp(24px,3vw,42px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #181020,inset 0 0 0 6px #9c77bc40,0 12px 32px #10051e44}.warlock-banner-copy{z-index:2;max-width:63%;position:relative}.warlock-banner-copy>span{letter-spacing:.2em;color:#c4a7e0;font-size:10px}.warlock-banner-copy h2{text-wrap:balance;margin:15px 0 12px;font:600 clamp(27px,3vw,40px)/1.17 Georgia,serif}.warlock-banner-copy p{color:#c9b5df;font-size:12px;line-height:1.6}.warlock-banner-art{pointer-events:none;filter:drop-shadow(0 0 20px #ac70e530);z-index:1;background:url(/themes/warlock/pact-grimoire.png) 50%/contain no-repeat;width:35%;position:absolute;inset:4% 1% 4% auto}.warlock-banner-runes{pointer-events:none;border:1px dashed #b594db30;border-radius:50%;width:260px;height:260px;position:absolute;top:-20px;right:-20px;box-shadow:0 0 0 15px #ad80d808,0 0 0 16px #ad80d822,0 0 0 30px #ad80d808}html[data-skin=warlock][data-theme=light] .warlock-banner{color:#362144;background:radial-gradient(at 100%,#b698cf60,#0000 70%),linear-gradient(115deg,#f0e4fa,#d7c3e8);box-shadow:inset 0 0 0 5px #e8d8f1,inset 0 0 0 6px #80539950,0 12px 30px #44205820}html[data-skin=warlock][data-theme=light] .warlock-banner-copy :is(span,p){color:#684a7b}@media (max-width:700px){html[data-skin=warlock] .warlock-banner{min-height:185px;padding:25px 21px}.warlock-banner-copy{max-width:65%}.warlock-banner-copy h2{font-size:25px}.warlock-banner-copy>span{letter-spacing:.09em;font-size:8px}.warlock-banner-art{width:39%;right:-3%}}@media (prefers-reduced-motion:no-preference){html[data-skin=warlock] .warlock-banner-art{animation:.8s ease-out both warlock-awakening}@keyframes warlock-awakening{0%{opacity:0;transform:translateY(7px)scale(.97)}to{opacity:1;transform:none}}}html[data-motion=reduced] .warlock-banner-art{animation:none}@media (forced-colors:active){.warlock-banner-art,.warlock-banner-runes{display:none}}
html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]){--frost-base:var(--color-bg-panel);--frost-fill:var(--frost-base);--frost-modal:var(--color-bg-modal);--frost-blur:none;--frost-edge:color-mix(in srgb,var(--color-accent) 26%,#ffffff35);--frost-highlight:#ffffff28;--frost-shadow:inset 0 1px 0 var(--frost-highlight),inset 0 -1px 0 #ffffff07,0 16px 38px #00000025;--frost-background:linear-gradient(145deg,#ffffff0f,transparent 42%,#ffffff04),var(--frost-fill);--frost-radius:24px;--frost-enter:none;--frost-sheen:none;--frost-transition:none;--radius-modal:28px;--radius-panel:24px;--radius-card:20px}html[data-skin=fantasy]{--frost-orb-one:#a66e454d;--frost-orb-two:#bd974a2e}html[data-skin=warlock]{--frost-orb-one:#9257ce4a;--frost-orb-two:#57adb02b}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock])[data-theme=light]{--frost-edge:#fffa;--frost-highlight:#fffc;--frost-shadow:inset 0 1px 0 var(--frost-highlight),inset 0 -1px 0 #fff4,0 14px 34px #37234912;--frost-background:linear-gradient(145deg,#fff7,transparent 50%,#ffffff18),var(--frost-fill)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]){--frost-fill:color-mix(in srgb,var(--frost-base) 79%,transparent);--frost-modal:color-mix(in srgb,var(--color-bg-modal) 89%,transparent);--frost-blur:blur(22px) saturate(135%)}}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .app-background:before{opacity:1;background:radial-gradient(ellipse at 12% 25%,var(--frost-orb-one),transparent 52%),radial-gradient(ellipse at 93% 70%,var(--frost-orb-two),transparent 50%)}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .app-background:after{background:linear-gradient(115deg,#ffffff04,#0000 45%,#ffffff02)}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .glass-shell{background:color-mix(in srgb,var(--color-bg-shell) 58%,transparent);box-shadow:inset 0 1px var(--frost-highlight),0 20px 65px #0002;border-color:var(--frost-edge);-webkit-backdrop-filter:none}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) :is(.glass-panel,.ui-panel-surface,.ui-card-surface,.ui-modal-surface){background:var(--frost-background);border-color:var(--frost-edge);border-radius:var(--frost-radius);box-shadow:var(--frost-shadow);-webkit-backdrop-filter:var(--frost-blur)}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .ui-modal-surface{background:var(--frost-modal)}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .surface-button{border-color:var(--frost-edge);background:linear-gradient(140deg,#ffffff12,transparent),var(--color-bg-control);box-shadow:inset 0 1px var(--frost-highlight),0 4px 12px #0001;border-radius:15px}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .primary-button{border-radius:999px;box-shadow:inset 0 1px #ffffff70,inset 0 -1px #0002,0 7px 20px #0002}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) :is(.fantasy-banner,.warlock-banner){border:1px solid var(--frost-edge);background:radial-gradient(ellipse at 85% 70%,var(--frost-orb-one),transparent 60%),var(--frost-background);color:var(--color-text-primary);box-shadow:var(--frost-shadow);-webkit-backdrop-filter:var(--frost-blur);border-radius:30px}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) :is(.fantasy-banner-copy,.warlock-banner-copy) :is(span,p){color:var(--color-text-secondary)}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) :is(.fantasy-banner,.warlock-banner):after{content:"";z-index:3;pointer-events:none;animation:var(--frost-sheen);background:linear-gradient(110deg,#0000 42%,#ffffff0d 48%,#ffffff20 50%,#ffffff0d 52%,#0000 59%);position:absolute;inset:-40% -25%;transform:translate(105%)}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .warlock-banner-runes{opacity:.45}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .skin-picker>button{background:var(--frost-background);box-shadow:inset 0 1px var(--frost-highlight);transition:var(--frost-transition);border-radius:18px}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .skin-picker>button[aria-pressed=true]{box-shadow:0 0 0 1px var(--color-accent),inset 0 1px var(--frost-highlight),0 7px 18px #0001}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .skin-swatch{border-radius:11px}@media (prefers-reduced-motion:no-preference){html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]):not([data-motion=reduced]){--frost-enter:frost-arrive .55s cubic-bezier(.2,.7,.2,1) backwards;--frost-sheen:frost-sheen 1.4s .2s ease-out both;--frost-transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .2s ease,background-color .2s ease}@keyframes frost-arrive{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@keyframes frost-sheen{0%{transform:translate(-105%)}to{transform:translate(105%)}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]):not([data-motion=reduced]) .skin-picker>button:hover{transform:translateY(-2px)}}@media (max-width:700px){html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]){--frost-radius:21px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]){--frost-blur:blur(14px) saturate(120%)}}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) :is(.fantasy-banner,.warlock-banner){border-radius:24px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]){--frost-fill:var(--frost-base);--frost-modal:var(--color-bg-modal);--frost-blur:none;--frost-edge:var(--color-border-strong);--frost-background:var(--frost-base);--frost-sheen:none!important}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) .glass-shell{background:var(--color-bg-shell)}}@media (forced-colors:active){html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]){--frost-fill:Canvas;--frost-modal:Canvas;--frost-background:Canvas;--frost-blur:none;--frost-edge:CanvasText;--frost-shadow:none}html[data-skin]:is([data-skin=fantasy],[data-skin=warlock]) :is(.fantasy-banner,.warlock-banner):after{display:none}}