/* =====================================================================
   MYTHIC NOIR backdrops (see mythic.js) and the shared UI chrome for the class looks.
   Rules: desaturated, one phenomenon per class, nothing flashes, motion is felt only after 5-10 seconds.
   ===================================================================== */
.mn{position:fixed;left:0;right:0;top:0;height:100vh;height:100lvh;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1s ease;background:var(--mn-dark,#06080b)}
.mn.on{opacity:1}
html[data-mode="day"] .mn{display:none}
.mn>*{position:absolute;inset:0}
.mn-base,.mn-fx{inset:0;background-size:cover;background-position:center bottom;background-repeat:no-repeat}
.mn-far,.mn-mid,.mn-front{inset:-1.5%;background-size:cover;background-position:center bottom;background-repeat:no-repeat}

.mn-far{transform:translate(calc(var(--px,0px)*.1),calc(var(--py,0px)*.1))}
.mn-mid{transform:translate(calc(var(--px,0px)*.3),calc(var(--py,0px)*.3))}
.mn-front{transform:translate(calc(var(--px,0px)*.6),calc(var(--py,0px)*.6))}

/* the class phenomenon: slow drift, soft breathing, and a short signature moment every so often */
.mn-fx{animation:mndrift var(--dt,60s) ease-in-out infinite alternate,mnbreath var(--bt,26s) ease-in-out infinite alternate,var(--sig,none) var(--si,45s) ease-in-out infinite;will-change:transform,opacity}
.mn-fx.loop{animation:mnloop var(--dt,20s) linear infinite,mnbreath var(--bt,26s) ease-in-out infinite alternate,var(--sig,none) var(--si,45s) ease-in-out infinite}
@keyframes mndrift{from{translate:var(--x0,0%) var(--y0,0px);rotate:var(--r0,0deg)}to{translate:var(--x1,0%) var(--y1,0px);rotate:var(--r1,0deg)}}
@keyframes mnloop{from{translate:var(--x0,0%) var(--y0,0px)}to{translate:var(--x1,0%) var(--y1,0px)}}
@keyframes mnbreath{from{opacity:var(--lo,.7)}to{opacity:var(--hi,1)}}
/* a whisper of film grain keeps soft artwork from looking blurry */
.mn::after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");z-index:1}
/* readability: darken softly behind the card column, keep colour at the edges, calm top and bottom */
.mn-card{inset:0;background:radial-gradient(ellipse 62% 58% at 50% 52%,color-mix(in srgb,var(--mn-dark,#06080b) 52%,transparent),transparent 80%)}
.mn-vig{inset:0;background:radial-gradient(ellipse 85% 75% at 50% 46%,transparent 55%,color-mix(in srgb,var(--mn-dark,#06080b) 70%,transparent) 100%)}
.mn-safe{inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--mn-dark,#06080b) 92%,transparent) 0,transparent 12%,transparent 86%,color-mix(in srgb,var(--mn-dark,#06080b) 94%,transparent) 100%)}
@media (prefers-reduced-motion:reduce){.mn,.mn *{animation:none!important;transition:none!important}}

/* ---- header search and menu icons (all looks) ---- */
.top .sbtn{width:40px;padding:0;justify-content:center;flex:none}
.top .sbtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.row.menu .mico{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03);display:grid;place-items:center;color:var(--accent);margin-right:12px}
.row.menu .mico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* the old particle layer is retired: Mythic Noir keeps the air still */
html body:not(.login)::after{display:none}

/* light sharpening on the backdrop art (SVG filter #mnsharp in index.html) */
/* backdrop dimming per class: keeps bare text over bright scenes at 4.5:1 (measured from each scene's 90th-percentile brightness) */
.mn-druid{--dim:0.04}
.mn-cleric{--dim:0.25}
.mn-monk{--dim:0.21}
.mn-warlock{--dim:0.04}
.mn-paladin{--dim:0.38}
.mn-bard{--dim:0.05}
.mn-barbarian{--dim:0.09}
.mn-fighter{--dim:0.28}
.mn-ranger{--dim:0.27}
.mn-rogue{--dim:0.04}
.mn-sorcerer{--dim:0.4}
.mn-wizard{--dim:.3}
.mn-wizard-alt{--dim:.12}
.mn-sorcerer-alt{--dim:.22}
.mn-warlock-alt{--dim:.04}
.mn-monk-alt{--dim:.1}
.mn-paladin-alt{--dim:.3}
.mn-fighter-alt{--dim:.2}
.mn-monk-alt2{--dim:.12}
.mn-barbarian-alt{--dim:.1}
.mn-bard-alt{--dim:.12}
.mn-druid-alt{--dim:.08}
.mn-ranger-alt{--dim:.04}
.mn-rogue-alt{--dim:0}
.mn-cleric-alt{--dim:.06}
.mn-base,.mn-far,.mn-mid,.mn-front{filter:url(#mnsharp) brightness(calc(1 - var(--dim,0)))}
/* theme picker previews for the twelve classes: a thumbnail of the scene with a Mythic Noir card on top */
.tprev.cls{background:var(--thumb) center/cover no-repeat;min-height:112px;padding:0}
.tprev.cls::before,.tprev.cls .tp-card,.tprev.cls .tp-ornament{display:none}
.modebtn,#mode{display:none!important}
/* ===== WELCOME SCREEN (after login) ===== */
body.welcoming #app,body.welcoming header.top,body.welcoming nav.bar{opacity:0;pointer-events:none;transition:opacity .6s ease}
#app,header.top,nav.bar{transition:opacity .8s ease}
.wlc{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;cursor:pointer;background:radial-gradient(ellipse 60% 48% at 50% 50%,color-mix(in srgb,var(--mn-dark,#06080b) 46%,transparent),transparent 78%);animation:wlcin 1s ease both;transition:opacity .7s ease}
.wlc.out{opacity:0;pointer-events:none}
.wlc-in{display:flex;flex-direction:column;align-items:center;max-width:420px;animation:wlcup 1.1s .15s cubic-bezier(.2,.7,.2,1) both}
.wlc-ring{position:relative;width:148px;height:148px;border-radius:50%;padding:5px;background:conic-gradient(from 200deg,var(--accent),color-mix(in srgb,var(--accent) 25%,transparent),var(--accent));box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 38px var(--glow,rgba(255,255,255,.18)),0 14px 40px rgba(0,0,0,.55)}
.wlc-ring::after{content:'';position:absolute;inset:-14px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);animation:wlcpulse 3.6s ease-in-out infinite}
.wlc-ring .av{width:100%;height:100%;border-radius:50%;font-size:46px;background-size:cover;background-position:center;border:3px solid var(--bg,#06080b)}
.wlc-ico{display:block;width:100%;height:100%;border-radius:50%;background:var(--bg,#06080b)}
.wlc-ico::after{content:'';display:block;width:100%;height:100%;background:var(--accent);-webkit-mask:var(--ornament) center/46% no-repeat;mask:var(--ornament) center/46% no-repeat}
.wlc-k{margin:26px 0 4px;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 10px rgba(0,0,0,1),0 0 3px rgba(0,0,0,.9)}
.wlc-name{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(34px,9vw,52px);line-height:1.08;letter-spacing:.12em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 18px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);padding-left:.12em}
.wlc-line{display:block;width:90px;height:1px;margin:14px auto 12px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.wlc-sub{margin:0;font-size:15px;letter-spacing:.08em;color:var(--text);text-shadow:0 1px 10px rgba(0,0,0,.9)}
.wlc-tag{margin:8px 0 0;font-family:var(--lore,Georgia,serif);font-style:italic;font-size:17px;color:var(--text2);text-shadow:0 1px 10px rgba(0,0,0,.9)}
.wlc-go{margin-top:30px;min-width:160px;letter-spacing:.2em;text-transform:uppercase;font-family:var(--display)}
@keyframes wlcin{from{opacity:0}to{opacity:1}}
@keyframes wlcup{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wlcpulse{50%{transform:scale(1.07);opacity:.45}}
@media (prefers-reduced-motion:reduce){.wlc,.wlc-in,.wlc-ring::after{animation:none}}
.wlc-embers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.wlc-embers i{position:absolute;left:var(--l);bottom:-12px;width:var(--s);height:var(--s);border-radius:50%;background:color-mix(in srgb,var(--accent) 45%,#fff);box-shadow:0 0 12px 3px var(--accent),0 0 3px 1px #fff;opacity:0;animation:wlcember var(--t) linear var(--d) infinite}
@keyframes wlcember{0%{transform:translate(0,0) scale(1);opacity:0}12%{opacity:1}70%{opacity:.7}100%{transform:translate(var(--x),var(--y)) scale(.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.wlc-embers{display:none}}
/* ===== THEME PICKER: class bubbles + look sheet ===== */
.bubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:18px 6px;padding:10px 4px 6px}
.bub{position:relative;display:grid;justify-items:center;gap:3px;padding:4px 2px 6px;background:none;border:0;color:var(--text);font:inherit;cursor:pointer;border-radius:16px;transition:transform .22s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
.bub:hover{transform:translateY(-3px)}
.bub:active{transform:scale(.96)}
.bub-ring{position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--thumb,none) center/cover no-repeat,var(--surface);border:2px solid var(--line2);box-shadow:0 0 0 3px color-mix(in srgb,var(--bg,#06080b) 80%,transparent),0 10px 24px -10px var(--glow,rgba(0,0,0,.7));overflow:hidden;transition:border-color .25s,box-shadow .25s}
.bub-ring::before{content:'';position:absolute;inset:0;background:radial-gradient(closest-side,color-mix(in srgb,var(--bg,#06080b) 82%,transparent) 38%,transparent 100%)}
.bub-ico{position:relative;width:36px;height:36px;background:var(--accent);-webkit-mask:var(--ornament) center/contain no-repeat;mask:var(--ornament) center/contain no-repeat;filter:drop-shadow(0 0 6px var(--glow,transparent))}
.bub-ring svg{position:relative;width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--glow,transparent))}
.bub:hover .bub-ring,.bub.on .bub-ring{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--bg,#06080b) 80%,transparent),0 0 0 5px color-mix(in srgb,var(--accent) 45%,transparent),0 12px 28px -8px var(--glow,rgba(0,0,0,.7))}
.bub-n{margin-top:4px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.bub-c{font-size:12.5px;color:var(--muted)}
.bub-on{position:absolute;top:0;right:calc(50% - 46px);width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:14px;font-weight:700;box-shadow:0 0 0 3px var(--surface,#0c1116),0 4px 10px rgba(0,0,0,.5)}
.sheet.tpick{max-width:min(1040px,100vw);width:100%;padding:16px 0 calc(16px + env(safe-area-inset-bottom));overflow:hidden;display:flex;flex-direction:column;max-height:94vh;max-height:94dvh}
.tp-top{display:flex;align-items:center;gap:10px;padding:0 18px 12px}
.tp-ttl{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--title,var(--text))}
.tp-ct{flex:1;color:var(--muted);font-size:14px}
.tp-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--text);font-size:16px;cursor:pointer}
.tp-wrap{position:relative;display:flex;min-height:0;flex:1 1 auto;overflow:hidden}
.tp-rail{position:relative;display:flex;gap:14px;width:100%;overflow-x:auto;overflow-y:auto;scroll-snap-type:x mandatory;--sw:min(84vw,390px);padding:4px calc(50% - var(--sw) / 2) 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tp-rail::-webkit-scrollbar{display:none}
.tp-slide{flex:0 0 var(--sw);scroll-snap-align:center;display:flex;flex-direction:column;gap:10px}
.tp-pv{position:relative;container-type:size;aspect-ratio:3/4;max-height:56vh;width:100%;border-radius:var(--r,16px);overflow:hidden;border:1px solid var(--line2);background:var(--bg);color:var(--text);font-family:var(--body,system-ui,sans-serif);box-shadow:0 20px 46px -16px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.45)}
.tp-img{position:absolute;inset:0;background:var(--ip) center bottom/cover no-repeat;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.tp-slide:hover .tp-img{transform:scale(1.04)}
.tp-pv:not([style]) .tp-img{background:radial-gradient(90% 70% at 50% 12%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 72%),radial-gradient(120% 90% at 50% 0%,var(--bg2,#10151c),var(--bg,#06080b))}
.tp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,0) 28%,rgba(0,0,0,0) 52%,rgba(0,0,0,.6))}
.tp-pv>.tk-card{position:absolute!important;left:12px;right:12px;bottom:46px;margin:0!important;padding:14px 16px 16px}
.tk-card .hd{margin-bottom:8px}
.tp-t1{font-size:17px;font-weight:600;color:var(--text)}
.tp-t2{margin-top:2px;font-size:14.5px;color:var(--text2)}
.tk-row{display:flex;align-items:center;gap:10px;margin-top:12px}
.tp-fake{pointer-events:none;padding:8px 20px;border-radius:99px;font-size:14px}
.tp-chip{font-size:13.5px;color:var(--muted);border:1px solid var(--line2);border-radius:99px;padding:6px 14px}
.tp-tag{position:absolute;left:0;right:0;bottom:13px;text-align:center;font-family:var(--lore,Georgia,serif);font-style:italic;font-size:15px;color:var(--text2);text-shadow:0 1px 8px #000,0 0 3px #000}
@container (max-height:340px){.tp-t2{display:none}.tk-card{padding:10px 12px 12px;bottom:40px}.tk-row{margin-top:8px}.tp-fake{padding:6px 16px}.tk-card .hd{margin-bottom:4px;padding-bottom:7px}.tp-tag{font-size:14px;bottom:10px}}
.tk-card{max-height:calc(100% - 54px);overflow:hidden}
.tp-meta{padding:2px 4px 0}
.tp-name{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.tp-sub{margin-top:2px;font-size:14px;color:var(--muted)}
.tp-sel{width:100%;padding:13px 18px;font-size:16px;letter-spacing:.08em;text-transform:uppercase}
.tp-sel.done{filter:saturate(.55) brightness(.9);box-shadow:none}
.tp-dots{display:flex;justify-content:center;gap:8px;padding-top:6px}
.tp-dots i{width:8px;height:8px;border-radius:99px;background:var(--line2);transition:width .25s,background .25s}
.tp-dots i.on{width:24px;background:var(--accent)}
.tp-ar{display:none}
@media (min-width:700px){
.sheet.tpick{border-radius:calc(var(--r) + 6px);border-bottom:1px solid var(--line2);padding:22px 0 22px}
.tp-top{padding:0 26px 14px}
.tp-rail{--sw:min(60vw,440px);padding-bottom:12px}
.tp-pv{aspect-ratio:4/3;max-height:54vh}
.tp-pv>.tk-card{right:auto;left:14px;width:min(68%,310px);bottom:46px;padding:12px 14px 14px}
.tp-t1{font-size:16px}.tp-t2{font-size:13.5px}

.tp-img{background-image:var(--il)}
.tp-ar{display:grid;place-items:center;position:absolute;top:34%;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--surface);color:var(--text);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.tp-ar.l{left:8px}.tp-ar.r{right:8px}
.tp-ar:hover{border-color:var(--accent);color:var(--accent)}
}
@media (min-width:1100px){
.tp-rail[data-n="1"],.tp-rail[data-n="2"],.tp-rail[data-n="3"]{padding-inline:56px;justify-content:center;overflow-x:hidden}
.tp-rail[data-n="1"],.tp-rail[data-n="2"]{--sw:440px}
.tp-rail[data-n="3"]{--sw:290px}
.tp-rail[data-n="3"] .tp-pv{aspect-ratio:4/5;max-height:none}
.tp-wrap:has(.tp-rail[data-n="1"]) .tp-ar,.tp-wrap:has(.tp-rail[data-n="2"]) .tp-ar,.tp-wrap:has(.tp-rail[data-n="3"]) .tp-ar{display:none}
}
@media (prefers-reduced-motion:reduce){.tp-img,.bub{transition:none}}
/* ===== CLASS HEADER + CLASS PLATE (night class looks) ===== */
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top p{color:var(--text2);text-shadow:0 1px 6px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}
.cplate{display:none}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) {
  --cls: 1;
}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .cplate{display:block;position:relative;text-align:center;padding:22px 16px 20px;margin:2px 0 14px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--surface) 92%,transparent));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 12px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);overflow:hidden}
.cplate::before{content:'';position:absolute;left:50%;top:-40%;width:70%;height:90%;translate:-50% 0;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none;opacity:.9}
.cplate .cicon{position:relative;display:block;width:44px;height:44px;margin:0 auto 10px;border-radius:50%;border:1px solid var(--line2);background:color-mix(in srgb,var(--bg) 70%,transparent)}
.cplate .cicon::after{content:'';position:absolute;inset:10px;background:var(--accent);-webkit-mask:var(--ornament) center/contain no-repeat;mask:var(--ornament) center/contain no-repeat;filter:drop-shadow(0 0 5px var(--glow))}
.cplate .cname{position:relative;margin:0;font-family:var(--display);font-weight:600;font-size:26px;line-height:1.1;letter-spacing:.2em;text-transform:uppercase;color:var(--text);padding-left:.2em}
.cplate .cline{display:block;width:64px;height:1px;margin:11px auto 9px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.cplate .ctag{position:relative;margin:0;font-family:var(--lore,Georgia,serif);font-style:italic;font-size:16px;line-height:1.35;color:var(--text2)}
.cplate .cwho{position:relative;margin:10px 0 0;font-size:13px;letter-spacing:.06em;color:var(--muted)}
/* header: emblem and buttons on one row, the campaign title centred under them (phones); one centred row from 700px */
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:8px;align-items:center}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top .brand{display:contents}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top .emblem{grid-column:1;grid-row:1}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top .topbtns{grid-column:3;grid-row:1;justify-self:end}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top .bt{grid-column:1/-1;grid-row:2;text-align:center}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top h1{letter-spacing:.14em;text-transform:uppercase;font-size:19px}
@media (min-width:700px){
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top .bt{grid-column:2;grid-row:1}
:is([data-theme="druid"],[data-theme="cleric"],[data-theme="monk"],[data-theme="warlock"],[data-theme="paladin"],[data-theme="bard"],[data-theme="barbarian"],[data-theme="fighter"],[data-theme="ranger"],[data-theme="rogue"],[data-theme="sorcerer"],[data-theme="wizard"]):not([data-mode="day"]) .top h1{font-size:22px}
}

/* ===== MYTHIC NOIR UI (generated by tools/gen-mythic-ui.js from docs/mythic-noir/themes.json) ===== */
[data-theme="druid"]:not([data-mode="day"]){
  --bg:#07100E; --bg2:#07100e; --surface:#07100e; --raised:#131c1a; --raised2:#1d2624;
  --line:#30483A; --line2:#495e52; --text:#eae9df; --text2:#bcc0ae; --muted:#8f9687;
  --accent:#B09254; --accent2:#b69b62; --accent-ink:#10130F; --arcane:#B8A362; --arcane-soft:rgba(184,163,98,0.16); --gold:#B09254;
  --glass:rgba(7,16,14,0.86); --meta:#07100E; --mn-dark:#07100E; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15c6-10 12-9 12-9s1 7-8 12'/%3E%3Cpath d='M7 17c2-3 5-5 9-7'/%3E%3C/svg%3E"); --hover:#C2AD6B; --glow:rgba(119,134,107,0.22); --title:#dfd3bb;
  --die:#313120; --die-tens:#534b2e; --die-edge:#eae9df; --die-glow:#B09254; --die-outline:#07100E;
}
[data-theme="druid"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(176,146,84,0.075),rgba(176,146,84,0) 44%),rgba(7,16,14,0.86);border:1px solid #44543e;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(216,201,170,0.11)}
[data-theme="druid"]:not([data-mode="day"]) .card::before,[data-theme="druid"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="druid"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(176,146,84,0.55),rgba(176,146,84,0.14) 55%,rgba(30,47,38,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="druid"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="druid"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="druid"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="druid"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(176,146,84,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="druid"]:not([data-mode="day"]) ::selection{background:rgba(176,146,84,0.4);color:#fff}
[data-theme="druid"]:not([data-mode="day"]) :focus-visible{outline:2px solid #B09254;outline-offset:2px}
[data-theme="druid"]:not([data-mode="day"]){scrollbar-color:rgba(176,146,84,0.5) transparent;scrollbar-width:thin}
[data-theme="druid"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(176,146,84,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="druid"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(176,146,84,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="druid"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(176,146,84,0.38);background:rgba(7,16,14,0.78);color:var(--text)}
[data-theme="druid"]:not([data-mode="day"]) .subtabs button.on,[data-theme="druid"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(176,146,84,0.5),0 6px 18px -8px rgba(176,146,84,0.7)}
@media (min-width:1100px){
[data-theme="druid"]:not([data-mode="day"]) nav.bar{background:rgba(7,16,14,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #4a573f;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="druid"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #B8A362;background:linear-gradient(90deg,rgba(184,163,98,0.2),rgba(184,163,98,0.04))}
}
[data-theme="druid"]:not([data-mode="day"]) nav.bar .in{background:rgba(7,16,14,0.86);border-color:#30483A}
[data-theme="druid"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="druid"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(184,163,98,0.14)}
[data-theme="druid"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#B8A362}
[data-theme="druid"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="druid"]:not([data-mode="day"]) .row,[data-theme="druid"]:not([data-mode="day"]) .pollrow{border-color:#1e2f26}
[data-theme="cleric"]:not([data-mode="day"]){
  --bg:#0E141B; --bg2:#0d1219; --surface:#0b0f17; --raised:#171b23; --raised2:#21252c;
  --line:#3A4B63; --line2:#526176; --text:#e8e8e7; --text2:#afb6bf; --muted:#959faa;
  --accent:#E8D9A8; --accent2:#eadcaf; --accent-ink:#0B0F17; --arcane:#D6B869; --arcane-soft:rgba(214,184,105,0.16); --gold:#E8D9A8;
  --glass:rgba(11,15,23,0.86); --meta:#0E141B; --mn-dark:#0E141B; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v4M12 18v4M2 12h4M18 12h4M5 5l3 3M16 16l3 3M19 5l-3 3M8 16l-3 3'/%3E%3C/svg%3E"); --hover:#F1E4BD; --glow:rgba(232,217,168,0.24); --title:#f6f0dc;
  --die:#45453e; --die-tens:#706d5a; --die-edge:#e8e8e7; --die-glow:#E8D9A8; --die-outline:#0E141B;
}
[data-theme="cleric"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(232,217,168,0.075),rgba(232,217,168,0) 44%),rgba(11,15,23,0.86);border:1px solid #56626e;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(244,236,212,0.11)}
[data-theme="cleric"]:not([data-mode="day"]) .card::before,[data-theme="cleric"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="cleric"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(232,217,168,0.55),rgba(232,217,168,0.14) 55%,rgba(37,48,65,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="cleric"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="cleric"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="cleric"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="cleric"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(232,217,168,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="cleric"]:not([data-mode="day"]) ::selection{background:rgba(232,217,168,0.4);color:#fff}
[data-theme="cleric"]:not([data-mode="day"]) :focus-visible{outline:2px solid #E8D9A8;outline-offset:2px}
[data-theme="cleric"]:not([data-mode="day"]){scrollbar-color:rgba(232,217,168,0.5) transparent;scrollbar-width:thin}
[data-theme="cleric"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(232,217,168,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="cleric"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(232,217,168,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="cleric"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(232,217,168,0.38);background:rgba(11,15,23,0.78);color:var(--text)}
[data-theme="cleric"]:not([data-mode="day"]) .subtabs button.on,[data-theme="cleric"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(232,217,168,0.5),0 6px 18px -8px rgba(232,217,168,0.7)}
@media (min-width:1100px){
[data-theme="cleric"]:not([data-mode="day"]) nav.bar{background:rgba(11,15,23,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #5d6771;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="cleric"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #D6B869;background:linear-gradient(90deg,rgba(214,184,105,0.2),rgba(214,184,105,0.04))}
}
[data-theme="cleric"]:not([data-mode="day"]) nav.bar .in{background:rgba(11,15,23,0.86);border-color:#3A4B63}
[data-theme="cleric"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="cleric"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(214,184,105,0.14)}
[data-theme="cleric"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#D6B869}
[data-theme="cleric"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="cleric"]:not([data-mode="day"]) .row,[data-theme="cleric"]:not([data-mode="day"]) .pollrow{border-color:#253041}
[data-theme="monk"]:not([data-mode="day"]){
  --bg:#0A0D0E; --bg2:#0a0d0e; --surface:#0a0d0e; --raised:#16191a; --raised2:#202324;
  --line:#3C4341; --line2:#535a58; --text:#e7e0d6; --text2:#bfb4a7; --muted:#9c958b;
  --accent:#c28763; --accent2:#c7916f; --accent-ink:#100D0B; --arcane:#C18A62; --arcane-soft:rgba(193,138,98,0.16); --gold:#c28763;
  --glass:rgba(10,13,14,0.87); --meta:#0A0D0E; --mn-dark:#0A0D0E; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6a8 8 0 1 0 0 12'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3C/svg%3E"); --hover:#C98C63; --glow:rgba(185,120,78,0.16); --title:#e7cfc1;
  --die:#382c23; --die-tens:#5d4434; --die-edge:#e7e0d6; --die-glow:#c28763; --die-outline:#0A0D0E;
}
[data-theme="monk"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(194,135,99,0.075),rgba(194,135,99,0) 44%),rgba(10,13,14,0.87);border:1px solid #514e46;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(225,195,177,0.11)}
[data-theme="monk"]:not([data-mode="day"]) .card::before,[data-theme="monk"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="monk"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(194,135,99,0.55),rgba(194,135,99,0.14) 55%,rgba(38,43,42,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="monk"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="monk"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="monk"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="monk"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(194,135,99,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="monk"]:not([data-mode="day"]) ::selection{background:rgba(194,135,99,0.4);color:#fff}
[data-theme="monk"]:not([data-mode="day"]) :focus-visible{outline:2px solid #c28763;outline-offset:2px}
[data-theme="monk"]:not([data-mode="day"]){scrollbar-color:rgba(194,135,99,0.5) transparent;scrollbar-width:thin}
[data-theme="monk"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(194,135,99,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="monk"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(194,135,99,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="monk"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(194,135,99,0.38);background:rgba(10,13,14,0.78);color:var(--text)}
[data-theme="monk"]:not([data-mode="day"]) .subtabs button.on,[data-theme="monk"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(194,135,99,0.5),0 6px 18px -8px rgba(194,135,99,0.7)}
@media (min-width:1100px){
[data-theme="monk"]:not([data-mode="day"]) nav.bar{background:rgba(10,13,14,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #575148;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="monk"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #C18A62;background:linear-gradient(90deg,rgba(193,138,98,0.2),rgba(193,138,98,0.04))}
}
[data-theme="monk"]:not([data-mode="day"]) nav.bar .in{background:rgba(10,13,14,0.87);border-color:#3C4341}
[data-theme="monk"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="monk"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(193,138,98,0.14)}
[data-theme="monk"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#C18A62}
[data-theme="monk"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="monk"]:not([data-mode="day"]) .row,[data-theme="monk"]:not([data-mode="day"]) .pollrow{border-color:#262b2a}
[data-theme="warlock"]:not([data-mode="day"]){
  --bg:#050609; --bg2:#050609; --surface:#050609; --raised:#121215; --raised2:#1c1c1f;
  --line:#453A52; --line2:#5b5267; --text:#e7e1ea; --text2:#b5a9bd; --muted:#978b9b;
  --accent:#9e83ad; --accent2:#a68db4; --accent-ink:#0B080E; --arcane:#A48BB3; --arcane-soft:rgba(164,139,179,0.16); --gold:#9e83ad;
  --glass:rgba(5,6,9,0.88); --meta:#050609; --mn-dark:#050609; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M4 12a8 8 0 0 1 14-5M20 12a8 8 0 0 1-5 7'/%3E%3C/svg%3E"); --hover:#AD93BC; --glow:rgba(140,115,154,0.24); --title:#d8cdde;
  --die:#2b2532; --die-tens:#4a3e53; --die-edge:#e7e1ea; --die-glow:#9e83ad; --die-outline:#050609;
}
[data-theme="warlock"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(158,131,173,0.075),rgba(158,131,173,0) 44%),rgba(5,6,9,0.88);border:1px solid #534661;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(207,193,214,0.11)}
[data-theme="warlock"]:not([data-mode="day"]) .card::before,[data-theme="warlock"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="warlock"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(158,131,173,0.55),rgba(158,131,173,0.14) 55%,rgba(40,35,49,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="warlock"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="warlock"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="warlock"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="warlock"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(158,131,173,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="warlock"]:not([data-mode="day"]) ::selection{background:rgba(158,131,173,0.4);color:#fff}
[data-theme="warlock"]:not([data-mode="day"]) :focus-visible{outline:2px solid #9e83ad;outline-offset:2px}
[data-theme="warlock"]:not([data-mode="day"]){scrollbar-color:rgba(158,131,173,0.5) transparent;scrollbar-width:thin}
[data-theme="warlock"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(158,131,173,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="warlock"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(158,131,173,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="warlock"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(158,131,173,0.38);background:rgba(5,6,9,0.78);color:var(--text)}
[data-theme="warlock"]:not([data-mode="day"]) .subtabs button.on,[data-theme="warlock"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(158,131,173,0.5),0 6px 18px -8px rgba(158,131,173,0.7)}
@media (min-width:1100px){
[data-theme="warlock"]:not([data-mode="day"]) nav.bar{background:rgba(5,6,9,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #574964;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="warlock"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #A48BB3;background:linear-gradient(90deg,rgba(164,139,179,0.2),rgba(164,139,179,0.04))}
}
[data-theme="warlock"]:not([data-mode="day"]) nav.bar .in{background:rgba(5,6,9,0.88);border-color:#453A52}
[data-theme="warlock"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="warlock"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(164,139,179,0.14)}
[data-theme="warlock"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#A48BB3}
[data-theme="warlock"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="warlock"]:not([data-mode="day"]) .row,[data-theme="warlock"]:not([data-mode="day"]) .pollrow{border-color:#282331}
[data-theme="paladin"]:not([data-mode="day"]){
  --bg:#090D11; --bg2:#090d11; --surface:#090d11; --raised:#15191d; --raised2:#1f2326;
  --line:#485258; --line2:#5e676c; --text:#ede9dd; --text2:#c0bdae; --muted:#989a90;
  --accent:#C8A55A; --accent2:#ccac67; --accent-ink:#11100C; --arcane:#D4B66A; --arcane-soft:rgba(212,182,106,0.16); --gold:#C8A55A;
  --glass:rgba(9,13,17,0.86); --meta:#090D11; --mn-dark:#090D11; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l6 3v5c0 4-2.5 7-6 10-3.5-3-6-6-6-10V6l6-3z'/%3E%3Cpath d='M12 6v10'/%3E%3C/svg%3E"); --hover:#D6B86F; --glow:rgba(200,165,90,0.22); --title:#e9dbbd;
  --die:#393323; --die-tens:#5f5132; --die-edge:#ede9dd; --die-glow:#C8A55A; --die-outline:#090D11;
}
[data-theme="paladin"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(200,165,90,0.075),rgba(200,165,90,0) 44%),rgba(9,13,17,0.86);border:1px solid #5c5f58;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(228,210,173,0.11)}
[data-theme="paladin"]:not([data-mode="day"]) .card::before,[data-theme="paladin"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="paladin"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(200,165,90,0.55),rgba(200,165,90,0.14) 55%,rgba(44,51,56,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="paladin"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="paladin"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="paladin"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="paladin"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(200,165,90,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="paladin"]:not([data-mode="day"]) ::selection{background:rgba(200,165,90,0.4);color:#fff}
[data-theme="paladin"]:not([data-mode="day"]) :focus-visible{outline:2px solid #C8A55A;outline-offset:2px}
[data-theme="paladin"]:not([data-mode="day"]){scrollbar-color:rgba(200,165,90,0.5) transparent;scrollbar-width:thin}
[data-theme="paladin"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(200,165,90,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="paladin"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(200,165,90,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="paladin"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(200,165,90,0.38);background:rgba(9,13,17,0.78);color:var(--text)}
[data-theme="paladin"]:not([data-mode="day"]) .subtabs button.on,[data-theme="paladin"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(200,165,90,0.5),0 6px 18px -8px rgba(200,165,90,0.7)}
@media (min-width:1100px){
[data-theme="paladin"]:not([data-mode="day"]) nav.bar{background:rgba(9,13,17,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #626358;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="paladin"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #D4B66A;background:linear-gradient(90deg,rgba(212,182,106,0.2),rgba(212,182,106,0.04))}
}
[data-theme="paladin"]:not([data-mode="day"]) nav.bar .in{background:rgba(9,13,17,0.86);border-color:#485258}
[data-theme="paladin"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="paladin"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(212,182,106,0.14)}
[data-theme="paladin"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#D4B66A}
[data-theme="paladin"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="paladin"]:not([data-mode="day"]) .row,[data-theme="paladin"]:not([data-mode="day"]) .pollrow{border-color:#2c3338}
[data-theme="bard"]:not([data-mode="day"]){
  --bg:#0A080C; --bg2:#0a080c; --surface:#0a080c; --raised:#161418; --raised2:#201e22;
  --line:#4F3849; --line2:#64505f; --text:#ece2e3; --text2:#c7b3b5; --muted:#a28d91;
  --accent:#B58C5A; --accent2:#bb9567; --accent-ink:#110C0D; --arcane:#C09B69; --arcane-soft:rgba(192,155,105,0.16); --gold:#B58C5A;
  --glass:rgba(10,8,12,0.87); --meta:#0A080C; --mn-dark:#0A080C; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16c3-6 4-8 6-8s3 2 6 8'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M6 18a8 8 0 0 0 12 0'/%3E%3C/svg%3E"); --hover:#C69F6C; --glow:rgba(181,140,90,0.20); --title:#e1d1bd;
  --die:#352920; --die-tens:#57432f; --die-edge:#ece2e3; --die-glow:#B58C5A; --die-outline:#0A080C;
}
[data-theme="bard"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(181,140,90,0.075),rgba(181,140,90,0) 44%),rgba(10,8,12,0.87);border:1px solid #5f454c;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(218,198,173,0.11)}
[data-theme="bard"]:not([data-mode="day"]) .card::before,[data-theme="bard"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="bard"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(181,140,90,0.55),rgba(181,140,90,0.14) 55%,rgba(48,34,46,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="bard"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="bard"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="bard"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="bard"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(181,140,90,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="bard"]:not([data-mode="day"]) ::selection{background:rgba(181,140,90,0.4);color:#fff}
[data-theme="bard"]:not([data-mode="day"]) :focus-visible{outline:2px solid #B58C5A;outline-offset:2px}
[data-theme="bard"]:not([data-mode="day"]){scrollbar-color:rgba(181,140,90,0.5) transparent;scrollbar-width:thin}
[data-theme="bard"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(181,140,90,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="bard"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(181,140,90,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="bard"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(181,140,90,0.38);background:rgba(10,8,12,0.78);color:var(--text)}
[data-theme="bard"]:not([data-mode="day"]) .subtabs button.on,[data-theme="bard"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(181,140,90,0.5),0 6px 18px -8px rgba(181,140,90,0.7)}
@media (min-width:1100px){
[data-theme="bard"]:not([data-mode="day"]) nav.bar{background:rgba(10,8,12,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #63494c;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="bard"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #C09B69;background:linear-gradient(90deg,rgba(192,155,105,0.2),rgba(192,155,105,0.04))}
}
[data-theme="bard"]:not([data-mode="day"]) nav.bar .in{background:rgba(10,8,12,0.87);border-color:#4F3849}
[data-theme="bard"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="bard"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(192,155,105,0.14)}
[data-theme="bard"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#C09B69}
[data-theme="bard"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="bard"]:not([data-mode="day"]) .row,[data-theme="bard"]:not([data-mode="day"]) .pollrow{border-color:#30222e}
[data-theme="barbarian"]:not([data-mode="day"]){
  --bg:#0B0706; --bg2:#0b0706; --surface:#0b0706; --raised:#171312; --raised2:#211d1c;
  --line:#4B2920; --line2:#61433b; --text:#ebe0da; --text2:#c6ab9e; --muted:#a58b80;
  --accent:#bf836b; --accent2:#c48d77; --accent-ink:#100A08; --arcane:#c37f62; --arcane-soft:rgba(195,127,98,0.16); --gold:#bf836b;
  --glass:rgba(11,7,6,0.88); --meta:#0B0706; --mn-dark:#0B0706; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17l5-8 3 4 3-6 5 10'/%3E%3Cpath d='M8 18l2-2 2 2 2-2 2 2'/%3E%3C/svg%3E"); --hover:#BD6946; --glow:rgba(166,83,50,0.20); --title:#e5cdc4;
  --die:#38261f; --die-tens:#5c3f33; --die-edge:#ebe0da; --die-glow:#bf836b; --die-outline:#0B0706;
}
[data-theme="barbarian"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(191,131,107,0.075),rgba(191,131,107,0) 44%),rgba(11,7,6,0.88);border:1px solid #5e372c;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(223,193,181,0.11)}
[data-theme="barbarian"]:not([data-mode="day"]) .card::before,[data-theme="barbarian"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="barbarian"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(191,131,107,0.55),rgba(191,131,107,0.14) 55%,rgba(46,26,20,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="barbarian"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="barbarian"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="barbarian"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="barbarian"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(191,131,107,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="barbarian"]:not([data-mode="day"]) ::selection{background:rgba(191,131,107,0.4);color:#fff}
[data-theme="barbarian"]:not([data-mode="day"]) :focus-visible{outline:2px solid #bf836b;outline-offset:2px}
[data-theme="barbarian"]:not([data-mode="day"]){scrollbar-color:rgba(191,131,107,0.5) transparent;scrollbar-width:thin}
[data-theme="barbarian"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(191,131,107,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="barbarian"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(191,131,107,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="barbarian"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(191,131,107,0.38);background:rgba(11,7,6,0.78);color:var(--text)}
[data-theme="barbarian"]:not([data-mode="day"]) .subtabs button.on,[data-theme="barbarian"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(191,131,107,0.5),0 6px 18px -8px rgba(191,131,107,0.7)}
@media (min-width:1100px){
[data-theme="barbarian"]:not([data-mode="day"]) nav.bar{background:rgba(11,7,6,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #623b2f;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="barbarian"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #c37f62;background:linear-gradient(90deg,rgba(195,127,98,0.2),rgba(195,127,98,0.04))}
}
[data-theme="barbarian"]:not([data-mode="day"]) nav.bar .in{background:rgba(11,7,6,0.88);border-color:#4B2920}
[data-theme="barbarian"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="barbarian"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(195,127,98,0.14)}
[data-theme="barbarian"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#c37f62}
[data-theme="barbarian"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="barbarian"]:not([data-mode="day"]) .row,[data-theme="barbarian"]:not([data-mode="day"]) .pollrow{border-color:#2e1a14}
[data-theme="fighter"]:not([data-mode="day"]){
  --bg:#070B0F; --bg2:#070b0f; --surface:#070b0f; --raised:#13171b; --raised2:#1d2125;
  --line:#394751; --line2:#515d66; --text:#eae9e5; --text2:#bab9b4; --muted:#929592;
  --accent:#b28762; --accent2:#b8916f; --accent-ink:#0E0D0B; --arcane:#b88d65; --arcane-soft:rgba(184,141,101,0.16); --gold:#b28762;
  --glass:rgba(7,11,15,0.87); --meta:#070B0F; --mn-dark:#070B0F; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v15'/%3E%3Cpath d='M7 10h10'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E"); --hover:#BC9062; --glow:rgba(169,120,77,0.16); --title:#e0cfc0;
  --die:#322a24; --die-tens:#544334; --die-edge:#eae9e5; --die-glow:#b28762; --die-outline:#070B0F;
}
[data-theme="fighter"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(178,135,98,0.075),rgba(178,135,98,0) 44%),rgba(7,11,15,0.87);border:1px solid #4c5154;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(217,195,177,0.11)}
[data-theme="fighter"]:not([data-mode="day"]) .card::before,[data-theme="fighter"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="fighter"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(178,135,98,0.55),rgba(178,135,98,0.14) 55%,rgba(35,44,51,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="fighter"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="fighter"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="fighter"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="fighter"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(178,135,98,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="fighter"]:not([data-mode="day"]) ::selection{background:rgba(178,135,98,0.4);color:#fff}
[data-theme="fighter"]:not([data-mode="day"]) :focus-visible{outline:2px solid #b28762;outline-offset:2px}
[data-theme="fighter"]:not([data-mode="day"]){scrollbar-color:rgba(178,135,98,0.5) transparent;scrollbar-width:thin}
[data-theme="fighter"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(178,135,98,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="fighter"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(178,135,98,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="fighter"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(178,135,98,0.38);background:rgba(7,11,15,0.78);color:var(--text)}
[data-theme="fighter"]:not([data-mode="day"]) .subtabs button.on,[data-theme="fighter"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(178,135,98,0.5),0 6px 18px -8px rgba(178,135,98,0.7)}
@media (min-width:1100px){
[data-theme="fighter"]:not([data-mode="day"]) nav.bar{background:rgba(7,11,15,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #515454;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="fighter"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #b88d65;background:linear-gradient(90deg,rgba(184,141,101,0.2),rgba(184,141,101,0.04))}
}
[data-theme="fighter"]:not([data-mode="day"]) nav.bar .in{background:rgba(7,11,15,0.87);border-color:#394751}
[data-theme="fighter"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="fighter"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(184,141,101,0.14)}
[data-theme="fighter"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#b88d65}
[data-theme="fighter"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="fighter"]:not([data-mode="day"]) .row,[data-theme="fighter"]:not([data-mode="day"]) .pollrow{border-color:#232c33}
[data-theme="ranger"]:not([data-mode="day"]){
  --bg:#07100B; --bg2:#07100b; --surface:#07100b; --raised:#131c17; --raised2:#1d2621;
  --line:#34483A; --line2:#4c5e52; --text:#e9e9de; --text2:#babeab; --muted:#8f9888;
  --accent:#B09254; --accent2:#b69b62; --accent-ink:#10120E; --arcane:#BAA060; --arcane-soft:rgba(186,160,96,0.16); --gold:#B09254;
  --glass:rgba(7,16,11,0.86); --meta:#07100B; --mn-dark:#07100B; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l3 6-3 12-3-12 3-6z'/%3E%3Cpath d='M6 18l3-5M18 18l-3-5'/%3E%3C/svg%3E"); --hover:#C1A865; --glow:rgba(176,146,84,0.17); --title:#dfd3bb;
  --die:#31311d; --die-tens:#534b2c; --die-edge:#e9e9de; --die-glow:#B09254; --die-outline:#07100B;
}
[data-theme="ranger"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(176,146,84,0.075),rgba(176,146,84,0) 44%),rgba(7,16,11,0.86);border:1px solid #48543e;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(216,201,170,0.11)}
[data-theme="ranger"]:not([data-mode="day"]) .card::before,[data-theme="ranger"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="ranger"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(176,146,84,0.55),rgba(176,146,84,0.14) 55%,rgba(32,47,37,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="ranger"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="ranger"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="ranger"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="ranger"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(176,146,84,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="ranger"]:not([data-mode="day"]) ::selection{background:rgba(176,146,84,0.4);color:#fff}
[data-theme="ranger"]:not([data-mode="day"]) :focus-visible{outline:2px solid #B09254;outline-offset:2px}
[data-theme="ranger"]:not([data-mode="day"]){scrollbar-color:rgba(176,146,84,0.5) transparent;scrollbar-width:thin}
[data-theme="ranger"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(176,146,84,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="ranger"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(176,146,84,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="ranger"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(176,146,84,0.38);background:rgba(7,16,11,0.78);color:var(--text)}
[data-theme="ranger"]:not([data-mode="day"]) .subtabs button.on,[data-theme="ranger"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(176,146,84,0.5),0 6px 18px -8px rgba(176,146,84,0.7)}
@media (min-width:1100px){
[data-theme="ranger"]:not([data-mode="day"]) nav.bar{background:rgba(7,16,11,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #4d573f;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="ranger"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #BAA060;background:linear-gradient(90deg,rgba(186,160,96,0.2),rgba(186,160,96,0.04))}
}
[data-theme="ranger"]:not([data-mode="day"]) nav.bar .in{background:rgba(7,16,11,0.86);border-color:#34483A}
[data-theme="ranger"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="ranger"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(186,160,96,0.14)}
[data-theme="ranger"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#BAA060}
[data-theme="ranger"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="ranger"]:not([data-mode="day"]) .row,[data-theme="ranger"]:not([data-mode="day"]) .pollrow{border-color:#202f25}
[data-theme="rogue"]:not([data-mode="day"]){
  --bg:#06080B; --bg2:#06080b; --surface:#06080b; --raised:#121417; --raised2:#1c1e21;
  --line:#343B40; --line2:#4c5357; --text:#e8e4de; --text2:#b9b1a8; --muted:#97928b;
  --accent:#b88460; --accent2:#be8e6d; --accent-ink:#100C09; --arcane:#bc8155; --arcane-soft:rgba(188,129,85,0.16); --gold:#b88460;
  --glass:rgba(6,8,11,0.89); --meta:#06080B; --mn-dark:#06080B; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10a3 3 0 1 1 6 0c0 1.6-1 2.4-2 3v4h-2v-4c-1-.6-2-1.4-2-3z'/%3E%3Cpath d='M6 19l12-14'/%3E%3C/svg%3E"); --hover:#BF8050; --glow:rgba(169,104,59,0.16); --title:#e3cebf;
  --die:#332720; --die-tens:#564031; --die-edge:#e8e4de; --die-glow:#b88460; --die-outline:#06080B;
}
[data-theme="rogue"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(184,132,96,0.075),rgba(184,132,96,0) 44%),rgba(6,8,11,0.89);border:1px solid #494745;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(220,194,176,0.11)}
[data-theme="rogue"]:not([data-mode="day"]) .card::before,[data-theme="rogue"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="rogue"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(184,132,96,0.55),rgba(184,132,96,0.14) 55%,rgba(31,36,40,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="rogue"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="rogue"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="rogue"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="rogue"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(184,132,96,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="rogue"]:not([data-mode="day"]) ::selection{background:rgba(184,132,96,0.4);color:#fff}
[data-theme="rogue"]:not([data-mode="day"]) :focus-visible{outline:2px solid #b88460;outline-offset:2px}
[data-theme="rogue"]:not([data-mode="day"]){scrollbar-color:rgba(184,132,96,0.5) transparent;scrollbar-width:thin}
[data-theme="rogue"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(184,132,96,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="rogue"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(184,132,96,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="rogue"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(184,132,96,0.38);background:rgba(6,8,11,0.78);color:var(--text)}
[data-theme="rogue"]:not([data-mode="day"]) .subtabs button.on,[data-theme="rogue"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(184,132,96,0.5),0 6px 18px -8px rgba(184,132,96,0.7)}
@media (min-width:1100px){
[data-theme="rogue"]:not([data-mode="day"]) nav.bar{background:rgba(6,8,11,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #4e4a46;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="rogue"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #bc8155;background:linear-gradient(90deg,rgba(188,129,85,0.2),rgba(188,129,85,0.04))}
}
[data-theme="rogue"]:not([data-mode="day"]) nav.bar .in{background:rgba(6,8,11,0.89);border-color:#343B40}
[data-theme="rogue"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="rogue"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(188,129,85,0.14)}
[data-theme="rogue"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#bc8155}
[data-theme="rogue"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="rogue"]:not([data-mode="day"]) .row,[data-theme="rogue"]:not([data-mode="day"]) .pollrow{border-color:#1f2428}
[data-theme="sorcerer"]:not([data-mode="day"]){
  --bg:#070A14; --bg2:#070a14; --surface:#070a14; --raised:#131620; --raised2:#1d2029;
  --line:#403653; --line2:#574e68; --text:#eae2ee; --text2:#c1afc6; --muted:#9d8da2;
  --accent:#b77ec1; --accent2:#bd88c6; --accent-ink:#100B13; --arcane:#c078cb; --arcane-soft:rgba(192,120,203,0.16); --gold:#b77ec1;
  --glass:rgba(7,10,20,0.87); --meta:#070A14; --mn-dark:#070A14; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2 6 6 3-6 2-2 7-2-7-6-2 6-3 2-6z'/%3E%3Cpath d='M8 5l8 14'/%3E%3C/svg%3E"); --hover:#BC69C9; --glow:rgba(179,92,193,0.23); --title:#e2cbe6;
  --die:#33273f; --die-tens:#563e62; --die-edge:#eae2ee; --die-glow:#b77ec1; --die-outline:#070A14;
}
[data-theme="sorcerer"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(183,126,193,0.075),rgba(183,126,193,0) 44%),rgba(7,10,20,0.87);border:1px solid #534265;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(219,191,224,0.11)}
[data-theme="sorcerer"]:not([data-mode="day"]) .card::before,[data-theme="sorcerer"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="sorcerer"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(183,126,193,0.55),rgba(183,126,193,0.14) 55%,rgba(38,34,55,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="sorcerer"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="sorcerer"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="sorcerer"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="sorcerer"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(183,126,193,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="sorcerer"]:not([data-mode="day"]) ::selection{background:rgba(183,126,193,0.4);color:#fff}
[data-theme="sorcerer"]:not([data-mode="day"]) :focus-visible{outline:2px solid #b77ec1;outline-offset:2px}
[data-theme="sorcerer"]:not([data-mode="day"]){scrollbar-color:rgba(183,126,193,0.5) transparent;scrollbar-width:thin}
[data-theme="sorcerer"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(183,126,193,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="sorcerer"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(183,126,193,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="sorcerer"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(183,126,193,0.38);background:rgba(7,10,20,0.78);color:var(--text)}
[data-theme="sorcerer"]:not([data-mode="day"]) .subtabs button.on,[data-theme="sorcerer"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(183,126,193,0.5),0 6px 18px -8px rgba(183,126,193,0.7)}
@media (min-width:1100px){
[data-theme="sorcerer"]:not([data-mode="day"]) nav.bar{background:rgba(7,10,20,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #584469;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="sorcerer"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #c078cb;background:linear-gradient(90deg,rgba(192,120,203,0.2),rgba(192,120,203,0.04))}
}
[data-theme="sorcerer"]:not([data-mode="day"]) nav.bar .in{background:rgba(7,10,20,0.87);border-color:#403653}
[data-theme="sorcerer"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="sorcerer"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(192,120,203,0.14)}
[data-theme="sorcerer"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#c078cb}
[data-theme="sorcerer"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="sorcerer"]:not([data-mode="day"]) .row,[data-theme="sorcerer"]:not([data-mode="day"]) .pollrow{border-color:#262237}
[data-theme="wizard"]:not([data-mode="day"]){
  --bg:#060C15; --bg2:#060c15; --surface:#060c15; --raised:#121821; --raised2:#1c222a;
  --line:#394966; --line2:#515f78; --text:#e5edf2; --text2:#b2c4d3; --muted:#8396a8;
  --accent:#79B1D0; --accent2:#84b7d4; --accent-ink:#081018; --arcane:#86BDDB; --arcane-soft:rgba(134,189,219,0.16); --gold:#79B1D0;
  --glass:rgba(6,12,21,0.87); --meta:#060C15; --mn-dark:#060C15; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cellipse cx='12' cy='12' rx='3' ry='7'/%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E"); --hover:#91C6E2; --glow:rgba(121,177,208,0.22); --title:#c9e0ec;
  --die:#233544; --die-tens:#3a5669; --die-edge:#e5edf2; --die-glow:#79B1D0; --die-outline:#060C15;
}
[data-theme="wizard"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(121,177,208,0.075),rgba(121,177,208,0) 44%),rgba(6,12,21,0.87);border:1px solid #435a77;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(188,216,232,0.11)}
[data-theme="wizard"]:not([data-mode="day"]) .card::before,[data-theme="wizard"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="wizard"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(121,177,208,0.55),rgba(121,177,208,0.14) 55%,rgba(34,46,66,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="wizard"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="wizard"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="wizard"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="wizard"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(121,177,208,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="wizard"]:not([data-mode="day"]) ::selection{background:rgba(121,177,208,0.4);color:#fff}
[data-theme="wizard"]:not([data-mode="day"]) :focus-visible{outline:2px solid #79B1D0;outline-offset:2px}
[data-theme="wizard"]:not([data-mode="day"]){scrollbar-color:rgba(121,177,208,0.5) transparent;scrollbar-width:thin}
[data-theme="wizard"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(121,177,208,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="wizard"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(121,177,208,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="wizard"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(121,177,208,0.38);background:rgba(6,12,21,0.78);color:var(--text)}
[data-theme="wizard"]:not([data-mode="day"]) .subtabs button.on,[data-theme="wizard"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(121,177,208,0.5),0 6px 18px -8px rgba(121,177,208,0.7)}
@media (min-width:1100px){
[data-theme="wizard"]:not([data-mode="day"]) nav.bar{background:rgba(6,12,21,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #465e7b;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="wizard"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #86BDDB;background:linear-gradient(90deg,rgba(134,189,219,0.2),rgba(134,189,219,0.04))}
}
[data-theme="wizard"]:not([data-mode="day"]) nav.bar .in{background:rgba(6,12,21,0.87);border-color:#394966}
[data-theme="wizard"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="wizard"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(134,189,219,0.14)}
[data-theme="wizard"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#86BDDB}
[data-theme="wizard"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="wizard"]:not([data-mode="day"]) .row,[data-theme="wizard"]:not([data-mode="day"]) .pollrow{border-color:#222e42}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]){
  --bg:#050B12; --bg2:#070e15; --surface:#0A1319; --raised:#161f25; --raised2:#20282e;
  --line:#2F4A55; --line2:#486069; --text:#e4eff2; --text2:#b1c8d1; --muted:#88a0ab;
  --accent:#6FD0C4; --accent2:#7bd4c9; --accent-ink:#081018; --arcane:#7BD8CC; --arcane-soft:rgba(123,216,204,0.16); --gold:#6FD0C4;
  --glass:rgba(10,19,25,0.87); --meta:#050B12; --mn-dark:#050B12; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cellipse cx='12' cy='12' rx='3' ry='7'/%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E"); --hover:#8CE0D5; --glow:rgba(111,208,196,0.22); --title:#c5ece7;
  --die:#203c3f; --die-tens:#356462; --die-edge:#e4eff2; --die-glow:#6FD0C4; --die-outline:#050B12;
}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(111,208,196,0.075),rgba(111,208,196,0) 44%),rgba(10,19,25,0.87);border:1px solid #395f67;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(183,232,226,0.11)}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(111,208,196,0.55),rgba(111,208,196,0.14) 55%,rgba(30,49,58,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(111,208,196,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(111,208,196,0.4);color:#fff}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #6FD0C4;outline-offset:2px}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(111,208,196,0.5) transparent;scrollbar-width:thin}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(111,208,196,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(111,208,196,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(111,208,196,0.38);background:rgba(10,19,25,0.78);color:var(--text)}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(111,208,196,0.5),0 6px 18px -8px rgba(111,208,196,0.7)}
@media (min-width:1100px){
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(10,19,25,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #3c656b;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #7BD8CC;background:linear-gradient(90deg,rgba(123,216,204,0.2),rgba(123,216,204,0.04))}
}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(10,19,25,0.87);border-color:#2F4A55}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(123,216,204,0.14)}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#7BD8CC}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="wizard"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#1e313a}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]){
  --bg:#0B0507; --bg2:#0f0709; --surface:#140B0D; --raised:#201719; --raised2:#292123;
  --line:#4A2A2A; --line2:#604444; --text:#ede2e6; --text2:#c7adb7; --muted:#a8939a;
  --accent:#e2724e; --accent2:#e47d5c; --accent-ink:#100B13; --arcane:#E8795A; --arcane-soft:rgba(232,121,90,0.16); --gold:#e2724e;
  --glass:rgba(20,11,13,0.87); --meta:#0B0507; --mn-dark:#0B0507; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2 6 6 3-6 2-2 7-2-7-6-2 6-3 2-6z'/%3E%3Cpath d='M8 5l8 14'/%3E%3C/svg%3E"); --hover:#EE8A6B; --glow:rgba(224,102,63,0.24); --title:#f3c7b8;
  --die:#412019; --die-tens:#6c3627; --die-edge:#ede2e6; --die-glow:#e2724e; --die-outline:#0B0507;
}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(226,114,78,0.075),rgba(226,114,78,0) 44%),rgba(20,11,13,0.87);border:1px solid #623630;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(241,185,167,0.11)}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(226,114,78,0.55),rgba(226,114,78,0.14) 55%,rgba(50,28,29,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(226,114,78,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(226,114,78,0.4);color:#fff}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #e2724e;outline-offset:2px}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(226,114,78,0.5) transparent;scrollbar-width:thin}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(226,114,78,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(226,114,78,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(226,114,78,0.38);background:rgba(20,11,13,0.78);color:var(--text)}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(226,114,78,0.5),0 6px 18px -8px rgba(226,114,78,0.7)}
@media (min-width:1100px){
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(20,11,13,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #683831;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #E8795A;background:linear-gradient(90deg,rgba(232,121,90,0.2),rgba(232,121,90,0.04))}
}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(20,11,13,0.87);border-color:#4A2A2A}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(232,121,90,0.14)}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#E8795A}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="sorcerer"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#321c1d}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]){
  --bg:#030807; --bg2:#050c0a; --surface:#09130F; --raised:#151f1b; --raised2:#1f2825;
  --line:#26443B; --line2:#405a53; --text:#e1e6ea; --text2:#abb2bb; --muted:#93999f;
  --accent:#4FC9A2; --accent2:#5dcda9; --accent-ink:#0B080E; --arcane:#62D6B0; --arcane-soft:rgba(98,214,176,0.16); --gold:#4FC9A2;
  --glass:rgba(9,19,15,0.88); --meta:#030807; --mn-dark:#030807; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M4 12a8 8 0 0 1 14-5M20 12a8 8 0 0 1-5 7'/%3E%3C/svg%3E"); --hover:#78E0C0; --glow:rgba(79,201,162,0.22); --title:#b9e9da;
  --die:#16382e; --die-tens:#255f4d; --die-edge:#e1e6ea; --die-glow:#4FC9A2; --die-outline:#030807;
}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(79,201,162,0.075),rgba(79,201,162,0) 44%),rgba(9,19,15,0.88);border:1px solid #2d594b;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(167,228,209,0.11)}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(79,201,162,0.55),rgba(79,201,162,0.14) 55%,rgba(25,46,39,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(79,201,162,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(79,201,162,0.4);color:#fff}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #4FC9A2;outline-offset:2px}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(79,201,162,0.5) transparent;scrollbar-width:thin}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(79,201,162,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(79,201,162,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(79,201,162,0.38);background:rgba(9,19,15,0.78);color:var(--text)}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(79,201,162,0.5),0 6px 18px -8px rgba(79,201,162,0.7)}
@media (min-width:1100px){
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(9,19,15,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #2e5f50;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #62D6B0;background:linear-gradient(90deg,rgba(98,214,176,0.2),rgba(98,214,176,0.04))}
}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(9,19,15,0.88);border-color:#26443B}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(98,214,176,0.14)}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#62D6B0}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="warlock"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#192e27}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]){
  --bg:#070A14; --bg2:#090c19; --surface:#0B1020; --raised:#171c2b; --raised2:#212634;
  --line:#3C4668; --line2:#535c7a; --text:#efeadc; --text2:#c4bfac; --muted:#9b9b8e;
  --accent:#E2B24F; --accent2:#e4b85d; --accent-ink:#11100C; --arcane:#E8BE64; --arcane-soft:rgba(232,190,100,0.16); --gold:#E2B24F;
  --glass:rgba(11,16,32,0.86); --meta:#070A14; --mn-dark:#070A14; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l6 3v5c0 4-2.5 7-6 10-3.5-3-6-6-6-10V6l6-3z'/%3E%3Cpath d='M12 6v10'/%3E%3C/svg%3E"); --hover:#EFCB7C; --glow:rgba(226,178,79,0.24); --title:#f3e0b9;
  --die:#3e3423; --die-tens:#6a562f; --die-edge:#efeadc; --die-glow:#E2B24F; --die-outline:#070A14;
}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(226,178,79,0.075),rgba(226,178,79,0) 44%),rgba(11,16,32,0.86);border:1px solid #575764;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(241,217,167,0.11)}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(226,178,79,0.55),rgba(226,178,79,0.14) 55%,rgba(38,46,72,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(226,178,79,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(226,178,79,0.4);color:#fff}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #E2B24F;outline-offset:2px}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(226,178,79,0.5) transparent;scrollbar-width:thin}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(226,178,79,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(226,178,79,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(226,178,79,0.38);background:rgba(11,16,32,0.78);color:var(--text)}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(226,178,79,0.5),0 6px 18px -8px rgba(226,178,79,0.7)}
@media (min-width:1100px){
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(11,16,32,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #5d5c63;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #E8BE64;background:linear-gradient(90deg,rgba(232,190,100,0.2),rgba(232,190,100,0.04))}
}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(11,16,32,0.86);border-color:#3C4668}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(232,190,100,0.14)}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#E8BE64}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="paladin"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#262e48}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]){
  --bg:#060810; --bg2:#080b13; --surface:#0C1018; --raised:#181c24; --raised2:#22262d;
  --line:#3C4458; --line2:#535a6c; --text:#eee9e3; --text2:#c2baaf; --muted:#9a968e;
  --accent:#F08C3E; --accent2:#f1954d; --accent-ink:#0E0D0B; --arcane:#F29A55; --arcane-soft:rgba(242,154,85,0.16); --gold:#F08C3E;
  --glass:rgba(12,16,24,0.87); --meta:#060810; --mn-dark:#060810; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v15'/%3E%3Cpath d='M7 10h10'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E"); --hover:#F5AB6E; --glow:rgba(240,140,62,0.24); --title:#f9d1b2;
  --die:#41291c; --die-tens:#6f4325; --die-edge:#eee9e3; --die-glow:#F08C3E; --die-outline:#060810;
}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(240,140,62,0.075),rgba(240,140,62,0) 44%),rgba(12,16,24,0.87);border:1px solid #595054;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(248,198,159,0.11)}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(240,140,62,0.55),rgba(240,140,62,0.14) 55%,rgba(38,45,59,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(240,140,62,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(240,140,62,0.4);color:#fff}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #F08C3E;outline-offset:2px}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(240,140,62,0.5) transparent;scrollbar-width:thin}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(240,140,62,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(240,140,62,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(240,140,62,0.38);background:rgba(12,16,24,0.78);color:var(--text)}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(240,140,62,0.5),0 6px 18px -8px rgba(240,140,62,0.7)}
@media (min-width:1100px){
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(12,16,24,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #605253;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #F29A55;background:linear-gradient(90deg,rgba(242,154,85,0.2),rgba(242,154,85,0.04))}
}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(12,16,24,0.87);border-color:#3C4458}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(242,154,85,0.14)}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#F29A55}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="fighter"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#262d3b}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]){
  --bg:#060A12; --bg2:#080c15; --surface:#0B1019; --raised:#171c25; --raised2:#21262e;
  --line:#35435A; --line2:#4d5a6e; --text:#e9e3d7; --text2:#c1baa9; --muted:#9f9a8c;
  --accent:#D6B070; --accent2:#d9b67b; --accent-ink:#100D0B; --arcane:#E0BE84; --arcane-soft:rgba(224,190,132,0.16); --gold:#D6B070;
  --glass:rgba(11,16,25,0.87); --meta:#060A12; --mn-dark:#060A12; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6a8 8 0 1 0 0 12'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3C/svg%3E"); --hover:#E8C994; --glow:rgba(214,176,112,0.22); --title:#efdfc6;
  --die:#3a342a; --die-tens:#64553c; --die-edge:#e9e3d7; --die-glow:#D6B070; --die-outline:#060A12;
}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(214,176,112,0.075),rgba(214,176,112,0) 44%),rgba(11,16,25,0.87);border:1px solid #4f545e;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(235,216,184,0.11)}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(214,176,112,0.55),rgba(214,176,112,0.14) 55%,rgba(34,44,61,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(214,176,112,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(214,176,112,0.4);color:#fff}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #D6B070;outline-offset:2px}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(214,176,112,0.5) transparent;scrollbar-width:thin}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(214,176,112,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(214,176,112,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(214,176,112,0.38);background:rgba(11,16,25,0.78);color:var(--text)}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(214,176,112,0.5),0 6px 18px -8px rgba(214,176,112,0.7)}
@media (min-width:1100px){
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(11,16,25,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #55595e;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #E0BE84;background:linear-gradient(90deg,rgba(224,190,132,0.2),rgba(224,190,132,0.04))}
}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(11,16,25,0.87);border-color:#35435A}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(224,190,132,0.14)}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#E0BE84}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="monk"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#222c3d}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]){
  --bg:#050810; --bg2:#070b14; --surface:#0A101A; --raised:#161c25; --raised2:#20262f;
  --line:#34465F; --line2:#4c5c72; --text:#e7e4e3; --text2:#bfb3af; --muted:#a39996;
  --accent:#86C1EA; --accent2:#90c6ec; --accent-ink:#100A08; --arcane:#97CBEF; --arcane-soft:rgba(151,203,239,0.16); --gold:#86C1EA;
  --glass:rgba(10,16,26,0.88); --meta:#050810; --mn-dark:#050810; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17l5-8 3 4 3-6 5 10'/%3E%3Cpath d='M8 18l2-2 2 2 2-2 2 2'/%3E%3C/svg%3E"); --hover:#AAD6F3; --glow:rgba(134,193,234,0.22); --title:#cfe6f7;
  --die:#253647; --die-tens:#3f5b72; --die-edge:#e7e4e3; --die-glow:#86C1EA; --die-outline:#050810;
}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(134,193,234,0.075),rgba(134,193,234,0) 44%),rgba(10,16,26,0.88);border:1px solid #415a75;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(195,224,245,0.11)}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(134,193,234,0.55),rgba(134,193,234,0.14) 55%,rgba(33,46,64,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(134,193,234,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(134,193,234,0.4);color:#fff}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #86C1EA;outline-offset:2px}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(134,193,234,0.5) transparent;scrollbar-width:thin}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(134,193,234,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(134,193,234,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(134,193,234,0.38);background:rgba(10,16,26,0.78);color:var(--text)}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(134,193,234,0.5),0 6px 18px -8px rgba(134,193,234,0.7)}
@media (min-width:1100px){
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(10,16,26,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #445f7b;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #97CBEF;background:linear-gradient(90deg,rgba(151,203,239,0.2),rgba(151,203,239,0.04))}
}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(10,16,26,0.88);border-color:#34465F}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(151,203,239,0.14)}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#97CBEF}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="barbarian"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#212e40}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]){
  --bg:#0A0509; --bg2:#0e070c; --surface:#140A10; --raised:#20161c; --raised2:#292026;
  --line:#52304A; --line2:#674960; --text:#f0e3e9; --text2:#ceb4c1; --muted:#a88d9b;
  --accent:#EC8FB4; --accent2:#ee98ba; --accent-ink:#110C0D; --arcane:#F0A2C1; --arcane-soft:rgba(240,162,193,0.16); --gold:#EC8FB4;
  --glass:rgba(20,10,16,0.87); --meta:#0A0509; --mn-dark:#0A0509; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16c3-6 4-8 6-8s3 2 6 8'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M6 18a8 8 0 0 0 12 0'/%3E%3C/svg%3E"); --hover:#F4B4CE; --glow:rgba(236,143,180,0.24); --title:#f7d2e1;
  --die:#432834; --die-tens:#704356; --die-edge:#f0e3e9; --die-glow:#EC8FB4; --die-outline:#0A0509;
}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(236,143,180,0.075),rgba(236,143,180,0) 44%),rgba(20,10,16,0.87);border:1px solid #6b3f5b;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(246,199,218,0.11)}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(236,143,180,0.55),rgba(236,143,180,0.14) 55%,rgba(54,31,48,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(236,143,180,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(236,143,180,0.4);color:#fff}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #EC8FB4;outline-offset:2px}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(236,143,180,0.5) transparent;scrollbar-width:thin}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(236,143,180,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(236,143,180,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(236,143,180,0.38);background:rgba(20,10,16,0.78);color:var(--text)}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(236,143,180,0.5),0 6px 18px -8px rgba(236,143,180,0.7)}
@media (min-width:1100px){
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(20,10,16,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #71435f;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #F0A2C1;background:linear-gradient(90deg,rgba(240,162,193,0.2),rgba(240,162,193,0.04))}
}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(20,10,16,0.87);border-color:#52304A}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(240,162,193,0.14)}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#F0A2C1}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="bard"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#361f30}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]){
  --bg:#0A0604; --bg2:#0e0806; --surface:#140C08; --raised:#201814; --raised2:#29221e;
  --line:#553823; --line2:#69503d; --text:#eeeade; --text2:#c4c1ac; --muted:#969785;
  --accent:#EE9A45; --accent2:#efa254; --accent-ink:#10130F; --arcane:#F2A95E; --arcane-soft:rgba(242,169,94,0.16); --gold:#EE9A45;
  --glass:rgba(20,12,8,0.86); --meta:#0A0604; --mn-dark:#0A0604; --fx:none; --inactive:#8e9491;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15c6-10 12-9 12-9s1 7-8 12'/%3E%3Cpath d='M7 17c2-3 5-5 9-7'/%3E%3C/svg%3E"); --hover:#F5B979; --glow:rgba(238,154,69,0.24); --title:#f8d7b5;
  --die:#432b14; --die-tens:#714921; --die-edge:#eeeade; --die-glow:#EE9A45; --die-outline:#0A0604;
}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(238,154,69,0.075),rgba(238,154,69,0) 44%),rgba(20,12,8,0.86);border:1px solid #6d4828;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(247,205,162,0.11)}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(238,154,69,0.55),rgba(238,154,69,0.14) 55%,rgba(56,36,23,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(238,154,69,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(238,154,69,0.4);color:#fff}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #EE9A45;outline-offset:2px}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(238,154,69,0.5) transparent;scrollbar-width:thin}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(238,154,69,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(238,154,69,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(238,154,69,0.38);background:rgba(20,12,8,0.78);color:var(--text)}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(238,154,69,0.5),0 6px 18px -8px rgba(238,154,69,0.7)}
@media (min-width:1100px){
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(20,12,8,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #744c2a;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #F2A95E;background:linear-gradient(90deg,rgba(242,169,94,0.2),rgba(242,169,94,0.04))}
}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(20,12,8,0.86);border-color:#553823}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#8e9491}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(242,169,94,0.14)}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#F2A95E}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="druid"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#382417}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]){
  --bg:#050912; --bg2:#070c16; --surface:#0A111B; --raised:#161d26; --raised2:#202630;
  --line:#30475F; --line2:#495d72; --text:#e6ede7; --text2:#b5c5bc; --muted:#8b9f98;
  --accent:#8EC8D8; --accent2:#97ccdb; --accent-ink:#10120E; --arcane:#A0D2E0; --arcane-soft:rgba(160,210,224,0.16); --gold:#8EC8D8;
  --glass:rgba(10,17,27,0.86); --meta:#050912; --mn-dark:#050912; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l3 6-3 12-3-12 3-6z'/%3E%3Cpath d='M6 18l3-5M18 18l-3-5'/%3E%3C/svg%3E"); --hover:#B2DCE8; --glow:rgba(142,200,216,0.22); --title:#d2e9ef;
  --die:#273944; --die-tens:#435f6b; --die-edge:#e6ede7; --die-glow:#8EC8D8; --die-outline:#050912;
}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(142,200,216,0.075),rgba(142,200,216,0) 44%),rgba(10,17,27,0.86);border:1px solid #3f5c72;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(199,228,236,0.11)}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(142,200,216,0.55),rgba(142,200,216,0.14) 55%,rgba(31,47,64,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(142,200,216,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(142,200,216,0.4);color:#fff}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #8EC8D8;outline-offset:2px}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(142,200,216,0.5) transparent;scrollbar-width:thin}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(142,200,216,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(142,200,216,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(142,200,216,0.38);background:rgba(10,17,27,0.78);color:var(--text)}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(142,200,216,0.5),0 6px 18px -8px rgba(142,200,216,0.7)}
@media (min-width:1100px){
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(10,17,27,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #436177;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #A0D2E0;background:linear-gradient(90deg,rgba(160,210,224,0.2),rgba(160,210,224,0.04))}
}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(10,17,27,0.86);border-color:#30475F}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(160,210,224,0.14)}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#A0D2E0}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="ranger"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#1f2f40}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]){
  --bg:#04070B; --bg2:#060b0f; --surface:#0A1015; --raised:#161c21; --raised2:#20262a;
  --line:#2C4752; --line2:#455d67; --text:#e2e8e5; --text2:#adbab6; --muted:#929f9e;
  --accent:#5FC6CA; --accent2:#6ccbce; --accent-ink:#100C09; --arcane:#74D0D3; --arcane-soft:rgba(116,208,211,0.16); --gold:#5FC6CA;
  --glass:rgba(10,16,21,0.89); --meta:#04070B; --mn-dark:#04070B; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10a3 3 0 1 1 6 0c0 1.6-1 2.4-2 3v4h-2v-4c-1-.6-2-1.4-2-3z'/%3E%3Cpath d='M6 19l12-14'/%3E%3C/svg%3E"); --hover:#8BDADC; --glow:rgba(95,198,202,0.22); --title:#bfe8ea;
  --die:#1b373b; --die-tens:#2d5d61; --die-edge:#e2e8e5; --die-glow:#5FC6CA; --die-outline:#04070B;
}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(95,198,202,0.075),rgba(95,198,202,0) 44%),rgba(10,16,21,0.89);border:1px solid #345b65;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(175,227,229,0.11)}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(95,198,202,0.55),rgba(95,198,202,0.14) 55%,rgba(29,46,55,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(95,198,202,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(95,198,202,0.4);color:#fff}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #5FC6CA;outline-offset:2px}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(95,198,202,0.5) transparent;scrollbar-width:thin}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(95,198,202,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(95,198,202,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(95,198,202,0.38);background:rgba(10,16,21,0.78);color:var(--text)}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(95,198,202,0.5),0 6px 18px -8px rgba(95,198,202,0.7)}
@media (min-width:1100px){
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(10,16,21,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #36606a;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #74D0D3;background:linear-gradient(90deg,rgba(116,208,211,0.2),rgba(116,208,211,0.04))}
}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(10,16,21,0.89);border-color:#2C4752}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(116,208,211,0.14)}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#74D0D3}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="rogue"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#1d2e37}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]){
  --bg:#060A12; --bg2:#080c15; --surface:#0B1019; --raised:#171c25; --raised2:#21262e;
  --line:#35435A; --line2:#4d5a6e; --text:#e4e7ec; --text2:#a8b4c8; --muted:#8e9db2;
  --accent:#AFC6EA; --accent2:#b5cbec; --accent-ink:#0B0F17; --arcane:#BFD2F0; --arcane-soft:rgba(191,210,240,0.16); --gold:#AFC6EA;
  --glass:rgba(11,16,25,0.86); --meta:#060A12; --mn-dark:#060A12; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v4M12 18v4M2 12h4M18 12h4M5 5l3 3M16 16l3 3M19 5l-3 3M8 16l-3 3'/%3E%3C/svg%3E"); --hover:#CBDBF4; --glow:rgba(175,198,234,0.22); --title:#dfe8f7;
  --die:#303948; --die-tens:#525f73; --die-edge:#e4e7ec; --die-glow:#AFC6EA; --die-outline:#060A12;
}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(175,198,234,0.075),rgba(175,198,234,0) 44%),rgba(11,16,25,0.86);border:1px solid #495871;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(215,227,245,0.11)}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .card::before,[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(175,198,234,0.55),rgba(175,198,234,0.14) 55%,rgba(34,44,61,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(175,198,234,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) ::selection{background:rgba(175,198,234,0.4);color:#fff}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) :focus-visible{outline:2px solid #AFC6EA;outline-offset:2px}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]){scrollbar-color:rgba(175,198,234,0.5) transparent;scrollbar-width:thin}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(175,198,234,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(175,198,234,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(175,198,234,0.38);background:rgba(11,16,25,0.78);color:var(--text)}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .subtabs button.on,[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(175,198,234,0.5),0 6px 18px -8px rgba(175,198,234,0.7)}
@media (min-width:1100px){
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) nav.bar{background:rgba(11,16,25,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #4d5d77;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #BFD2F0;background:linear-gradient(90deg,rgba(191,210,240,0.2),rgba(191,210,240,0.04))}
}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) nav.bar .in{background:rgba(11,16,25,0.86);border-color:#35435A}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(191,210,240,0.14)}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#BFD2F0}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .row,[data-theme="cleric"][data-alt="1"]:not([data-mode="day"]) .pollrow{border-color:#222c3d}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]){
  --bg:#050A08; --bg2:#070d0b; --surface:#0A120F; --raised:#161e1b; --raised2:#202725;
  --line:#33503F; --line2:#4b6556; --text:#eae1d4; --text2:#c3b5a2; --muted:#a19686;
  --accent:#E8903E; --accent2:#ea994d; --accent-ink:#100D0B; --arcane:#EDA05A; --arcane-soft:rgba(237,160,90,0.16); --gold:#E8903E;
  --glass:rgba(10,18,15,0.87); --meta:#050A08; --mn-dark:#050A08; --fx:none; --inactive:#959a98;
  --display:'Cinzel',Georgia,serif; --hd-case:none; --hd-ls:.05em; --hd-w:600; --r:16px; --rb:14px;
  --ornament:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6a8 8 0 1 0 0 12'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3C/svg%3E"); --hover:#F2B176; --glow:rgba(232,144,62,0.24); --title:#f6d3b2;
  --die:#3e2c16; --die-tens:#6b4620; --die-edge:#eae1d4; --die-glow:#E8903E; --die-outline:#050A08;
}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .card{background:linear-gradient(180deg,rgba(232,144,62,0.075),rgba(232,144,62,0) 44%),rgba(10,18,15,0.87);border:1px solid #505a3f;border-radius:var(--r);clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(244,200,159,0.11)}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .card::before,[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .card::after{display:none}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(232,144,62,0.55),rgba(232,144,62,0.14) 55%,rgba(33,52,41,0.6)) 1;margin-bottom:2px;padding-bottom:11px}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .card .hd h2{text-shadow:none;background:none;color:var(--title);-webkit-text-fill-color:var(--title);font-style:normal}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .card .hd h2::before,[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .card .hd h2::after{display:none}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .top h1{text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 24px rgba(232,144,62,0.32);letter-spacing:.06em;color:var(--title)}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) ::selection{background:rgba(232,144,62,0.4);color:#fff}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) :focus-visible{outline:2px solid #E8903E;outline-offset:2px}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]){scrollbar-color:rgba(232,144,62,0.5) transparent;scrollbar-width:thin}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px rgba(232,144,62,0.8),inset 0 1px 0 rgba(255,255,255,.28)}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]):hover{box-shadow:0 10px 26px -8px rgba(232,144,62,0.95),inset 0 1px 0 rgba(255,255,255,.34);filter:brightness(1.07)}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .btn.ghost{border-color:rgba(232,144,62,0.38);background:rgba(10,18,15,0.78);color:var(--text)}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .subtabs button.on,[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .pill.on{box-shadow:0 0 0 1px rgba(232,144,62,0.5),0 6px 18px -8px rgba(232,144,62,0.7)}
@media (min-width:1100px){
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) nav.bar{background:rgba(10,18,15,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid #575d3f;box-shadow:12px 0 40px rgba(0,0,0,.35)}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) nav.bar a.on{box-shadow:inset 3px 0 0 #EDA05A;background:linear-gradient(90deg,rgba(237,160,90,0.2),rgba(237,160,90,0.04))}
}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) nav.bar .in{background:rgba(10,18,15,0.87);border-color:#33503F}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) nav.bar a{color:#959a98}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) nav.bar a.on{color:var(--text);background:rgba(237,160,90,0.14)}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) nav.bar a.on svg{stroke:#EDA05A}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .btn.red{background:#b42318;color:#fff;box-shadow:none}
[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .row,[data-theme="monk"][data-alt="2"]:not([data-mode="day"]) .pollrow{border-color:#213429}
/* ===== END MYTHIC NOIR UI ===== */

/* ===== DEFAULT + REALMS (night): painted backdrops (see mythic.js) with glass cards, like the class looks ===== */
/* The Default look's own palette was being overridden by the base :root variables; this pins it. */
html[data-theme="scoreboard"]:not([data-mode="day"]){
  --bg:#130a0d; --bg2:#1a0d11; --surface:#231217; --raised:#2f181e; --raised2:#3d2028;
  --line:#4a2630; --line2:#6a3a46; --text:#f6ede6; --text2:#e0cfc8; --muted:#bda7a1;
  --accent:#e8b83c; --accent2:#cf9a22; --accent-ink:#231602; --arcane:#ff8a94; --arcane-soft:rgba(232,184,60,.16);
  --green:#4ade80; --red:#ff6b78; --amber:#fbbf24; --gold:#e8b83c; --glow:rgba(232,184,60,.45);
  --shadow:rgba(0,0,0,.5); --glass:rgba(35,18,23,.88); --band:#4a0f1c; --band2:#66182a;
  --die:#a3182b; --die-tens:#3d0c16; --die-edge:#f3d98a; --die-label:#ffffff; --die-outline:#2b0b12; --die-glow:#e8b83c;
  --meta:#130a0d; color-scheme:dark;
}
.mn-scoreboard{--dim:0;--mn-dark:#0b0508}
.mn-dungeon{--dim:0;--mn-dark:#08080b}
.mn-tavern{--dim:.05;--mn-dark:#0e0704}
.mn-feywild{--dim:.08;--mn-dark:#0e0626}
.mn-underdark{--dim:0;--mn-dark:#05030c}
.mn-frostfell{--dim:.22;--mn-dark:#06121f}
.mn-dunes{--dim:.38;--mn-dark:#0d0715}
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) :is(.card){background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 46%),color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--line2);border-radius:16px;clip-path:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px -20px rgba(0,0,0,.8)}
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) .card::before,
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) .card::after{display:none}
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) .card .hd{background:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,transparent),color-mix(in srgb,var(--accent) 12%,transparent) 60%,transparent) 1;padding-bottom:11px}
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) .card .hd h2{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) nav.bar{background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--line2)}
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) .btn.ghost{background:color-mix(in srgb,var(--surface) 80%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line2))}
:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) .btn:not(.ghost):not(.red):not([disabled]){box-shadow:0 8px 22px -10px var(--accent),inset 0 1px 0 rgba(255,255,255,.25)}
[data-theme="scoreboard"]:not([data-mode="day"]) .top{background:linear-gradient(180deg,rgba(74,15,28,.94),rgba(74,15,28,.55) 80%,transparent);border-bottom:0}
[data-theme="scoreboard"]:not([data-mode="day"]) nav.bar{background:rgba(35,12,18,.92)}
@media (max-width:699px){:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) .card{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 46%),color-mix(in srgb,var(--surface) 88%,transparent)}}
/* dice: a soft shadow under the dice makes the 3D look stand off the tray; a taller tray gives them room */
.stage3d{filter:drop-shadow(0 10px 8px rgba(0,0,0,.55))}
.dicebox{height:156px!important;margin-top:0}
.dicebox.many{height:176px!important}
.dicebox.qbox{height:190px!important}:is([data-theme="scoreboard"],[data-theme="dungeon"],[data-theme="tavern"],[data-theme="feywild"],[data-theme="underdark"],[data-theme="frostfell"],[data-theme="dunes"]):not([data-mode="day"]) :is(.nudge,.turnbanner,.tk-card){background:color-mix(in srgb,var(--surface) 90%,transparent)}
/* ===== DM toolbox, add-several rows, creator picture picker ===== */
.dmgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dmtile{display:flex;flex-direction:column;gap:3px;text-align:left;min-height:68px;padding:12px 13px;border-radius:14px;border:1px solid var(--line2);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text);font:inherit;cursor:pointer}
.dmtile b{font-size:16px;color:var(--text)}
.dmtile span{font-size:14px;color:var(--text2);line-height:1.25}
.dmtile.hot{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}
.dmtile:active{transform:translateY(1px)}
.bdrow{border:1px solid var(--line2);border-radius:14px;padding:10px 12px 4px;margin:0 0 12px;background:color-mix(in srgb,var(--surface) 60%,transparent)}
.bdrow-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.bdrow-h span{font-size:13px;letter-spacing:.08em;color:var(--muted);font-weight:700}
.bulkrows{max-height:88vh;overflow-y:auto}
.picopts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}
.picopt{aspect-ratio:1;border-radius:14px;border:1px solid var(--line2);background:none;padding:0;cursor:pointer;overflow:hidden;position:relative}
.picopt img{width:100%;height:100%;display:block}
.picopt.on{outline:2px solid var(--accent);outline-offset:2px}
.picopt span{position:absolute;left:0;right:0;bottom:0;padding:2px 0;background:rgba(0,0,0,.62);color:#fff;font-size:12px;text-align:center}
.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 10px}
.swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--line2);cursor:pointer;padding:0}
.swatch.on{outline:2px solid var(--text);outline-offset:2px}
.picprev{display:block;width:132px;height:132px;border-radius:50%;margin:6px auto 12px;border:2px solid var(--line2)}.picprev{overflow:hidden}
.picprev svg{display:block;width:100%;height:100%}
.nudge{background:color-mix(in srgb,var(--surface,#10151c) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* theme picker preview: a smaller, tidier sample card so the scene stays visible */
.tp-pv>.tk-card{padding:10px 12px 12px!important;border-radius:14px}
.tp-pv .tk-card .hd{padding:0 0 6px!important;margin:0 0 6px!important;min-height:0}
.tp-pv .tk-card .hd h2{font-size:15px;margin:0;padding-left:0!important;text-indent:0}
.tp-pv .tk-card .hd h2::before,.tp-pv .tk-card .hd h2::after{display:none!important}
.tp-t1{font-size:15px}
.tp-t2{font-size:13px}
.tk-row{margin-top:8px}
.tp-fake{padding:6px 16px!important;font-size:13px!important;min-height:0!important;line-height:1.2!important;box-shadow:none!important}
.tp-chip{color:var(--text2);background:rgba(0,0,0,.28);font-size:13px;padding:5px 12px}
@media (min-width:700px){.tp-pv>.tk-card{width:min(54%,240px)!important}}
/* Install-as-an-app card: highlighted so it is easy to find at the top of More */
.installcard{border:1px solid var(--accent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 12px 34px -14px var(--accent)!important}
.instrow{display:flex;align-items:center;gap:12px}
.instrow .mico{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);display:grid;place-items:center;color:var(--accent)}
.instrow .mico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.installsteps{margin:8px 0 14px;padding-left:22px;display:grid;gap:10px;font-size:16px;line-height:1.4;color:var(--text)}
.installsteps li::marker{color:var(--accent);font-weight:700}
/* View-as-player bar and Creator row picture button */
.previewbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:8px 12px;border-radius:14px;border:1px solid var(--accent);background:color-mix(in srgb,var(--surface,#10151c) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;color:var(--text)}
.crpic{position:relative;flex:none;background:none;border:0;padding:0;margin-right:12px;cursor:pointer;border-radius:50%}
.crpic .av{margin:0}
.crpic i{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink,#111);font-size:11px;font-style:normal;display:grid;place-items:center;border:2px solid var(--surface,#10151c)}
/* Story tab bar: one tidy row of six */
.subtabs.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:4px}
.subtabs.six button{font-size:13px;padding:0 1px;min-height:42px;letter-spacing:0;text-transform:none;border-radius:12px}
@media (max-width:360px){.subtabs.six button{font-size:12px}}
/* Hero creator: the ability being rolled */
.abil2 .ab.on{box-shadow:0 0 0 2px var(--arcane,#c9a24b) inset;border-radius:12px}

/* Hero creator: tidy skill and spell steps with a description panel */
.mksec{margin:0 0 14px;padding:12px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:14px;background:rgba(255,255,255,.03)}
.mkhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mkhead em{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;font-size:13px;color:var(--text)}
.mksec .chips{display:flex;flex-wrap:wrap;gap:8px}
.mksec .pill{min-height:40px;padding:6px 13px;font-size:15px}
.mksec .pill.own{opacity:.9;border-style:dashed}
.mkck{font-style:normal;font-size:13px;margin-right:6px}
.mkinfo{position:sticky;top:8px;z-index:4;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--glass,rgba(12,17,22,.92));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--arcane,#c9a24b);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.mkinfo b{display:block;font-size:16px;color:var(--text)}
.mkinfo .mkmeta{display:block;font-size:13px;color:var(--muted);margin:2px 0 6px}
.mkinfo p{margin:6px 0 0;font-size:15px;line-height:1.4;color:var(--text);max-height:22vh;overflow:auto}
.mkinfo.mute{border-color:var(--line,rgba(255,255,255,.14));box-shadow:none}
.mkinfo.mute small{color:var(--muted);font-size:14px}
/* Hero creator: review step and final look picker */
.rvhero{display:flex;gap:14px;align-items:center}
.rvhero .heroname{margin:0}
.rvtiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 14px}
.rvt{padding:10px 2px;text-align:center;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(255,255,255,.04)}
.rvt b{display:block;font-size:19px;color:var(--text)}
.rvt span{display:block;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-top:2px}
.rvab{padding-top:0}
.rvatk{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line,rgba(255,255,255,.1))}
.rvatk:first-of-type{border-top:0;padding-top:0}
.rvatk span{color:var(--muted);text-align:right}
.mksec .chip{display:inline-block;margin:0 6px 6px 0}
.mksec .chip.gold{color:var(--arcane,#c9a24b)}
.mklooks .bubs{margin:12px 0}
.mklooks .btns{position:sticky;bottom:0;padding:10px 0 4px;margin:0;background:linear-gradient(to top,var(--bg,#0b0f14) 70%,transparent);z-index:3}
.rvt b{font-size:17px;white-space:nowrap}

.mklooks .btns .btn{width:100%}

.tpnext{margin-top:12px}.tpnext .btn{width:100%}

/* More: account bar */
.accwho{display:flex;gap:14px;align-items:center;margin:0 0 12px}
.accwho .nm{font-size:18px}
.accgrid{margin-top:0}
.dmtile.out{border-style:dashed}
.dmtile.out b{color:var(--text)}
/* Hero creator: sub-choices nested under their species */
.mknest{position:relative;margin:-2px 0 12px 22px;padding:10px 0 2px 16px;border-left:2px solid var(--arcane,#c9a24b)}.mknest.in{animation:mknest .22s ease-out}
.mknest::before{content:"";position:absolute;left:-2px;top:0;width:14px;height:14px;border-left:2px solid var(--arcane,#c9a24b);border-bottom:2px solid var(--arcane,#c9a24b);border-bottom-left-radius:10px;opacity:0}
.mknest .mkhead{margin:0 0 8px}
.mknest .mkopt{padding:10px 14px;margin-bottom:8px;background:rgba(255,255,255,.03)}
.mknest .mkopt b{font-size:16px}
.mknest .mkopt span{font-size:14px}
@keyframes mknest{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mknest{animation:none}}
/* point buy counter (v127) */
.mkpts{display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:12px 14px;border-radius:16px;border:2px solid #e8c25a;background:rgba(232,194,90,.14)}
.mkpts .n{flex:none;min-width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font:700 32px/1 var(--display,inherit);background:#e8c25a;color:#1a1306}
.mkpts .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.mkpts .t b{font-size:19px;color:#fff3d0;text-transform:uppercase;letter-spacing:.04em}
.mkpts .t span{font-size:14px;color:#e6dfcf}
.mkpts.done{border-color:#7fd08a;background:rgba(127,208,138,.14)}
.mkpts.done .n{background:#7fd08a;color:#08200d}
.mkpts.done .t b{color:#e6ffe9}


/* ===== level up (v128) ===== */
.lvalert{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:14px;border-radius:16px;border:2px solid var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 16%,var(--surface,#1a1a1a));color:var(--text);cursor:pointer;animation:lvpulse 1.8s ease-in-out infinite}
.lvalert b{display:block;font-size:20px;letter-spacing:.04em;text-transform:uppercase}
.lvalert .sub{color:var(--text)}
.lvalert .lvup{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--accent,#e8c25a);color:#14100a;animation:lvbob 1.2s ease-in-out infinite}
@keyframes lvpulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,#e8c25a) 55%,transparent)}50%{box-shadow:0 0 0 9px transparent}}
@keyframes lvbob{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
.lvhero{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.lvbig{flex:none;min-width:84px;text-align:center;padding:8px 10px;border-radius:14px;border:2px solid var(--accent,#e8c25a);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--text)}
.lvbig b{display:block;font-size:40px;line-height:1;letter-spacing:0;color:var(--accent,#e8c25a)}
.lvtiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.lvt{padding:10px 12px;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.18));background:rgba(255,255,255,.04);min-width:0}
.lvt span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted,var(--text2))}
.lvt b{display:block;font-size:26px;line-height:1.15;color:var(--text)}
.lvt i{display:block;font-style:normal;font-size:14px;color:var(--text2);overflow-wrap:anywhere}
.lvgain summary{min-height:44px}
.lvrolled{margin:12px 0 0;padding:12px;border-radius:12px;border:1px solid var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 12%,transparent);font-size:17px;animation:mknest .3s ease-out}
.lvlines{margin:12px 0 4px;display:grid;gap:6px}
.lvline{padding:10px 12px;border-radius:10px;border-left:3px solid var(--accent,#e8c25a);background:rgba(255,255,255,.04);font-size:16px;overflow-wrap:anywhere}
.mkgrp{margin:0 0 10px}.mkgrp>b{display:block;margin:0 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,var(--text2))}
.mkgrp .chips{display:flex;flex-wrap:wrap;gap:8px}
.abil2 .ab.asib{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line,rgba(255,255,255,.18))}
.abil2 .ab.asib.on{border-color:var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 20%,transparent)}
.lvdone .bd,.lvpop{text-align:center;position:relative;overflow:hidden}
.lvdone .lvlines,.lvdone .btns{text-align:left}
.lvcong{font-size:14px;font-weight:700;letter-spacing:.3em;color:var(--accent,#e8c25a);animation:lvrise .6s ease-out both}
.lvnum{font-size:96px;line-height:1;font-weight:800;color:var(--text);text-shadow:0 0 24px color-mix(in srgb,var(--accent,#e8c25a) 70%,transparent);animation:lvpop .7s cubic-bezier(.2,1.4,.4,1) both .15s}
.lvname{margin:4px 0 0;text-align:center;animation:lvrise .6s ease-out both .4s}
.lvburst{position:absolute;inset:0;pointer-events:none}
.lvburst i{position:absolute;left:50%;top:92px;width:8px;height:8px;border-radius:50%;background:var(--accent,#e8c25a);opacity:0;animation:lvspark 1.4s ease-out .2s both}
.lvburst i:nth-child(1){--x:-110px;--y:-30px}.lvburst i:nth-child(2){--x:-70px;--y:-80px}.lvburst i:nth-child(3){--x:-20px;--y:-100px}.lvburst i:nth-child(4){--x:40px;--y:-95px}.lvburst i:nth-child(5){--x:90px;--y:-60px}.lvburst i:nth-child(6){--x:115px;--y:-10px}.lvburst i:nth-child(7){--x:-120px;--y:30px}.lvburst i:nth-child(8){--x:120px;--y:40px}
@keyframes lvspark{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}
@keyframes lvpop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes lvrise{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.lvswitch{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:14px;border-radius:14px;border:2px solid var(--line2,rgba(255,255,255,.25));background:rgba(255,255,255,.04)}
.lvswitch b{display:block;font-size:22px;letter-spacing:.08em}
.lvswitch span{font-size:15px;color:var(--text2)}
.lvswitch.on{border-color:var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 14%,transparent)}
.lvstep{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 14px}
.lvstep b{font-size:44px;min-width:70px;text-align:center}
.lvstep .btn{min-width:56px;min-height:48px;font-size:24px}
@media (prefers-reduced-motion:reduce){.lvalert,.lvalert .lvup,.lvcong,.lvnum,.lvname,.lvburst i,.lvrolled{animation:none}.lvburst i{display:none}}

/* level-up add-by-name row: inputs match the other form fields (v130) */
.lvadd{display:flex;align-items:center;flex-wrap:nowrap}
.lvadd input,.lvadd select{padding:12px;border:1px solid var(--line2,rgba(255,255,255,.25));border-radius:var(--rb,12px);background:var(--raised,#14181d);color:var(--text,#f4f2ea);font:inherit;font-size:16px;min-height:44px}
.lvadd input{flex:1;min-width:0}
.lvadd select{flex:none;width:96px}
.lvadd input::placeholder{color:var(--text2,#a7aca7);opacity:1}
.lvadd input:focus,.lvadd select:focus{outline:2px solid var(--arcane,#c9a24b);border-color:transparent}
.lvadd .btn{flex:none}

/* level-up options layout (v131) */
.lvopt{padding:10px 0;border-top:1px solid var(--line,rgba(255,255,255,.14))}
.lvopt:first-of-type{border-top:0;padding-top:0}
.lvoh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px}
.lvoh b{font-size:16px;color:var(--text)}
.lvoh em{font-style:normal;font-size:13px;color:var(--text2);white-space:nowrap}
.lvchips{display:flex;flex-wrap:wrap;gap:6px}
.lvchips span{padding:5px 10px;border-radius:999px;border:1px solid var(--line2,rgba(255,255,255,.25));font-size:14px;color:var(--text);background:rgba(255,255,255,.04)}
.lvopt .sub{margin:8px 0 0}
.lvsub .lvh{display:block;margin:10px 0 4px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}
.lvfeat{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lvfeat li{display:flex;gap:10px;align-items:baseline;font-size:15px;color:var(--text)}
.lvfeat li i{flex:none;min-width:26px;text-align:center;font-style:normal;font-weight:700;font-size:13px;padding:1px 0;border-radius:6px;background:color-mix(in srgb,var(--accent,#e8c25a) 22%,transparent);color:var(--text)}
.lvfeat li b{font-weight:600}
.lvfeat li span{min-width:0;overflow-wrap:anywhere}

/* options rows on the level-up overview are tappable shortcuts, not pills (v132) */
.lvopt{cursor:pointer}
.lvopt .chev{margin-left:auto;font-size:22px;line-height:1;color:var(--text2)}
.lvoh em{margin-left:auto}
.lvoh em+.chev{margin-left:6px}
.lvchips{gap:2px 0}
.lvchips span{padding:0;border:0;background:none;border-radius:0;font-size:15px;color:var(--text2)}
.lvchips span+span::before{content:"\00b7";margin:0 8px 0 6px;color:var(--text2)}

/* level-up spell cards (v133) */
.lvhow{margin:0 0 12px;padding:12px;border-radius:12px;border:1px solid var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 10%,transparent)}
.lvhow>b{display:block;margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.lvhow ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:15px;color:var(--text)}
.lvspells{display:grid;gap:8px}
.lvspell{padding:10px 12px;border-radius:12px;border:1px solid var(--line2,rgba(255,255,255,.25));background:rgba(255,255,255,.04);cursor:pointer;min-width:0}
.lvspell.on{border-color:var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 16%,transparent)}
.lvsh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lvsh b{font-size:17px;color:var(--text);overflow-wrap:anywhere}
.lvck{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:14px;border:1px solid var(--line2,rgba(255,255,255,.3));color:#14100a}
.lvspell.on .lvck{background:var(--accent,#e8c25a);border-color:var(--accent,#e8c25a)}
.lvtags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.lvtags span{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,255,255,.08);color:var(--text)}
.lvspell p{margin:6px 0 0;font-size:15px;line-height:1.4;color:var(--text2)}
.lvfull{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:rgba(0,0,0,.25);font-size:14px;line-height:1.45;color:var(--text);white-space:pre-line;max-height:260px;overflow:auto}
.lvmore{margin:8px 0 0;min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--line2,rgba(255,255,255,.25));background:transparent;color:var(--text);font:inherit;font-size:14px;cursor:pointer}
.lvgh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:2px 0 8px}
.lvgh b{font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}
.lvgh em{font-style:normal;font-size:13px;color:var(--text2)}
.mkgrp{margin:0 0 14px}

/* spell card details: facts row, paragraphs, no repeated summary (v134) */
.lvfull{white-space:normal;max-height:none;overflow:visible;padding:10px 12px}
.lvfull p{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--text)}
.lvfull p:last-child{margin-bottom:0}
.lvfacts{display:grid;gap:4px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--line,rgba(255,255,255,.18))}
.lvfacts div{display:flex;gap:10px;align-items:baseline;font-size:14px}
.lvfacts i{flex:none;min-width:88px;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2)}
.lvfacts span{min-width:0;overflow-wrap:anywhere;color:var(--text)}
.lvhigher{padding-top:8px;border-top:1px dashed var(--line2,rgba(255,255,255,.25))}

/* Traits tab (v135) */
.ftbar{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.ftsearch{flex:1;min-width:0;padding:11px 14px;border-radius:999px;border:1px solid var(--line2,rgba(255,255,255,.25));background:var(--raised,#14181d);color:var(--text);font:inherit;font-size:16px;min-height:44px}
.ftsearch::placeholder{color:var(--text2);opacity:1}
.ftbar .btns{flex:none;flex-wrap:nowrap;gap:6px}
.ftchips{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 12px;padding:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ftchips::-webkit-scrollbar{display:none}
.ftchips .pill{flex:none;min-height:38px;padding:5px 13px;font-size:15px}
.ftchips .pill i{font-style:normal;opacity:.8;margin-left:4px;font-size:13px}
.ftr summary{padding:12px 16px;row-gap:4px}
.ftr .ftn{grid-column:1;font-size:17px;font-weight:700;color:var(--text)}
.ftr .ftags{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px}
.ftr summary em{grid-row:3;margin-top:0}
.ftr summary::after{grid-row:1/span 3}
.ftr[open] summary em{display:none}
.ftr[open]{background:color-mix(in srgb,var(--accent,#e8c25a) 5%,transparent)}
.ftag{padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em;background:rgba(255,255,255,.09);color:var(--text)}
.ftag.new{background:var(--accent,#e8c25a);color:#14100a}
.ftag.kind{border:1px solid var(--accent,#e8c25a);background:transparent}
.ftag.use{background:color-mix(in srgb,var(--accent,#e8c25a) 20%,transparent)}
.ftbody{padding:2px 16px 16px;font-size:16px;line-height:1.55;color:var(--text)}
.ftbody p{margin:0 0 9px;color:var(--text)}
.ftbody p:last-child{margin-bottom:0}
.ftbody ul{margin:0 0 9px;padding-left:20px;display:grid;gap:5px}
.ftbody .lead{color:var(--accent,var(--text));font-weight:700}
.ftbody .kw{font-weight:700;color:var(--accent,var(--text));white-space:nowrap}
.ftbody b{font-weight:700}
.ftnone{text-align:center}

/* level-up navigation, sticky bar, feat groups, review (v135) */
.lvnav{display:flex;gap:6px;overflow-x:auto;margin:0 0 12px;padding:2px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lvnav::-webkit-scrollbar{display:none}
.lvn{flex:none;display:flex;align-items:center;gap:6px;min-height:36px;padding:3px 12px 3px 4px;border-radius:999px;border:1px solid var(--line2,rgba(255,255,255,.25));background:transparent;color:var(--text2);font:inherit;font-size:14px;cursor:pointer}
.lvn i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;background:rgba(255,255,255,.1);color:var(--text)}
.lvn.done i{background:color-mix(in srgb,var(--accent,#e8c25a) 40%,transparent)}
.lvn.now{border-color:var(--accent,#e8c25a);color:var(--text);background:color-mix(in srgb,var(--accent,#e8c25a) 14%,transparent)}
.lvn.now i{background:var(--accent,#e8c25a);color:#14100a}
.mkprog{display:none}
.lvbar{position:sticky;bottom:92px;z-index:6;margin:10px 0 0;padding:10px;border-radius:18px;border:1px solid var(--line2,rgba(255,255,255,.2));background:color-mix(in srgb,var(--bg,#0b0f14) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.lvgrp{margin:0 0 10px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:14px;background:rgba(255,255,255,.03);overflow:hidden}
.lvgrp summary{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 14px;cursor:pointer;list-style:none}
.lvgrp summary::-webkit-details-marker{display:none}
.lvgrp summary b{font-size:16px;color:var(--text)}
.lvgrp summary em{font-style:normal;font-size:14px;color:var(--text2);margin-left:auto}
.lvgrp summary::after{content:'+';font-size:22px;color:var(--text2);margin-left:6px}
.lvgrp[open] summary::after{content:'\2013'}
.lvgbody{padding:0 12px 12px}
.lvcmp{display:grid;gap:6px}
.lvcr{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:baseline;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}
.lvcr span{font-size:15px;color:var(--text2)}
.lvcr i{font-style:normal;font-size:16px;color:var(--text2)}
.lvcr em{font-style:normal;color:var(--text2)}
.lvcr b{font-size:18px;color:var(--accent,var(--text))}
.lvchecks{display:grid;gap:6px}
.lvck2{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:44px;padding:6px 10px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.14));background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.lvck2 i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px;background:var(--accent,#e8c25a);color:#14100a}
.lvck2.bad{border-color:#ff8a7a}
.lvck2.bad i{background:#ff8a7a}
.lvck2 span{font-size:16px;font-weight:600}
.lvck2 em{font-style:normal;font-size:13px;color:var(--text2);text-align:right;max-width:170px}
.lvq{width:100%;margin:0 0 12px}
.mkinfo{margin:10px 0 0}

/* subclass cards: select area on top, readable features below; tidy docked button bar (v137) */
.lvsubw{margin:0 0 12px;border:1px solid var(--line2,rgba(255,255,255,.25));border-radius:16px;background:rgba(255,255,255,.04);overflow:hidden}
.lvsubw.on{border-color:var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 10%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#e8c25a) 50%,transparent)}
.lvpick{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.lvrad{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line2,rgba(255,255,255,.4));font-size:15px;color:#14100a}
.lvsubw.on .lvrad{background:var(--accent,#e8c25a);border-color:var(--accent,#e8c25a)}
.lvpt{display:grid;gap:2px;min-width:0}
.lvpt b{font-size:18px;color:var(--text)}
.lvpt em{font-style:normal;font-size:15px;color:var(--text2);line-height:1.35}
.lvsubw .lvgrp{margin:0;border:0;border-top:1px solid var(--line,rgba(255,255,255,.14));border-radius:0;background:rgba(0,0,0,.18)}
.lvff{padding:10px 0;border-top:1px solid var(--line,rgba(255,255,255,.1))}
.lvff:first-child{border-top:0}
.lvff i{display:inline-block;margin:0 0 3px;padding:1px 8px;border-radius:999px;font-style:normal;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--accent,#e8c25a) 24%,transparent);color:var(--text)}
.lvff b{display:block;font-size:16px;color:var(--text)}
.lvff p{margin:3px 0 0;font-size:15px;line-height:1.45;color:var(--text2)}
.lvh2{margin:10px 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}
.lvbar{display:flex;gap:8px;align-items:center;justify-content:stretch;margin:12px 0 0;padding:8px;background:color-mix(in srgb,var(--bg,#0b0f14) 94%,transparent);bottom:96px}
.lvbar .btn{flex:0 0 auto;min-height:48px;margin:0}
.lvbar .btn.gold{flex:1 1 auto}
.lvbar .btn[data-act="lv-cancel"]{background:transparent;border-color:transparent;color:var(--text2);text-decoration:underline;padding-inline:10px}

/* the Back/Next bar sits at the end of the page instead of floating over the content (v138) */
.lvbar{position:static;bottom:auto;z-index:auto;box-shadow:none;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:4px 0;margin:14px 0 18px}

/* spell cards: tap to read, then Select (v139) */
.lvspell{cursor:default}
.lvspell .lvsh{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:52px;padding:2px 0;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.lvst{display:grid;gap:5px;min-width:0}
.lvspell .lvck{flex:none;width:28px;height:28px;font-size:16px}
.lvspell .lvck.on{background:var(--accent,#e8c25a);border-color:var(--accent,#e8c25a)}
.lvbl{margin:6px 0 0;font-size:15px;line-height:1.4;color:var(--text2)}
.lvhint{margin:6px 0 0;font-size:13px;color:var(--text2)}
.lvsel{width:100%;margin:12px 0 2px;min-height:48px}
.lvspell.open{border-color:var(--accent,#e8c25a)}
.lvtodo{display:grid;gap:2px;margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 12%,transparent)}
.lvtodo b{font-size:16px;color:var(--text)}
.lvtodo span{font-size:15px;color:var(--text)}
.lvtodo.none{border-color:var(--line2,rgba(255,255,255,.25));background:rgba(255,255,255,.04)}

/* spell rows: collapsed by default, open and close with a tap (v140) */
details.lvhow{padding:0}
details.lvhow summary{min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
details.lvhow summary::-webkit-details-marker{display:none}
details.lvhow summary::after{content:'+';font-size:22px;color:var(--text2)}
details.lvhow[open] summary::after{content:'\2013'}
details.lvhow ul{margin:0;padding:0 14px 14px 32px}
.lvlvl summary em{white-space:normal;text-align:right}
.lvlvl .lvgbody{display:grid;gap:8px;padding:0 10px 12px}
.lvspell{padding:2px 12px}
.lvspell .lvsh{min-height:56px}
.lvst small{font-size:13px;color:var(--text2)}
.lvchev{flex:none;width:22px;text-align:center;font-size:18px;color:var(--text2)}
.lvopen{padding:0 0 12px}
.lvspell.open{background:color-mix(in srgb,var(--accent,#e8c25a) 8%,transparent)}
.lvspell .lvsh{display:grid;grid-template-columns:minmax(0,1fr) 28px 22px;align-items:center;gap:10px}

/* ---- final polish (v143) ---- */
.toast.undoable{pointer-events:auto;display:flex;align-items:center;gap:14px}
.toast .toastbtn{flex:none;min-height:36px;padding:4px 14px;border-radius:999px;border:1px solid var(--accent,#e8c25a);background:transparent;color:var(--accent,#e8c25a);font:inherit;font-weight:700;cursor:pointer}
/* text that sits straight on the backdrop (empty states, footnotes) gets a soft glass panel so it stays readable */
#app>.empty,#app>.note,#app>p.sub,#app>.btns+.note{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:rgba(8,10,14,.72);border:1px solid var(--line,rgba(255,255,255,.14));color:var(--text2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#app>.empty{text-align:center;padding:22px 16px;color:var(--text)}
html[data-mode="day"] #app>.empty,html[data-mode="day"] #app>.note,html[data-mode="day"] #app>p.sub{background:rgba(255,255,255,.82);color:var(--text)}
.vital span,.vital small{font-size:12px}
.dmgrid .dmtile:last-child:nth-child(odd){grid-column:1/-1}
.insp{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0 0;padding:10px 14px;min-height:56px;border-radius:14px;border:1px dashed var(--line2,rgba(255,255,255,.3));background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.insp i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px;border:1px solid var(--line2,rgba(255,255,255,.3));color:var(--text2)}
.insp span{display:grid;min-width:0}
.insp b{font-size:16px}
.insp small{font-size:13px;color:var(--text2)}
.insp.on{border:1px solid var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 14%,transparent);animation:inspglow 2.6s ease-in-out infinite}
.insp.on i{background:var(--accent,#e8c25a);border-color:var(--accent,#e8c25a);color:#14100a}
@keyframes inspglow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,#e8c25a) 40%,transparent)}50%{box-shadow:0 0 14px 2px color-mix(in srgb,var(--accent,#e8c25a) 40%,transparent)}}
@media (prefers-reduced-motion:reduce){.insp.on{animation:none}}
.hubwrap>p.note,.hubwrap>p.sub{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:rgba(8,10,14,.72);border:1px solid var(--line,rgba(255,255,255,.14));color:var(--text2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* quick tour card (v144) */
.tourlist{display:grid;gap:8px;margin:0 0 12px}
.tourrow{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border-left:3px solid var(--accent,#e8c25a);background:rgba(255,255,255,.04)}
.tourrow b{font-size:16px;color:var(--text)}
.tourrow span{font-size:15px;line-height:1.4;color:var(--text2)}

/* announcements (v145) */
.bcalert .lvup{font-size:22px}
.bcpop{text-align:center;position:relative;overflow:hidden}
.bctext{margin:10px 0 6px;font-size:19px;line-height:1.45;color:var(--text);white-space:pre-line}
.bcchips{margin:0 0 12px}
.bcdm textarea{min-height:90px}

/* offline notice (v145) */
.offbar{position:sticky;top:0;z-index:80;margin:0;padding:8px 14px;text-align:center;font-size:14px;font-weight:600;background:#5a1d12;color:#fff;border-bottom:1px solid #ff8a7a}
.offbar[hidden]{display:none}

/* sound card (v146) */
.sndrows{display:grid;gap:8px}
.sndrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 14px;border-radius:14px;border:1px solid var(--line2,rgba(255,255,255,.25));background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.sndrow span{display:grid;gap:2px;min-width:0}.sndrow b{font-size:16px}.sndrow small{font-size:13px;color:var(--text2)}
.sndrow i{flex:none;min-width:52px;text-align:center;padding:6px 12px;border-radius:999px;font-style:normal;font-weight:700;font-size:14px;border:1px solid var(--line2,rgba(255,255,255,.3))}
.sndrow.on{border-color:var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 12%,transparent)}
.sndrow.on i{background:var(--accent,#e8c25a);border-color:var(--accent,#e8c25a);color:#14100a}
.sndrows input[type=range]{width:100%;min-height:36px;accent-color:var(--accent,#e8c25a)}

/* smart defaults (v147) */
.recstar{font-style:normal;color:var(--accent,#e8c25a);margin-right:4px;font-size:.95em}
.recbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:8px 10px;border-radius:12px;border:1px dashed var(--accent,#e8c25a);background:color-mix(in srgb,var(--accent,#e8c25a) 8%,transparent)}
.recbar>span{flex:1 1 180px;font-size:14px;color:var(--text2);line-height:1.35}
.recbtn{flex:none;color:var(--text)}
.recnote{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:14px;color:var(--text2)}
.recnote b{color:var(--text)}
.lvquick{width:100%;margin:0 0 12px;min-height:52px}
.recwhy{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--accent,#e8c25a)}
.lvpt b .recstar{margin-right:6px}
.abil2 .ab b .recstar{margin-right:2px}

/* accessibility (v151) */
.skip{position:fixed;left:8px;top:-60px;z-index:200;padding:10px 16px;border-radius:10px;background:var(--accent,#e8c25a);color:#14100a;font-weight:700;text-decoration:none;transition:top .15s}
.skip:focus{top:8px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--accent,#e8c25a);outline-offset:2px;border-radius:8px}
#app:focus{outline:none}
html[data-text="1"] body{zoom:1.12}
html[data-text="2"] body{zoom:1.25}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* backup (v152) */
.bkrows{display:grid;gap:2px;max-height:46vh;overflow:auto}
.bkrows .row b{font-size:18px;color:var(--text)}

/* private messages (v153) */
.wthread{display:grid;gap:8px;max-height:44vh;overflow:auto;padding:4px 2px;margin:0 0 4px}
.wb{max-width:86%;padding:10px 12px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.08);justify-self:start}
.wb.me{justify-self:end;border-radius:16px 16px 4px 16px;background:color-mix(in srgb,var(--accent,#e8c25a) 22%,transparent)}
.wb .wt{font-size:16px;line-height:1.4;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.wb small{display:block;margin-top:4px;font-size:12px;color:var(--text2)}
.wsheet textarea{min-height:84px}
.wrow{width:100%;text-align:left}

/* armor class card (v155) */
.acsum{display:flex;align-items:center;gap:12px}
.acsum b{flex:none;min-width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:32px;border:2px solid var(--accent,#e8c25a);color:var(--text)}
.acsum span{font-size:15px;color:var(--text2);line-height:1.4}
.acmisc{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:15px;color:var(--text)}

/* foes and encounter meter (v157) */
.foerow{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line,rgba(255,255,255,.12))}
.foerow .nm{font-size:16px}
.foeqty{display:flex;align-items:center;gap:6px}
.foeqty b{min-width:22px;text-align:center;font-size:17px}
.foesheet{max-height:86vh;overflow:auto}
.encmeta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px}
.encmeta b{font-size:18px;letter-spacing:.04em;text-transform:uppercase}
.encmeta span{font-size:14px;color:var(--text2)}
.enc-trivial,.enc-easy{color:#8fd7a0}.enc-low{color:#c9e28a}.enc-moderate{color:#f0c96a}.enc-high{color:#ff9f6a}.enc-deadly{color:#ff7d70}
.encbar{position:relative;height:14px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.encbar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#8fd7a0,#f0c96a 55%,#ff7d70)}
.encbar u{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.7)}
.enclab{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--text2)}

/* level-up popup: centred actions, comfortable width */
.lvpop{max-width:440px;padding:28px 22px}
.lvpop .btns{justify-content:center;flex-wrap:wrap;margin-top:18px}
.lvpop .btns .btn{min-width:130px}

/* spells on heroes */
.bfwrap{display:grid;gap:8px}
.bfchip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--accent,#c9a);border-radius:14px;background:color-mix(in srgb,var(--accent,#c9a) 12%,transparent)}
.bfchip b{display:block;color:var(--text)}
.bfchip small{display:block;color:var(--muted,#C9CDC8);font-size:14px}
.bfi{color:var(--accent,#c9a);font-size:20px}
.bfchip .btn{flex:none}

/* predictive search */
#predbox{position:fixed;z-index:80;max-height:40vh;overflow:auto;background:var(--surface,#0C1116);border:1px solid var(--line2,#2A3034);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.5);padding:4px}
#predbox[hidden]{display:none}
#predbox button{display:block;width:100%;text-align:left;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--text,#F4F2EA);font:inherit;font-size:16px;cursor:pointer}
#predbox button b{color:var(--accent,#e8c25a)}
#predbox button:hover,#predbox button.on{background:color-mix(in srgb,var(--accent,#c9a) 22%,transparent)}