@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-ext-500-normal-1Z8Q-7rh.woff2)format("woff2"),url(/assets/cinzel-latin-ext-500-normal-BxIh9iwm.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:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2)format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.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:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.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:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.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:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-ext-900-normal-CWXxiu5r.woff2)format("woff2"),url(/assets/cinzel-latin-ext-900-normal-BlZZvP7K.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:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-900-normal-BI3z7Tow.woff2)format("woff2"),url(/assets/cinzel-latin-900-normal-t_fSDEbn.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.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}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-1:6px;--r-2:12px;--r-3:20px;--r-4:28px;--r-pill:999px;--display:"Cinzel", "Iowan Old Style", "Palatino", Georgia, serif;--font-script:"Tangerine", "Apple Chancery", "Snell Roundhand", "Segoe Script", cursive;--sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--bg-0:#07060d;--bg-1:#0d0b18;--bg-2:#14101f;--bg-3:#1c1730;--surface-1:#1c1632b3;--surface-2:#261e42bf;--surface-glass:#1410248c;--border-soft:#ffd7aa1f;--border-strong:#ffd7aa38;--text-1:#f4ead4;--text-2:#f4ead4c7;--text-3:#f4ead48c;--text-ink:#07060d;--ember:#f97316;--ember-soft:#fdba74;--ember-deep:#c2410c;--arcane:#a855f7;--arcane-soft:#c4b5fd;--mana:#22d3ee;--success:#4ade80;--danger:#f87171;--discord:#5865f2;--ring:0 0 0 3px #f9731673;--glow-ember:0 24px 80px -28px #f97316a6;--glow-arcane:0 24px 80px -28px #a855f78c;--shadow-card:0 20px 50px -28px #000000d9;--tap:44px}@font-face{font-family:Tangerine;src:url(/reader-static/fonts/Tangerine-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}html{background:radial-gradient(1200px 800px at 50% -200px, #a855f72e, transparent 60%), radial-gradient(900px 600px at 85% 30%, #f973161f, transparent 60%), var(--bg-0);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--sans);color:var(--text-1);letter-spacing:.005em;background:0 0;line-height:1.55;overflow-x:hidden}a{color:var(--ember-soft);text-decoration:none}a:hover{color:var(--ember)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}::selection{color:var(--text-1);background:#f9731659}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__aurora{filter:blur(90px)saturate(150%);opacity:.85;will-change:transform, filter;background:radial-gradient(60% 40% at 18% 35%,#a855f78c,#0000 65%),radial-gradient(55% 45% at 82% 22%,#f9731673,#0000 65%),radial-gradient(50% 40% at 50% 75%,#22d3ee52,#0000 70%),radial-gradient(35% 30% at 70% 60%,#f472b647,#0000 70%);animation:26s ease-in-out infinite alternate aurora-drift;position:absolute;inset:-25% -25% 30%}@keyframes aurora-drift{0%{filter:blur(90px)saturate(150%)hue-rotate();transform:translate(0,0)scale(1)}50%{filter:blur(110px)saturate(180%)hue-rotate(-12deg);transform:translate(-4%,2%)scale(1.08)}to{filter:blur(95px)saturate(170%)hue-rotate(8deg);transform:translate(3%,-2%)scale(1.04)}}.backdrop__stars{opacity:.75;will-change:transform;background-image:radial-gradient(1.5px 1.5px at 10% 12%,#ffeac8b3 50%,#0000 51%),radial-gradient(1px 1px at 28% 38%,#c4b5fdcc 50%,#0000 51%),radial-gradient(1.5px 1.5px at 42% 18%,#ffeac899 50%,#0000 51%),radial-gradient(1px 1px at 58% 70%,#22d3ee99 50%,#0000 51%),radial-gradient(1.5px 1.5px at 71% 24%,#ffeac8b3 50%,#0000 51%),radial-gradient(1px 1px at 85% 56%,#c4b5fd99 50%,#0000 51%),radial-gradient(1px 1px at 92% 82%,#ffeac88c 50%,#0000 51%),radial-gradient(1.5px 1.5px at 6% 78%,#c4b5fd99 50%,#0000 51%),radial-gradient(1px 1px at 22% 90%,#ffeac899 50%,#0000 51%),radial-gradient(1px 1px at 47% 88%,#22d3ee8c 50%,#0000 51%);background-repeat:repeat;background-size:600px 600px;animation:6s ease-in-out infinite alternate stars-twinkle;position:absolute;inset:-10%}@keyframes stars-twinkle{0%{opacity:.55}to{opacity:.95}}.backdrop__stars--far{opacity:.4;filter:blur(.4px);background-size:320px 320px;animation:9s ease-in-out infinite alternate-reverse stars-twinkle,80s linear infinite stars-drift}@keyframes stars-drift{0%{background-position:0 0}to{background-position:-600px 600px}}.backdrop__nebula{filter:blur(50px);opacity:.5;will-change:transform;background:radial-gradient(40% 30% at 20% 30%,#a855f759,#0000 70%),radial-gradient(35% 40% at 80% 20%,#f9731647,#0000 70%),radial-gradient(45% 35% at 60% 80%,#22d3ee2e,#0000 70%);animation:18s ease-in-out infinite nebula-breathe;position:absolute;inset:-20%}@keyframes nebula-breathe{0%,to{filter:blur(50px)saturate(140%);opacity:.45}50%{filter:blur(70px)saturate(180%);opacity:.7}}.backdrop__motes{pointer-events:none;will-change:transform;position:absolute;inset:0}.mote{opacity:0;will-change:transform, opacity;border-radius:50%;position:absolute}.mote--1{background:radial-gradient(circle,#fde68a 0%,#f9731633 60%,#0000 70%);box-shadow:0 0 10px #fdba74d9,0 0 22px #f9731680}.mote--2{background:radial-gradient(circle,#c4b5fd 0%,#a855f733 60%,#0000 70%);box-shadow:0 0 10px #c4b5fdd9,0 0 22px #a855f780}.mote--3{background:radial-gradient(circle,#a5f3fc 0%,#22d3ee33 60%,#0000 70%);box-shadow:0 0 10px #a5f3fcb3,0 0 22px #22d3ee73}.mote--4{background:radial-gradient(circle,#fbcfe8 0%,#f472b633 60%,#0000 70%);box-shadow:0 0 10px #fbcfe8b3,0 0 22px #f472b666}.mote--5{background:radial-gradient(circle,#fff7ed 0%,#fde68a40 60%,#0000 70%);box-shadow:0 0 12px #fff7edcc,0 0 26px #fde68a80}.mote--6{background:radial-gradient(circle,#ddd6fe 0%,#7c3aed33 60%,#0000 70%);box-shadow:0 0 12px #ddd6fecc,0 0 24px #7c3aed73}.mote:first-child{width:5px;height:5px;animation:14s linear infinite mote-drift;left:4%}.mote:nth-child(2){width:4px;height:4px;animation:18s linear -1.4s infinite mote-drift;left:9%}.mote:nth-child(3){width:6px;height:6px;animation:12s linear -2.8s infinite mote-drift;left:14%}.mote:nth-child(4){width:5px;height:5px;animation:20s linear -4.2s infinite mote-drift;left:19%}.mote:nth-child(5){width:4px;height:4px;animation:16s linear -5.6s infinite mote-drift;left:24%}.mote:nth-child(6){width:7px;height:7px;animation:22s linear -7s infinite mote-drift;left:29%}.mote:nth-child(7){width:5px;height:5px;animation:15s linear -.7s infinite mote-drift;left:34%}.mote:nth-child(8){width:4px;height:4px;animation:19s linear -2.1s infinite mote-drift;left:39%}.mote:nth-child(9){width:6px;height:6px;animation:13s linear -3.5s infinite mote-drift;left:44%}.mote:nth-child(10){width:5px;height:5px;animation:21s linear -4.9s infinite mote-drift;left:49%}.mote:nth-child(11){width:4px;height:4px;animation:17s linear -6.3s infinite mote-drift;left:54%}.mote:nth-child(12){width:7px;height:7px;animation:24s linear -7.7s infinite mote-drift;left:59%}.mote:nth-child(13){width:5px;height:5px;animation:14s linear -1.2s infinite mote-drift;left:64%}.mote:nth-child(14){width:4px;height:4px;animation:18s linear -2.6s infinite mote-drift;left:69%}.mote:nth-child(15){width:6px;height:6px;animation:12s linear -4s infinite mote-drift;left:74%}.mote:nth-child(16){width:5px;height:5px;animation:20s linear -5.4s infinite mote-drift;left:79%}.mote:nth-child(17){width:4px;height:4px;animation:16s linear -6.8s infinite mote-drift;left:84%}.mote:nth-child(18){width:7px;height:7px;animation:22s linear -8.2s infinite mote-drift;left:89%}.mote:nth-child(19){width:5px;height:5px;animation:15s linear -.4s infinite mote-drift;left:94%}.mote:nth-child(20){width:6px;height:6px;animation:19s linear -1.8s infinite mote-drift;left:6%}.mote:nth-child(21){width:5px;height:5px;animation:13s linear -3.2s infinite mote-drift;left:16%}.mote:nth-child(22){width:4px;height:4px;animation:21s linear -4.6s infinite mote-drift;left:26%}.mote:nth-child(23){width:7px;height:7px;animation:17s linear -6s infinite mote-drift;left:36%}.mote:nth-child(24){width:5px;height:5px;animation:24s linear -7.4s infinite mote-drift;left:46%}.mote:nth-child(25){width:6px;height:6px;animation:14s linear -1.6s infinite mote-drift;left:56%}.mote:nth-child(26){width:5px;height:5px;animation:18s linear -3s infinite mote-drift;left:66%}.mote:nth-child(27){width:4px;height:4px;animation:12s linear -4.4s infinite mote-drift;left:76%}.mote:nth-child(28){width:7px;height:7px;animation:20s linear -5.8s infinite mote-drift;left:86%}@keyframes mote-drift{0%{opacity:0;transform:translateY(110vh)}6%{opacity:1}50%{opacity:1;transform:translate(40px,40vh)}94%{opacity:.8}to{opacity:0;transform:translate(-20px,-25vh)}}.backdrop__shootingstars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shootingstar{filter:drop-shadow(0 0 6px #fde68ae6)drop-shadow(0 0 14px #f97316b3);opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000 0%,#fde68af2 60%,#fff7ed 100%);border-radius:999px;width:180px;height:2px;position:absolute}.shootingstar--1{animation:7s ease-in -2s infinite shoot;top:18%;left:-200px}.shootingstar--2{filter:drop-shadow(0 0 6px #c4b5fde6)drop-shadow(0 0 14px #a855f7b3);background:linear-gradient(90deg,#0000 0%,#c4b5fdf2 60%,#f5f3ff 100%);animation:11s ease-in -5s infinite shoot;top:42%;left:-200px}.shootingstar--3{filter:drop-shadow(0 0 6px #a5f3fce6)drop-shadow(0 0 14px #22d3eeb3);background:linear-gradient(90deg,#0000 0%,#a5f3fcf2 60%,#ecfeff 100%);animation:9s ease-in -8s infinite shoot;top:66%;left:-200px}@keyframes shoot{0%{opacity:0;transform:translate(0,0)rotate(18deg)}4%{opacity:1}20%{opacity:.9;transform:translate(110vw,40vh)rotate(18deg)}22%{opacity:0}to{opacity:0;transform:translate(110vw,40vh)rotate(18deg)}}.backdrop__grain{opacity:.4;mix-blend-mode:overlay;background-image: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='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.96  0 0 0 0 0.92  0 0 0 0 0.83  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.backdrop__vignette{background:radial-gradient(120% 90% at 50% 0,#0000 40%,#07060db3 75%,#07060df2 100%);position:absolute;inset:0}.shell{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.app{width:100%;max-width:1240px;padding:calc(env(safe-area-inset-top) + var(--s-4)) max(var(--s-4), env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + var(--s-9)) max(var(--s-4), env(safe-area-inset-left));gap:var(--s-7);flex-direction:column;min-width:0;margin:0 auto;display:flex}.app--centered{justify-content:center;align-items:center;min-height:100dvh}.topbar{z-index:50;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);margin:0 calc(var(--s-4) * -1);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border-soft);min-height:var(--tap);background:linear-gradient(#07060deb 0%,#07060dc7 100%);display:flex;position:sticky;top:0}.topbar__brand{flex-direction:column;gap:2px;min-width:0;margin:0;line-height:1;display:flex}.topbar__brand-text{line-height:1;display:block}.wordmark{font-family:var(--display);letter-spacing:.01em;white-space:nowrap;align-items:baseline;gap:.06em;font-weight:900;line-height:.96;display:inline-flex}.wordmark__part{align-items:baseline;display:inline-flex}.wordmark__part--lore{color:var(--ember-soft)}.wordmark__part--master{color:var(--arcane-soft)}.wordmark__lead{font-size:1.14em;line-height:.9}.wordmark--topbar{text-shadow:0 4px 22px #f9731638;font-size:clamp(1.48rem,4vw,2.1rem)}.wordmark--hero{font-size:inherit;text-shadow:0 2px 30px #a855f759,0 0 1px #f5e9d466}.topbar__brand-sub{font-family:var(--sans);letter-spacing:.4em;text-transform:uppercase;color:var(--text-3);font-size:9px;font-weight:600}.topbar__status{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border-soft);color:var(--text-2);background:#ffffff0a;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.topbar__status:before{content:"";background:var(--danger);width:6px;height:6px;box-shadow:0 0 12px var(--danger);border-radius:50%}.topbar__status--online:before{background:var(--success);box-shadow:0 0 12px var(--success)}.topbar__spacer{flex:1}.topbar__viewer{align-items:center;gap:var(--s-2);padding:4px var(--s-2) 4px 4px;border-radius:var(--r-pill);border:1px solid var(--border-soft);color:var(--text-2);background:#ffffff0a;font-size:13px;display:none}.topbar__viewer-name{color:var(--text-1);font-weight:600;line-height:1.1;display:block}.topbar__viewer-role{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px;display:block}.viewer-avatar{background:linear-gradient(135deg, var(--arcane), var(--ember));width:28px;height:28px;color:var(--text-ink);object-fit:cover;border:1px solid #ffffff26;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.icon-button{width:var(--tap);height:var(--tap);border-radius:var(--r-pill);border:1px solid var(--border-soft);color:var(--text-2);background:#ffffff0a;place-items:center;transition:background .16s,color .16s,transform .16s;display:grid}.icon-button:hover{color:var(--ember-soft);background:#f973161f}.icon-button:focus-visible{box-shadow:var(--ring);outline:none}.icon-button:disabled{opacity:.5;cursor:not-allowed}@media (width>=720px){.topbar__viewer{display:inline-flex}}.hero{margin:0 calc(var(--s-4) * -1);padding:var(--s-8) var(--s-4) var(--s-7);align-items:center;gap:var(--s-6);isolation:isolate;grid-template-columns:1fr;min-width:0;min-height:78dvh;display:grid;position:relative;overflow:hidden}.hero__halo{z-index:-1;pointer-events:none;filter:blur(35px);will-change:transform, translate;background:radial-gradient(60% 50% at 75% 45%,#f97316b3,#0000 70%),radial-gradient(55% 55% at 25% 70%,#a855f7a6,#0000 70%),radial-gradient(45% 40% at 50% 20%,#22d3ee52,#0000 70%);animation:18s ease-in-out infinite halo-orbit,6s ease-in-out infinite halo-pulse;position:absolute;inset:-15%}@keyframes halo-pulse{0%,to{opacity:.85;filter:blur(30px)saturate(140%)}50%{opacity:1;filter:blur(55px)saturate(180%)}}@keyframes halo-orbit{0%{transform:rotate(0)scale(1)}25%{transform:rotate(8deg)scale(1.08)}50%{transform:rotate(0)scale(1.12)}75%{transform:rotate(-8deg)scale(1.06)}to{transform:rotate(0)scale(1)}}.hero__rays{z-index:-1;pointer-events:none;opacity:.55;background:conic-gradient(from 200deg at 50% -20%,#0000 0deg,#fde68a38 12deg,#0000 24deg 60deg,#a855f72e 72deg,#0000 84deg 120deg,#f9731633 132deg,#0000 144deg);animation:22s linear infinite rays-sweep;position:absolute;inset:-10% -10% 30%;-webkit-mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 75%)}@keyframes rays-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__runes{z-index:-1;pointer-events:none;opacity:.32;will-change:transform, translate;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' width='200' height='200'><g fill='none' stroke='%23f5e9d4' stroke-width='1' opacity='0.7'><circle cx='40' cy='60' r='12'/><path d='M34 60 L40 52 L46 60 L40 68 Z'/><circle cx='150' cy='140' r='8'/><path d='M120 30 L130 30 L130 40'/><path d='M170 80 L180 90'/><path d='M60 150 L70 140 L80 150'/><path d='M100 100 L110 95 L108 110 Z'/></g></svg>");background-size:320px 320px;animation:80s linear infinite runes-spin;position:absolute;inset:-5%}@keyframes runes-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__copy{gap:var(--s-4);will-change:transform, translate;flex-direction:column;min-width:0;animation:11s ease-in-out infinite copy-float;display:flex;position:relative}@keyframes copy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__eyebrow{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);border:1px solid var(--border-strong);width:fit-content;color:var(--ember-soft);text-transform:uppercase;letter-spacing:.2em;background:#f9731614;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.hero__title{font-family:var(--display);letter-spacing:.01em;color:var(--text-1);text-shadow:0 2px 30px #a855f759,0 0 1px #f5e9d466;margin:0;font-size:clamp(2.6rem,9vw,5.6rem);font-weight:900;line-height:1}.hero__title-brand{margin-bottom:var(--s-2);display:block}.hero__title-accent{background:linear-gradient(135deg, var(--ember) 0%, var(--ember-soft) 50%, var(--arcane-soft) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero__lede{color:var(--text-2);max-width:56ch;margin:0;font-size:clamp(1rem,2.2vw,1.2rem)}.hero__chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.hero__stage{isolation:isolate;will-change:transform, translate;place-items:center;width:100%;min-height:320px;display:grid;position:relative}.hero__halo-inner{filter:blur(50px);pointer-events:none;background:radial-gradient(closest-side,#f9731659,#0000 65%),radial-gradient(closest-side at 60% 40%,#a855f766,#0000 70%);border-radius:50%;animation:7s ease-in-out infinite halo-pulse;position:absolute;inset:5%}.hero__embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ember{opacity:0;will-change:transform, opacity;border-radius:50%;position:absolute;top:60%;left:50%}.ember--1{background:radial-gradient(circle,#fff8e1 0%,#f97316 55%,#0000 70%);box-shadow:0 0 14px #f97316f2,0 0 30px #f9731680}.ember--2{background:radial-gradient(circle,#ede9fe 0%,#a855f7 55%,#0000 70%);box-shadow:0 0 14px #a855f7f2,0 0 30px #a855f780}.ember--3{background:radial-gradient(circle,#fde68a 0%,#d97706 55%,#0000 70%);box-shadow:0 0 14px #d97706e6,0 0 30px #f59e0b73}.ember--4{background:radial-gradient(circle,#a5f3fc 0%,#0891b2 55%,#0000 70%);box-shadow:0 0 14px #22d3eee6,0 0 30px #22d3ee73}.ember--5{background:radial-gradient(circle,#fbcfe8 0%,#db2777 55%,#0000 70%);box-shadow:0 0 14px #f472b6d9,0 0 30px #f472b666}.ember--6{background:radial-gradient(circle,#fff7ed 0%,#ea580c 55%,#0000 70%);box-shadow:0 0 14px #ea580cf2,0 0 30px #ea580c80}.ember:first-child{width:5px;height:5px;animation:6s ease-out infinite ember-rise-a}.ember:nth-child(2){width:3px;height:3px;animation:7s ease-out -.6s infinite ember-rise-b}.ember:nth-child(3){width:4px;height:4px;animation:8s ease-out -1.2s infinite ember-rise-c}.ember:nth-child(4){width:6px;height:6px;animation:6.5s ease-out -1.8s infinite ember-rise-a}.ember:nth-child(5){width:3px;height:3px;animation:7.5s ease-out -2.4s infinite ember-rise-b}.ember:nth-child(6){width:5px;height:5px;animation:8.5s ease-out -3s infinite ember-rise-c}.ember:nth-child(7){width:4px;height:4px;animation:6s ease-out -3.6s infinite ember-rise-a}.ember:nth-child(8){width:6px;height:6px;animation:7s ease-out -4.2s infinite ember-rise-b}.ember:nth-child(9){width:3px;height:3px;animation:8s ease-out -4.8s infinite ember-rise-c}.ember:nth-child(10){width:5px;height:5px;animation:6.5s ease-out -5.4s infinite ember-rise-a}.ember:nth-child(11){width:4px;height:4px;animation:7.5s ease-out -.3s infinite ember-rise-b}.ember:nth-child(12){width:6px;height:6px;animation:8.5s ease-out -.9s infinite ember-rise-c}.ember:nth-child(13){width:3px;height:3px;animation:6s ease-out -1.5s infinite ember-rise-a}.ember:nth-child(14){width:5px;height:5px;animation:7s ease-out -2.1s infinite ember-rise-b}.ember:nth-child(15){width:4px;height:4px;animation:8s ease-out -2.7s infinite ember-rise-c}.ember:nth-child(16){width:6px;height:6px;animation:6.5s ease-out -3.3s infinite ember-rise-a}.ember:nth-child(17){width:3px;height:3px;animation:7.5s ease-out -3.9s infinite ember-rise-b}.ember:nth-child(18){width:5px;height:5px;animation:8.5s ease-out -4.5s infinite ember-rise-c}@keyframes ember-rise-a{0%{opacity:0;transform:translate(-80px,30px)scale(.4)}10%{opacity:1}60%{opacity:.9;transform:translate(-30px,-160px)scale(1)}to{opacity:0;transform:translate(-110px,-320px)scale(.5)}}@keyframes ember-rise-b{0%{opacity:0;transform:translate(20px,40px)scale(.4)}10%{opacity:1}55%{opacity:.85;transform:translate(60px,-180px)scale(1)}to{opacity:0;transform:translate(10px,-340px)scale(.55)}}@keyframes ember-rise-c{0%{opacity:0;transform:translate(110px,20px)scale(.4)}10%{opacity:1}55%{opacity:.9;transform:translate(80px,-170px)scale(1)}to{opacity:0;transform:translate(140px,-330px)scale(.5)}}.hero__dice{aspect-ratio:16/11;z-index:2;perspective:1400px;perspective-origin:50% 38%;width:clamp(280px,64vw,520px);position:relative;overflow:visible;transform:translateZ(0)}.dice3d-stage{width:100%;height:100%;transform-style:preserve-3d;grid-template-columns:1fr 1fr;place-items:center;gap:clamp(8px,2vw,32px);display:grid;position:relative}.die3d{--cube-size:clamp(110px, 22vw, 180px);width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;z-index:2;animation:6s ease-in-out infinite die3d-float;position:relative}.die3d--shadow{animation-delay:-2.1s}.die3d--sacred{filter:drop-shadow(0 0 24px #fde68a8c)drop-shadow(0 18px 30px #d9770666)}.die3d--shadow{filter:drop-shadow(0 0 22px #7c3aed8c)drop-shadow(0 18px 30px #0f05238c)}.die3d__cube{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;animation-timing-function:cubic-bezier(.55,.05,.45,.95);animation-iteration-count:infinite;position:relative}.die3d__cube--sacred{animation-name:die3d-tumble-a;animation-duration:8s}.die3d__cube--shadow{animation-name:die3d-tumble-b;animation-duration:9.2s;animation-delay:-1.4s}.die3d__face{backface-visibility:visible;border-radius:16%;place-items:center;display:grid;position:absolute;inset:0}.die3d__pips{width:78%;height:78%;display:block}.die3d__face--front{transform:translateZ(calc(var(--cube-size) / 2))}.die3d__face--back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.die3d__face--right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.die3d__face--left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.die3d__face--top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.die3d__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.die3d--sacred .die3d__face{background:radial-gradient(140% 140% at 28% 22%,#fffbeb 0%,#fde68a 40%,#f59e0b 100%);box-shadow:inset 0 0 0 2px #78350f59,inset 0 -12px 26px #b4530966,inset 0 10px 18px #ffffff80}.die3d--sacred .die3d__pips circle{fill:#5b2208;filter:drop-shadow(0 1px #fff5c899)}.die3d--shadow .die3d__face{background:radial-gradient(140% 140% at 28% 22%,#4c1d95 0%,#1e0a3c 52%,#060114 100%);box-shadow:inset 0 0 0 2px #7c3aed8c,inset 0 -12px 26px #000000a6,inset 0 10px 18px #a78bfa47}.die3d--shadow .die3d__pips circle{fill:#ede9fe;filter:drop-shadow(0 0 5px #c4b5fdf2)}.dice3d-stage__rays{filter:blur(6px);opacity:.4;z-index:1;pointer-events:none;background:conic-gradient(#fff7cc8c 0deg,#fff7cc00 18deg,#fff7cc8c 36deg,#fff7cc00 54deg,#fff7cc8c 72deg,#fff7cc00 90deg,#fff7cc8c 108deg,#fff7cc00 126deg,#fff7cc8c 144deg,#fff7cc00 162deg,#fff7cc8c 180deg,#fff7cc00 198deg,#fff7cc8c 216deg,#fff7cc00 234deg,#fff7cc8c 252deg,#fff7cc00 270deg,#fff7cc8c 288deg,#fff7cc00 306deg,#fff7cc8c 324deg,#fff7cc00 342deg);border-radius:50%;width:60%;height:60%;animation:28s linear infinite die3d-rays-spin;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.dice3d-stage__smoke{pointer-events:none;z-index:0;filter:blur(14px);width:40%;height:84%;position:absolute;top:14%;left:60%}.dice3d-stage__smoke-puff{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#a78bfab3 0%,#7c3aed73 45%,#4c1d9500 75%);border-radius:50%;width:120px;height:120px;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(.5)}.dice3d-stage__smoke-puff--1{animation:5.5s ease-out infinite die3d-vapor}.dice3d-stage__smoke-puff--2{animation:6.3s ease-out -1.8s infinite die3d-vapor;left:38%}.dice3d-stage__smoke-puff--3{animation:5.9s ease-out -3.4s infinite die3d-vapor;left:62%}@keyframes die3d-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes die3d-rays-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes die3d-vapor{0%{opacity:0;transform:translate(-50%,20%)scale(.4)}18%{opacity:.85}60%{opacity:.55;transform:translate(-50%,-110%)scale(1.05)}to{opacity:0;transform:translate(-50%,-210%)scale(1.45)}}@keyframes die3d-tumble-a{0%{transform:rotateX(-18deg)rotateY(28deg)rotate(0)}18%{transform:rotateX(122deg)rotateY(168deg)rotate(48deg)}32%{transform:rotateX(180deg)rotateY(180deg)rotate(90deg)}38%{transform:rotateX(180deg)rotateY(180deg)rotate(90deg)}55%{transform:rotateX(382deg)rotateY(342deg)rotate(180deg)}72%{transform:rotateX(540deg)rotateY(540deg)rotate(270deg)}78%{transform:rotateX(540deg)rotateY(540deg)rotate(270deg)}to{transform:rotateX(720deg)rotateY(720deg)rotate(360deg)}}@keyframes die3d-tumble-b{0%{transform:rotateX(22deg)rotateY(-18deg)rotate(0)}20%{transform:rotateX(-128deg)rotateY(142deg)rotate(-58deg)}34%{transform:rotateX(-180deg)rotateY(180deg)rotate(-90deg)}40%{transform:rotateX(-180deg)rotateY(180deg)rotate(-90deg)}58%{transform:rotateX(-360deg)rotateY(360deg)rotate(-180deg)}76%{transform:rotateX(-540deg)rotateY(540deg)rotate(-270deg)}82%{transform:rotateX(-540deg)rotateY(540deg)rotate(-270deg)}to{transform:rotateX(-720deg)rotateY(720deg)rotate(-360deg)}}.hero__cta-reader{color:#fde68a;background:radial-gradient(120% 160% at 0 0,#7c3aed52,#0000 55%),radial-gradient(120% 160% at 100% 100%,#f9731647,#0000 55%),linear-gradient(135deg,#0f1216eb,#1c0e32c7);border:1px solid #fde68a47;border-radius:18px;align-items:center;gap:18px;margin-top:24px;padding:18px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0806128c,inset 0 1px #ffffff0d}.hero__cta-reader:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#fde68a2e 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.hero__cta-reader:hover{border-color:#fde68a8c;transform:translateY(-2px);box-shadow:0 22px 48px #080612a6,0 0 32px #7c3aed59,inset 0 1px #ffffff14}.hero__cta-reader:hover:before{transform:translate(120%)}.hero__cta-reader__icon{color:#fde68a;background:linear-gradient(140deg,#fde68a40,#7c3aed40);border:1px solid #fde68a59;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.hero__cta-reader__body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.hero__cta-reader__eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#fde68ab3;font-size:.72rem}.hero__cta-reader__title{color:#fff8dc;letter-spacing:.01em;font-family:Cinzel,serif;font-size:1.05rem}.hero__cta-reader__lede{color:#e5d7bcc7;font-size:.86rem;line-height:1.35}.hero__cta-reader__arrow{color:#fde68a;flex:none;font-size:1.4rem;transition:transform .18s}.hero__cta-reader:hover .hero__cta-reader__arrow{transform:translate(4px)}.hero__cta-reader--characters{background:radial-gradient(120% 160% at 0 0,#22d3ee47,#0000 55%),radial-gradient(120% 160% at 100% 100%,#f973163d,#0000 55%),linear-gradient(135deg,#0c1218f0,#0c202ad1);border-color:#22d3ee47}.hero__cta-reader--characters .hero__cta-reader__icon{color:#d9ffff;background:linear-gradient(140deg,#22d3ee40,#f973163d);border-color:#22d3ee57}.hero__divider{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.hero--secondary{margin-top:var(--s-7)}.launchpad{gap:var(--s-4);margin:0 0 var(--s-6);display:grid}.launchpad__head{flex-direction:column;gap:6px;display:flex}.launchpad__head h2{font-family:var(--display);letter-spacing:.02em;color:var(--text-1);margin:0;font-size:clamp(1.45rem,3vw,1.9rem);font-weight:700}.launchpad__head p{color:var(--text-3);max-width:68ch;margin:0;font-size:14px}.launchpad__grid{gap:var(--s-4);grid-template-columns:1fr;display:grid}@media (width>=880px){.launchpad__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}.launchpad__card{gap:var(--s-4)}.launchpad__card--primary{border-color:#f9731629;box-shadow:0 28px 60px -28px #000000d9,0 0 70px -26px #f9731652,0 0 90px -34px #a855f738,inset 0 1px #fff8e114}.launchpad__card--secondary{border-color:#a855f729}.launchpad__stats{gap:var(--s-2);flex-wrap:wrap;display:flex}.launchpad__meta{gap:var(--s-2);flex-direction:column;display:flex}.launchpad__hint{color:var(--text-3);font-size:13px}.launchpad__actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.launchpad__library-link{display:none}@media (width>=880px){.hero{padding:var(--s-9) var(--s-6) var(--s-8);gap:var(--s-7);grid-template-columns:1.05fr .95fr}.hero__stage{min-height:480px}.hero--secondary{margin-top:var(--s-8)}}.chip{border-radius:var(--r-pill);border:1px solid var(--border-soft);background:var(--surface-glass);color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.chip strong{color:var(--text-1);font-weight:700}.metrics{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric{gap:var(--s-2);padding:var(--s-5);border-radius:var(--r-3);background:linear-gradient(#261e429e 0%,#0d0b18b3 100%);border:1px solid #fff0dc0d;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #000000d9,0 0 50px -18px #a855f747,0 0 80px -28px #f9731638,inset 0 1px #fff8e10f,inset 0 0 60px -20px #f973162e}.metric:before{content:"";border-radius:inherit;pointer-events:none;opacity:.9;background:radial-gradient(90% 60% at 0 0,#f9731629,#0000 55%),radial-gradient(90% 60% at 100% 100%,#a855f72e,#0000 55%);position:absolute;inset:0}.metric:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fde68a8c 0%,#0000 25% 75%,#a855f766 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.metric:hover{transform:translateY(-3px);box-shadow:0 30px 70px -22px #000000f2,0 0 60px -14px #f9731666,0 0 100px -28px #a855f759,inset 0 1px #fff8e11a,inset 0 0 70px -18px #f9731640}.metric:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#f9731640,#0000 70%);width:80%;position:absolute;top:-40%;right:-30%}.metric__icon{border-radius:var(--r-2);width:38px;height:38px;color:var(--ember-soft);background:#f973161f;border:1px solid #f9731633;place-items:center;display:grid}.metric__label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-3);margin:0;font-size:11px;font-weight:600}.metric__value{font-family:var(--display);color:var(--text-1);margin:0;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:900;line-height:1}@media (width>=720px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.tabs{gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);border:1px solid var(--border-soft);background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;top:calc(var(--tap) + var(--s-2) + env(safe-area-inset-top));z-index:40;display:flex;position:sticky;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border-radius:var(--r-pill);min-width:max-content;color:var(--text-3);letter-spacing:.04em;white-space:nowrap;flex:1;padding:10px 18px;font-size:13px;font-weight:600;transition:color .16s,background .16s}.tab:hover{color:var(--text-1)}.tab[aria-selected=true]{background:linear-gradient(135deg, var(--ember) 0%, var(--ember-deep) 100%);color:#15080a;box-shadow:0 8px 20px -10px #f9731699}.tab:focus-visible{box-shadow:var(--ring);outline:none}.section{gap:var(--s-4);flex-direction:column;display:flex}.section-grid{gap:var(--s-4);grid-template-columns:1fr;display:grid}@media (width>=880px){.section-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{padding:var(--s-5);border-radius:var(--r-3);gap:var(--s-4);background:linear-gradient(#1c1632b8 0%,#0d0b18db 100%);border:1px solid #fff0dc0d;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 60px -28px #000000d9,0 0 60px -22px #a855f752,0 0 90px -32px #f9731638,inset 0 1px #fff8e10f}.card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.95;background:radial-gradient(60% 50% at 0 0,#f9731624,#0000 60%),radial-gradient(60% 50% at 100% 100%,#a855f729,#0000 60%);position:absolute;inset:0}.card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#fde68a80 0%,#0000 30% 70%,#a855f773 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card>*{z-index:1;position:relative}.card__head{flex-direction:column;gap:4px;display:flex}.card__head h2{font-family:var(--display);letter-spacing:.02em;color:var(--text-1);margin:0;font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700}.card__head p{color:var(--text-3);margin:0;font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--ember-soft);margin:0;font-size:11px;font-weight:600}.form-grid{gap:var(--s-3);grid-template-columns:1fr;display:grid}@media (width>=720px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{flex-direction:column;gap:6px;display:flex}.field--wide{grid-column:1/-1}.field__label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-size:12px;font-weight:600}.field input,.field textarea,.field select{width:100%;min-height:var(--tap);border-radius:var(--r-2);border:1px solid var(--border-soft);color:var(--text-1);background:#07060d99;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .16s,box-shadow .16s,background .16s}.field textarea{resize:vertical;min-height:120px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ember);box-shadow:var(--ring);background:#07060dd9;outline:none}.field input:disabled,.field textarea:disabled,.field select:disabled{opacity:.55;cursor:not-allowed}.field select{appearance:none}.field__hint{color:var(--text-3);margin:0;font-size:12.5px;line-height:1.45}.channel-list{gap:var(--s-2);flex-direction:column;display:flex}.channel-list__empty{color:var(--text-3);margin:0;font-size:13px;font-style:italic}.channel-list__row{align-items:center;gap:var(--s-2);display:flex}.channel-list__row input{flex:auto}.channel-list__remove{min-width:var(--tap);min-height:var(--tap);border-radius:var(--r-2);border:1px solid var(--border-soft);color:var(--text-2);cursor:pointer;background:#07060d99;justify-content:center;align-items:center;padding:0 12px;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.channel-list__remove:hover:not(:disabled){border-color:var(--danger,#e0563f);color:var(--danger,#e0563f)}.channel-list__remove:disabled{opacity:.55;cursor:not-allowed}.channel-list__add{border-radius:var(--r-2);border:1px dashed var(--border-soft);color:var(--text-2);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.channel-list__add:hover{border-color:var(--ember);color:var(--text-1);background:#07060d80}.feature-list{gap:var(--s-2);display:grid}.feature{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:linear-gradient(#07060d73 0%,#07060d4d 100%);border:1px solid #fff0dc0a;grid-template-columns:44px 1fr auto;transition:background .22s,box-shadow .22s,transform .16s;display:grid;box-shadow:0 12px 30px -22px #000000d9,0 0 40px -28px #a855f766,inset 0 1px #fff8e10a}.feature:hover{transform:translateY(-1px);box-shadow:0 16px 40px -22px #000000e6,0 0 50px -20px #a855f780,inset 0 1px #fff8e114}.feature--on{background:linear-gradient(90deg,#f973162e 0%,#07060d73 70%);border-color:#f973162e;box-shadow:0 16px 40px -22px #000000e6,0 0 50px -18px #f9731680,inset 0 1px #fff8e114}.feature__icon{border-radius:var(--r-2);width:36px;height:36px;color:var(--arcane-soft);background:#a855f726;border:1px solid #a855f740;place-items:center;display:grid}.feature--on .feature__icon{color:var(--ember-soft);background:#f973162e;border-color:#f9731659}.feature__text{flex-direction:column;min-width:0;display:flex}.feature__text strong{color:var(--text-1);font-size:14px}.feature__text span{color:var(--text-3);font-size:12px;line-height:1.45}.switch{border-radius:var(--r-pill);border:1px solid var(--border-soft);background:#ffffff1a;flex-shrink:0;width:52px;height:30px;transition:background .2s,border-color .2s;position:relative}.switch:after{content:"";background:var(--text-2);border-radius:50%;width:22px;height:22px;transition:transform .22s cubic-bezier(.4,0,.2,1),background .2s;position:absolute;top:3px;left:3px}.switch[aria-pressed=true]{background:linear-gradient(135deg, var(--ember) 0%, var(--ember-deep) 100%);border-color:#0000}.switch[aria-pressed=true]:after{background:#fff8ec;transform:translate(22px)}.switch:focus-visible{box-shadow:var(--ring);outline:none}.switch:disabled{opacity:.5;cursor:not-allowed}.character-grid{gap:var(--s-4);grid-template-columns:1fr;align-items:stretch;display:grid}.character-grid--roster{margin-top:var(--s-4)}.character-grid.character-grid--route{margin-top:var(--s-4);grid-template-columns:1fr;align-items:start}@media (width>=880px){.character-grid.character-grid--route,.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1180px){.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.character{gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-3);background:linear-gradient(#261e42ad 0%,#0d0b18e0 100%);border:1px solid #fff0dc0d;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 60px -28px #000000d9,0 0 60px -22px #a855f74d,0 0 90px -32px #f9731633,inset 0 1px #fff8e10f}.character:hover{transform:translateY(-3px);box-shadow:0 32px 70px -22px #000000f2,0 0 70px -16px #f9731659,0 0 100px -28px #a855f766,inset 0 1px #fff8e11a}.character:before{content:"";pointer-events:none;background:radial-gradient(120% 40% at 50% 0,#f973161a,#0000 60%);position:absolute;inset:0}.character__head{align-items:start;gap:var(--s-3);grid-template-columns:52px 1fr auto;display:grid}.character__avatar{border-radius:var(--r-3);background:linear-gradient(135deg, var(--arcane) 0%, var(--ember) 100%);width:52px;height:52px;color:var(--text-ink);object-fit:cover;border:1px solid #ffffff1f;place-items:center;font-size:22px;display:grid}.character__identity{min-width:0}.character__campaign{text-transform:uppercase;letter-spacing:.16em;color:var(--ember-soft);margin:0;font-size:10px;font-weight:700}.character__name{font-family:var(--font-script);font-synthesis:none;color:var(--text-1);letter-spacing:0;word-break:break-word;margin:2px 0 4px;font-size:1.85rem;font-style:normal;font-weight:400;line-height:1.15}.character__owner{font-family:var(--sans);color:var(--text-2);margin-left:8px;font-size:.82rem;font-weight:600}.character__setting{color:var(--text-3);margin:0;font-size:12px}.character__badge{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);border:1px solid var(--border-soft);background:#ffffff0f;align-self:start;padding:4px 10px;font-size:10px;font-weight:600}.character__badge--editable{color:var(--success);background:#4ade8026;border-color:#4ade8066}.stats{flex-wrap:wrap;gap:6px;display:flex}.stat{border-radius:var(--r-pill);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;background:#22d3ee14;border:1px solid #22d3ee2e;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.stat strong{color:var(--mana);font-family:var(--display);font-size:13px;font-weight:700}.character__footer{gap:var(--s-3);flex-direction:column;display:flex}.character__hint{color:var(--text-3);margin:0;font-size:11px;line-height:1.5}.characters-page{gap:var(--s-4);flex-direction:column;display:flex}.characters-route-hero{gap:var(--s-4);padding:var(--s-3);border-radius:var(--r-3);background:#07060d52;border:1px solid #fff0dc0d;flex-direction:column;display:flex}.characters-route-hero__copy{gap:var(--s-2);flex-direction:column;display:flex}.characters-route-hero__copy h2{color:var(--text-1);font-family:var(--display);margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05}.characters-route-hero__copy p{color:var(--text-3);max-width:68ch;margin:0}.characters-route-hero__actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.campaign-character-preview{gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-3);background:#07060d57;border:1px solid #fff0dc0d;flex-direction:column;display:flex}.campaign-character-preview__head{justify-content:space-between;align-items:flex-start;gap:var(--s-2);flex-wrap:wrap;display:flex}.campaign-character-preview__head h3{color:var(--text-1);font-family:var(--display);margin:2px 0 0;font-size:1.15rem}.campaign-character-preview__link{min-height:var(--tap);border-radius:var(--r-pill);color:var(--mana);text-transform:uppercase;letter-spacing:.08em;background:#22d3ee14;border:1px solid #22d3ee3d;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.campaign-character-grid{gap:var(--s-3);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=880px){.campaign-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.campaign-character-card{gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-3);background:linear-gradient(#241c3cc2 0%,#0b0a14eb 100%);border:1px solid #fff0dc0f;flex-direction:column;align-self:start;display:flex;box-shadow:0 26px 58px -30px #000000d9,0 0 58px -30px #22d3ee2e,inset 0 1px #fff8e10f}.campaign-character-card__head{gap:var(--s-2);grid-template-columns:44px minmax(0,1fr) auto;align-items:start;display:grid}.campaign-character-card__avatar{border-radius:var(--r-2);background:linear-gradient(135deg, var(--arcane) 0%, var(--ember) 100%);width:44px;height:44px;color:var(--text-ink);object-fit:cover;border:1px solid #ffffff1f;place-items:center;font-size:20px;display:grid}.campaign-character-card__avatar img{object-fit:cover;width:100%;height:100%}.campaign-character-card__identity{flex-direction:column;gap:2px;min-width:0;display:flex}.campaign-character-card__campaign{text-transform:uppercase;letter-spacing:.16em;color:var(--ember-soft);margin:0;font-size:10px;font-weight:700}.campaign-character-card__name{font-family:var(--font-script);font-synthesis:none;letter-spacing:0;color:var(--text-1);word-break:break-word;margin:0;font-size:1.72rem;font-style:normal;font-weight:400;line-height:1.15}.campaign-character-card__owner{font-family:var(--sans);color:var(--text-2);margin:0;font-size:.82rem;font-weight:600}.campaign-character-card__badge{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.12em;min-height:28px;color:var(--text-3);border:1px solid var(--border-soft);background:#ffffff0f;justify-content:center;align-self:start;align-items:center;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.campaign-character-card__badge--editable{color:var(--success);background:#4ade801f;border-color:#4ade8059}.campaign-character-card__stats{flex-wrap:wrap;gap:8px;display:flex}.campaign-character-card__clusters{gap:10px;display:grid}.campaign-character-card__cluster{border-radius:var(--r-2);background:#ffffff0a;border:1px solid #fff0dc0f;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.character__badge--dead,.campaign-character-card__badge--dead,.character-modal__badge--dead{color:#ffb4b4;background:#f8717124;border-color:#f8717133}.campaign-character-card__cluster-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:0;font-size:10px;font-weight:700}.campaign-character-card__cluster-value{color:var(--text-1);margin:0;font-size:13px;line-height:1.5}.campaign-character-card__missing{color:var(--text-3);margin:0;font-size:12px;line-height:1.5}.character-launchpad__stats{gap:8px}.characters-toolbar{gap:var(--s-4);z-index:4;flex-direction:column;display:flex;position:relative}.characters-toolbar__row{gap:var(--s-3);display:grid}.characters-toolbar__search,.characters-toolbar__sort{min-width:0}.field__input-icon{align-items:center;display:flex;position:relative}.field__input-icon svg{color:var(--text-3);pointer-events:none;position:absolute;left:14px}.field__input-icon input{padding-left:42px}.characters-toolbar__filters{gap:var(--s-2);flex-wrap:wrap;display:flex}.characters-filter{min-height:var(--tap);border-radius:var(--r-pill);border:1px solid var(--border-soft);color:var(--text-2);letter-spacing:.04em;background:#ffffff0d;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.characters-filter--active{background:linear-gradient(135deg, var(--ember) 0%, var(--ember-deep) 100%);color:#15080a;box-shadow:var(--glow-ember);border-color:#0000}.character--roster{cursor:default}.character--selected{border-color:#f973168c;box-shadow:0 34px 70px -24px #000000f2,0 0 0 1px #f9731626,0 0 80px -28px #f973168c,inset 0 1px #fff8e114}.character__clusters{gap:var(--s-3);display:grid}.character__cluster{border-radius:var(--r-2);background:#ffffff0a;border:1px solid #fff0dc0f;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.character__cluster-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:0;font-size:10px;font-weight:700}.character__cluster-value{color:var(--text-1);margin:0;font-size:13px;line-height:1.5}.character__meta-row{flex-wrap:wrap;gap:8px;display:flex}.character__meta-pill{border-radius:var(--r-pill);color:var(--text-2);letter-spacing:.04em;background:#ffffff0d;border:1px solid #fff0dc14;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.character__missing{border-radius:var(--r-2);background:#ffffff0a;border:1px solid #fff0dc0f;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.character__missing p{color:var(--text-3);margin:0;font-size:12px;line-height:1.5}.character__missing-label{border-radius:var(--r-pill);width:fit-content;color:var(--ember-soft);letter-spacing:.12em;text-transform:uppercase;background:#f973161f;border:1px solid #f9731647;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.character__missing-label--ok{color:var(--success);background:#4ade801f;border-color:#4ade804d}.character-modal{z-index:60;padding:calc(var(--s-3) + env(safe-area-inset-top)) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040408d6;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.character-modal__panel{gap:var(--s-4);width:min(100%,1240px);height:100%;min-height:0;padding:var(--s-4);border-radius:var(--r-4);background:linear-gradient(#201a36f7 0%,#0b0a15fc 100%);border:1px solid #fff0dc14;flex-direction:column;margin:auto;display:flex;overflow:hidden;box-shadow:0 40px 90px -30px #000000f2,0 0 120px -40px #f9731673,inset 0 1px #fff8e114}.character-modal__header{gap:var(--s-3);flex-direction:column;display:flex}.character-modal__title{align-items:center;gap:var(--s-3);min-width:0;display:flex}.character-modal__avatar{border-radius:var(--r-3);background:linear-gradient(135deg, var(--arcane) 0%, var(--ember) 100%);width:56px;height:56px;color:var(--text-ink);border:1px solid #ffffff1f;flex-shrink:0;place-items:center;font-size:24px;display:grid;overflow:hidden}.character-modal__avatar img{object-fit:cover;width:100%;height:100%}.character-modal__title h2{color:var(--text-1);font-family:var(--font-script);letter-spacing:0;font-synthesis:none;margin:0;font-size:clamp(1.25rem,3.4vw,1.85rem);font-style:normal;font-weight:400;line-height:1.2}.character-modal__title p{color:var(--text-3);margin:4px 0 0;font-size:13px;line-height:1.5}.character-modal__nav{gap:var(--s-2);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.character-modal__position{min-height:var(--tap);border-radius:var(--r-pill);color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border:1px solid #fff0dc14;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.character-modal__body{gap:var(--s-4);flex-direction:column;flex:1;min-height:0;padding-right:2px;display:flex;overflow:auto}.character-modal__summary{gap:var(--s-4);flex-direction:column;flex:none;display:flex}.character-modal__stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.character-modal__profile,.character-modal__lore,.character-modal__identity,.character-modal__status{gap:var(--s-3);flex-direction:column;display:flex}.character-modal__profile h3{color:var(--text-1);font-family:var(--display);margin:0;font-size:1.08rem;line-height:1.1}.character-modal__identity-head{justify-content:space-between;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.character-modal__identity-meta{gap:var(--s-2);flex-wrap:wrap;display:flex}.character-modal__field-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.character-sheet-editor{gap:var(--s-2);flex-direction:column;display:flex}.character-sheet-editor__grid{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.character-sheet-editor__grid .field--wide{grid-column:1/-1}.canon-toolbar{gap:var(--s-2);margin-bottom:var(--s-2);flex-wrap:wrap;align-items:flex-end;display:flex}.canon-status{border-radius:var(--r-2);color:var(--text-1);margin-bottom:var(--s-2);background:#78dca014;border:1px solid #78dca059;padding:8px 12px;font-size:13px}.canon-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.canon-entry{padding:var(--s-2);border-radius:var(--r-2);background:#ffffff08;border:1px solid #fff0dc14;flex-direction:column;gap:8px;display:flex}.canon-entry__meta{align-items:center;gap:8px;display:flex}.canon-entry__name{font-weight:700}.canon-entry textarea{border-radius:var(--r-2);width:100%;color:var(--text-1);resize:vertical;background:#ffffff0a;border:1px solid #fff0dc14;padding:10px 12px}.canon-entry__actions{gap:var(--s-2);display:flex}.usage-toolbar{gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.usage-window-toggle{gap:8px;display:flex}.usage-estimate-note{color:var(--text-2);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.usage-metrics{gap:var(--s-2);margin-bottom:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.usage-metric{padding:var(--s-2);border-radius:var(--r-2);background:#ffffff08;border:1px solid #fff0dc14;flex-direction:column;gap:4px;display:flex}.usage-metric--accent{background:#ffc87814;border-color:#ffc87866}.usage-metric__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-size:11px}.usage-metric__value{font-size:20px;font-weight:700}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--r-md,10px);overflow-x:auto}.table-scroll:focus-visible{box-shadow:var(--ring);outline:none}.usage-table{border-collapse:collapse;width:100%;font-size:13px}.table-scroll .usage-table{min-width:560px}.usage-table th,.usage-table td{text-align:left;border-bottom:1px solid #fff0dc14;padding:8px 10px}.usage-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-size:11px}.usage-table td:not(:first-child),.usage-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.character-modal__field,.character-modal__textarea{flex-direction:column;gap:6px;display:flex}.character-modal__field label,.character-modal__textarea label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.character-modal__field input,.character-modal__textarea textarea{min-height:var(--tap);border-radius:var(--r-2);color:var(--text-1);background:#ffffff0a;border:1px solid #fff0dc14;padding:10px 12px}.character-modal__textarea textarea{resize:vertical;min-height:110px}.character-modal__field input:disabled,.character-modal__textarea textarea:disabled{opacity:.72}.character-modal__note{color:var(--text-3);margin:0;font-size:12px}.character-modal__lifecycle{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:inline-flex}.character-modal__badge{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);background:#ffffff0f;border:1px solid #ffffff14;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.character-modal__actions{gap:var(--s-3);flex-direction:column;display:flex}.character-modal__grid{gap:var(--s-4);display:grid}.character-sheet-panel{gap:var(--s-3);flex-direction:column;display:flex}.character-sheet-panel__meta{gap:var(--s-2);flex-wrap:wrap;display:flex}.character-sheet-panel__meta--stacked{flex-direction:column;align-items:flex-start}.character-sheet-panel__cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.character-sheet-panel__list{flex-direction:column;gap:10px;display:flex}.character-sheet-ability,.character-sheet-skill,.character-sheet-entry{border-radius:var(--r-2);background:#ffffff0a;border:1px solid #fff0dc0f;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.character-sheet-ability strong,.character-sheet-skill strong,.character-sheet-entry strong{color:var(--text-1)}.character-sheet-ability span,.character-sheet-skill span,.character-sheet-entry p,.character-sheet-entry__meta{color:var(--text-3);font-size:12px;line-height:1.5}.character-sheet-entry p{margin:0}.character-sheet-entry__meta{flex-wrap:wrap;gap:8px;display:flex}.character-detail-chip{border-radius:var(--r-pill);color:var(--text-2);background:#ffffff0d;border:1px solid #fff0dc14;align-items:center;gap:6px;padding:7px 10px;font-size:12px;line-height:1.4;display:inline-flex}@media (width>=720px){.characters-toolbar__row{grid-template-columns:minmax(0,2fr) minmax(220px,.9fr);align-items:end}.character__clusters{grid-template-columns:repeat(2,minmax(0,1fr))}.character-modal__header{flex-direction:row;justify-content:space-between;align-items:flex-start}.character-modal__nav{justify-content:flex-end}.character-modal__actions{flex-direction:row;justify-content:space-between;align-items:center}.character-modal__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=980px){.character-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-sheet-panel--wide{grid-column:1/-1}}@media (width<=719px){.character-modal{padding:calc(var(--s-2) + env(safe-area-inset-top)) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom))}.character-modal__panel{padding:var(--s-3);border-radius:var(--r-3)}.character-modal__title{align-items:flex-start}}.button{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border-radius:var(--r-pill);letter-spacing:.04em;border:1px solid #0000;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{box-shadow:var(--ring);outline:none}.button:not(:disabled):hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg, var(--ember) 0%, var(--ember-deep) 100%);color:#15080a;box-shadow:var(--glow-ember)}.button--primary:not(:disabled):hover{box-shadow:0 30px 70px -20px #f97316b3}.button--ghost{color:var(--text-2);border-color:var(--border-soft);background:#ffffff0a}.button--ghost:not(:disabled):hover{color:var(--text-1);border-color:var(--border-strong);background:#ffffff14}.button--discord{background:var(--discord);color:#fff;box-shadow:0 20px 60px -20px #5865f2a6}.button--full{width:100%}.action-bar{bottom:calc(var(--s-3) + env(safe-area-inset-bottom));z-index:30;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:0 calc(var(--s-2) * -1);background:linear-gradient(#261e42e0 0%,#0d0b18eb 100%);border:1px solid #fff0dc0f;display:flex;position:sticky;box-shadow:0 30px 60px -20px #000000d9,0 0 60px -18px #f9731659,0 0 100px -32px #a855f74d,inset 0 1px #fff8e114}.action-bar__status{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.action-bar__status strong{color:var(--text-1);font-size:13px;font-weight:700}.action-bar__status span{color:var(--text-3);font-size:11px}.action-bar__buttons{gap:var(--s-2);align-items:center;display:flex}@media (width<=559px){.action-bar__status strong{font-size:12px}.action-bar{padding:var(--s-2) var(--s-3)}}.flash{bottom:calc(var(--s-7) + env(safe-area-inset-bottom));z-index:60;border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - var(--s-6));text-align:center;background:#07060df2;padding:12px 20px;font-size:14px;font-weight:600;animation:.24s ease-out flash-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 30px 60px -20px #000000e6}.flash--success{color:var(--success);border-color:#4ade8080}.flash--error{color:var(--danger);border-color:#f8717180}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.auth-card{width:min(100%,460px);max-width:460px;padding:var(--s-7) var(--s-5);border-radius:var(--r-4);gap:var(--s-4);text-align:center;isolation:isolate;will-change:transform, translate;background:linear-gradient(#261e42c7 0%,#0d0b18e6 100%);border:1px solid #fff0dc0d;flex-direction:column;animation:10s ease-in-out infinite auth-card-float;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px -32px #000000e6,0 0 80px -22px #a855f780,0 0 120px -28px #f9731666,inset 0 1px #fff8e114}.auth-card:before{content:"";aspect-ratio:1;pointer-events:none;z-index:0;background:radial-gradient(closest-side,#f9731640,#0000 70%);width:120%;animation:8s ease-in-out infinite auth-card-glow;position:absolute;top:-50%;left:-10%}.auth-card>*{z-index:1;position:relative}.auth-card__halo{filter:blur(34px);pointer-events:none;z-index:0;background:radial-gradient(42% 36% at 50% 30%,#f9731661,#0000 72%),radial-gradient(45% 40% at 25% 70%,#a855f752,#0000 72%),radial-gradient(38% 34% at 75% 68%,#22d3ee33,#0000 76%);border-radius:999px;animation:7s ease-in-out infinite auth-halo-breathe;position:absolute;inset:-24%}.auth-card__rays{pointer-events:none;z-index:0;opacity:.5;background:conic-gradient(from 200deg at 50% 10%,#0000 0deg,#fde68a33 12deg,#0000 24deg 64deg,#a855f729 76deg,#0000 88deg 132deg,#f973162e 144deg,#0000 156deg);animation:24s linear infinite auth-rays-sweep;position:absolute;inset:-40% -25% 15%;-webkit-mask-image:radial-gradient(70% 58% at 50% 30%,#000 28%,#0000 80%);mask-image:radial-gradient(70% 58% at 50% 30%,#000 28%,#0000 80%)}@keyframes auth-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes auth-card-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes auth-halo-breathe{0%,to{opacity:.72;filter:blur(30px)saturate(120%)}50%{opacity:1;filter:blur(46px)saturate(170%)}}@keyframes auth-rays-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-card h1{font-family:var(--display);color:var(--text-1);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.15}.auth-card p{color:var(--text-2);margin:0;font-size:14px}.auth-card__mark{width:72px;height:72px;color:var(--ember);filter:drop-shadow(0 12px 30px #f9731680);margin:0 auto;animation:6s ease-in-out infinite auth-mark-float}.auth-card__mark svg{width:100%;height:100%}@keyframes auth-mark-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.04)}}.auth-card__note{padding:var(--s-3);border-radius:var(--r-2);border:1px solid var(--border-soft);text-align:left;color:var(--text-3);background:#07060d80;flex-direction:column;gap:6px;min-width:0;font-size:12px;display:flex}.auth-card__note strong{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.auth-card__note code{font-family:var(--mono);border-radius:var(--r-1);color:var(--ember-soft);white-space:normal;word-break:break-all;overflow-wrap:anywhere;border:1px solid var(--border-soft);background:#07060db3;padding:8px 10px;font-size:11px;display:block}@media (width<=879px){.app{gap:var(--s-5);padding:calc(env(safe-area-inset-top) + var(--s-3)) max(var(--s-3), env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + var(--s-7)) max(var(--s-3), env(safe-area-inset-left))}.app--centered{min-height:100svh;padding-top:calc(env(safe-area-inset-top) + var(--s-4));padding-bottom:calc(env(safe-area-inset-bottom) + var(--s-4));justify-content:center}.topbar{align-items:center;column-gap:var(--s-2);row-gap:var(--s-2);padding:var(--s-3);margin:0 calc(var(--s-3) * -1);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu""status status""viewer viewer";display:grid}.topbar__brand{grid-area:brand;min-width:0}.topbar__brand-text{letter-spacing:.08em;font-size:clamp(1.18rem,5.8vw,1.7rem)}.topbar__brand-sub{letter-spacing:.22em;font-size:8px}.topbar__spacer{display:none}.topbar__status{grid-area:status;justify-self:start;width:fit-content;max-width:100%}.topbar__viewer{grid-area:viewer;width:fit-content;max-width:100%}.icon-button{grid-area:menu;place-self:start end;margin-left:0}.hero{display:none}.hero__halo{inset:-22%}.hero__rays{opacity:.4;inset:-18% -20% 40%}.hero__runes{opacity:.24;background-size:220px 220px;inset:-12%}.hero__copy{gap:var(--s-3)}.hero__eyebrow{flex-wrap:wrap;max-width:100%;line-height:1.35}.hero__title{font-size:clamp(2.2rem,12vw,3.6rem);line-height:.96}.hero__title-brand{letter-spacing:.05em}.hero__lede{max-width:none;font-size:.98rem}.hero__chips{gap:8px}.chip{max-width:100%;padding:6px 10px;font-size:11px}.hero__stage{min-height:300px;translate:none!important}.hero__halo-inner{filter:blur(32px);inset:12%}.hero__embers{inset:6% 0 0}.hero__dice{width:min(78vw,320px);animation-duration:10s}.hero__cta-reader{gap:12px;padding:14px 16px}.hero__cta-reader__lede{font-size:.78rem}.launchpad__library-link{display:block}.launchpad__library-link .hero__cta-reader{width:100%;margin-top:0}.hero--secondary{display:none}.metrics{grid-template-columns:1fr}.metric{padding:var(--s-4)}.tabs{top:calc(env(safe-area-inset-top) + var(--s-2))}.feature{gap:var(--s-2);padding:var(--s-3);grid-template-columns:38px 1fr auto}.character__head{grid-template-columns:56px minmax(0,1fr);align-items:start}.character__avatar{width:56px;height:56px;font-size:24px}.character__badge{grid-column:1/-1;justify-self:start}.character__owner{margin-top:4px;margin-left:0;font-size:.75rem;display:block}.action-bar{margin:0}.kv__row{grid-template-columns:1fr;gap:6px}.auth-card{padding:var(--s-6) var(--s-4);border-radius:clamp(20px,7vw,28px)}.auth-card__rays{opacity:.42;inset:-30% -18% 10%}}@media (width<=559px){.app{gap:var(--s-4);padding:calc(env(safe-area-inset-top) + var(--s-2)) max(var(--s-2), env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + var(--s-6)) max(var(--s-2), env(safe-area-inset-left))}.topbar{margin:0 calc(var(--s-2) * -1);padding-inline:var(--s-2)}.topbar__brand-text{letter-spacing:.06em;font-size:clamp(1.06rem,8vw,1.38rem)}.topbar__brand-sub{letter-spacing:.14em;font-size:7px}.topbar__status{padding:4px 8px;font-size:10px}.icon-button{width:40px;height:40px}.hero{display:none}.hero__title{font-size:clamp(1.9rem,13vw,3rem)}.hero__title-brand{letter-spacing:.04em}.hero--secondary{display:none}.hero__chips{flex-direction:column;align-items:stretch}.chip{justify-content:flex-start;width:100%}.hero__stage{min-height:244px}.hero__dice{width:min(80vw,272px)}.metric__value{font-size:clamp(1.6rem,10vw,2rem)}.tabs{padding:6px}.tab{flex:none;padding:10px 14px}.auth-card{width:min(100%, calc(100vw - (var(--s-2) * 2)));min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - (var(--s-4) * 2));padding:var(--s-5) var(--s-3);justify-content:center}.auth-card h1{font-size:clamp(1.6rem,10vw,2.1rem)}.auth-card__note code{padding:8px;font-size:10px}}.loader{align-items:center;gap:var(--s-4);color:var(--text-2);text-align:center;flex-direction:column;display:flex}.loader__spinner{border:3px solid #ffd7aa33;border-top-color:var(--ember);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.empty{align-items:center;gap:var(--s-2);padding:var(--s-7);border-radius:var(--r-3);background:var(--surface-glass);border:1px dashed var(--border-soft);color:var(--text-3);text-align:center;flex-direction:column;display:flex}.empty strong{color:var(--text-1);font-family:var(--display);font-size:1.1rem}.empty code{border-radius:var(--r-1);color:var(--ember-soft);font-family:var(--mono);background:#07060d99;padding:2px 6px;font-size:12px}.kv{gap:var(--s-2);flex-direction:column;display:flex}.kv__row{gap:var(--s-3);border-bottom:1px dashed var(--border-soft);grid-template-columns:minmax(140px,1fr) 2fr;align-items:baseline;padding:10px 0;display:grid}.kv__row:last-child{border-bottom:0}.kv__label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin:0;font-size:11px;font-weight:600}.kv__value{color:var(--text-1);word-break:break-word;margin:0;font-size:14px}.kv__value--mono{font-family:var(--mono);color:var(--ember-soft);font-size:12px}.readonly-note{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);border:1px solid var(--border-soft);color:var(--text-3);background:#ffd7aa0f;width:fit-content;padding:8px 14px;font-size:12px;display:inline-flex}.campaign-grid{gap:var(--s-4);grid-template-columns:1fr;display:grid}@media (width>=1180px){.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.campaign-card{gap:var(--s-5)}.campaign-card__header,.campaign-branch__header,.campaign-branches__head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.campaign-card__title,.campaign-branch__header>div:first-child{flex-direction:column;gap:4px;display:flex}.campaign-card__title h2,.campaign-branch__header h3,.campaign-branches__head h3{color:var(--text-1);font-family:var(--display);margin:0;font-weight:700}.campaign-card__title p,.campaign-branch__header p,.campaign-branches__head p{color:var(--text-3);margin:0;font-size:14px}.campaign-card__badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.campaign-pill,.campaign-branches__count{border-radius:var(--r-pill);border:1px solid var(--border-soft);color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;background:#ffffff0d;justify-content:center;align-items:center;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.campaign-pill--active{color:var(--success);background:#4ade801f;border-color:#4ade8073}.campaign-pill--archived{color:var(--text-3)}.campaign-pill--paused{color:var(--mana);background:#22d3ee1f;border-color:#22d3ee59}.campaign-pill--private{color:var(--text-2)}.campaign-pill--unlisted{color:var(--ember-soft);background:#f973161f;border-color:#f9731666}.campaign-pill--public{color:var(--mana);background:#22d3ee1f;border-color:#22d3ee59}.campaign-scene-form,.campaign-onboarding,.campaign-admin-import,.campaign-context-panel{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-2);background:#07060d5c;border:1px solid #fff0dc0d;flex-direction:column;display:flex}.campaign-context-panel__head{flex-direction:column;gap:4px;display:flex}.campaign-context-panel__head h3{color:var(--text-1);font-family:var(--display);margin:0;font-size:1rem}.campaign-context-panel__hint{color:var(--text-3);margin:0;font-size:13px;line-height:1.5}.campaign-context-panel__body{white-space:pre-wrap;border-radius:var(--r-2);max-height:24rem;color:var(--text-2);background:#ffffff0a;border:1px solid #fff0dc0f;padding:14px 16px;font-size:13px;line-height:1.6;overflow:auto}.character-launchpad{gap:var(--s-3);flex-direction:column;display:flex}.character-launchpad__grid{gap:var(--s-3);display:grid}.character-launchpad__campaign{justify-content:space-between;align-items:center;gap:var(--s-3);border-radius:var(--r-2);background:#ffffff0a;border:1px solid #fff0dc0f;flex-wrap:wrap;padding:14px 16px;display:flex}.character-launchpad__meta{flex-direction:column;gap:4px;display:flex}.character-launchpad__meta strong{color:var(--text-1);font-size:15px}.character-launchpad__meta span{color:var(--text-3);font-size:13px}.character-launchpad__actions{flex-wrap:wrap;gap:10px;display:flex}.campaign-onboarding__current,.campaign-wizard__note{border-radius:var(--r-2);background:#ffffff0a;border:1px solid #fff0dc0f;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.campaign-onboarding__current strong,.campaign-wizard__note strong{color:var(--text-1);font-size:14px}.campaign-onboarding__current span,.campaign-wizard__note span{color:var(--text-3);font-size:13px;line-height:1.5}.campaign-onboarding__modes,.campaign-admin-import__controls,.campaign-wizard__choices,.campaign-wizard__summary{flex-wrap:wrap;gap:10px;display:flex}.campaign-onboarding__block,.campaign-wizard__section{gap:var(--s-3);flex-direction:column;display:flex}.campaign-onboarding__block--wizard{padding-top:4px}.campaign-wizard__summary-chip{border-radius:var(--r-pill);color:var(--mana);letter-spacing:.08em;text-transform:uppercase;background:#22d3ee14;border:1px solid #22d3ee33;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.campaign-wizard__section h3,.campaign-admin-import h3{color:var(--text-1);font-family:var(--display);margin:0;font-size:1rem}.campaign-wizard__ability-help{border-radius:var(--r-2);background:#22d3ee0f;border:1px solid #22d3ee1f;gap:6px;padding:12px 14px;display:grid}.campaign-wizard__ability-help span{color:var(--text-2);font-size:12px;line-height:1.45}.campaign-lock,.campaign-operator-actions{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-2);background:#07060d5c;border:1px solid #fff0dc0d;flex-direction:column;display:flex}.campaign-lock{position:relative;overflow:hidden}.campaign-lock:before{content:"";pointer-events:none;background:radial-gradient(120% 160% at 0 0,#22d3ee1f,#0000 58%);position:absolute;inset:0}.campaign-lock--active{background:radial-gradient(120% 160% at 100% 0,#f9731629,#0000 58%),#07060d75;border-color:#f9731642}.campaign-lock__copy{flex-direction:column;gap:6px;display:flex}.campaign-lock__title{color:var(--text-1);font-size:14px}.campaign-lock__summary{color:var(--text-3);font-size:13px;line-height:1.5}.campaign-actions,.campaign-branch__actions{flex-wrap:wrap;gap:10px;display:flex}.campaign-scene-form__toggles{flex-wrap:wrap;gap:12px 18px;display:flex}.campaign-toggle{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.campaign-toggle input{accent-color:var(--ember)}.campaign-link{color:var(--ember-soft);text-decoration:none}.campaign-link:hover{color:var(--text-1);text-decoration:underline}.campaign-branches{gap:var(--s-3);flex-direction:column;display:flex}.campaign-branches__empty,.campaign-branch__summary,.campaign-branch__meta{margin:0}.campaign-branches__empty,.campaign-branch__meta{color:var(--text-3);font-size:13px}.campaign-branch-list{gap:var(--s-3);display:grid}.campaign-branch{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-2);background:#07060d66;border:1px solid #fff0dc0d;flex-direction:column;display:flex}.campaign-branch__summary{color:var(--text-2);line-height:1.5}.campaign-branch__meta span{color:var(--ember-soft);font-family:var(--mono)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.backdrop__aurora{opacity:.6;animation-duration:46s}.backdrop__stars{animation-duration:10s}.backdrop__stars--far{opacity:.3;animation-duration:16s,120s}.backdrop__nebula{opacity:.42;animation-duration:26s}.mote{animation-duration:22s!important}.shootingstar{opacity:.22;animation-duration:18s!important}.hero__halo{opacity:.74;animation-duration:28s,10s}.hero__rays{opacity:.32;animation-duration:36s}.hero__runes{opacity:.22;animation-duration:140s}.hero__copy{animation-duration:18s}.hero__halo-inner{filter:blur(36px);animation-duration:12s}.ember{animation-duration:11s!important}.hero__d20{animation-duration:12s}.hero__d20 .d20__shell{animation-duration:40s}.hero__d20:before{opacity:.42;animation-duration:18s}.hero__d20:after{animation-duration:8s}.auth-card{animation-duration:16s}.auth-card:before{animation-duration:14s}.auth-card__halo{animation-duration:12s}.auth-card__rays{opacity:.34;animation-duration:34s}.auth-card__mark{animation-duration:10s}.backdrop__aurora,.backdrop__stars,.backdrop__stars--far,.backdrop__nebula,.mote,.shootingstar,.hero__halo,.hero__halo-inner,.hero__rays,.hero__runes,.hero__copy,.ember,.hero__d20,.hero__d20 .d20__shell,.hero__d20:before,.hero__d20:after,.auth-card,.auth-card:before,.auth-card__halo,.auth-card__rays,.auth-card__mark,.d20-roller__halo,.d20-roller__rays,.d20-roller__smoke,.d20-roller__volute,.d20-roller__sparks,.d20-roller__spark{animation:none!important}}.d20-roller{perspective:1600px;perspective-origin:50% 40%;isolation:isolate;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.d20-roller__halo{filter:blur(28px);z-index:0;pointer-events:none;background:radial-gradient(circle,#fde68a59 0%,#f59e0b2e 30%,#a855f71a 55%,#0000 72%);border-radius:50%;width:clamp(220px,55vw,420px);height:clamp(220px,55vw,420px);margin:auto;animation:6s ease-in-out infinite d20r-halo;position:absolute;inset:0}.d20-roller__rays{filter:blur(2px);opacity:.7;z-index:0;pointer-events:none;background:conic-gradient(#0000 0deg,#fde68a47 4deg,#0000 14deg 40deg,#fde68a2e 44deg,#0000 56deg 90deg,#a855f738 94deg,#0000 106deg 140deg,#fde68a3d 144deg,#0000 158deg 200deg,#22d3ee2e 204deg,#0000 216deg 260deg,#fde68a33 264deg,#0000 278deg 320deg,#fde68a2e 324deg,#0000 338deg 360deg);border-radius:50%;width:clamp(280px,70vw,540px);height:clamp(280px,70vw,540px);margin:auto;animation:36s linear infinite d20r-rays-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 30%,#000 38% 80%,#0000 100%);mask:radial-gradient(circle,#0000 30%,#000 38% 80%,#0000 100%)}.d20-roller__sparks{z-index:1;pointer-events:none;position:absolute;inset:0}.d20-roller__spark{filter:blur(.5px);opacity:0;background:radial-gradient(circle,#fff8e1 0%,#fde68a 35%,#fde68a00 75%);border-radius:50%;width:6px;height:6px;animation:4.8s ease-out infinite d20r-spark;position:absolute;top:50%;left:50%}.d20-roller__spark--1{--sx:-90px;--sy:-60px;animation-delay:.1s}.d20-roller__spark--2{--sx:95px;--sy:-70px;width:4px;height:4px;animation-delay:.55s}.d20-roller__spark--3{--sx:-110px;--sy:40px;animation-delay:1s}.d20-roller__spark--4{--sx:120px;--sy:30px;width:5px;height:5px;animation-delay:1.45s}.d20-roller__spark--5{--sx:-70px;--sy:-95px;width:4px;height:4px;animation-delay:1.9s}.d20-roller__spark--6{--sx:80px;--sy:80px;animation-delay:2.35s}.d20-roller__spark--7{--sx:-100px;--sy:-20px;width:3px;height:3px;animation-delay:2.8s}.d20-roller__spark--8{--sx:100px;--sy:-20px;animation-delay:3.25s}.d20-roller__pedestal,.d20-roller__die,.d20-roller__svg,.d20-roller__shadow{display:none}.d20-roller__canvas{z-index:2;filter:drop-shadow(0 22px 30px #0000008c)drop-shadow(0 0 28px #fdbf244d)drop-shadow(0 0 48px #a855f72e);pointer-events:none;width:clamp(220px,55vw,360px);height:clamp(220px,55vw,360px);display:block;position:relative}.d20-roller__smoke{z-index:1;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.d20-roller__volute{background:radial-gradient(circle at 50% 50%, var(--vc1,#fdbf248c) 0%, var(--vc2,#b4530940) 35%, #140a2800 78%);filter:blur(14px);opacity:0;border-radius:50%;width:clamp(70px,18vw,130px);height:clamp(70px,18vw,130px);animation:7.5s ease-out infinite d20r-volute;position:absolute;bottom:10%;left:50%;transform:translate(-50%)scale(.4)}.d20-roller__volute--1{--vx:-38%;--vh:90%;--vs:1.1;--vc1:#fdbf248c;--vc2:#b4530938;animation-delay:0s}.d20-roller__volute--2{--vx:34%;--vh:115%;--vs:1.35;--vc1:#a855f78c;--vc2:#4c1d9538;animation-delay:1.2s}.d20-roller__volute--3{--vx:-10%;--vh:100%;--vs:1.2;--vc1:#38bdf873;--vc2:#08506e2e;animation-delay:2.5s}.d20-roller__volute--4{--vx:58%;--vh:80%;--vs:.95;--vc1:#fdbf2480;--vc2:#b4530938;animation-delay:3.8s}.d20-roller__volute--5{--vx:-62%;--vh:105%;--vs:1.15;--vc1:#a855f773;--vc2:#4c1d9533;animation-delay:5.1s}@keyframes d20r-volute{0%{transform:translate(calc(-50% + var(--vx) * .15), 5%) scale(.4);opacity:0}12%{opacity:.85}60%{opacity:.55}to{transform:translate(calc(-50% + var(--vx)), calc(var(--vh) * -1)) scale(var(--vs));opacity:0}}@keyframes d20r-halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes d20r-rays-spin{to{transform:rotate(360deg)}}@keyframes d20r-spark{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{transform:translate(calc(-50% + var(--sx) * .4), calc(-50% + var(--sy) * .4)) scale(1);opacity:1}60%{transform:translate(calc(-50% + var(--sx) * .9), calc(-50% + var(--sy) * .9)) scale(.7);opacity:.4}to{transform:translate(calc(-50% + var(--sx)), calc(-50% + var(--sy))) scale(.2);opacity:0}}.d20-roller__canvas,.d20-roller__halo,.d20-roller__rays{backface-visibility:hidden}@media (width<=540px){.d20-roller__rays{opacity:.45}.d20-roller__sparks,.d20-roller__volute--3,.d20-roller__volute--5{display:none}}@media (prefers-reduced-motion:reduce){.d20-roller__halo,.d20-roller__rays,.d20-roller__sparks,.d20-roller__volute{animation:none}.d20-roller__volute{opacity:0}}.kv__hint{opacity:.7;margin:6px 0 0;font-size:.78rem}.kv__value .select{width:100%;max-width:320px}.card__head--with-action{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.chip--on{border-color:var(--border-strong);color:var(--text-1);background:#f973162e}.bestiary-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.bestiary-search{border-radius:var(--r-pill);border:1px solid var(--border-soft);background:var(--surface-glass);color:var(--text-2);flex:240px;align-items:center;gap:8px;padding:8px 14px;transition:border-color .16s,box-shadow .16s;display:inline-flex}.bestiary-search:focus-within{border-color:var(--ember);box-shadow:var(--ring)}.bestiary-search input{color:var(--text-1);font:inherit;background:0 0;border:none;outline:none;flex:1}.bestiary-filters{flex-wrap:wrap;gap:8px;display:flex}.bestiary-filters .chip{cursor:pointer;text-transform:capitalize}.bestiary-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bestiary-entry{border:1px solid var(--border-soft);border-radius:var(--r-2);background:var(--surface-glass);overflow:hidden}.bestiary-entry--open{border-color:var(--border-strong)}.bestiary-entry__head{width:100%;color:var(--text-1);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.bestiary-entry__head:hover{background:#f9731614}.bestiary-entry__icon{color:var(--ember-soft);flex-shrink:0}.bestiary-entry__name{flex:auto;min-width:120px;font-weight:700}.bestiary-entry__category{color:var(--text-3);text-transform:capitalize;font-size:12px}.bestiary-entry__stats{color:var(--text-2);white-space:nowrap;gap:12px;font-size:13px;display:flex}.bestiary-entry__chevron{color:var(--text-3);flex-shrink:0;transition:transform .18s}.bestiary-entry--open .bestiary-entry__chevron{transform:rotate(90deg)}.bestiary-entry__body{border-top:1px solid var(--border-soft);padding:0 16px 16px 44px}.bestiary-entry__desc{color:var(--text-2);margin:12px 0;font-style:italic}.bestiary-traits{gap:8px;margin:0;display:grid}.bestiary-traits>div{grid-template-columns:160px 1fr;gap:12px;display:grid}.bestiary-traits dt{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.bestiary-traits dd{color:var(--text-1);margin:0}@media (width<=640px){.bestiary-entry__stats{display:none}.bestiary-entry__body{padding-left:16px}.bestiary-traits>div{grid-template-columns:1fr;gap:2px}}.lore-import{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.lore-import__hint{color:var(--muted,#8a93a6);font-size:.78rem}.character-modal__lore-summary{margin-bottom:4px}.character-modal__lore-summary-text{color:var(--muted,#8a93a6);white-space:pre-wrap;margin:4px 0 0;font-size:.86rem;font-style:italic}