@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-cyrillic-ext-400-normal-o8fRvAFQ.woff2)format("woff2"),url(/assets/eb-garamond-cyrillic-ext-400-normal-DG8lny6_.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-cyrillic-400-normal-DDLP67lu.woff2)format("woff2"),url(/assets/eb-garamond-cyrillic-400-normal-C0kVTdou.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-greek-ext-400-normal-K8pwR3tn.woff2)format("woff2"),url(/assets/eb-garamond-greek-ext-400-normal-BaZl8BIK.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-greek-400-normal-CVAbzS9p.woff2)format("woff2"),url(/assets/eb-garamond-greek-400-normal-d4JlP2QH.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-vietnamese-400-normal-CLvJdMEL.woff2)format("woff2"),url(/assets/eb-garamond-vietnamese-400-normal-ifvNSiWx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-ext-400-normal-o4A__6QZ.woff2)format("woff2"),url(/assets/eb-garamond-latin-ext-400-normal-B4EmgUmt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-BCNrxLz_.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-normal-maQnHeKB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-cyrillic-ext-700-normal-BeF6LAyO.woff2)format("woff2"),url(/assets/eb-garamond-cyrillic-ext-700-normal-CFbzJSLA.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-cyrillic-700-normal-DEvK75yC.woff2)format("woff2"),url(/assets/eb-garamond-cyrillic-700-normal-CZqEm0B2.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-greek-ext-700-normal-DGTau5GQ.woff2)format("woff2"),url(/assets/eb-garamond-greek-ext-700-normal-l_ss-YUz.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-greek-700-normal-B_d4xcbv.woff2)format("woff2"),url(/assets/eb-garamond-greek-700-normal-fZsQHTKB.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-vietnamese-700-normal-E9ZwkAgy.woff2)format("woff2"),url(/assets/eb-garamond-vietnamese-700-normal-FE-NyQWj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-latin-ext-700-normal-Codxv15T.woff2)format("woff2"),url(/assets/eb-garamond-latin-ext-700-normal-JC0X9ytv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-latin-700-normal-D7LhwqnD.woff2)format("woff2"),url(/assets/eb-garamond-latin-700-normal-DcHu0PDI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-brand:#5e2b97;--color-brand-dark:#4a1c78;--color-brand-deep:#33135a;--color-brand-light:#a98bd0;--color-brand-pale:#c4aee3;--color-bg:#121114;--color-bg-deep:#0e0d10;--color-surface:#1a181d;--color-surface-raised:#221f27;--color-border:#26232b;--color-border-strong:#3a3442;--color-shade:#151417;--color-shade-line:#26232b;--color-text-penumbra:#cfcbbe;--color-muted-penumbra:#9a968a;--color-text:#ece6d6;--color-on-brand:#ece6d6;--color-text-muted:#a49e92;--color-text-faint:#8e889c;--color-accent:#d4a017;--color-accent-dark:#a87c0e;--color-accent-text:#e8c45a;--color-on-accent:#1a1a1c;--color-bloodied:#c62f36;--color-bloodied-dark:#8c1f25;--color-bloodied-text:#f0b3b7;--light-core:#ffe7bd;--light-warm:#f2a65a;--light-ember:#c8642a;--light-glow-near:#a98bd038;--light-glow-far:#5e2b971a;--light-glow-near-strong:#a98bd057;--light-glow-far-strong:#5e2b9733;--light-travel:.45s;--color-smoke:#b9b4c2;--color-leather:#2e1a47;--color-leather-deep:#1f1133;--color-parchment:#e9dab8;--color-parchment-shade:#d8c59c;--color-ink:#2b2118;--color-ink-muted:#5b4a36;--color-gilt:#a98bd0;--color-gilt-ink:#6b4e12;--color-wax:#5e2b97;--color-page:#231f1b;--color-page-line:#3a3229;--color-page-text:#eae0c8;--color-page-muted:#b8ad95;--grain-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");--grain-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .16 0 0 0 0 .08 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");--color-condition-bg:#123a36;--color-condition-text:#8fd9c9;--color-focus:#c4aee3;--shadow-card:0 8px 24px #00000059;--shadow-raised:0 2px 6px #0000004d;--shadow-floating:0 12px 32px #0000008c;--glow-accent:0 0 18px #d4a0174d;--glow-brand:0 0 0 1px #a98bd040, 0 10px 28px #00000073;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-display:"EB Garamond", "Georgia", serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;min-width:0}:root{--nav-height:64px;--sidebar-width:0px;--content-width:1160px;--fixed-bar-height:0px;--bottom-anchor:calc(var(--nav-height) + env(safe-area-inset-bottom));--motion:.22s}@media (width>=1000px){:root{--nav-height:0px;--sidebar-width:80px}}@media (prefers-reduced-motion:reduce){:root{--motion:0s}*,:before,:after{transition:none!important;animation:none!important}}html,body,#app{min-height:100%;margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);background-image:radial-gradient(ellipse 85% 70% at 50% 40%, transparent 40%, var(--color-bg-deep) 100%);color:var(--color-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed}button,input,select,textarea,a{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes candle-glow{0%,to{filter:drop-shadow(var(--glow-accent))}50%{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-accent) 40%, transparent))}}.page-enter-active{animation:rise-in var(--motion) ease-out}.page-leave-active{animation:fade-in var(--motion) ease-in reverse}.active-combat :not(.candlelight,.flame,.candle,.candle *),.active-combat :before,.active-combat :after{transition:none!important;animation:none!important}.penumbra,.panel.penumbra{--color-text:var(--color-text-penumbra);--color-text-muted:var(--color-muted-penumbra);--initial:var(--color-brand-light);border-color:var(--color-shade-line);background:var(--color-shade);color:var(--color-text)}.lit,.panel.lit{--initial:var(--color-brand-light);border-color:var(--color-brand-light);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 26%, var(--color-surface-raised)) 0%, var(--color-surface) 100%);box-shadow:var(--shadow-card), var(--glow-brand);color:var(--color-text)}.written{--color-text:var(--color-page-text);--color-text-muted:var(--color-page-muted);border:0;border-left:3px solid var(--color-brand-light);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-page);box-shadow:none;color:var(--color-text);font-family:var(--font-display);gap:10px;padding:16px 20px;font-size:1.2rem;line-height:1.5;display:grid}.written p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.has-initial:first-letter{float:left;background:color-mix(in srgb, var(--color-gilt) 25%, transparent);color:var(--initial,var(--color-brand-light));font-family:var(--font-display);border:1px solid;margin:.06em .1em 0 0;padding:.05em .12em;font-size:2.6em;font-weight:700;line-height:.82}.light-host{position:relative}.wax-seal{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--color-wax) 55%, var(--color-text)), var(--color-wax) 55%, var(--color-brand-deep));width:46px;height:46px;box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--color-bg-deep) 16%, transparent), inset 0 0 0 5px color-mix(in srgb, var(--color-text) 12%, transparent), var(--shadow-raised);color:var(--color-on-brand);border-radius:47% 53% 51% 49%/52% 47% 53% 48%;flex:none;place-items:center;animation:.28s cubic-bezier(.2,1.4,.4,1) seal-stamp;display:grid}.wax-seal.is-danger{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--color-bloodied) 60%, var(--color-text)), var(--color-bloodied) 55%, var(--color-bloodied-dark))}.wax-seal.is-small{width:26px;height:26px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-bg-deep) 16%, transparent), var(--shadow-raised)}.wax-seal.is-small .icon{width:14px;height:14px}@keyframes seal-stamp{0%{opacity:0;transform:scale(1.7)rotate(-14deg)}to{opacity:1;transform:none}}.icon{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.7px;flex:none;width:24px;height:24px}.tile dt .icon{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.tag .icon,.tag .flame{stroke-width:2px;width:16px;height:16px;margin-right:5px}.tag .flame{width:10px;height:15px}.button .icon{width:20px;height:20px}.expand-mark .icon{stroke-width:2px;width:16px;height:16px}.candlelight{z-index:1;background:radial-gradient(ellipse 46% 50% at 50% 50%, var(--light-glow-near) 0%, var(--light-glow-far) 34%, transparent 70%);mix-blend-mode:screen;pointer-events:none;width:160%;height:560px;transform:translateY(var(--light-y,0px));transition:transform var(--light-travel) cubic-bezier(.3, .7, .2, 1);animation:5s ease-in-out infinite light-breathe;position:absolute;top:-280px;left:-30%}@keyframes light-breathe{0%,to{opacity:1}37%{opacity:.93}61%{opacity:.98}78%{opacity:.9}}.is-flaring .candlelight{animation:.9s ease-out light-flare}.is-guttering .candlelight{animation:.9s linear light-gutter}@keyframes light-flare{0%{scale:1}22%{scale:1.4}to{scale:1}}@keyframes light-gutter{0%,to{opacity:1}15%{opacity:.2}35%{opacity:.8}55%{opacity:.3}80%{opacity:.9}}.candlelight .candle{top:50%;left:calc(18.75% - 15px + var(--light-inset,0px));margin-top:-22px;position:absolute}@media (width>=1000px){.candlelight .candle{left:calc(18.75% - 30px + var(--light-inset,0px));transform:scale(1.3)}}html,body{overflow-x:clip}.flame{transform-origin:50% 100%;flex:none;width:10px;height:15px;animation:1.9s ease-in-out infinite flame-flicker;overflow:visible}.flame-outer{fill:var(--light-warm);stroke:var(--light-ember);stroke-width:.8px}.flame-inner{fill:var(--light-core)}@keyframes flame-flicker{0%,to{transform:scale(1)rotate(-1deg)}30%{transform:scale(.96,1.05)rotate(2deg)}55%{transform:scale(1.03,.95)rotate(-2deg)}80%{transform:scale(.98,1.03)rotate(1deg)}}.candle{flex:none;width:14px;height:36px;overflow:visible}.candle-wax{fill:var(--color-parchment);stroke:var(--color-ink-muted);stroke-width:.8px}.candle.is-out .candle-wax{fill:var(--color-muted-penumbra)}.candle-wick{fill:none;stroke:var(--color-ink);stroke-width:1.2px}.candle-flame{transform-box:fill-box;transform-origin:50% 100%;animation:2.1s ease-in-out infinite flame-flicker}.candle-smoke{fill:none;stroke:var(--color-smoke);stroke-dasharray:16;stroke-linecap:round;stroke-width:1px;animation:2.6s ease-out infinite candle-smoke}@keyframes candle-smoke{0%{opacity:.9;stroke-dashoffset:16px}70%{opacity:.5}to{opacity:0;stroke-dashoffset:-16px}}@media (prefers-reduced-motion:reduce){.candle-smoke{opacity:.6;stroke-dasharray:none}}.app-shell{min-height:100vh;padding-bottom:calc(var(--nav-height) + 4px + env(safe-area-inset-bottom))}.notebook-shell{padding-left:var(--sidebar-width)}.page-content{width:min(100%, var(--content-width));min-height:calc(100vh - 150px);margin:0 auto;padding:20px 16px 40px}@media (width>=760px){.page-content{padding:28px 32px 48px}}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-deep);color:var(--color-text);padding:8px 16px;position:relative}.header-content{width:min(100%, var(--content-width));justify-content:space-between;align-items:center;gap:18px;min-height:44px;margin:0 auto;display:flex}.app-name{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-size:1.35rem;font-weight:600}.home-link{min-height:44px;color:var(--color-text);align-items:center;gap:10px;text-decoration:none;display:flex}.home-icon{width:28px;height:28px;color:var(--color-brand-light)}.header-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.header-actions{flex:none;align-items:center;gap:4px;display:flex}.session-candle{min-height:44px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:none;align-items:end;gap:5px;padding:0 4px 6px;font-size:.85rem;display:inline-flex}.session-candle .candle{width:12px;height:31px}@media (width<=400px){.session-candle-time{display:none}}.header-icon-button{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--color-text);white-space:nowrap;cursor:pointer;transition:background-color var(--motion);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.header-icon-button:hover{background:var(--color-surface-raised)}.header-icon-button.close-notebook{border-color:var(--color-border-strong);background:0 0}.header-icon{width:24px;height:24px}.close-notebook-text,.close-notebook-rest{display:none}@media (width>=400px) and (width<=760px){.close-notebook-text{display:inline}}@media (width>=1000px){.close-notebook-text,.close-notebook-rest{display:inline}.app-name,.home-link,.campaign-picker span{white-space:nowrap;flex:none}.header-title{flex:none}.campaign-picker{flex:1;justify-content:flex-end}.campaign-picker select{flex:1;width:auto;max-width:340px}}.campaign-picker{color:var(--color-text-muted);align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.campaign-picker select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:min(52vw,340px);min-height:40px;color:var(--color-text);font:inherit;padding:6px 32px 6px 12px;font-weight:600}.header-error{width:min(100%, var(--content-width));color:var(--color-text);margin:8px auto 0;font-size:1rem}@media (width<=760px){.header-content{flex-direction:column;align-items:stretch;gap:4px}.campaign-picker span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.campaign-picker select{width:100%}}@media (width<=400px){.app-name{font-size:1.25rem;line-height:1.15}.header-title{gap:8px}}@media (width<=480px){.home-icon{display:none}}.bottom-nav{z-index:2;min-height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);border-top:1px solid var(--color-border);background:var(--color-bg-deep);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-actions{display:contents}.nav-item{border-radius:var(--radius-sm);min-width:0;min-height:56px;color:var(--color-text-faint);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--motion), background-color var(--motion);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font-size:.7rem;font-weight:650;line-height:1.1;text-decoration:none;display:flex;position:relative}@media (width<=360px){.nav-item{letter-spacing:.02em;font-size:.62rem}}.nav-action.is-accent{color:var(--color-accent-text)}.nav-action.is-note{color:var(--color-brand-pale)}.nav-item[aria-current=page]{color:var(--color-text)}.nav-item[aria-current=page]:before{content:"";background:var(--color-brand-light);clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);transform-origin:50% 0;width:20px;height:14px;animation:ribbon-drop var(--motion) ease-out;position:absolute;top:-5px;left:50%;transform:translate(-50%)}@keyframes ribbon-drop{0%{scale:1 0}}@keyframes ribbon-slide{0%{scale:0 1}}.nav-icon{width:24px;height:24px}@media (width>=1000px){.bottom-nav{width:var(--sidebar-width);border-top:0;border-right:1px solid var(--color-border);flex-direction:column;align-items:center;gap:4px;min-height:100vh;padding:16px 0;display:flex;top:0;right:auto}.nav-item{width:64px;min-height:60px;padding:6px 2px}.nav-item:hover{background:var(--color-surface-raised)}.nav-item[aria-current=page]{background:color-mix(in srgb, var(--color-brand) 18%, var(--color-bg-deep))}.nav-item[aria-current=page]:before{clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%);transform-origin:0;width:12px;height:24px;animation-name:ribbon-slide;top:50%;left:-8px;transform:translateY(-50%)}.nav-actions{flex-direction:column;gap:6px;margin-top:auto;display:flex}.nav-action.is-accent{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--glow-accent)}.nav-action.is-accent:hover{background:var(--color-accent-text)}.nav-action.is-note{border:1px solid var(--color-brand-light)}.nav-candle{width:64px;color:var(--color-text-faint);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:4px;margin-top:10px;padding:6px 0 2px;font-size:.7rem;display:flex}.nav-candle .candle{width:14px;height:36px}.session-candle{display:none}}@media (width<=999px){.nav-candle{display:none}}.opening-cover{z-index:10;background:var(--color-bg-deep);background-image:radial-gradient(ellipse 85% 70% at 50% 45%, var(--color-bg) 0%, var(--color-bg-deep) 100%);perspective:1400px;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.opening-cover.is-leaving{animation:.4s ease-in forwards cover-fade}.cover-light{background:radial-gradient(ellipse 50% 48% at 50% 66%, var(--light-glow-near-strong) 0%, var(--light-glow-far-strong) 35%, transparent 70%);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .3s ease-out;position:absolute;inset:-25% -45%}.is-lit .cover-light{opacity:1;animation:5s ease-in-out .3s infinite light-breathe}.cover-button{background:var(--grain-light), linear-gradient(180deg, var(--color-leather) 0%, var(--color-leather-deep) 100%);width:min(100%,520px);min-height:min(76vh,660px);box-shadow:inset 10px 0 0 color-mix(in srgb, var(--color-bg-deep) 40%, transparent), inset 11px 0 0 color-mix(in srgb, var(--color-text) 6%, transparent), var(--shadow-floating);color:var(--color-text);cursor:pointer;transform-origin:0;border:0;border-radius:4px 10px 10px 4px;place-items:center;margin:auto;padding:22px 18px 22px 30px;display:grid;position:relative}.is-leaving .cover-button{animation:.4s ease-in forwards cover-open}.cover-frame{border:1px solid color-mix(in srgb, var(--color-gilt) 50%, transparent);width:100%;min-height:min(68vh,600px);box-shadow:inset 0 0 0 4px transparent, inset 0 0 0 5px color-mix(in srgb, var(--color-gilt) 22%, transparent);text-align:center;border-radius:3px;place-content:center;justify-items:center;padding:28px 16px 20px;display:grid;position:relative}.cover-frame:before,.cover-frame:after,.cover-button:before,.cover-button:after{content:"";background:var(--color-gilt);width:9px;height:9px;position:absolute;transform:rotate(45deg)}.cover-frame:before{top:-5px;left:-5px}.cover-frame:after{bottom:-5px;left:-5px}.cover-button:before{top:18px;right:14px}.cover-button:after{bottom:18px;right:14px}.cover-mark{width:52px;height:52px;color:var(--color-gilt);stroke-width:1.1px;margin-bottom:20px}.cover-title{max-width:12ch;color:var(--color-text);font-family:var(--font-display);text-shadow:0 2px 12px var(--color-bg-deep);margin:0;font-size:clamp(2.5rem,10vw,4.4rem);font-weight:700;line-height:.95;transition:color .3s ease-out}.cover-subtitle{color:var(--color-brand-light);font-family:var(--font-display);margin:14px 0 0;font-size:clamp(1.05rem,4vw,1.35rem);font-style:italic;transition:color .3s ease-out}.opening-cover:not(.is-lit) .cover-title,.opening-cover:not(.is-lit) .cover-subtitle{color:var(--color-muted-penumbra)}.cover-rule{width:min(70%,260px);margin:22px 0 0}.cover-prompt{color:var(--color-text-muted);font-variant:small-caps;letter-spacing:.16em;margin-top:30px;font-size:.85rem}.cover-candle{width:22px;height:56px;margin-top:26px}.cover-button.is-locked{cursor:default;min-height:0;padding:12px 12px 12px 22px}.is-locked .cover-frame{gap:10px;min-height:0;padding:20px 12px}.is-locked .cover-mark{width:30px;height:30px;margin-bottom:0}.is-locked .cover-title{max-width:none;font-size:clamp(1.7rem,7vw,2.6rem);line-height:1}.is-locked .cover-subtitle{margin:0;font-size:1rem}.is-locked .cover-rule{margin:4px 0}.is-locked .cover-candle{width:16px;height:41px;margin-top:4px}.cover-pin-prompt{margin-top:8px;font-size:1.1rem;font-weight:650;line-height:1.25}.cover-message{min-height:1.3em;font-size:1.05rem;font-weight:650;line-height:1.3}.cover-password{gap:10px;width:min(100%,320px);display:grid}.cover-password input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:52px;color:var(--color-text);padding:10px 12px;font-size:1.1rem}.cover-link{min-height:44px;color:var(--color-brand-light);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:1rem;font-weight:650;text-decoration:underline}@media (width<=420px){.opening-cover{padding:12px}.cover-button{padding:16px 12px 16px 24px}.cover-button:before{top:12px;right:8px}.cover-button:after{bottom:12px;right:8px}}@media (height<=640px){.is-locked .cover-mark,.is-locked .cover-rule,.is-locked .cover-candle{display:none}.is-locked .cover-frame{gap:6px;padding:12px}.cover-button.is-locked{padding:8px 8px 8px 18px}}@keyframes cover-open{to{opacity:0;transform:rotateY(-88deg)}}@keyframes cover-fade{60%{opacity:1}to{opacity:0;visibility:hidden}}.screen-title{color:var(--color-text);font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,6vw,2.75rem);font-weight:700;line-height:1.1}.screen-title:after{content:"";background:linear-gradient(90deg, var(--color-brand-light), transparent);border-radius:2px;width:min(100%,160px);height:2px;margin-top:8px;display:block}.screen-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.section-title{color:var(--color-text);font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.sub-title{color:var(--color-brand-light);font-family:var(--font-display);align-items:center;gap:12px;margin:6px 0 0;font-size:1.3rem;font-weight:700;line-height:1.2;display:flex}.sub-title:after{content:"";background:linear-gradient(90deg, var(--color-border-strong), transparent);flex:1;height:1px}.sub-title small{color:var(--color-text-muted);font-family:var(--font-ui);font-size:1rem;font-weight:400}.ornament-rule{background:linear-gradient(90deg, transparent, var(--color-gilt) 30%, var(--color-gilt) 70%, transparent);border:0;height:1px;margin:0;display:block;position:relative}.ornament-rule:after{content:"";background:var(--color-gilt);width:9px;height:9px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.ornament-rule.is-brand{background:linear-gradient(90deg, transparent, var(--color-brand-light) 30%, var(--color-brand-light) 70%, transparent)}.ornament-rule.is-brand:after{background:var(--color-brand-light)}.stat-rule{background:var(--color-brand-light);clip-path:polygon(0 0,100% 50%,0 100%);border:0;height:5px;margin:0}.lead,.hint,.muted,.empty{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:1.05rem;line-height:1.45}.hint,.empty{font-size:1rem}.notice{border:1px solid var(--color-border-strong);border-left:3px solid var(--color-brand-light);border-radius:var(--radius-sm);background:var(--color-surface);overflow-wrap:anywhere;animation:rise-in var(--motion) ease-out;margin:0;padding:10px 14px;font-size:1.05rem;line-height:1.45}.error-text{color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:700;line-height:1.4}.text-link{color:var(--color-brand-light);text-underline-offset:3px;font-weight:700;text-decoration:underline}.text-link.is-action{align-items:center;min-height:44px;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text);font-family:var(--font-ui);text-align:center;white-space:nowrap;cursor:pointer;transition:border-color var(--motion), background-color var(--motion), color var(--motion);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.95rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-brand-light);background:color-mix(in srgb, var(--color-brand) 12%, transparent)}.button:active{background:color-mix(in srgb, var(--color-brand) 22%, transparent)}.button.is-primary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.button.is-primary:hover{border-color:var(--color-brand-light);background:var(--color-brand-dark)}.button.is-accent{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.button.is-accent:hover{border-color:var(--color-accent-text);background:var(--color-accent-text)}.button.is-roll{border-color:var(--color-accent);color:var(--color-text);background:0 0}.button.is-roll:hover{border-color:var(--color-accent-text);background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.button.is-danger{border-color:var(--color-bloodied);background:var(--color-bloodied);color:var(--color-on-brand)}.button.is-danger:hover{background:var(--color-bloodied-dark)}.button.is-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.button.is-ghost:hover{background:var(--color-surface-raised);color:var(--color-text);border-color:#0000}.button.is-small{min-height:40px;padding:6px 12px;font-size:.9rem}.button.is-large{min-height:52px;padding:10px 20px;font-size:1.05rem}.button.is-block{width:100%}.button.is-start{justify-self:start}.button.is-wrap{white-space:normal}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.actions{flex-wrap:wrap;gap:10px;display:flex}.field{color:var(--color-text-muted);gap:6px;font-size:1rem;font-weight:600;display:grid}.field input,.field select,.field textarea,.input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:44px;color:var(--color-text);font:inherit;transition:border-color var(--motion);padding:8px 12px;font-size:1.05rem;font-weight:400}.field textarea,textarea.input{resize:vertical;line-height:1.4}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--color-brand-light);outline:2px solid var(--color-focus);outline-offset:0}.field input::placeholder,.field textarea::placeholder,.input::placeholder{color:color-mix(in srgb, var(--color-text-muted) 70%, transparent)}.field input[type=file]{padding:8px 12px}.inset .field input,.inset .field select,.inset .field textarea,.inset .input{background:var(--color-surface)}.field-row{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.field-row.is-three{grid-template-columns:repeat(3,1fr)}@media (width<=520px){.field-row,.field-row.is-three{grid-template-columns:1fr}}.check{min-height:48px;color:var(--color-text);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;font-size:1.05rem;line-height:1.4;display:grid}.check input[type=checkbox]{width:26px;height:26px;accent-color:var(--color-brand-light);margin:0}.check.is-compact{min-height:44px;font-size:1rem}.check.is-compact input[type=checkbox]{width:22px;height:22px}.check-grid{border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2px 10px;margin:0;padding:4px 12px 8px;display:grid}.check-grid legend{color:var(--color-text-muted);padding:0 6px;font-weight:600}.panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;animation:rise-in var(--motion) ease-out;gap:12px;margin:0;padding:16px 18px;display:grid;position:relative}.panel.is-combat,.panel.is-current{border-color:var(--color-accent)}.panel.is-warning{border-color:var(--color-brand-light)}.panel.is-accent{border-color:var(--color-accent)}.panel-title{color:var(--color-text);font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}@media (width<=520px){.panel{padding:12px}}.inset{border-radius:var(--radius-sm);background:var(--color-bg);gap:4px;min-width:0;padding:10px 12px;display:grid}.inset.is-accent{border:1px solid var(--color-accent)}.inset.is-brand{border:1px solid var(--color-border-strong)}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.list.is-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}}.list.is-grid>li:nth-child(-n+12){animation:rise-in var(--motion) ease-out backwards}.list.is-grid>li:nth-child(2){animation-delay:30ms}.list.is-grid>li:nth-child(3){animation-delay:60ms}.list.is-grid>li:nth-child(4){animation-delay:90ms}.list.is-grid>li:nth-child(5){animation-delay:.12s}.list.is-grid>li:nth-child(6){animation-delay:.15s}.list.is-grid>li:nth-child(7){animation-delay:.18s}.list.is-grid>li:nth-child(8){animation-delay:.21s}.list.is-grid>li:nth-child(9){animation-delay:.24s}.list.is-grid>li:nth-child(10){animation-delay:.27s}.list.is-grid>li:nth-child(11){animation-delay:.3s}.list.is-grid>li:nth-child(12){animation-delay:.33s}.card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:68px;color:var(--color-text);text-align:left;cursor:pointer;transition:border-color var(--motion), background-color var(--motion);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.card:hover{border-color:var(--color-brand-light);background:var(--color-surface-raised)}.card.is-static{cursor:default}.card.is-accent{border-color:var(--color-accent)}.card-thumb,.portrait{border:2px solid var(--color-border-strong);object-fit:cover;border-radius:50%;flex:0 0 48px;width:48px;height:48px}.portrait.is-empty{border-color:var(--color-brand-light);background:var(--color-brand);color:var(--color-on-brand);font-family:var(--font-display);place-items:center;font-size:1.5rem;font-weight:700;display:grid}.card-text{gap:2px;min-width:0;display:grid}.card-name{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.35rem;font-weight:700;line-height:1.15}.card-detail{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:1rem}.card-vitals{color:var(--color-text-muted);text-align:right;white-space:nowrap;flex:none;gap:2px;margin-left:auto;font-size:.95rem;display:grid}.card-vitals strong{color:var(--color-text);font-size:1.2rem}.portrait-large{border:2px solid var(--color-border-strong);border-radius:var(--radius-md);width:96px;height:96px;box-shadow:var(--shadow-raised);object-fit:cover;flex:0 0 96px}.entry-header{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.entry-title{flex:170px;gap:4px;display:grid}.entry-name{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(1.9rem,6vw,2.4rem);font-weight:700;line-height:1.1}.entry-line{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:1.05rem;line-height:1.45}.entry-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:1.05rem;line-height:1.5}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0;display:grid}.tile{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);align-content:start;gap:2px;min-width:0;padding:10px;display:grid}.tile dt,.tile .tile-label{color:var(--color-text-muted);font-variant:small-caps;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.tile dd,.tile .tile-value{min-width:0;color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.tile dd.is-text{font-size:1.1rem;line-height:1.35}.tile dd small,.tile .tile-note{color:var(--color-text-muted);font-size:.95rem;font-weight:400;display:block}.tag{border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-ui);background:0 0;border-radius:4px;align-items:center;padding:3px 9px;font-size:.95rem;font-weight:700;line-height:1.3;display:inline-flex}.tag.is-bloodied{border-color:var(--color-bloodied);background:var(--color-bloodied);color:var(--color-on-brand)}.tag.is-condition{border-color:var(--color-condition-bg);background:var(--color-condition-bg);color:var(--color-condition-text)}.tag.is-brand{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.tag.is-muted{border-color:var(--color-border);color:var(--color-text-muted)}.tag.is-pill{border-radius:999px;font-size:.85rem}button.tag{cursor:pointer;min-height:32px}.tags{flex-wrap:wrap;gap:6px;display:flex}.hp-meter{background:var(--color-border-strong);border-radius:3px;height:6px;display:block;overflow:hidden}.hp-meter>span{background:var(--color-brand-light);border-radius:3px;height:100%;transition:width .3s ease-out;display:block}.hp-meter>span.is-bloodied{background:var(--color-bloodied)}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-deep);grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented.is-wrap{flex-wrap:wrap;display:flex}.segmented.is-wrap .segmented-button{flex:1 0 auto}.segmented-button{border-radius:var(--radius-sm);min-height:44px;color:var(--color-text-muted);cursor:pointer;transition:color var(--motion), background-color var(--motion), border-color var(--motion);background:0 0;border:1px solid #0000;padding:8px 6px;font-size:.95rem;font-weight:650}.segmented-button:hover{color:var(--color-text)}.segmented-button[aria-current=page],.segmented-button[aria-current=step],.segmented-button[aria-pressed=true]{border-color:var(--color-brand-light);background:color-mix(in srgb, var(--color-brand) 22%, var(--color-surface-raised));color:var(--color-text)}@media (width<=420px){.segmented-button{padding:8px 2px;font-size:.9rem}}.section-toggle{width:100%;min-height:52px;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.expand-mark{border:1px solid var(--color-border-strong);width:32px;height:32px;color:var(--color-brand-light);border-radius:50%;flex:none;place-items:center;font-size:1.3rem;font-weight:700;line-height:1;display:grid}.overlay-backdrop{z-index:20;background:color-mix(in srgb, var(--color-bg-deep) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--motion) ease-out;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay-panel{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,480px);box-shadow:var(--shadow-floating);animation:pop-in var(--motion) ease-out;gap:14px;padding:16px 18px;display:grid}.bottom-panel{z-index:5;right:0;bottom:var(--bottom-anchor);left:var(--sidebar-width);max-height:calc(100vh - 90px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-floating);animation:slide-up var(--motion) ease-out;position:fixed;overflow-y:auto}.bottom-panel.is-accent{border-top-color:var(--color-accent)}.bottom-panel.is-brand{border-top-color:var(--color-brand-light)}.bottom-panel-inner{gap:10px;width:min(100%,920px);margin:0 auto;display:grid}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width>=1000px){.bottom-panel{border-top:0;border-left:1px solid var(--color-border-strong);width:min(100%,480px);max-height:none;animation:slide-in-right var(--motion) ease-out;padding:16px 20px 24px;top:0;bottom:0;left:auto}.bottom-panel.is-accent{border-left-color:var(--color-accent)}.bottom-panel.is-brand{border-left-color:var(--color-brand-light)}}.fixed-bar{z-index:2;right:0;bottom:var(--bottom-anchor);left:var(--sidebar-width);border-top:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 16px;position:fixed}.fixed-bar-inner{width:min(100%,920px);margin:0 auto}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;text-align:center;width:100%;font-size:1rem}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);padding:6px 4px}.data-table thead th{color:var(--color-text-muted);font-variant:small-caps;letter-spacing:.04em;font-size:.9rem;font-weight:600}.data-table tbody th{color:var(--color-brand-light);font-family:var(--font-display);text-align:left;overflow-wrap:anywhere;font-size:1.1rem;font-weight:700}.data-table tbody th small{color:var(--color-text-muted);font-family:var(--font-ui);font-size:.9rem;font-weight:400}.data-table .calc{min-width:48px;font-size:1.25rem;font-weight:800}@media (width<=520px){.data-table th,.data-table td{padding:5px 2px}.data-table tbody th{-webkit-hyphens:auto;hyphens:auto;font-size:.95rem}.data-table .calc{min-width:40px}}.split-view{gap:16px;display:grid}.split-list,.split-detail{align-content:start;gap:16px;min-width:0;display:grid}@media (width<=999px){.split-view.has-detail>.split-list,.split-view:not(.has-detail)>.split-detail{display:none}}@media (width>=1000px){.split-view{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:24px}.split-list{grid-area:1/1;gap:12px;max-height:100vh;padding:4px 4px 16px 0;position:sticky;top:0;overflow:hidden auto}.split-detail{grid-area:1/2}.split-list .list.is-grid{grid-template-columns:1fr;gap:6px}.split-list .list.is-grid>li{animation:none}.split-list .screen-title{font-size:1.9rem}.card.is-selected{border-color:var(--color-brand-light);background:color-mix(in srgb, var(--color-brand) 16%, var(--color-surface-raised))}}.split-empty{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);min-height:240px;color:var(--color-text-muted);font-family:var(--font-display);text-align:center;place-items:center;margin:0;padding:32px;font-size:1.2rem;display:grid}.close-header[data-v-f641bac9]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.close-title[data-v-f641bac9]{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;overflow:hidden}.confirm-backdrop[data-v-71153098]{z-index:30}.confirm-dialog[data-v-71153098]{margin-top:24px;padding-top:30px;position:relative}.confirm-seal[data-v-71153098]{position:absolute;top:-24px;left:16px}.confirm-text[data-v-71153098]{overflow-wrap:anywhere;margin:0;font-size:1.05rem;line-height:1.45}.field-error[data-v-f3be280e]{border-left:3px solid var(--color-brand-light);color:var(--color-brand-light);overflow-wrap:anywhere;margin-top:4px;padding-left:8px;font-size:.95rem;font-weight:700;line-height:1.35;display:block}.roll-mode[data-v-6c5cddfc]{flex-wrap:wrap;gap:6px;display:flex}.roll-mode-button[data-v-6c5cddfc]{border:1px solid var(--color-border-strong);min-height:40px;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:1 0 auto;padding:4px 12px;font-size:.9rem;font-weight:650}.roll-mode-button[data-v-6c5cddfc]:hover{color:var(--color-text)}.roll-mode-button.is-active[data-v-6c5cddfc]{border-color:var(--color-brand-light);background:color-mix(in srgb, var(--color-brand) 22%, var(--color-surface-raised));color:var(--color-text)}.struck[data-v-5690e43e]{color:var(--color-text-muted);font-weight:400}.roll-highlight[data-v-16d2c578]{z-index:8;border:3px solid var(--color-accent);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-surface-raised) 0%, var(--color-bg) 100%);width:min(100% - 20px,520px);box-shadow:var(--shadow-floating), var(--glow-accent);color:var(--color-text);text-align:center;cursor:pointer;justify-items:center;gap:2px;margin:0 auto;padding:10px 14px 12px;animation:.3s ease-out pop-in;display:grid;position:fixed;top:10px;left:10px;right:10px}.highlight-close[data-v-16d2c578]{border:1px solid var(--color-border-strong);border-radius:6px;justify-self:end;align-items:center;gap:4px;padding:2px 8px;font-size:.95rem;font-weight:700;display:inline-flex}.highlight-close .icon[data-v-16d2c578]{stroke-width:2.2px;width:14px;height:14px}.highlight-label[data-v-16d2c578]{overflow-wrap:anywhere;font-size:1rem;font-weight:700}.highlight-total[data-v-16d2c578]{color:var(--color-accent);text-shadow:0 0 18px color-mix(in srgb, var(--color-accent) 50%, transparent);z-index:0;font-size:3.4rem;font-weight:800;line-height:1;animation:.35s cubic-bezier(.2,1.4,.4,1) total-land-16d2c578;position:relative}@keyframes total-land-16d2c578{0%{opacity:0;transform:rotate(-16deg)scale(.5)}}.roll-highlight[data-v-16d2c578]{overflow:hidden}.roll-highlight[data-v-16d2c578]>*{position:relative}.roll-highlight.is-nat20[data-v-16d2c578]:before{content:"";background:repeating-conic-gradient(color-mix(in srgb, var(--color-accent) 26%, transparent) 0 6deg, transparent 6deg 18deg);animation:16s linear infinite nat20-rays-16d2c578;position:absolute;inset:-90%}@keyframes nat20-rays-16d2c578{to{transform:rotate(1turn)}}.roll-highlight.is-nat1[data-v-16d2c578]{border-color:var(--color-border-strong);box-shadow:var(--shadow-floating)}.is-nat1 .highlight-total[data-v-16d2c578]{color:var(--color-text);text-shadow:none;margin:6px 0;padding:16px 40px}.is-nat1 .highlight-total[data-v-16d2c578]:before{content:"";z-index:-1;background:var(--color-bg-deep);box-shadow:62px 26px 0 -34px var(--color-bg-deep), -70px 36px 0 -38px var(--color-bg-deep), 44px -30px 0 -40px var(--color-bg-deep), -52px -22px 0 -42px var(--color-bg-deep);border-radius:58% 42% 63% 37%/46% 60% 40% 54%;animation:.4s cubic-bezier(.2,1.5,.4,1) ink-splat-16d2c578;position:absolute;inset:0}@keyframes ink-splat-16d2c578{0%{scale:.2}}.highlight-outcome[data-v-16d2c578]{font-size:1.25rem;font-weight:800}.highlight-text[data-v-16d2c578]{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:1.05rem}.dice-fields[data-v-16d2c578]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dice-grid[data-v-16d2c578]{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.die-button[data-v-16d2c578]{font-size:1.25rem}.dice-free[data-v-16d2c578]{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.dice-help[data-v-16d2c578]{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.dice-help code[data-v-16d2c578]{color:var(--color-text);white-space:nowrap;font-size:1em}.abilities[data-v-16d2c578]{gap:8px}.ability-scores[data-v-16d2c578]{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ability-score[data-v-16d2c578]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);text-align:center;padding:8px 0;font-size:1.5rem;font-weight:800}.abilities-sum[data-v-16d2c578]{margin:0;font-size:1.1rem}.abilities-detail[data-v-16d2c578]{color:var(--color-text-muted);gap:2px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.history-heading[data-v-16d2c578]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.history-heading .sub-title[data-v-16d2c578]{flex:1;margin:0}.history-item[data-v-16d2c578]{overflow-wrap:anywhere;font-size:1.05rem}.history-head[data-v-16d2c578]{flex-wrap:wrap;gap:4px 10px;display:flex}.history-time[data-v-16d2c578]{color:var(--color-text-muted)}.history-label[data-v-16d2c578]{font-weight:700}.pin-pad[data-v-a82260ca]{gap:10px;width:min(100%,320px);display:grid}.pin-display[data-v-a82260ca]{border-bottom:1px solid var(--color-accent);justify-content:center;align-items:center;gap:10px;height:36px;margin:0;display:flex}.pin-dot[data-v-a82260ca]{background:var(--color-text);width:14px;height:14px;box-shadow:var(--glow-brand);border-radius:50%;animation:.15s ease-out pop-in}.pin-keys[data-v-a82260ca]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pin-key[data-v-a82260ca]{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-height:60px;box-shadow:var(--shadow-raised);color:var(--color-text);font-family:var(--font-ui);cursor:pointer;padding:0 4px;font-size:1.7rem;font-weight:700}.pin-key[data-v-a82260ca]:active{box-shadow:none;transform:translateY(1px)}.pin-key.is-word[data-v-a82260ca]{font-size:1.05rem}.pin-key.is-enter[data-v-a82260ca]{border-color:var(--color-brand-light);background:linear-gradient(180deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:var(--color-on-brand)}.pin-key[data-v-a82260ca]:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}@media (height<=640px){.pin-key[data-v-a82260ca]{min-height:56px}}.generator[data-v-ca6a6619]{gap:12px}.generator-selectors[data-v-ca6a6619]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.generator-rows[data-v-ca6a6619]{gap:6px;margin:0;display:grid}.generator-row[data-v-ca6a6619]{border:1px solid var(--color-border);animation:rise-in var(--motion) ease-out;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:2px 10px;padding:8px 10px}.generator-row dt[data-v-ca6a6619]{color:var(--color-text-muted);font-variant:small-caps;letter-spacing:.04em;grid-column:1;font-size:.9rem}.generator-row dd[data-v-ca6a6619]{color:var(--color-text);overflow-wrap:anywhere;grid-column:1;margin:0;font-size:1.1rem;line-height:1.35}.generator-row dd.is-name[data-v-ca6a6619]{font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1.1}.reroll-button[data-v-ca6a6619]{border:1px solid var(--color-accent);width:48px;height:48px;color:var(--color-accent);cursor:pointer;transition:transform .3s, background-color var(--motion);background:0 0;border-radius:50%;grid-area:1/2/span 2;place-items:center;padding:0;display:grid}.reroll-button[data-v-ca6a6619]:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 14%, transparent);transform:rotate(180deg)}.reroll-button[data-v-ca6a6619]:disabled{cursor:not-allowed;opacity:.45}@media (width<=420px){.generator-selectors[data-v-ca6a6619]{grid-template-columns:1fr}}.quick-note-confirmation[data-v-5cda6443]{z-index:5;right:14px;bottom:calc(var(--bottom-anchor) + var(--fixed-bar-height) + 12px);border:1px solid var(--color-brand-light);border-radius:var(--radius-sm);background:var(--color-surface-raised);box-shadow:var(--shadow-floating);color:var(--color-text);animation:rise-in var(--motion) ease-out;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:1rem;display:flex;position:fixed}.quick-note-panel textarea[data-v-5cda6443]{background:var(--color-bg);resize:none}