@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Noto+Serif+SC:wght@400;500;600;700&family=UnifrakturCook:wght@700&family=MedievalSharp&family=Pirata+One&family=IM+Fell+English:ital@0;1&family=JetBrains+Mono:wght@400;500;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:calc(var(--spacing) * 1)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-5{padding:calc(var(--spacing) * 5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--void:#0a0806;--obsidian:#12100c;--mahogany:#1e150d;--bark:#2e1f0e;--bark-light:#4a3520;--amber:#c9a84c;--flame:#e8a020;--parchment:#e8d5a8;--parchment-dark:#c4a66a;--blood:#8b2020;--blood-light:#c44040;--emerald:#2a7a3a;--emerald-light:#4a9a5a;--sapphire:#2a5a8a;--sapphire-light:#3a7aaa;--amethyst:#7c3aed;--amethyst-light:#9d6af0;--ivory:#f5eedd;--bg:var(--void);--bg2:var(--obsidian);--wood:var(--bark);--wood-light:var(--bark-light);--gold:var(--amber);--gold-bright:var(--flame);--gold-dim:#8a6a30;--red:var(--blood);--red-light:var(--blood-light);--green:var(--emerald);--green-light:var(--emerald-light);--blue:var(--sapphire);--blue-light:var(--sapphire-light);--text:var(--parchment);--text-dim:#8a7a60;--text-bright:#fff8e0;--font-display:"Cinzel Decorative", serif;--font-body:"Noto Serif SC", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--gold-gradient:linear-gradient(135deg, #c9a84c, #e8a020, #c9a84c);--wood-gradient:linear-gradient(180deg, #2e1f0e, #1e150d);--radius:8px;--radius-lg:14px}body{background:var(--void);color:var(--parchment);font-family:var(--font-body);min-height:100vh;margin:0;font-size:15px;line-height:1.6}body:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 60px,#0000000a 60px 61px),repeating-linear-gradient(0deg,#0000,#0000 40px,#8b5c2805 40px 41px),radial-gradient(at 50% 0,#c9a84c14 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--bark-light);border-radius:3px}.panel{background:var(--obsidian);border:1px solid var(--bark);border-radius:var(--radius-lg);position:relative}.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none;width:100%;height:3px;position:absolute;top:0;left:0}.ornate{position:relative}.ornate:before,.ornate:after{content:"";border-color:var(--amber);pointer-events:none;width:20px;height:20px;position:absolute}.ornate:before{border-top:2px solid;border-left:2px solid;border-top-left-radius:4px;top:-1px;left:-1px}.ornate:after{border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:4px;bottom:-1px;right:-1px}.btn-fantasy{border-radius:var(--radius);background:var(--wood-gradient);border:1px solid var(--bark);color:var(--parchment);font-family:var(--font-body);cursor:pointer;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-fantasy:hover{border-color:var(--amber);transform:translateY(-1px);box-shadow:0 0 12px #c9a84c33}.btn-gold{border-radius:var(--radius);background:var(--gold-gradient);color:var(--void);font-family:var(--font-body);cursor:pointer;text-shadow:0 1px #ffffff26;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 0 20px #e8a02066}.btn-danger{border-radius:var(--radius);border:1px solid var(--blood);color:var(--blood-light);font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;transition:all .2s;display:inline-flex}.btn-danger:hover{background:var(--blood);color:var(--ivory)}.tag{font-size:.72rem;font-weight:600;font-family:var(--font-mono);border:1px solid;border-radius:20px;align-items:center;gap:3px;padding:2px 10px;display:inline-flex}.tag-ok{color:var(--emerald-light);background:#2a7a3a40;border-color:#2a7a3a66}.tag-level{color:var(--sapphire-light);background:#2a5a8a40;border-color:#2a5a8a66}.tag-info{color:#aaa;background:#c8c8c81a;border-color:#c8c8c826}.input-fantasy{border-radius:var(--radius);border:1px solid var(--bark);width:100%;color:var(--parchment);font-family:var(--font-body);background:#1e150dcc;outline:none;padding:10px 14px;font-size:.9rem;transition:border .2s}.input-fantasy::placeholder{color:#e8d5a859}.bubble-dm{color:#2a1a08;border-radius:var(--radius);clip-path:polygon(0 2%,2% 0,98% 1%,100% 2%,99% 98%,98% 100%,2% 99%,0 98%);background:linear-gradient(135deg,#d4b87a,#c4a060);border:1px solid #a08040;padding:12px 16px;font-size:.87rem;line-height:1.9}.bubble-player{color:#d0e8ff;border:1px solid var(--sapphire-light);border-radius:var(--radius);background:linear-gradient(135deg,#1a4a6a,#2a5a7a);padding:10px 14px;font-size:.87rem;line-height:1.7}.bubble-ally{color:#c0e8c0;border:1px solid var(--emerald);border-radius:var(--radius);background:linear-gradient(135deg,#1a3a1a,#2a4a2a);padding:10px 14px;font-size:.87rem;line-height:1.7}.tavern-table{background:radial-gradient(ellipse at center, #3a2a16 0%, #2a1a0a 50%, var(--void) 100%);border:2px solid var(--bark);border-radius:16px;padding:20px;position:relative;box-shadow:inset 0 0 60px #00000080,0 0 30px #0006}.portrait{border:2px solid var(--bark);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s;display:flex;position:relative}.portrait:hover{border-color:var(--amber);transform:scale(1.08)}.portrait-player{border-color:var(--sapphire-light);background:linear-gradient(135deg,#1a3a5a,#2a5a8a)}.portrait-ally{border-color:var(--emerald);background:linear-gradient(135deg,#1a3a1a,#2a5a2a)}.portrait-dm{border-color:var(--gold-dim);background:linear-gradient(135deg,#3a2a1a,#5a4a2a)}.portrait-enemy{border-color:var(--blood);background:linear-gradient(135deg,#3a1a1a,#5a2a2a)}.dice-badge{border:1px solid var(--bark);font-size:.8rem;font-family:var(--font-mono);color:var(--parchment);background:#643c144d;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;display:inline-flex}.scroll-input-bar{border:1px solid var(--bark);background:linear-gradient(90deg,#3a2a18,#4a3a24,#3a2a18);border-radius:30px;align-items:center;gap:8px;padding:8px 14px;display:flex}.battle-cell{cursor:pointer;background:#3c2d194d;border:1px solid #4a35204d;border-radius:2px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.battle-cell:hover{background:#c9a84c1a;border-color:#c9a84c4d}.battle-cell-player{border-color:var(--sapphire-light);background:#2a5a8a59;box-shadow:inset 0 0 8px #3a7aaa4d}.battle-cell-ally{border-color:var(--emerald);background:#2a7a3a40}.battle-cell-enemy{border-color:var(--blood-light);background:#8b20204d;box-shadow:inset 0 0 8px #c440404d}.action-btn{border-radius:var(--radius);cursor:pointer;width:100%;font-family:var(--font-body);border:1px solid var(--bark);background:var(--wood-gradient);color:var(--parchment);align-items:center;gap:6px;padding:8px 10px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.action-btn-attack{border-left:3px solid var(--blood-light)}.action-btn-spell{border-left:3px solid var(--amethyst)}.action-btn-move{border-left:3px solid var(--sapphire-light)}.action-btn-end{background:var(--gold-gradient);color:var(--void);border-color:var(--amber);font-weight:700}.action-btn-end:hover{box-shadow:0 0 12px #c9a84c66}.init-entry{border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:6px;margin-bottom:3px;padding:6px 8px;font-size:.75rem;transition:all .2s;display:flex}.init-entry-active{border-color:var(--amber);background:#c9a84c1f;transform:scale(1.02)}.skill-btn{border-radius:var(--radius);cursor:pointer;font-size:.75rem;font-family:var(--font-body);background:var(--wood-gradient);border:1px solid var(--bark);color:var(--parchment-dark);padding:6px 14px;font-weight:600;transition:all .2s}.skill-btn:hover{border-color:var(--amber);color:var(--flame);transform:translateY(-1px)}.ability-card{text-align:center;border-radius:var(--radius);background:var(--obsidian);border:1px solid var(--bark);padding:10px 8px;transition:border-color .2s}.ability-card:hover{border-color:var(--amber)}@keyframes ember-float{0%{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-120vh)scale(0)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}[data-theme=dragon]{--void:#0f0a06;--obsidian:#1a120a;--mahogany:#261811;--bark:#3a2416;--bark-light:#5a3a22;--bark-soft:#6a4a30;--amber:#d4a847;--flame:#f0b840;--ember:#c85a28;--parchment:#ead5a8;--parchment-dark:#c4a06a;--ivory:#faf1dd;--blood:#8a1a1a;--blood-light:#c83838;--blood-deep:#5a0a0a;--emerald:#3a7a48;--emerald-light:#5fa878;--sapphire:#345f8c;--sapphire-light:#4e86b8;--amethyst:#8a4fd4;--amethyst-light:#b48df0;--font-display:"Cinzel Decorative", serif;--font-heading:"Cinzel", serif;--font-body:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-script:"IM Fell English", "Cormorant Garamond", serif;--font-mono:"JetBrains Mono", monospace;--gold-gradient:linear-gradient(135deg, #b88530 0%, #e8be50 45%, #f0c860 50%, #b88530 100%);--ember-gradient:linear-gradient(135deg, #8a2010, #c85a28, #f0a040);--wood-gradient:linear-gradient(180deg, #3a2416 0%, #261811 100%);--parchment-gradient:linear-gradient(180deg, #e8d3a0 0%, #d4b97a 100%);--accent:var(--amber);--accent-bright:var(--flame);--accent-soft:var(--ember)}[data-theme=grimoire]{--void:#0a0512;--obsidian:#120a1e;--mahogany:#1a1028;--bark:#241838;--bark-light:#3a2a54;--bark-soft:#4a3a6a;--amber:#e8c860;--flame:#ffd870;--ember:#c4a03a;--parchment:#efe2bc;--parchment-dark:#c8b48a;--ivory:#fbf5e0;--blood:#7a1a4a;--blood-light:#b83878;--blood-deep:#4a0a28;--emerald:#2a6a5a;--emerald-light:#4fa098;--sapphire:#4a5fc8;--sapphire-light:#7a8ee8;--amethyst:#a070e8;--amethyst-light:#c8a0ff;--font-display:"UnifrakturCook", "Cinzel Decorative", serif;--font-heading:"Cinzel Decorative", serif;--font-body:"IM Fell English", "Noto Serif SC", Georgia, serif;--font-script:"IM Fell English", serif;--font-mono:"JetBrains Mono", monospace;--gold-gradient:linear-gradient(135deg, #a07828 0%, #e8c860 45%, #f8dc78 50%, #a07828 100%);--ember-gradient:linear-gradient(135deg, #4a2a6a, #8a4fd4, #c8a0ff);--wood-gradient:linear-gradient(180deg, #241838 0%, #1a1028 100%);--parchment-gradient:linear-gradient(180deg, #f2e5bf 0%, #d8c898 100%);--accent:var(--amber);--accent-bright:var(--amethyst-light);--accent-soft:var(--amethyst)}[data-theme=parchment]{--void:#2a1f12;--obsidian:#3a2c1a;--mahogany:#d4ba82;--bark:#b89868;--bark-light:#a88258;--bark-soft:#8a6a40;--amber:#8a5a20;--flame:#c47820;--ember:#8a3a10;--parchment:#f5e6c0;--parchment-dark:#5a4020;--ivory:#fdf6e0;--blood:#7a1818;--blood-light:#a83030;--blood-deep:#4a0a0a;--emerald:#2a5a30;--emerald-light:#4a7a4a;--sapphire:#1a3a6a;--sapphire-light:#3a5a8a;--amethyst:#5a2a8a;--amethyst-light:#7a4aaa;--font-display:"MedievalSharp", "Cinzel Decorative", serif;--font-heading:"Cinzel", serif;--font-body:"IM Fell English", "Cormorant Garamond", Georgia, serif;--font-script:"IM Fell English", serif;--font-mono:"JetBrains Mono", monospace;--gold-gradient:linear-gradient(135deg, #6a3a10 0%, #a86820 45%, #c47820 50%, #6a3a10 100%);--ember-gradient:linear-gradient(135deg, #6a1a0a, #a83818, #c47820);--wood-gradient:linear-gradient(180deg, #d4ba82 0%, #b89868 100%);--parchment-gradient:linear-gradient(180deg, #faecc8 0%, #e6d09a 100%);--accent:var(--amber);--accent-bright:var(--flame);--accent-soft:var(--ember)}:root{--radius:6px;--radius-lg:12px;--radius-xl:18px;--transition:.28s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}body{background:var(--void);color:var(--parchment);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0;font-size:16px;line-height:1.55}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--bark-light), var(--bark));border:1px solid var(--bark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--amber)}::selection{background:var(--amber);color:var(--void)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleGlow{0%,to{box-shadow:0 0 20px -4px #d4a84740,inset 0 0 22px -6px #d4a8471a}50%{box-shadow:0 0 34px -4px #d4a84773,inset 0 0 30px -6px #d4a8472e}}@keyframes emberRise{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:.9}to{opacity:0;transform:translateY(-140vh)scale(.4)}}@keyframes runeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bg-parchment{background-color:var(--void);background-image:radial-gradient(at 20% 0,#d4a8471a 0%,#0000 55%),radial-gradient(at 80% 100%,#d4a8470f 0%,#0000 60%),radial-gradient(circle at 30% 40%,#c85a280d 0%,#0000 45%),repeating-linear-gradient(45deg,#0000,#0000 80px,#00000026 80px 81px),repeating-linear-gradient(-45deg,#0000,#0000 80px,#00000026 80px 81px),repeating-linear-gradient(0deg,#0000,#0000 3px,#8c5a2805 3px 4px)}.bg-starfield{background-color:var(--void);background-image:radial-gradient(at 50% 30%,#a070e826 0%,#0000 55%),radial-gradient(at 15% 80%,#4a5fc81a 0%,#0000 50%),radial-gradient(1px 1px at 8% 12%,#fff0c8b3 50%,#0000),radial-gradient(1px 1px at 22% 34%,#fff0c866 50%,#0000),radial-gradient(1px 1px at 55% 18%,#c8a0ff99 50%,#0000),radial-gradient(1.5px 1.5px at 78% 62%,#fff0c8cc 50%,#0000),radial-gradient(1px 1px at 88% 22%,#c8a0ff80 50%,#0000),radial-gradient(1px 1px at 34% 76%,#fff0c880 50%,#0000),radial-gradient(1px 1px at 68% 88%,#c8a0ff66 50%,#0000);background-size:100% 100%,100% 100%,400px 400px,500px 500px,350px 350px,450px 450px,300px 300px,600px 600px,380px 380px}.bg-manuscript{background-color:var(--mahogany);background-image:radial-gradient(at 50% 0,#00000040,#0000 70%),radial-gradient(at 50% 100%,#00000040,#0000 70%),repeating-linear-gradient(0deg,#0000,#0000 22px,#5a3c1e0f 22px 23px)}.panel{border:1px solid var(--bark-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#3a24168c 0%,#1a120ad9 100%);position:relative}.panel:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--amber) 0%, transparent 30%, transparent 70%, var(--amber) 100%);opacity:.35;-webkit-mask-composite:xor;pointer-events:none;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}.panel-ornate{border:1px solid var(--bark-light);border-radius:var(--radius-lg);background:radial-gradient(at 50% 0,#d4a8471a,#0000 60%),linear-gradient(#3a2416b3,#120a06e6);position:relative;box-shadow:inset 0 1px #d4a84724,inset 0 0 30px #00000073,0 8px 30px -8px #000000b3}.corner-deco{background:var(--gold-gradient);pointer-events:none;opacity:.9;width:36px;height:36px;position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.corner-deco svg{width:100%;height:100%}.divider{color:var(--amber);align-items:center;gap:12px;margin:14px 0;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--amber) 20%, var(--amber) 80%, transparent);opacity:.45;flex:1;height:1px}.divider-glyph{font-family:var(--font-display);letter-spacing:.25em;color:var(--amber);opacity:.8;font-size:14px}.display-title{font-family:var(--font-display);letter-spacing:.08em;background:var(--gold-gradient);color:#0000;text-shadow:0 2px 14px #d4a8472e;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:8s linear infinite shimmer}.eyebrow{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--amber);opacity:.7;font-size:10px}.btn-gold{background:var(--gold-gradient);color:var(--void);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;transition:var(--transition);background-size:200% 100%;border:1px solid #00000040;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffe6b466,inset 0 -1px #0003,0 6px 18px -6px #d4a84773}.btn-gold:before{content:"";pointer-events:none;border:1px solid #0000002e;border-radius:4px;position:absolute;inset:2px}.btn-gold:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:inset 0 1px #ffe6b499,0 0 24px #f0b84066,0 10px 24px -8px #d4a84799}.btn-gold:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--parchment);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--bark-light);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:linear-gradient(#3a2416b3,#1a120ae6);justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:600;display:inline-flex}.btn-ghost:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-1px);box-shadow:0 0 14px -4px #d4a84766,inset 0 0 14px -6px #d4a84733}.btn-danger{border:1px solid var(--blood);color:var(--blood-light);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:11px;display:inline-flex}.btn-danger:hover{background:var(--blood);color:var(--ivory);box-shadow:0 0 12px #8b1a1a80}.tag{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:600;display:inline-flex}.tag-gold{color:var(--amber);border-color:var(--amber);background:#d4a84714}.tag-ok{color:var(--emerald-light);border-color:var(--emerald);background:#3a7a481f}.tag-blue{color:var(--sapphire-light);border-color:var(--sapphire);background:#4a5fc81f}.tag-info{color:var(--parchment-dark);border-color:var(--bark-light);background:#5a3c241f}.tag-danger{color:var(--blood-light);border-color:var(--blood);background:#8a1a1a26}.tag-magic{color:var(--amethyst-light);border-color:var(--amethyst);background:#8a4fd41f}.input-fantasy{border:1px solid var(--bark-light);border-radius:var(--radius);width:100%;color:var(--parchment);font-family:var(--font-body);transition:var(--transition);background:linear-gradient(#0c0804b3,#0c080466);outline:none;padding:11px 16px;font-size:16px;box-shadow:inset 0 2px 6px -2px #0009}.input-fantasy::placeholder{color:var(--parchment-dark);opacity:.5;font-style:italic}.input-fantasy:focus{border-color:var(--amber);box-shadow:0 0 0 1px #d4a84733,inset 0 2px 6px -2px #0009,0 0 18px -4px #d4a84759}select.input-fantasy{appearance:none;cursor:pointer;background-image:linear-gradient(#0c0804b3,#0c080466),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23c9a84c' d='M0 0l5 6 5-6z'/></svg>");background-position:0 0,right 14px center;background-repeat:no-repeat,no-repeat;background-size:auto,10px 6px;padding-right:36px}select.input-fantasy::-ms-expand{display:none}.input-fantasy option,select option{color:var(--parchment);font-family:var(--font-body);background-color:#1a120b}.input-fantasy option:checked,select option:checked{color:var(--amber);background:#1a120b linear-gradient(#d4a84740,#d4a84740)}.input-fantasy option:disabled,select option:disabled{color:var(--parchment-dark);opacity:.5}.input-fantasy optgroup,select optgroup{color:var(--amber);background-color:#1a120b;font-style:italic}.embers{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ember{filter:blur(.3px);background:radial-gradient(circle,#ffc870 0%,#c85a28 60%,#0000 100%);border-radius:50%;width:3px;height:3px;animation:linear infinite emberRise;position:absolute;bottom:-10px}.rune-ring{border:1px dashed var(--amber);opacity:.5;pointer-events:none;border-radius:50%;width:120px;height:120px;animation:60s linear infinite runeRotate}.bubble{border-radius:var(--radius-lg);max-width:85%;padding:16px 22px;font-size:15px;line-height:1.75;animation:.35s cubic-bezier(.4,0,.2,1) bubbleIn;position:relative}.bubble-dm{font-family:var(--font-script);color:#2a1a08;background:radial-gradient(ellipse at 30% 20%, #fff0c880 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, #b4824633 0%, transparent 60%), var(--parchment-gradient);text-shadow:0 1px #fff8dc66;border:1px solid #a08040;position:relative;box-shadow:inset 0 1px #fff0c880,inset 0 -1px #78502840,0 10px 24px -10px #0009}.bubble-dm:before{content:"";border-radius:calc(var(--radius-lg) - 6px);pointer-events:none;border:1px solid #8a5c2840;position:absolute;inset:6px}.bubble-dm:after{content:"";background:radial-gradient(circle at 35% 35%,#f06040,#8a1010 70%);border-radius:50%;width:18px;height:18px;position:absolute;top:-8px;left:24px;box-shadow:0 2px 4px #00000080,inset -1px -1px 3px #0006}.bubble-player{font-family:var(--font-body);color:#e8f2ff;border:1px solid var(--sapphire-light);background:linear-gradient(135deg,#4a78b440 0%,#0000 60%),linear-gradient(#1e3658 0%,#162640 100%);box-shadow:inset 0 1px #96c8ff40,0 0 20px -6px #4e86b866,0 8px 20px -8px #00000080}.bubble-player:before{content:"";border-right:1px solid var(--sapphire-light);border-top:1px solid var(--sapphire-light);background:#162640;width:12px;height:12px;position:absolute;top:18px;right:-7px;transform:rotate(45deg)}.bubble-ally{font-family:var(--font-body);color:#e4f5e4;border:1px solid var(--emerald-light);background:linear-gradient(135deg,#5aa8782e 0%,#0000 60%),linear-gradient(#1e3a24 0%,#162918 100%);font-style:italic;box-shadow:inset 0 1px #96e6aa26,0 0 18px -6px #5fa87859,0 8px 20px -8px #00000080}.bubble-system{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;color:var(--amber);text-align:center;opacity:.75;padding:4px 0;font-size:12px}.dice-badge{border:1px solid var(--amber);font-family:var(--font-mono);color:var(--parchment);background:linear-gradient(#3a2416cc,#1a120ae6);border-radius:20px;align-items:center;gap:8px;padding:5px 14px;font-size:12px;display:inline-flex;box-shadow:0 0 14px -4px #d4a84766,inset 0 0 8px #d4a8471a}.dice-badge .result{color:var(--amber);font-size:14px;font-weight:700}.dice-badge .vs{color:var(--parchment-dark);opacity:.7}.dice-badge.crit{border-color:var(--emerald-light);color:var(--emerald-light);box-shadow:0 0 18px -4px #5fa87899}.dice-badge.fumble{border-color:var(--blood-light);color:var(--blood-light);box-shadow:0 0 18px -4px #c8383899}.portrait{cursor:pointer;width:64px;height:64px;transition:var(--transition);background:radial-gradient(circle at 35% 30%, var(--c-light,#4a8aaa) 0%, var(--c-dark,#1a3a5a) 70%);box-shadow:0 0 0 1px #0006, 0 0 0 3px var(--c-border,var(--amber)), 0 0 0 4px #00000080, 0 0 18px -6px var(--c-border,var(--amber)), inset 0 -6px 10px -4px #0009, inset 0 6px 10px -4px #ffffff26;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.portrait:before{content:"";pointer-events:none;background:radial-gradient(at 40% 20%,#ffffff40 0%,#0000 45%);position:absolute;inset:0}.portrait svg.crest{width:62%;height:62%;color:var(--c-glyph,#fff);filter:drop-shadow(0 2px 3px #00000080);z-index:1}.portrait:hover{transform:scale(1.06)}.portrait-fighter{--c-light:#c46a48;--c-dark:#6a1818;--c-border:#c85a28;--c-glyph:#ffe8c0}.portrait-wizard{--c-light:#9d6af0;--c-dark:#3a1a6a;--c-border:#a070e8;--c-glyph:#f0e0ff}.portrait-cleric{--c-light:#f0d070;--c-dark:#8a6020;--c-border:#f0b840;--c-glyph:#fff5d0}.portrait-rogue{--c-light:#606880;--c-dark:#1a1e2a;--c-border:#8a94aa;--c-glyph:#d0d5e0}.portrait-paladin{--c-light:#e8d070;--c-dark:#6a5020;--c-border:#d4a847;--c-glyph:#fff8dd}.portrait-ranger{--c-light:#6aaa6a;--c-dark:#1a4a1a;--c-border:#5fa878;--c-glyph:#e0f5d8}.portrait-barbarian{--c-light:#c8605a;--c-dark:#4a0a0a;--c-border:#c83838;--c-glyph:#ffd8c0}.portrait-bard{--c-light:#d870aa;--c-dark:#4a1a3a;--c-border:#b83878;--c-glyph:#ffd0e8}.portrait-druid{--c-light:#8aaa6a;--c-dark:#2a4a1a;--c-border:#6a8a4a;--c-glyph:#e4f0c8}.portrait-sorcerer{--c-light:#f07040;--c-dark:#6a1a1a;--c-border:#e04820;--c-glyph:#fff0d0}.portrait-warlock{--c-light:#7a4ab8;--c-dark:#1a0a3a;--c-border:#5a2a9a;--c-glyph:#d8c8ff}.portrait-monk{--c-light:#d4a870;--c-dark:#5a3a20;--c-border:#b88848;--c-glyph:#fff0d0}.portrait-dm{--c-light:#d4a847;--c-dark:#5a3a10;--c-border:#f0b840;--c-glyph:#fff5d0}.portrait-enemy{--c-light:#8a2020;--c-dark:#2a0a0a;--c-border:#c83838;--c-glyph:#ffc0c0}.portrait-sm{width:44px;height:44px}.portrait-sm:before{border-radius:50%}.portrait-lg{width:96px;height:96px}.portrait-xl{width:140px;height:140px}.portrait.is-wounded:after{content:"";background:radial-gradient(circle,#0000 40%,#8a1a1a8c 100%);border-radius:50%;animation:1.8s ease-in-out infinite breathe;position:absolute;inset:0}.portrait-hp{background:var(--bark);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.portrait-hp>span{background:linear-gradient(90deg,#c83838,#e8a020);height:100%;transition:width .5s;display:block}.char-card{border:1px solid var(--bark-light);border-radius:var(--radius-lg);transition:var(--transition);background:linear-gradient(#3a24168c 0%,#120a06d9 100%);flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.char-card:hover{border-color:var(--amber);box-shadow:0 0 14px -4px #d4a84759}.char-card-active{border-color:var(--amber);box-shadow:0 0 22px -6px #f0b84080,inset 0 0 22px -8px #f0b84026}.char-card-row{align-items:center;gap:10px;display:flex}.char-card-name{font-family:var(--font-heading);color:var(--parchment);font-size:14px;font-weight:600;line-height:1.2}.char-card-sub{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px}.hp-bar{border:1px solid var(--bark-light);background:linear-gradient(#120a04,#24140a);border-radius:4px;height:8px;position:relative;overflow:hidden}.hp-bar>.fill{background:linear-gradient(90deg,#c83838 0%,#e06040 40%,#e8a020 100%);border-radius:3px;height:100%;transition:width .5s;position:relative;box-shadow:0 0 8px #e060404d}.hp-bar>.fill:after{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff14 4px 5px);position:absolute;inset:0}.hp-bar.high>.fill{background:linear-gradient(90deg,#3a7a48,#6aaa6a);box-shadow:0 0 8px #5fa87859}.hp-bar.mid>.fill{background:linear-gradient(90deg,#c47820,#e8a020);box-shadow:0 0 8px #e8a02059}.hp-bar.low>.fill{background:linear-gradient(90deg,#8a1a1a,#c83838);box-shadow:0 0 8px #c8383866}.spell-slots{flex-wrap:wrap;gap:4px;display:flex}.slot-gem{background:radial-gradient(circle at 30% 30%,#d8b0ff,#7c3aed 60%,#2a0a4a 90%);border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #a070e8b3,inset 0 -2px 2px #0006}.slot-gem.used{box-shadow:none;opacity:.4;background:radial-gradient(circle at 30% 30%,#5a4a7a,#2a1a4a 60%)}.battle-grid{border:2px solid var(--bark-light);border-radius:var(--radius-lg);background:radial-gradient(#d4a8470f 0%,#0000 70%),linear-gradient(135deg,#2a1a0a,#1a0e06);gap:1px;padding:8px;display:grid;position:relative;box-shadow:inset 0 0 60px #0009,0 0 30px -8px #000c}.battle-cell{aspect-ratio:1;cursor:pointer;background:#3a241659;border:1px solid #5a3a2240;border-radius:2px;justify-content:center;align-items:center;font-size:16px;transition:all .12s;display:flex;position:relative}.battle-cell:hover{background:#d4a8471f;border-color:#d4a84780;box-shadow:inset 0 0 10px #d4a84733}.battle-cell.player{border-color:var(--sapphire-light);background:radial-gradient(circle,#4a78b480 0%,#1e36584d 70%);box-shadow:inset 0 0 12px #4e86b866}.battle-cell.ally{border-color:var(--emerald-light);background:radial-gradient(circle,#5fa87866 0%,#1e3c284d 70%)}.battle-cell.enemy{border-color:var(--blood-light);background:radial-gradient(circle,#c8383866 0%,#3a10104d 70%);box-shadow:inset 0 0 12px #c8383859}.battle-cell.reach{background:#d4a84724;border-style:dashed;border-color:#d4a84780}.battle-cell.target{border-color:var(--amber);background:radial-gradient(circle,#f0b84059 0%,#0000 70%);animation:1.4s ease-in-out infinite breathe}.battle-cell.wall{border-color:var(--bark-light);background:repeating-linear-gradient(45deg,#4a3020,#4a3020 3px,#2a1810 3px 6px)}.unit-token{width:78%;height:78%;font-family:var(--font-heading);color:var(--ivory);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:relative;box-shadow:0 2px 6px #0009}.action-btn{border:1px solid var(--bark-light);border-radius:var(--radius);width:100%;color:var(--parchment);font-family:var(--font-heading);letter-spacing:.06em;cursor:pointer;transition:var(--transition);text-align:left;background:linear-gradient(#3a2416bf,#120a06e6);border-left-width:3px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.action-btn:hover{border-color:var(--amber);color:var(--amber);transform:translate(2px)}.action-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.action-btn.attack{border-left-color:var(--blood-light)}.action-btn.spell{border-left-color:var(--amethyst-light)}.action-btn.move{border-left-color:var(--sapphire-light)}.action-btn.bonus{border-left-color:var(--emerald-light)}.action-btn.reaction{border-left-color:var(--flame)}.action-btn.end{border-color:var(--amber);border-left-color:var(--amber);background:var(--gold-gradient);color:var(--void);font-weight:700}.action-btn.end:hover{box-shadow:0 0 18px -4px #f0b84099}.init-row{border-radius:var(--radius);transition:var(--transition);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex;position:relative}.init-row.active{border-color:var(--amber);box-shadow:0 0 14px -4px #f0b84080, inset 2px 0 0 var(--amber);background:linear-gradient(90deg,#f0b84033,#f0b84000)}.init-row.active:before{content:"";background:var(--amber);width:3px;box-shadow:0 0 8px var(--amber);border-radius:2px;position:absolute;top:0;bottom:0;left:-4px}.init-row.dead{opacity:.35;filter:grayscale(.6)}.init-num{border:1px solid var(--bark-light);width:28px;height:28px;font-family:var(--font-mono);color:var(--amber);background:linear-gradient(#4a3020,#2a1810);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.quota-dots{gap:3px;display:inline-flex}.quota-dots .d{background:linear-gradient(#d4a847,#8a5a20);border-radius:2px;width:8px;height:8px;box-shadow:0 0 6px #d4a84780}.quota-dots .d.used{box-shadow:none;opacity:.4;background:#2a1810}.scroll-input{border:1px solid var(--bark-light);background:radial-gradient(at 0%,#8a5c2866 0%,#0000 25%),radial-gradient(at 100%,#8a5c2866 0%,#0000 25%),linear-gradient(#3a2416cc,#1a120af2);border-radius:32px;align-items:flex-end;gap:10px;padding:8px 8px 8px 20px;display:flex;box-shadow:inset 0 2px 6px -2px #0009,0 4px 16px -6px #00000080}.scroll-input textarea{color:var(--parchment);font-family:var(--font-body);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:96px;padding:8px 0;font-size:15px;line-height:1.5}.scroll-input textarea::placeholder{color:var(--parchment-dark);opacity:.5;font-style:italic}.scroll-input .send{background:var(--gold-gradient);width:44px;height:44px;color:var(--void);cursor:pointer;transition:var(--transition);border:1px solid #0000004d;border-radius:50%;place-items:center;font-size:18px;display:grid;box-shadow:inset 0 1px #ffe6b466,0 4px 12px -2px #d4a84766}.scroll-input .send:hover{transform:scale(1.06);box-shadow:0 0 18px -2px #f0b84080}.skill-chip{border:1px solid var(--bark-light);color:var(--parchment-dark);font-family:var(--font-heading);letter-spacing:.06em;cursor:pointer;transition:var(--transition);background:0 0;border-radius:20px;padding:6px 14px;font-size:12px}.skill-chip:hover{border-color:var(--amber);color:var(--amber);background:#d4a84714}.dice-wrap{width:52px;height:52px;font-family:var(--font-display);color:var(--void);background:radial-gradient(circle at 30% 30%,#f0b840,#8a5020);border-radius:8px;place-items:center;font-weight:700;display:inline-grid;transform:rotate(8deg);box-shadow:0 6px 18px -4px #0009,inset 0 -4px 8px #0000004d,inset 0 3px 4px #ffe6b466}.ability-card{text-align:center;border:1px solid var(--bark-light);border-radius:var(--radius);background:radial-gradient(at 50% 0,#d4a8471a,#0000 50%),linear-gradient(#3a24168c,#120a06e6);padding:14px 10px 12px;position:relative}.ability-card .label{font-family:var(--font-heading);letter-spacing:.3em;text-transform:uppercase;color:var(--amber);opacity:.8;font-size:10px}.ability-card .score{font-family:var(--font-display);color:var(--parchment);margin:4px 0 2px;font-size:26px;font-weight:700;line-height:1}.ability-card .mod{font-family:var(--font-mono);color:var(--emerald-light);font-size:12px}.ability-card .mod.neg{color:var(--blood-light)}[data-theme=bg3]{--void:#0a0806;--obsidian:#14100a;--mahogany:#1c1610;--bark:#2a211a;--bark-light:#4a3a28;--bark-soft:#6a5238;--amber:#d4a84a;--flame:#f0c040;--ember:#b86818;--parchment:#e8d4a0;--parchment-dark:#b89a68;--ivory:#f5e8c0;--blood:#7a1818;--blood-light:#c42828;--blood-deep:#3a0808;--emerald:#2a6a5a;--emerald-light:#5aa898;--arcane:#2ea8b8;--arcane-light:#5fd8e8;--arcane-glow:#7fe8f8;--sapphire:#345f8c;--sapphire-light:#4e86b8;--amethyst:#7a4fc4;--amethyst-light:#a890e8;--font-display:"Cinzel Decorative", serif;--font-heading:"Cinzel", serif;--font-body:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-script:"IM Fell English", serif;--font-mono:"JetBrains Mono", monospace;--gold-gradient:linear-gradient(135deg, #8a5a18 0%, #d4a84a 35%, #f0d060 50%, #d4a84a 65%, #8a5a18 100%);--ember-gradient:linear-gradient(135deg, #6a2010, #c85a28, #f0a040);--wood-gradient:linear-gradient(180deg, #2a211a 0%, #14100a 100%);--parchment-gradient:linear-gradient(180deg, #e8d3a0 0%, #c8a970 100%);--stone-gradient:linear-gradient(180deg, #302820f2 0%, #1a140efa 50%, #0e0a06 100%);--accent:var(--amber);--accent-bright:var(--arcane-light);--accent-soft:var(--arcane)}[data-theme=bg3] .panel,[data-theme=bg3] .panel-ornate{background:radial-gradient(ellipse at 50% 0%, #d4a84a1a 0%, transparent 55%), var(--stone-gradient);border:1px solid #1a1208;border-radius:4px;position:relative;box-shadow:0 0 0 1px #8a5a1866,0 0 0 2px #0a0604,0 0 0 3px #8a5a1859,inset 0 1px #f0d0604d,inset 0 2px 8px -2px #f0d0601f,inset 0 -2px 12px -2px #000c,0 10px 32px -8px #000000e6}[data-theme=bg3] .panel:before,[data-theme=bg3] .panel-ornate:before{display:none}[data-theme=bg3] .panel:after,[data-theme=bg3] .panel-ornate:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f0d06099,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}[data-theme=bg3] .btn-gold{color:#1a0e04;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 1px #ffe69666;background:radial-gradient(at 50% 0,#ffe69680 0%,#0000 40%),linear-gradient(#d4a84a 0%,#8a5a18 50%,#5a3a10 100%);border:1px solid #2a1808;border-radius:3px;padding:10px 26px;font-size:12px;font-weight:700;box-shadow:0 0 0 1px #f0d06080,inset 0 1px #fff0b48c,inset 0 -1px 2px #0006,0 2px #2a1808,0 4px 12px -2px #0009,0 0 18px -4px #f0d0604d}[data-theme=bg3] .btn-gold:before{display:none}[data-theme=bg3] .btn-gold:hover{background:radial-gradient(at 50% 0,#fff0b4b3 0%,#0000 45%),linear-gradient(#f0c864 0%,#a07a28 50%,#5a3a10 100%);transform:translateY(-1px);box-shadow:0 0 0 1px #f0d060cc,inset 0 1px #fff0b4b3,inset 0 -1px 2px #0006,0 3px #2a1808,0 0 30px -4px #f0d06099,0 0 60px -8px #2fa8b84d}[data-theme=bg3] .btn-arcane{color:#04181c;font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px #c8ffff66;cursor:pointer;transition:var(--transition);background:radial-gradient(at 50% 0,#7fe8f866 0%,#0000 40%),linear-gradient(#3ec8d8 0%,#2a7a88 50%,#14444e 100%);border:1px solid #0a2028;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #7fe8f880,inset 0 1px #c8ffff80,inset 0 -1px 2px #0006,0 2px #0a2028,0 0 24px -4px #2fa8b880}[data-theme=bg3] .btn-arcane:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #7fe8f8cc,inset 0 1px #c8ffffb3,0 3px #0a2028,0 0 40px -2px #2fa8b8e6}[data-theme=bg3] .portrait{background:radial-gradient(circle at 40% 30%, #fff0b433 0%, transparent 45%), radial-gradient(circle at 35% 30%, var(--c-light,#4a8aaa) 0%, var(--c-dark,#1a3a5a) 75%);box-shadow: 0 0 0 2px #1a0e04, 0 0 0 4px var(--c-border,#d4a84a), 0 0 0 5px #f0d060cc, 0 0 0 6px #1a0e04, 0 0 0 7px #5a3a10e6,  0 0 18px -2px var(--c-border,#d4a84a), 0 0 40px -8px #2fa8b84d,  inset 0 -8px 14px -4px #000000b3, inset 0 4px 10px -2px #fff3;border-radius:50%}[data-theme=bg3] .portrait.is-active{box-shadow:0 0 0 2px #1a0e04, 0 0 0 4px var(--arcane-light), 0 0 0 5px #1a0e04, 0 0 0 6px #f0d060b3, 0 0 24px 2px var(--arcane-light), 0 0 60px -4px #2fa8b8cc, inset 0 -8px 14px -4px #000000b3;animation:2s ease-in-out infinite bg3ActivePulse}@keyframes bg3ActivePulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)saturate(1.1)}}[data-theme=bg3] .bubble-dm{font-family:var(--font-body);color:var(--parchment);text-shadow:none;background:radial-gradient(at 30% 0,#f0d0601a 0%,#0000 55%),linear-gradient(#2a2014 0%,#16110a 100%);border:1px solid #4a3820;border-radius:4px;position:relative;box-shadow:0 0 0 1px #0a0604,0 0 0 2px #8a5a1859,inset 0 1px #f0d06033,inset 0 -1px 6px #00000080,0 8px 24px -6px #000000b3}[data-theme=bg3] .bubble-dm:before{content:"";pointer-events:none;border:1px solid #8a5a184d;border-radius:2px;position:absolute;inset:4px}[data-theme=bg3] .bubble-dm:after{display:none}[data-theme=bg3] .bubble-player{color:#c8eff4;background:radial-gradient(at 0 0,#2fa8b833 0%,#0000 60%),linear-gradient(#0c2a32 0%,#081820 100%);border:1px solid #2a7a88;border-radius:4px;box-shadow:0 0 0 1px #0a0604,0 0 0 2px #2fa8b84d,inset 0 1px #7fe8f833,0 0 24px -8px #2fa8b880,0 8px 22px -8px #000000b3}[data-theme=bg3] .bubble-player:before{background:#081820;border-top-color:#2a7a88;border-right-color:#2a7a88}[data-theme=bg3] .bubble-ally{color:#cfe8cf;background:radial-gradient(at 0 0,#5fa87826 0%,#0000 60%),linear-gradient(#1a2a1c 0%,#0e1a10 100%);border:1px solid #3a6a48;border-radius:4px;box-shadow:0 0 0 1px #0a0604,0 0 0 2px #5aa8784d,0 0 24px -8px #5aa87866}[data-theme=bg3] .scroll-input{background:linear-gradient(#1a1208 0%,#0a0604 100%);border:1px solid #4a3820;border-radius:3px;box-shadow:0 0 0 1px #0a0604,0 0 0 2px #8a5a1859,inset 0 2px 8px -2px #000c}[data-theme=bg3] .scroll-input .send{color:#04181c;background:radial-gradient(at 50% 0,#7fe8f880 0%,#0000 40%),linear-gradient(#3ec8d8 0%,#14444e 100%);border:1px solid #0a2028;border-radius:3px;box-shadow:0 0 0 1px #7fe8f899,inset 0 1px #c8ffff80,0 0 20px -2px #2fa8b899}[data-theme=bg3] .tag{text-transform:uppercase;border-radius:2px;padding:3px 10px;font-size:9px;box-shadow:inset 0 1px #ffffff1a,0 1px #00000080}[data-theme=bg3] .tag-magic{border-color:var(--arcane);color:var(--arcane-light);background:linear-gradient(#2fa8b84d,#14444e80)}[data-theme=bg3] .tag-gold{border-color:var(--amber);color:var(--flame);background:linear-gradient(#d4a84a40,#5a3a1066)}[data-theme=bg3] .battle-grid{background:radial-gradient(#2fa8b80a 0%,#0000 70%),repeating-linear-gradient(0deg,#0000,#0000 48px,#8a5a181a 48px 49px),repeating-linear-gradient(90deg,#0000,#0000 48px,#8a5a181a 48px 49px),linear-gradient(135deg,#1a1410,#0a0604);border:1px solid #1a0e04;border-radius:2px;box-shadow:0 0 0 1px #8a5a1880,0 0 0 2px #0a0604,0 0 0 3px #8a5a1859,inset 0 0 80px #000000b3,0 10px 40px -8px #000000e6}[data-theme=bg3] .battle-cell{background:0 0;border:1px solid #8a5a181f;border-radius:0}[data-theme=bg3] .battle-cell:hover{border-color:var(--arcane);background:#2fa8b81f;box-shadow:inset 0 0 12px #2fa8b84d}[data-theme=bg3] .battle-cell.player{border-color:var(--arcane-light);background:radial-gradient(circle,#2fa8b859,#0000 70%);box-shadow:inset 0 0 14px #2fa8b84d}[data-theme=bg3] .battle-cell.reach{background:#2fa8b81f;border:1px dashed #7fe8f880}[data-theme=bg3] .battle-cell.target{border:1px solid var(--flame);background:radial-gradient(circle,#f0d06059,#0000 70%);box-shadow:inset 0 0 16px #f0d06066}[data-theme=bg3] .battle-cell.enemy{border-color:var(--blood-light);background:radial-gradient(circle,#c4282866,#0000 70%);box-shadow:inset 0 0 14px #c4282866}[data-theme=bg3] .unit-token{box-shadow:0 0 0 1px var(--amber), 0 0 12px #f0d06066, inset 0 -4px 6px #00000080;border:2px solid #0a0604}[data-theme=bg3] .action-btn{border:1px solid #0a0604;border-left:3px solid var(--bark-light);color:var(--parchment);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#2a211a 0%,#14100a 100%);border-radius:3px;font-size:12px;box-shadow:inset 0 1px #f0d0601f,inset 0 -2px 6px #0006,0 0 0 1px #8a5a184d}[data-theme=bg3] .action-btn:hover{border-left-color:var(--arcane-light);color:var(--arcane-light);background:linear-gradient(#3a2c22 0%,#1a1410 100%);transform:none;box-shadow:inset 0 1px #7fe8f833,0 0 0 1px #2fa8b880,0 0 16px -4px #2fa8b880}[data-theme=bg3] .action-btn.attack:hover{border-left-color:var(--blood-light);color:#f4a0a0;box-shadow:0 0 0 1px #c4282880,0 0 16px -4px #c4282880}[data-theme=bg3] .action-btn.spell:hover{border-left-color:var(--amethyst-light);color:#d4c4ff;box-shadow:0 0 0 1px #7a4fc480,0 0 16px -4px #7a4fc480}[data-theme=bg3] .action-btn.end{color:#1a0e04;background:linear-gradient(#d4a84a 0%,#8a5a18 100%);border-left:3px solid #f0c864;font-weight:700;box-shadow:inset 0 1px #fff0b480,0 0 0 1px #f0d06099,0 0 20px -4px #f0d06080}[data-theme=bg3] .hp-bar{background:linear-gradient(#0a0604,#1a1208);border:1px solid #0a0604;border-radius:2px;height:10px;box-shadow:inset 0 1px 3px #000c,0 0 0 1px #8a5a1866,inset 0 -1px #f0d0601a}[data-theme=bg3] .hp-bar>.fill{border-radius:1px;box-shadow:inset 0 1px #ffffff40,inset 0 -1px 2px #0006}[data-theme=bg3] .hp-bar.high>.fill{background:linear-gradient(#6ac484,#2a6a3a)}[data-theme=bg3] .hp-bar.mid>.fill{background:linear-gradient(#f0c864,#8a5a10)}[data-theme=bg3] .hp-bar.low>.fill{background:linear-gradient(#f04838,#7a1010)}[data-theme=bg3] .slot-gem{background:linear-gradient(135deg,#7fe8f8 0%,#2a7a88 50%,#14444e 100%);border-radius:2px;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 0 1px #0a0604,0 0 0 2px #7fe8f880,inset 0 1px #c8ffff99,inset 0 -1px 2px #0006,0 0 8px #2fa8b899}[data-theme=bg3] .slot-gem.used{opacity:.5;background:linear-gradient(135deg,#3a4548,#1a2024);box-shadow:0 0 0 1px #0a0604,0 0 0 2px #3c505a66}[data-theme=bg3] .dice-badge{border:1px solid var(--amber);background:linear-gradient(#2a211a,#14100a);border-radius:3px;padding:5px 14px;box-shadow:0 0 0 1px #0a0604,inset 0 1px #f0d06033,0 0 14px -4px #f0d06080}[data-theme=bg3] .dice-badge.crit{border-color:var(--arcane-light);box-shadow:0 0 0 1px #0a0604, 0 0 22px -4px var(--arcane-light);color:var(--arcane-light)}[data-theme=bg3] .init-row.active{box-shadow:inset 3px 0 0 var(--arcane-light), 0 0 20px -4px #2fa8b899;background:linear-gradient(90deg,#2fa8b840,#0000);border:1px solid #2fa8b899}[data-theme=bg3] .init-row.active:before{background:var(--arcane-light);box-shadow:0 0 12px var(--arcane-light)}[data-theme=bg3] .init-num{background:linear-gradient(#3a2c20,#14100a);border:1px solid #0a0604;box-shadow:0 0 0 1px #8a5a1866,inset 0 1px #f0d06033}[data-theme=bg3] .skill-chip{color:var(--arcane-light);text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(#2fa8b814,#14444e26);border:1px solid #2fa8b866;border-radius:2px;padding:6px 14px;font-size:11px;box-shadow:inset 0 1px #7fe8f81a}[data-theme=bg3] .skill-chip:hover{border-color:var(--arcane-light);color:var(--arcane-glow);background:linear-gradient(#2fa8b840,#14444e4d);box-shadow:inset 0 1px #7fe8f84d,0 0 18px -4px #2fa8b899}[data-theme=bg3] .input-fantasy{color:var(--parchment);font-family:var(--font-body);background:linear-gradient(#0a0604,#14100a);border:1px solid #4a3820;border-radius:3px;box-shadow:inset 0 2px 6px #000c,0 0 0 1px #8a5a1859}[data-theme=bg3] .input-fantasy:focus{border-color:var(--arcane-light);box-shadow:inset 0 2px 6px #000c,0 0 0 1px #2fa8b8cc,0 0 22px -4px #2fa8b8b3}[data-theme=bg3] .ability-card{background:radial-gradient(at 50% 0,#f0d06026,#0000 55%),linear-gradient(#2a211a 0%,#0e0a06 100%);border:1px solid #0a0604;border-radius:3px;box-shadow:0 0 0 1px #8a5a1880,inset 0 1px #f0d06040,inset 0 -2px 8px #00000080}[data-theme=bg3] .ability-card .label{color:var(--amber)}[data-theme=bg3] .divider:before,[data-theme=bg3] .divider:after{background:linear-gradient(90deg,#0000,#f0d060b3 20% 80%,#0000);height:1px;box-shadow:0 1px #0a0604cc}[data-theme=bg3] body,body[data-theme=bg3]{background-color:var(--void)}body[data-theme=bg3].bg-parchment{background-color:#06040a;background-image:radial-gradient(90% 60% at 50% -10%,#f0d06040 0%,#f0d0600f 35%,#0000 60%),radial-gradient(80% 50% at 50% 110%,#2fa8b82e 0%,#2fa8b80a 40%,#0000 70%),radial-gradient(at 10%,#7a4fc41a 0%,#0000 45%),radial-gradient(at 90%,#c428280f 0%,#0000 45%),linear-gradient(#0e0a10 0%,#06040a 50%,#0a0808 100%)}[data-theme=bg3] .showcase-shell,[data-theme=bg3] .tweaks-panel{z-index:2;position:relative}[data-theme=bg3] .panel-ornate{position:relative}[data-theme=bg3] .corner-stud{pointer-events:none;background:radial-gradient(circle at 35% 35%,#f0d060,#8a5a18 70%);border:1px solid #1a0e04;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 -1px 2px #00000080,0 0 6px #f0d06066}[data-theme=bg3] ::-webkit-scrollbar-thumb{background:linear-gradient(#4a3820,#1a0e04);border:1px solid #f0d0604d}[data-theme=bg3] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--amber), #5a3a10);box-shadow:0 0 8px #f0d06080}[data-theme=bg3] .display-title{background:linear-gradient(#f0d060 0%,#d4a84a 50%,#8a5a18 100%);color:#0000;filter:drop-shadow(0 1px #0a0604)drop-shadow(0 2px 6px #f0d06040);-webkit-background-clip:text;background-clip:text;animation:none}[data-theme=bg3] .showcase-header .title{text-shadow:0 2px #0a0604,0 4px 30px #f0d06059;filter:drop-shadow(0 2px 2px #000c)}[data-theme=bg3] .frame{border:1px solid #0a0604;border-radius:4px;box-shadow:0 0 0 1px #8a5a1880,0 0 0 2px #0a0604,0 0 0 3px #8a5a184d,0 20px 60px -16px #000000f2}[data-theme=bg3] .frame-label{background:linear-gradient(#f0d0601f,#0a060480);border-bottom:1px solid #8a5a1880}[data-theme=bg3] .scene-btn{text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(#2a211a,#0e0a06);border:1px solid #0a0604;border-radius:2px;font-size:11px;box-shadow:0 0 0 1px #8a5a1866,inset 0 1px #f0d0601f}[data-theme=bg3] .scene-btn:hover{color:var(--arcane-light);box-shadow:0 0 0 1px #2fa8b8b3,0 0 18px -4px #2fa8b880,inset 0 1px #7fe8f826}[data-theme=bg3] .scene-btn.active{color:#1a0e04;background:radial-gradient(at 50% 0,#ffe69666 0%,#0000 45%),linear-gradient(#d4a84a 0%,#8a5a18 100%);border-color:#2a1808;box-shadow:0 0 0 1px #f0d060b3,inset 0 1px #fff0b48c,0 0 20px -4px #f0d06099}.bg-atmosphere{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.god-rays{mix-blend-mode:screen;position:absolute;inset:-5% 0 0;overflow:hidden}.god-rays span{top:-30%;left:var(--l);width:140px;height:160vh;transform:rotate(var(--r));transform-origin:50% 0;opacity:var(--d);filter:blur(14px);background:linear-gradient(#f0d06000 0%,#f0d06038 18%,#f0d06014 55%,#0000 90%);animation:7s ease-in-out infinite rayFlicker;position:absolute}.god-rays span:nth-child(2){animation-duration:9s;animation-delay:-2s}.god-rays span:nth-child(3){background:linear-gradient(#7fe8f800 0%,#7fe8f824 22%,#0000 85%);animation-duration:11s;animation-delay:-4s}.god-rays span:nth-child(4){animation-duration:8s;animation-delay:-1s}.god-rays span:nth-child(5){animation-duration:13s;animation-delay:-5s}@keyframes rayFlicker{0%,to{opacity:var(--d);transform:rotate(var(--r)) translateX(0)}50%{opacity:calc(var(--d) * 1.4);transform:rotate(calc(var(--r) + .4deg)) translateX(4px)}}.rune-circle{opacity:.38;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rune-outer{width:min(120vmin,1300px);height:min(120vmin,1300px);animation:180s linear infinite runeSpin}.rune-inner{opacity:.28;width:min(80vmin,900px);height:min(80vmin,900px);animation:240s linear infinite runeSpinReverse}@keyframes runeSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes runeSpinReverse{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}.dust{position:absolute;inset:0}.dust span{filter:blur(.3px);background:radial-gradient(circle,#fff0c8e6,#fff0c800 70%);border-radius:50%;width:2px;height:2px;animation:linear infinite dustFloat;position:absolute}@keyframes dustFloat{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{transform:translate(40px,-80px)}90%{opacity:1}to{opacity:0;transform:translateY(-180px)}}.vignette{background:radial-gradient(at 50% 40%,#0000 30%,#0000008c 85%,#000000d9 100%),linear-gradient(#00000059 0%,#0000 20% 80%,#0000008c 100%);position:absolute;inset:0}.stage-letterbox{pointer-events:none;z-index:3;background:linear-gradient(#000000d9,#0000);height:36px;position:absolute;left:0;right:0}.stage-letterbox.bottom{background:linear-gradient(#0000,#000000d9);top:auto;bottom:0}.stage-letterbox.top{top:0}.dialogue-stage{background:radial-gradient(at 50% 120%,#f0a03c52,#0000 55%),radial-gradient(at 20% 80%,#b4502838,#0000 50%),radial-gradient(at 80% 80%,#783c1e33,#0000 50%),linear-gradient(#0a0604 0%,#1a0e06 60%,#2a1608 100%);height:240px;position:relative;overflow:hidden}.dialogue-stage:before{content:"";background:radial-gradient(circle at 50% 22%,#ffc86459 0%,#0000 8%),radial-gradient(circle at 15% 55%,#f0a03c40 0%,#0000 6%),radial-gradient(circle at 85%,#f0a03c33 0%,#0000 7%);animation:5s ease-in-out infinite stageFlicker;position:absolute;inset:0}.dialogue-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000000b3 0%,#0000 8% 92%,#000000b3 100%),linear-gradient(#0000 0% 68%,#00000080 100%);position:absolute;inset:0}@keyframes stageFlicker{0%,to{opacity:1}50%{opacity:.8}}.stage-figure{z-index:2;filter:drop-shadow(0 8px 24px #000000e6);width:220px;height:220px;position:absolute;bottom:10px}.stage-figure.left{left:40px}.stage-figure.right{right:40px}.stage-figure .silhouette{background:radial-gradient(circle at 40% 30%, var(--c-light,#5a3a2a), #0a0604 80%);border:3px solid #f0d06099;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0a0604,0 0 0 4px #8a5a1880,0 0 40px -6px #f0d06080,inset 0 -10px 20px #000000b3}.stage-figure .nameplate{font-family:var(--font-heading);letter-spacing:.2em;color:var(--amber);text-transform:uppercase;white-space:nowrap;background:linear-gradient(#1a0e04,#0a0604);border:1px solid #f0d06099;border-radius:2px;padding:6px 16px;font-size:11px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 12px -2px #f0d06080}.dialogue-history{flex-direction:column;gap:10px;display:flex}.adv-history-scroll{scrollbar-width:thin;scrollbar-color:#8a5a1880 transparent}.adv-history-scroll::-webkit-scrollbar{width:6px}.adv-history-scroll::-webkit-scrollbar-thumb{background:#8a5a1880}.hist-divider{border-bottom:1px dashed #8a5a1859;align-items:center;gap:10px;margin-bottom:4px;padding:14px 0 8px;display:flex}.hist-divider .ornament{color:var(--amber);font-size:14px}.hist-divider .title{font-family:var(--font-display);letter-spacing:.2em;color:var(--amber);flex:1;font-size:13px}.hist-divider .time{font-family:var(--font-mono);letter-spacing:.15em;color:var(--parchment-dark);font-size:10px}.hist-narration{font-family:var(--font-script);color:#e8c8a09e;border-left:2px solid #8a5a184d;margin:2px 0;padding:4px 0 4px 14px;font-size:13.5px;font-style:italic;line-height:1.7}.hist-bubble{align-items:flex-start;gap:10px;margin:4px 0;display:flex}.hist-bubble.player{flex-direction:row-reverse}.hist-avatar{width:44px;height:44px;font-family:var(--font-display);color:#fff;text-shadow:0 2px 4px #000000e6;border:2px solid #0a0604;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid;box-shadow:0 2px 4px #000000b3}.hist-avatar.npc{background:radial-gradient(circle at 40% 30%,#7a4fc4,#1a0a3a 75%);box-shadow:0 0 0 1px #a890e866,0 2px 6px #000c}.hist-avatar.npc[data-cls=commoner]{background:radial-gradient(circle at 40% 30%,#a88850,#3a2810 75%);box-shadow:0 0 0 1px #c8a06466,0 2px 6px #000c}.hist-avatar.player{color:#2a1a04;text-shadow:0 1px #fff0c866;background:radial-gradient(circle at 40% 30%,#e8d070,#6a5020 75%);box-shadow:0 0 0 1px #e8d07080,0 2px 6px #000c}.hist-body{flex:1;max-width:720px;padding:8px 14px 10px;position:relative}.hist-bubble.npc .hist-body{background:linear-gradient(#281a0ed9,#1a1208e6);border:1px solid #8a5a1873;border-left:3px solid #8a5a18bf;box-shadow:inset 0 1px #f0d06014,0 2px 6px #00000080}.hist-bubble.player .hist-body{background:linear-gradient(#0e262cd9,#061418e6);border:1px solid #3ec8d866;border-right:3px solid #7fe8f899;box-shadow:inset 0 1px #7fe8f81a,0 2px 6px #00000080}.hist-name{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;font-size:10px}.hist-bubble.npc .hist-name{color:var(--amber)}.hist-bubble.player .hist-name{color:var(--arcane-light);text-align:right}.hist-choice-tag{font-family:var(--font-mono);letter-spacing:.15em;color:#7fe8f8cc;float:right;border:1px solid #3ec8d859;margin-bottom:4px;padding:1px 6px;font-size:9px;display:inline-block}.hist-line{font-family:var(--font-body);color:var(--parchment);clear:both;margin:0;font-size:14px;line-height:1.6}.hist-line.emphasis{color:#e8c8ff;text-shadow:0 0 12px #a890e84d;font-weight:600}.hist-bubble.player .hist-line{color:#e8f0f4e6;text-align:right}.hist-roll{font-family:var(--font-mono);letter-spacing:.1em;color:var(--parchment-dark);background:linear-gradient(#1a1208b3,#0a0604cc);border:1px solid #8a5a1866;align-self:center;align-items:center;gap:10px;margin:2px auto;padding:4px 12px;font-size:10px;display:inline-flex}.hist-roll .die{font-size:12px}.hist-roll .check{color:var(--amber);letter-spacing:.15em}.hist-roll .calc b{color:var(--parchment);font-size:12px}.hist-roll.success{border-color:#6ac48480;box-shadow:0 0 8px -2px #6ac4844d}.hist-roll.success .outcome{color:#8aeaa0}.hist-roll.failure{border-color:#f0505080}.hist-roll.failure .outcome{color:#f09090}.hist-current-divider{opacity:.7;align-items:center;gap:10px;margin:14px 0 4px;display:flex}.hist-current-divider .dot{background:linear-gradient(90deg, transparent, var(--arcane-light), transparent);flex:1;height:1px}.hist-current-divider .label{font-family:var(--font-mono);letter-spacing:.35em;color:var(--arcane-light);text-transform:uppercase;font-size:9px}.chapter-nav{cursor:pointer;border:1px solid #0000;border-left:2px solid #8a5a1866;border-radius:4px;margin-bottom:4px;padding:10px 12px;transition:all .2s}.chapter-nav:hover{border-left-color:var(--amber);background:#8a5a181f}.chapter-nav.current{border-left-color:var(--amber);background:linear-gradient(90deg,#d4a8472e,#0000);box-shadow:inset 0 0 14px -6px #d4a8474d}.filter-pill{color:#e8c8a0b3;cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:3px;padding:5px 10px;font-size:11px;transition:all .15s;display:flex}.filter-pill:hover{color:var(--arcane-light);background:#2fa8b814}.filter-pill.active{color:var(--arcane-light);background:#2fa8b826;border-color:#2fa8b880}.filter-pill .count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--parchment-dark);background:#0000004d;border-radius:8px;padding:1px 6px;font-size:9px}.filter-pill.active .count{color:var(--arcane-light);background:#2fa8b833}.scroll-to-latest{border:1px solid var(--arcane-light);color:#04181c;font-family:var(--font-mono);letter-spacing:.2em;cursor:pointer;box-shadow:0 0 20px -4px var(--arcane-light), 0 4px 14px #0009;z-index:10;background:linear-gradient(#2fa8b8e6,#14444ef2);border-radius:20px;padding:8px 18px;font-size:10px;font-weight:700;animation:.3s ease-out bubbleIn;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-to-latest:hover{background:linear-gradient(180deg, var(--arcane-light), var(--arcane));transform:translate(-50%)translateY(-2px)}.crpg-dialogue{background:linear-gradient(180deg, #0a060499 0%, #0a0604f2 40%), var(--stone-gradient,linear-gradient(180deg, #1a1208, #0a0604));border-top:1px solid #8a5a1899;border-bottom:1px solid #8a5a1866;padding:18px 24px 16px;position:relative;box-shadow:inset 0 1px #f0d06026,inset 0 -1px #f0d06014,0 0 40px -10px #000000e6}.crpg-dialogue .speaker-tab{color:#1a0e04;font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:linear-gradient(#d4a84a,#8a5a18);border:1px solid #1a0e04;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:24px;box-shadow:0 0 0 1px #f0d06099,0 2px 6px #000000b3}.crpg-dialogue .speaker-tab.npc{color:#f0d080;background:linear-gradient(#8a5a20,#4a2810);box-shadow:0 0 0 1px #8a5a1899,0 2px 6px #000000b3}.crpg-dialogue .speaker-tab.player{color:#04181c;background:linear-gradient(#3ec8d8,#14444e);box-shadow:0 0 0 1px #7fe8f899,0 2px 6px #000000b3}.crpg-dialogue .line{font-family:var(--font-body);color:var(--parchment);text-shadow:0 1px 2px #000c;letter-spacing:.01em;margin:6px 0 14px;font-size:17px;line-height:1.75}.crpg-dialogue .line.narration{font-family:var(--font-script);color:var(--parchment-dark);font-size:16px;font-style:italic}.choice-list{flex-direction:column;gap:6px;display:flex}.choice{cursor:pointer;text-align:left;color:var(--parchment);font-family:var(--font-body);background:linear-gradient(90deg,#2fa8b80f,#0a060400);border:1px solid #0000;border-left:2px solid #2fa8b84d;align-items:flex-start;gap:12px;padding:10px 14px 10px 12px;font-size:15px;line-height:1.55;transition:all .15s;display:flex;position:relative}.choice:hover{border-left-color:var(--arcane-light,#5fd8e8);color:var(--arcane-light,#5fd8e8);background:linear-gradient(90deg,#2fa8b82e,#2fa8b805);transform:translate(4px);box-shadow:inset 0 0 0 1px #2fa8b859,0 0 22px -4px #2fa8b859}.choice .idx{width:24px;height:24px;font-family:var(--font-mono);color:var(--arcane-light,#5fd8e8);background:#2fa8b81a;border:1px solid #2fa8b880;flex-shrink:0;place-items:center;margin-top:1px;font-size:12px;font-weight:700;display:grid}.choice:hover .idx{background:var(--arcane-light,#5fd8e8);color:#04181c;border-color:var(--arcane-light,#5fd8e8);box-shadow:0 0 10px var(--arcane-light,#5fd8e8)}.choice .body{flex:1;min-width:0}.choice .tags{vertical-align:middle;gap:4px;margin-right:8px;display:inline-flex}.choice .tag-mini{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border:1px solid;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.tm-check{color:#c8a0ff;background:#7a4fc42e;border-color:#7a4fc4}.tm-fail{color:#f4a0a0;background:#8a1a1a2e;border-color:#7a1818}.tm-class{color:#f0c864;background:#8a5a182e;border-color:#8a5a18}.tm-pass{color:#6ac484;background:#2a6a3a2e;border-color:#2a6a3a}.tm-intim{color:#f08090;background:#8a1a2c2e;border-color:#7a1828}.tm-persuade{color:#7fe8f8;background:#2fa8b82e;border-color:#2a7a88}.tm-insight{color:#c8a0ff;background:#7a4fc42e;border-color:#7a4fc4}.choice.action{border-left-color:#c4282880}.choice.action:hover{color:#f4a0a0;background:linear-gradient(90deg,#c428282e,#c4282805);border-left-color:#f04040;box-shadow:inset 0 0 0 1px #c4282866,0 0 22px -4px #c4282866}.choice.action .idx{color:#f04040;background:#c428281a;border-color:#c4282880}.choice.action:hover .idx{color:#1a0604;background:#f04040;box-shadow:0 0 10px #f04040}.choice.ended{opacity:.4;cursor:default;text-decoration:line-through}.choice.ended:hover{background:0 0;border-left-color:#8a5a184d;transform:none}.free-speak{background:linear-gradient(#0006,#0009);border:1px dashed #8a5a1880;border-radius:2px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;display:flex}.free-speak .label{font-family:var(--font-heading);letter-spacing:.2em;color:var(--parchment-dark);text-transform:uppercase;border-right:1px solid #8a5a1866;padding-right:10px;font-size:10px}.free-speak input{color:var(--parchment);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:14px}.free-speak input::placeholder{color:var(--parchment-dark);opacity:.5;font-style:italic}.party-hud{background:linear-gradient(#0a0604e6,#0a0604b3);border:1px solid #8a5a1866;border-radius:2px;gap:6px;padding:6px;display:flex;box-shadow:inset 0 1px #f0d0601f}.party-slot{cursor:pointer;flex-shrink:0;width:52px;height:52px;position:relative}.party-slot .frame{border:2px solid #0a0604;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px #8a5a1899,0 0 12px -3px #f0d06066}.party-slot.active .frame{box-shadow:0 0 0 1px var(--arcane-light,#5fd8e8), 0 0 0 2px #0a0604, 0 0 18px -2px var(--arcane-light,#5fd8e8);animation:2s ease-in-out infinite bg3ActivePulse}.party-slot .hp-micro{background:#1a0a04;border:1px solid #0a0604;height:4px;position:absolute;bottom:-6px;left:-2px;right:-2px}.party-slot .hp-micro .fill{background:linear-gradient(90deg,#6ac484,#2a6a3a);height:100%;box-shadow:inset 0 1px #ffffff40}.party-slot.low .hp-micro .fill{background:linear-gradient(90deg,#f04838,#7a1010)}.party-slot.mid .hp-micro .fill{background:linear-gradient(90deg,#f0c864,#8a5a10)}.turn-banner{text-align:center;background:radial-gradient(at 50% 0,#2fa8b84d 0%,#0000 70%),linear-gradient(#0c1a1e 0%,#06101a 100%);border-top:1px solid #7fe8f84d;border-bottom:1px solid #7fe8f84d;padding:14px 24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #7fe8f84d,inset 0 -1px #7fe8f826,0 0 30px -6px #2fa8b866}.turn-banner:before{content:"";background:linear-gradient(90deg,#0000,#7fe8f840,#0000);width:40%;animation:4s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:-30%}@keyframes sweep{0%,to{transform:translate(0)}50%{transform:translate(350%)}}.turn-banner .round-tag{color:var(--arcane-light,#5fd8e8);font-family:var(--font-mono);letter-spacing:.25em;background:#00000080;border:1px solid #7fe8f880;margin-right:14px;padding:2px 10px;font-size:10px;display:inline-block}.turn-banner .active-name{font-family:var(--font-display);background:linear-gradient(#7fe8f8,#2ea8b8);color:#0000;letter-spacing:.1em;filter:drop-shadow(0 2px 4px #2fa8b899);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.init-ribbon{scrollbar-width:none;background:linear-gradient(#000000bf,#00000080);border-bottom:1px solid #8a5a1859;align-items:center;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.init-ribbon::-webkit-scrollbar{display:none}.init-ribbon .unit-chip{text-align:center;cursor:pointer;background:linear-gradient(#1a1208,#0a0604);border:1px solid #8a5a1880;border-radius:2px;flex-shrink:0;width:64px;padding:4px;transition:all .18s;position:relative}.init-ribbon .unit-chip:hover{border-color:var(--amber);transform:translateY(-2px)}.init-ribbon .unit-chip.active{border-color:var(--arcane-light,#5fd8e8);box-shadow:0 0 0 1px #0a0604, 0 0 0 2px var(--arcane-light,#5fd8e8), 0 0 18px -2px var(--arcane-light,#5fd8e8);background:linear-gradient(#0e2228,#0a0604);transform:translateY(-6px)}.init-ribbon .unit-chip.active:after{content:"▼";color:var(--arcane-light,#5fd8e8);filter:drop-shadow(0 0 6px var(--arcane-light,#5fd8e8));font-size:12px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.init-ribbon .unit-chip.enemy{border-color:#c4282880}.init-ribbon .unit-chip.dead{opacity:.35;filter:grayscale()}.init-ribbon .unit-chip .avatar{background:radial-gradient(circle at 35% 30%, var(--c-light,#4a8aaa), var(--c-dark,#1a3a5a) 70%);width:40px;height:40px;font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #000c;border:2px solid #0a0604;border-radius:50%;place-items:center;margin:0 auto 3px;font-size:14px;font-weight:700;display:grid;box-shadow:0 0 0 1px #8a5a1880}.init-ribbon .unit-chip.enemy .avatar{background:radial-gradient(circle at 35% 30%,#c43838,#3a0a0a 70%);box-shadow:0 0 0 1px #c4282899}.init-ribbon .unit-chip .hp-tick{background:#1a0a04;height:3px;margin:0 2px}.init-ribbon .unit-chip .hp-tick .fill{background:linear-gradient(90deg,#6ac484,#2a6a3a);height:100%}.init-ribbon .unit-chip.low .hp-tick .fill,.init-ribbon .unit-chip.enemy .hp-tick .fill{background:linear-gradient(90deg,#f04838,#7a1010)}.init-ribbon .unit-chip .init-no{background:var(--gold-gradient);color:#1a0e04;width:18px;height:18px;font-family:var(--font-mono);border:1px solid #0a0604;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 1px #f0d06099}.iso-battlefield{margin:0 auto;padding:20px;position:relative;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}.iso-battlefield:before,.iso-battlefield:after{content:"";pointer-events:none;z-index:4;mix-blend-mode:screen;position:absolute}.iso-battlefield:before{filter:blur(6px);background:linear-gradient(#ffe4a000 0%,#ffdc8c38 30%,#ffdc8c52 55%,#ffe4a01f 85%,#0000 100%);width:90px;height:140%;animation:9s ease-in-out infinite godRay1;top:-10%;left:14%;transform:rotate(14deg)}.iso-battlefield:after{filter:blur(8px);background:linear-gradient(#7fe8f800 0%,#7fe8f82e 35%,#7fe8f842 60%,#7fe8f814 90%,#0000 100%);width:60px;height:150%;animation:11s ease-in-out infinite godRay2;top:-15%;left:62%;transform:rotate(18deg)}@keyframes godRay1{0%,to{opacity:.55;transform:rotate(14deg)translate(0)}50%{opacity:1;transform:rotate(14deg)translate(12px)}}@keyframes godRay2{0%,to{opacity:.4;transform:rotate(18deg)translate(0)}50%{opacity:.8;transform:rotate(18deg)translate(-10px)}}.iso-grid{background:repeating-linear-gradient(45deg,#8a5a180a 0 1px,#0000 1px 10px),radial-gradient(#2fa8b814,#0000 70%),linear-gradient(135deg,#1a1208 0%,#0a0604 100%);border:1px solid #8a5a1899;gap:0;padding:8px;display:grid;box-shadow:0 0 0 1px #f0d06026,inset 0 0 40px #0009,0 0 40px -10px #2fa8b840,0 20px 40px -20px #000000f2}.iso-cell{cursor:pointer;background:#1a12084d;border:1px solid #8a5a1840;place-items:center;width:54px;height:54px;transition:all .15s;display:grid;position:relative}.iso-cell:before{content:"";background:#8a5a1866;width:6px;height:1px;position:absolute;top:2px;left:2px}.iso-cell:after{content:"";background:#8a5a1866;width:1px;height:6px;position:absolute;top:2px;left:2px}.iso-cell:hover{border-color:var(--arcane-light,#5fd8e8);z-index:2;background:#2fa8b826;box-shadow:inset 0 0 14px #2fa8b866}.iso-cell.reach{background:radial-gradient(circle,#2fa8b82e 40%,#0000 80%);border:1px dashed #7fe8f88c;animation:2.2s ease-in-out infinite reachPulse}.iso-cell.path{background:radial-gradient(circle,#7fe8f84d,#0000 70%);border:1px solid #7fe8f899}.iso-cell.target{border:1px solid var(--flame);background:radial-gradient(circle,#f0d06066 20%,#f0d0601a 80%);animation:1.2s ease-in-out infinite targetLock;box-shadow:inset 0 0 18px #f0d06080}.iso-cell.wall{border-color:var(--bark-light);background:linear-gradient(135deg,#4a3420 0%,#2a1a08 100%),repeating-linear-gradient(90deg,#0000004d 0 1px,#0000 1px 8px);box-shadow:inset 0 0 0 1px #f0d06026,inset 0 -6px 8px #0009}.iso-cell.hazard{background:radial-gradient(circle,#f0502866,#0000 70%);border:1px solid #f0502899;animation:1.4s ease-in-out infinite hazardPulse}@keyframes reachPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes targetLock{0%,to{box-shadow:inset 0 0 18px #f0d06080}50%{box-shadow:inset 0 0 28px #f0d060cc,0 0 14px #f0d06080}}@keyframes hazardPulse{0%,to{opacity:.8}50%{opacity:1;filter:brightness(1.3)}}.iso-unit{pointer-events:none;z-index:3;place-items:center;animation:2.6s ease-in-out infinite unitIdleBob;display:grid;position:absolute;inset:0}.iso-unit.enemy{animation-delay:-.8s}.iso-unit.ally{animation-delay:-1.4s}@keyframes unitIdleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.iso-unit:after{content:"";filter:blur(1.5px);z-index:0;background:radial-gradient(#000000bf 0%,#0000004d 60%,#0000 100%);border-radius:50%;width:30px;height:8px;animation:2.6s ease-in-out infinite shadowPulse;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@keyframes shadowPulse{0%,to{opacity:.9;width:30px}50%{opacity:.7;width:26px}}.iso-unit .base{background:radial-gradient(circle, var(--c-glow,#5fd8e8) 0%, transparent 60%);opacity:.5;filter:blur(3px);z-index:1;border-radius:50%;width:46px;height:46px;animation:2.4s ease-in-out infinite baseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes baseGlow{0%,to{opacity:.35}50%{opacity:.65}}.iso-unit .body{background:radial-gradient(circle at 35% 30%, var(--c-light,#7fe8f8) 0%, var(--c-dark,#14444e) 75%);width:34px;height:34px;font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #000000f2;box-shadow:0 0 0 1px var(--c-glow,#5fd8e8), inset 0 -5px 6px #00000080, inset 0 2px 3px #ffffff40, 0 3px 6px -1px #000000e6;z-index:2;border:2px solid #0a0604;border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid;position:relative}.iso-unit .body:before{display:none}.iso-unit .sprite-wrap{z-index:3;pointer-events:none;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.iso-unit .sprite-wrap svg{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}.iso-unit .body{background:radial-gradient(ellipse at 50% 40%, var(--c-light,#7fe8f8) 0%, var(--c-dark,#14444e) 75%);width:30px;height:10px;box-shadow:0 0 0 1px var(--c-glow,#5fd8e8), 0 0 10px var(--c-glow,#5fd8e8), inset 0 1px 1px #ffffff40, 0 2px 4px #000000e6;color:#0000;z-index:2;border:1px solid #000;border-radius:50%;padding:0;font-size:0;display:block;position:absolute;top:auto;bottom:2px;left:50%;transform:translate(-50%)}.iso-unit.enemy .body{background:radial-gradient(at 50% 40%,#f04848 0%,#3a0a0a 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #f04848,0 0 10px #f04848,inset 0 1px 1px #fff3,0 2px 4px #000000e6}.iso-unit.enemy .body:before{border-color:#f0503c80}.iso-unit.ally .body{background:radial-gradient(at 50% 40%,#7fc8f8 0%,#143a5e 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #5fb8f8,0 0 10px #5fb8f8,inset 0 1px 1px #ffffff40,0 2px 4px #000000e6}.iso-unit.player .body{background:radial-gradient(at 50% 40%,#6ae884 0%,#1a4a28 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #6ae884,0 0 12px #6ae884,inset 0 1px 1px #ffffff4d,0 2px 4px #000000e6}.iso-unit.active .body{box-shadow:0 0 0 1px #000,0 0 0 2px #6ae884,0 0 18px #6ae884,inset 0 1px 1px #ffffff59,0 2px 4px #000000e6}.iso-unit.active .body:before{display:none}@keyframes unitBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.iso-unit .micro-hp{z-index:4;background:#1a0a04;border:1px solid #0a0604;width:38px;height:4px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #000c}.iso-unit .micro-hp .fill{background:linear-gradient(90deg,#6ac484,#2a6a3a);height:100%}.iso-unit.enemy .micro-hp .fill,.iso-unit.low .micro-hp .fill{background:linear-gradient(90deg,#f04838,#7a1010)}.iso-unit .target-ring{border:2px solid var(--flame);z-index:1;border-radius:50%;width:52px;height:52px;animation:2.5s linear infinite ringSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #f0d060b3,inset 0 0 10px #f0d06066}@keyframes ringSpin{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.18)}}.float-text{pointer-events:none;font-family:var(--font-display);letter-spacing:-.02em;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,-3px 0 #000,3px 0 #000,0 -3px #000,0 3px #000,0 4px #3c1e08f2,0 5px #281404e6,0 6px 8px #000000e6,0 0 20px;z-index:10;transform-origin:50% 100%;font-style:italic;font-weight:900;animation:1.6s cubic-bezier(.22,1.2,.36,1) infinite floatRise;position:absolute}.float-text.dmg{color:#fff;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,-3px 0 #000,3px 0 #000,0 -3px #000,0 3px #000,0 4px #281404f2,0 6px 10px #000000f2;font-size:54px}.float-text.crit{color:#ffcc3a;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,-3px 0 #000,3px 0 #000,0 -3px #000,0 3px #000,0 4px #3a1a04,0 6px 10px #000000f2,0 0 22px #ffc83cbf,0 0 40px #ffaa2866;font-size:72px;animation:2.4s cubic-bezier(.22,1.3,.36,1) .3s infinite floatRiseCrit}.float-text.heal{color:#7ae890;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,-3px 0 #000,3px 0 #000,0 -3px #000,0 3px #000,0 4px #0a2010,0 6px 10px #000000f2,0 0 18px #78f08c80;font-size:46px}.float-text.miss{color:#e8e8e8;letter-spacing:.08em;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 3px 6px #000000e6;font-size:28px;font-style:italic}@keyframes floatRise{0%{opacity:0;transform:translate(-50%,10px)scale(.2)rotate(-6deg)}14%{opacity:1;transform:translate(-50%,-28px)scale(1.3)rotate(3deg)}26%{opacity:1;transform:translate(-50%,-18px)scale(.92)rotate(-1deg)}40%{opacity:1;transform:translate(-50%,-24px)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-70px)scale(.85)rotate(2deg)}}@keyframes floatRiseCrit{0%{opacity:0;transform:translate(-50%,20px)scale(.1)rotate(-10deg)}10%{opacity:1;transform:translate(-50%,-40px)scale(1.6)rotate(6deg)}18%{opacity:1;transform:translate(-50%,-28px)scale(.88)rotate(-3deg)}26%{opacity:1;transform:translate(-50%,-36px)scale(1.08)rotate(2deg)}40%{opacity:1;transform:translate(-50%,-32px)scale(1)rotate(0)}60%{opacity:1;transform:translate(-50%,-42px)scale(1.02)rotate(-1deg)}to{opacity:0;transform:translate(-50%,-90px)scale(.8)rotate(3deg)}}.combat-hud{background:linear-gradient(#0000 0%,#0a0604e6 40%,#0a0604 100%);border-top:1px solid #8a5a1880;grid-template-columns:260px 1fr 260px;gap:12px;padding:14px 20px 18px;display:grid;position:relative;box-shadow:inset 0 1px #f0d06026,0 -8px 24px -8px #000000e6}.combat-hud:before{content:"";background:linear-gradient(90deg,#0000,#f0d060b3,#0000);height:2px;position:absolute;top:0;left:10%;right:10%}.hud-portrait{background:linear-gradient(#1a1208,#0a0604);border:1px solid #8a5a1880;border-radius:2px;align-items:center;gap:12px;padding:8px;display:flex;position:relative;box-shadow:inset 0 1px #f0d06026}.hud-portrait .big{width:68px;height:68px;font-family:var(--font-display);color:#fff;text-shadow:0 2px 4px #000;background:radial-gradient(circle at 40% 30%,#e8d070,#6a5020 75%);border:2px solid #0a0604;border-radius:50%;flex-shrink:0;place-items:center;font-size:22px;display:grid;box-shadow:0 0 0 2px #f0d060b3,0 0 18px -2px #f0d06080,inset 0 -8px 10px #0009}.hud-portrait .stats{flex:1;min-width:0}.hud-portrait .name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.hud-portrait .sub{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.15em;text-transform:uppercase;margin:1px 0 6px;font-size:10px}.hp-segmented{background:#0a0604;border:1px solid #0a0604;gap:1px;height:12px;margin-bottom:4px;display:flex;box-shadow:0 0 0 1px #f0d06080,inset 0 1px 2px #000c}.hp-segmented .seg{background:linear-gradient(#f04040,#8a1818);flex:1;transition:background .3s;box-shadow:inset 0 1px #ffffff4d}.hp-segmented .seg.empty{background:linear-gradient(#1a0a04,#0a0604);box-shadow:inset 0 1px #f0d06026}.hp-segmented.healthy .seg:not(.empty){background:linear-gradient(#6ac484,#2a6a3a)}.hp-segmented.mid .seg:not(.empty){background:linear-gradient(#f0c864,#8a5a10)}.hp-segmented .seg.shield{background:linear-gradient(#a8c4f0,#4a6a9a)}.hp-text{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.hp-text .cur{color:var(--flame);font-size:11px;font-weight:700}.stat-line{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.08em;gap:10px;margin-top:6px;font-size:10px;display:flex}.stat-line .v{color:var(--amber);font-weight:700}.action-pips{justify-content:center;gap:8px;padding:4px 0 2px;display:flex}.pip{background:linear-gradient(#1a1208,#0a0604);border:1px solid #8a5a1899;place-items:center;width:30px;height:30px;font-size:14px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 0 0 1px #0a0604,inset 0 1px #f0d06033}.pip>span{transform:rotate(-45deg)}.pip.action{color:#f04040;border-color:#f0404099;box-shadow:0 0 0 1px #0a0604,0 0 12px -2px #f0404099,inset 0 1px #f0404033}.pip.bonus{color:#6ac484;border-color:#6ac48499;box-shadow:0 0 0 1px #0a0604,0 0 12px -2px #6ac48499,inset 0 1px #6ac48433}.pip.react{color:#f0c864;border-color:#f0c86499;box-shadow:0 0 0 1px #0a0604,0 0 12px -2px #f0c86499,inset 0 1px #f0c86433}.pip.used{color:#3a3a3a;box-shadow:none;opacity:.45;border-color:#5a3c1e66}.skill-bar{background:linear-gradient(#1a1208,#0a0604);border:1px solid #8a5a1880;border-radius:2px;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 10px;display:flex;box-shadow:inset 0 1px #f0d06026,0 0 0 1px #0a0604}.slot-key{cursor:pointer;background:linear-gradient(#2a1e10,#0e0a06);border:1px solid #8a5a188c;place-items:center;width:56px;height:56px;transition:all .15s;display:grid;position:relative;box-shadow:inset 0 1px #f0d06033,inset 0 -2px 6px #00000080,0 0 0 1px #0a0604}.slot-key:hover{border-color:var(--arcane-light,#5fd8e8);box-shadow:inset 0 1px 0 #7fe8f84d, 0 0 0 1px var(--arcane-light,#5fd8e8), 0 0 22px -4px var(--arcane-light,#5fd8e8), 0 6px 12px -4px #000c;transform:translateY(-3px)}.slot-key .glyph{filter:drop-shadow(0 1px 2px #000000e6);font-size:24px}.slot-key.attack{color:#f4a0a0}.slot-key.attack:hover{color:#ffd0d0;border-color:#f04040;box-shadow:inset 0 1px #f040404d,0 0 0 1px #f04040,0 0 22px -4px #f04040,0 6px 12px -4px #000c}.slot-key.spell{color:#d4c4ff}.slot-key.spell:hover{border-color:#a890e8;box-shadow:inset 0 1px #7a4fc44d,0 0 0 1px #a890e8,0 0 22px -4px #a890e8,0 6px 12px -4px #000c}.slot-key.bonus{color:#a0e0b0}.slot-key.move{color:#a0d8f0}.slot-key.empty{opacity:.35;cursor:not-allowed;background:repeating-linear-gradient(45deg,#0a0604,#0a0604 4px,#1a1208 4px 8px)}.slot-key .hot{font-family:var(--font-mono);color:var(--amber);letter-spacing:.1em;opacity:.9;text-shadow:0 1px #000;font-size:9px;position:absolute;top:2px;left:3px}.slot-key .cost{font-family:var(--font-mono);color:var(--arcane-light,#5fd8e8);letter-spacing:.1em;font-size:8px;position:absolute;bottom:2px;right:3px}.slot-key .cd{color:var(--flame);font-family:var(--font-display);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0a0604c7;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.slot-label-bar{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.15em;text-transform:uppercase;text-align:center;justify-content:center;margin-top:4px;font-size:9px;display:flex}.slot-label-bar>span{width:62px;color:var(--parchment-dark);text-overflow:ellipsis;white-space:nowrap;padding:0 3px;overflow:hidden}.end-turn-mega{color:#1a0e04;width:100%;font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px #fff0b480;background:radial-gradient(at 50% 0,#fff0b480,#0000 40%),linear-gradient(#d4a84a 0%,#8a5a18 50%,#5a3a10 100%);border:1px solid #2a1808;padding:10px 18px;font-size:14px;font-weight:700;transition:all .12s;position:relative;box-shadow:0 0 0 1px #f0d060b3,inset 0 1px #fff0b48c,0 4px #1a0e04,0 0 22px -4px #f0d06099}.end-turn-mega:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #f0d060e6,inset 0 1px #fff0b4b3,0 6px #1a0e04,0 0 34px -4px #f0d060e6}.end-turn-mega:active{transform:translateY(2px);box-shadow:0 0 0 1px #f0d060b3,inset 0 1px #fff0b48c,0 2px #1a0e04}.combat-log{font-family:var(--font-mono);color:var(--parchment-dark);background:linear-gradient(#0006,#000000b3);border:1px solid #8a5a1866;max-height:120px;padding:8px 12px;font-size:11px;line-height:1.6;overflow-y:auto}.log-entry{border-bottom:1px dashed #8a5a1833;gap:8px;padding:3px 0;display:flex}.log-entry:last-child{border-bottom:none}.log-entry .roll{color:var(--amber);flex-shrink:0;width:70px;font-weight:700}.log-entry.crit .roll{color:var(--arcane-light,#5fd8e8);text-shadow:0 0 6px var(--arcane-light,#5fd8e8)}.log-entry.miss .roll{color:var(--parchment-dark)}.log-entry.dmg .roll{color:#f04040}.target-card{background:linear-gradient(#3c0a0a80,#140604b3);border:1px solid #c4282899;margin-bottom:8px;padding:10px 12px;box-shadow:inset 0 1px #f0404033,0 0 18px -4px #c4282866}.target-card .name{font-family:var(--font-display);color:#f4a0a0;letter-spacing:.06em;font-size:14px}.target-card .hit-pred{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;justify-content:space-between;align-items:baseline;margin-top:4px;font-size:10px;display:flex}.target-card .hit-pred .pct{font-family:var(--font-display);color:var(--flame);font-size:22px;font-weight:700}.conditions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.cond-icon{color:#f4a0a0;cursor:help;background:linear-gradient(#8a1a1a66,#3a0a0a99);border:1px solid #c4282899;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.cond-icon.buff{color:var(--arcane-light,#5fd8e8);background:linear-gradient(#2fa8b84d,#14444e80);border-color:#7fe8f899}.create-scene{max-width:1100px;height:100%;margin:0 auto;padding:20px 28px 80px;position:relative;overflow:auto}.create-header{border-bottom:1px solid #8a5a184d;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding-bottom:14px;display:flex}.hero-preview{border:1px solid var(--bark-light);background:linear-gradient(#281a0ed9,#140c06e6);border-radius:40px;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex;box-shadow:inset 0 1px #f0d0601f,0 4px 10px #00000080}.hero-preview .name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.05em;font-size:15px}.hero-preview .sub{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;margin-top:1px;font-size:10px}.hero-preview .align{font-family:var(--font-script);color:var(--amber);opacity:.8;margin-top:2px;font-size:11px;font-style:italic}.create-steps{background:linear-gradient(#1a120880,#0e0804b3);border:1px solid #8a5a184d;border-radius:8px;justify-content:center;align-items:center;gap:2px;margin-bottom:28px;padding:14px 18px;display:flex;box-shadow:inset 0 1px #f0d0600d}.step-dot{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.step-dot .dot{width:30px;height:30px;font-family:var(--font-mono);color:var(--parchment-dark);transition:var(--transition);background:linear-gradient(#1a1208e6,#0e0804f2);border:1px solid #8a5a1880;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step-dot.done .dot{border-color:var(--emerald-light);color:#e0ffe8;box-shadow:0 0 10px -2px var(--emerald-light);background:linear-gradient(#3a7a48,#2a5a38)}.step-dot.cur .dot{background:var(--gold-gradient);border-color:var(--flame);color:var(--void);box-shadow:0 0 14px -2px var(--amber);transform:scale(1.1)}.step-dot .lbl{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.15em;text-transform:uppercase;font-size:9px}.step-dot.cur .lbl{color:var(--amber)}.step-dot.done .lbl{color:var(--emerald-light)}.step-line{background:#8a5a1859;flex:1;max-width:40px;height:1px;margin:0 2px}.step-line.done{background:var(--emerald-light)}.create-scroll{background:linear-gradient(#ead5a80a,#c8a06a05),radial-gradient(at top,#3c2814b3,#0a0602e6 70%);border:1px solid #8a5a188c;border-radius:10px;padding:28px 36px;position:relative;box-shadow:inset 0 0 60px -20px #f0d0601a,inset 0 1px #f0d0601f,0 14px 40px -12px #000000bf}.scroll-ornament{text-align:center;color:var(--amber);letter-spacing:1.5em;opacity:.55;padding-left:1.5em;font-size:14px}.scroll-ornament.top{margin-bottom:18px}.scroll-ornament.bottom{margin-top:18px}.step-pane{flex-direction:column;gap:18px;display:flex}.step-title{text-align:center;font-family:var(--font-display);color:var(--amber);letter-spacing:.2em;text-shadow:0 0 14px #d4a84766;margin-bottom:2px;font-size:18px}.step-sub{text-align:center;font-family:var(--font-script);color:var(--parchment-dark);margin-bottom:10px;font-size:13px;font-style:italic}.create-field{flex-direction:column;gap:6px;display:flex}.create-field .lbl{font-family:var(--font-mono);color:var(--amber);letter-spacing:.28em;text-transform:uppercase;opacity:.85;font-size:10px}.create-field .hint{font-family:var(--font-script);color:var(--parchment-dark);opacity:.85;font-size:12px;font-style:italic}.race-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.race-card{cursor:pointer;transition:var(--transition);text-align:center;background:linear-gradient(#281a0e99,#140c06d9);border:1px solid #8a5a1873;border-radius:6px;padding:12px 10px}.race-card:hover{border-color:var(--amber);transform:translateY(-2px);box-shadow:0 6px 16px -6px #0009,0 0 14px -4px #d4a8474d}.race-card.sel{border-color:var(--amber);box-shadow:inset 0 0 16px -4px #f0d0604d, 0 0 16px -4px var(--amber);background:linear-gradient(#d4a84733,#8a5a1840)}.race-card .race-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.08em;margin-bottom:3px;font-size:15px}.race-card.sel .race-name{color:var(--flame)}.race-card .race-meta{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;margin-bottom:6px;font-size:9px}.race-card .race-bonus{font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;gap:3px;font-size:9px;display:flex}.race-card .race-bonus span{color:var(--emerald-light);letter-spacing:.05em;background:#3a7a4840;border:1px solid #5fa87880;border-radius:2px;padding:1px 6px}.class-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.class-card{cursor:pointer;transition:var(--transition);text-align:center;background:linear-gradient(#281a0e99,#140c06d9);border:1px solid #8a5a1873;border-radius:6px;padding:10px 6px}.class-card:hover{border-color:var(--amber);transform:translateY(-2px)}.class-card.sel{border-color:var(--amber);box-shadow:0 0 18px -4px var(--amber);background:linear-gradient(#d4a8472e,#8a5a1833)}.class-card .class-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.06em;font-size:12px}.class-card.sel .class-name{color:var(--flame)}.class-card .class-prim{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;margin-top:2px;font-size:8px}.class-details{border:1px solid #8a5a1866;border-left:3px solid var(--amber);background:#0a060280;border-radius:4px;margin-top:10px;padding:12px 16px}.class-details .row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.class-details .desc{font-family:var(--font-script);color:var(--parchment);margin:6px 0;font-size:13px;font-style:italic}.class-details .row-muted{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.08em;font-size:10px}.sub-grid{flex-wrap:wrap;gap:8px;display:flex}.sub-chip{font-family:var(--font-heading);color:var(--parchment);cursor:pointer;transition:var(--transition);background:linear-gradient(#281a0e8c,#140c06bf);border:1px solid #8a5a1880;border-radius:18px;padding:8px 16px;font-size:12px}.sub-chip:hover{border-color:var(--amber);color:var(--amber)}.sub-chip.sel{background:var(--gold-gradient);color:var(--void);border-color:var(--flame);box-shadow:0 0 14px -3px var(--amber)}.fstyle-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fstyle-card{cursor:pointer;transition:var(--transition);background:#0a060266;border:1px solid #8a5a1866;border-radius:4px;padding:10px 12px}.fstyle-card:hover{border-color:var(--amber)}.fstyle-card.sel{border-color:var(--amber);box-shadow:inset 0 0 14px -4px var(--amber);background:#d4a84726}.fstyle-card .n{font-family:var(--font-display);color:var(--parchment);letter-spacing:.06em;font-size:13px}.fstyle-card.sel .n{color:var(--flame)}.fstyle-card .d{color:var(--parchment-dark);margin-top:3px;font-size:11px;line-height:1.4}.method-tabs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.method-tab{cursor:pointer;transition:var(--transition);text-align:center;background:linear-gradient(#281a0e99,#140c06d9);border:1px solid #8a5a1866;border-radius:6px;padding:12px 16px}.method-tab:hover{border-color:var(--amber)}.method-tab.sel{border-color:var(--amber);box-shadow:inset 0 0 14px -4px var(--amber);background:linear-gradient(#d4a8472e,#8a5a1833)}.method-tab .n{font-family:var(--font-display);color:var(--parchment);letter-spacing:.1em;font-size:14px}.method-tab.sel .n{color:var(--flame)}.method-tab .d{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;margin-top:3px;font-size:10px}.points-bar{background:#0a060280;border:1px solid #8a5a1866;border-radius:6px;align-items:center;gap:14px;padding:12px 18px;display:flex}.points-bar .label{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.points-bar .points-big{font-family:var(--font-display);font-size:26px;font-weight:700}.points-bar .track{background:var(--bark);border-radius:3px;flex:1;height:6px;overflow:hidden}.points-bar .track .fill{height:100%;transition:width .3s}.ability-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ability-plaque{background:linear-gradient(#322012e6,#1a1008f2);border:1px solid #8a5a1880;border-radius:6px;padding:12px;box-shadow:inset 0 1px #f0d0601f,0 4px 10px -4px #0009}.ability-plaque .plaque-top{border-bottom:1px solid #8a5a184d;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:6px;display:flex}.ability-plaque .ab-name{font-family:var(--font-display);color:var(--amber);letter-spacing:.1em;font-size:14px}.ability-plaque .ab-key{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.15em;font-size:9px}.ability-plaque .plaque-main{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.ability-plaque .score{font-family:var(--font-display);color:var(--parchment);font-size:32px;font-weight:700;line-height:1}.ability-plaque .mod{font-family:var(--font-mono);color:var(--emerald-light);background:#3a7a4840;border:1px solid #5fa87880;border-radius:3px;padding:2px 10px;font-size:16px;font-weight:700}.ability-plaque .bonus-badge{font-family:var(--font-mono);color:var(--emerald-light);letter-spacing:.1em;text-align:center;background:#3a7a4826;border-radius:2px;margin-bottom:6px;padding:2px 6px;font-size:9px}.ability-plaque .adj{align-items:center;gap:6px;display:flex}.ability-plaque .adj button{border:1px solid var(--bark-light);width:28px;height:28px;color:var(--amber);cursor:pointer;transition:var(--transition);background:linear-gradient(#3a2416,#1a0e08);border-radius:4px;font-size:16px;font-weight:700}.ability-plaque .adj button:hover:not(:disabled){background:var(--gold-gradient);color:var(--void);border-color:var(--amber)}.ability-plaque .adj button:disabled{opacity:.3;cursor:not-allowed}.ability-plaque .adj .val{text-align:center;font-family:var(--font-mono);color:var(--parchment);letter-spacing:.1em;flex:1;font-size:14px}.ability-plaque .array-row{flex-wrap:wrap;gap:4px;display:flex}.ability-plaque .arr{min-width:0;color:var(--parchment-dark);font-family:var(--font-mono);cursor:pointer;transition:var(--transition);background:#0a060266;border:1px solid #8a5a1866;border-radius:3px;flex:1;padding:4px 0;font-size:11px}.ability-plaque .arr:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.ability-plaque .arr.sel{background:var(--gold-gradient);color:var(--void);border-color:var(--flame);font-weight:700}.ability-plaque .arr:disabled{opacity:.2;cursor:not-allowed}.derived-row{background:linear-gradient(#281a0e80,#140c06b3);border:1px solid #8a5a1866;border-radius:6px;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px;display:grid}.derived-row .der{text-align:center}.derived-row .der .t{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.2em;text-transform:uppercase;margin-bottom:3px;font-size:9px}.derived-row .der .v{font-family:var(--font-display);color:var(--amber);font-size:20px;font-weight:700}.skill-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.skill-card{cursor:pointer;transition:var(--transition);background:#0a060266;border:1px solid #8a5a1866;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex}.skill-card:hover:not(.dis){border-color:var(--amber);background:#d4a84714}.skill-card.sel{border-color:var(--amber);box-shadow:inset 0 0 12px -4px var(--amber);background:#d4a8472e}.skill-card.dis{opacity:.3;cursor:not-allowed}.skill-card .s-check{color:var(--parchment-dark);text-align:center;width:16px;font-size:14px}.skill-card.sel .s-check{color:var(--flame);font-weight:700}.skill-card .s-name{font-family:var(--font-heading);color:var(--parchment);letter-spacing:.04em;flex:1;font-size:12px}.skill-card.sel .s-name{color:var(--flame)}.skill-card .s-ab{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;background:#8a5a1833;border-radius:2px;padding:1px 5px;font-size:9px}.create-note{border:1px solid #4e86b866;border-left:3px solid var(--sapphire-light);color:var(--parchment);background:#345f8c26;border-radius:4px;padding:10px 14px;font-size:12px}.create-note .lead{font-family:var(--font-display);color:var(--sapphire-light);letter-spacing:.15em;margin-right:6px;font-size:11px}.equip-list{flex-direction:column;gap:10px;display:flex}.equip-card{cursor:pointer;transition:var(--transition);background:linear-gradient(#281a0e99,#140c06d9);border:1px solid #8a5a1873;border-radius:6px;padding:14px 18px}.equip-card:hover{border-color:var(--amber)}.equip-card.sel{border-color:var(--amber);box-shadow:0 0 18px -4px var(--amber);background:linear-gradient(#d4a8472e,#8a5a1833)}.equip-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.equip-card .radio{border:2px solid var(--bark-light);width:16px;height:16px;transition:var(--transition);border-radius:50%;position:relative}.equip-card .radio.on{border-color:var(--amber)}.equip-card .radio .dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 6px var(--amber);border-radius:50%;position:absolute;top:2px;left:2px}.equip-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.08em;font-size:14px}.equip-card.sel .equip-name{color:var(--flame)}.equip-items{flex-wrap:wrap;gap:5px;padding-left:26px;display:flex}.item-chip{font-family:var(--font-mono);color:var(--parchment);letter-spacing:.05em;background:#0a060266;border:1px solid #8a5a1866;border-radius:2px;padding:3px 10px;font-size:10px}.bg-feat{border:1px solid #5fa87880;border-left:3px solid var(--emerald-light);background:linear-gradient(#3a7a4826,#1a442633);border-radius:4px;margin-top:6px;padding:12px 16px}.bg-feat .bf-title{font-family:var(--font-display);color:var(--emerald-light);letter-spacing:.15em;margin-bottom:6px;font-size:13px}.bg-feat .bf-desc{color:var(--parchment);margin-bottom:8px;font-size:12px;line-height:1.6}.bg-feat .bf-tags{flex-wrap:wrap;gap:5px;display:flex}.spell-section-title{border-bottom:1px solid #8a5a184d;align-items:baseline;gap:10px;margin-bottom:8px;padding:6px 10px;display:flex}.spell-section-title .t{font-family:var(--font-display);color:var(--parchment);letter-spacing:.1em;font-size:14px}.spell-section-title .sub{font-family:var(--font-script);color:var(--parchment-dark);flex:1;font-size:11px;font-style:italic}.spell-section-title .count{font-family:var(--font-mono);font-size:11px;font-weight:700}.spell-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.spell-card{cursor:pointer;transition:var(--transition);background:#0a060266;border:1px solid #8a5a1866;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex}.spell-card .sp-icon{color:var(--parchment-dark);font-size:12px}.spell-card .sp-name{font-family:var(--font-heading);color:var(--parchment);letter-spacing:.04em;font-size:12px}.spell-card.cantrip:hover:not(.dis){border-color:var(--arcane-light)}.spell-card.cantrip.sel{border-color:var(--arcane-light);box-shadow:inset 0 0 12px -4px var(--arcane-light);background:#2fa8b826}.spell-card.cantrip.sel .sp-icon,.spell-card.cantrip.sel .sp-name{color:var(--arcane-light)}.spell-card.lv1:hover:not(.dis){border-color:var(--amethyst-light)}.spell-card.lv1.sel{border-color:var(--amethyst-light);box-shadow:inset 0 0 12px -4px var(--amethyst-light);background:#8a5ad426}.spell-card.lv1.sel .sp-icon,.spell-card.lv1.sel .sp-name{color:var(--amethyst-light)}.spell-card.dis{opacity:.3;cursor:not-allowed}.asi-row{background:#0a060266;border:1px solid #8a5a1866;border-radius:6px;align-items:center;gap:14px;padding:12px 16px;display:flex}.asi-badge{background:var(--gold-gradient);color:var(--void);font-family:var(--font-display);letter-spacing:.15em;border-radius:3px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700}.asi-tabs{gap:4px;display:flex}.asi-tab{color:var(--parchment);font-family:var(--font-heading);letter-spacing:.08em;cursor:pointer;transition:var(--transition);background:#0a060280;border:1px solid #8a5a1880;border-radius:3px;padding:6px 14px;font-size:11px}.asi-tab:hover{border-color:var(--amber);color:var(--amber)}.asi-tab.sel{background:var(--gold-gradient);color:var(--void);border-color:var(--flame);font-weight:700}.asi-hint{font-family:var(--font-script);color:var(--parchment-dark);flex:1;font-size:11px;font-style:italic}.final-hero-card{border:2px solid var(--amber);box-shadow:inset 0 1px 0 #f0d06033, 0 0 30px -8px var(--amber), 0 10px 30px -8px #000000b3;background:radial-gradient(at 0 0,#d4a8471a,#0000 60%),linear-gradient(#281a0ecc,#140c06e6);border-radius:8px;grid-template-columns:auto 1fr;gap:20px;padding:20px 24px;display:grid;position:relative}.final-hero-card:before,.final-hero-card:after{content:"✦";color:var(--amber);background:var(--void);padding:0 8px;font-size:18px;position:absolute;top:-10px}.final-hero-card:before{left:20px}.final-hero-card:after{right:20px}.fh-right{min-width:0}.fh-name{font-family:var(--font-display);color:var(--flame);letter-spacing:.08em;text-shadow:0 0 14px #f0b84080;font-size:22px}.fh-sub{font-family:var(--font-mono);color:var(--parchment);letter-spacing:.15em;margin-top:3px;font-size:11px}.fh-align{font-family:var(--font-script);color:var(--parchment-dark);margin-top:2px;margin-bottom:12px;font-size:12px;font-style:italic}.fh-stats{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px;display:grid}.fh-stat{text-align:center;background:#0a060266;border:1px solid #8a5a1866;border-radius:3px;padding:6px 4px}.fh-stat .n{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.15em;text-transform:uppercase;font-size:8px}.fh-stat .v{font-family:var(--font-display);color:var(--parchment);margin:1px 0;font-size:16px;font-weight:700}.fh-stat .m{font-family:var(--font-mono);color:var(--emerald-light);font-size:9px}.fh-derived{font-family:var(--font-mono);color:var(--amber);letter-spacing:.1em;background:#0a060266;border:1px solid #8a5a184d;border-radius:4px;gap:12px;padding:8px 12px;font-size:11px;display:flex}.fh-derived span{text-align:center;flex:1}.companions-title{justify-content:center;align-items:center;gap:16px;margin:20px 0 12px;display:flex}.companions-title .orn{color:var(--amber);font-size:14px}.companions-title .t{font-family:var(--font-display);color:var(--amber);letter-spacing:.25em;font-size:15px}.companions-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.companion-card{background:linear-gradient(#281a0e99,#140c06cc);border:1px solid #8a5a1880;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.cc-info{min-width:0}.cc-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.05em;font-size:13px}.cc-sub{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.1em;margin-top:2px;font-size:10px}.cc-role{font-family:var(--font-script);color:var(--amber);margin-top:3px;font-size:11px;font-style:italic}.create-nav{border-top:1px solid var(--amber);z-index:10;background:linear-gradient(#100a04f2,#0a0602fa);justify-content:space-between;align-items:center;gap:16px;margin-top:22px;margin-left:-28px;margin-right:-28px;padding:14px 36px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 22px -8px #000c}.create-nav .btn-ghost{padding:8px 18px;font-size:12px}.create-nav .step-counter{font-family:var(--font-mono);color:var(--parchment-dark);letter-spacing:.3em;font-size:11px}.create-nav .btn-gold{padding:10px 26px;font-size:13px}.range-gold{appearance:none;background:var(--bark);border-radius:3px;outline:none;width:100%;height:6px}.range-gold::-webkit-slider-thumb{appearance:none;background:var(--gold-gradient);border:2px solid var(--flame);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--amber);border-radius:50%}.range-gold::-moz-range-thumb{background:var(--amber);border:2px solid var(--flame);cursor:pointer;border-radius:50%;width:18px;height:18px}@media (width<=900px){.race-grid,.class-grid{grid-template-columns:repeat(3,1fr)}.ability-grid,.skill-grid,.spell-grid,.fstyle-grid,.fh-stats{grid-template-columns:repeat(2,1fr)}.companions-grid{grid-template-columns:1fr}}.btn-fantasy{border:1px solid var(--bark-light);border-radius:var(--radius);color:var(--parchment);font-family:var(--font-heading);letter-spacing:.12em;cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.btn-fantasy:hover{border-color:var(--amber);color:var(--amber);background:#d4a8470f;transform:translateY(-1px)}.btn-fantasy:disabled{opacity:.35;cursor:not-allowed;transform:none}.tag-level{color:var(--sapphire-light)!important;border-color:var(--sapphire)!important;background:#4a5fc81f!important}.skill-btn{border:1px solid var(--bark-light);border-radius:var(--radius);color:var(--parchment);font-family:var(--font-heading);letter-spacing:.08em;cursor:pointer;transition:var(--transition);background:#3a241666;padding:6px 12px;font-size:12px;display:inline-block}.skill-btn:hover{border-color:var(--amber);color:var(--amber);background:#d4a84714;transform:translateY(-1px)}.skill-btn.selected,.skill-btn.active{background:var(--gold-gradient);color:var(--void);border-color:#0000;font-weight:700}:root{--gold-dim:var(--parchment-dark);--text-dim:var(--parchment-dark);--text-bright:var(--ivory);--wood-light:var(--bark-light);--red:var(--blood);--red-light:var(--blood-light);--green:var(--emerald);--green-light:var(--emerald-light);--blue:var(--sapphire);--blue-light:var(--sapphire-light);--gold:var(--amber);--bg:var(--void);--bg2:var(--obsidian);--wood:var(--bark)}body.bg-parchment,body.bg-starfield,body.bg-manuscript{background-color:var(--void);background-image:none!important}