@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+10:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P:wght@400&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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@font-face{font-family:Metamorphous;src:url(/fonts/metamorphous-latin-400-normal.woff2)format("woff2"),url(/fonts/metamorphous-latin-400-normal.woff)format("woff");font-weight:25;font-style:normal;font-display:swap}@font-face{font-family:Alagard;src:url(/fonts/alagard.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[99999\]{z-index:99999}.z-\[100005\]{z-index:100005}.z-\[200000\]{z-index:200000}.col-span-3{grid-column:span 3/span 3}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[clamp\(2\.2rem\,5\.5vw\,2\.8rem\)\]{height:clamp(2.2rem,5.5vw,2.8rem)}.h-\[clamp\(2\.5rem\,6vw\,3rem\)\]{height:clamp(2.5rem,6vw,3rem)}.h-\[clamp\(2\.8rem\,7vw\,3\.5rem\)\]{height:clamp(2.8rem,7vw,3.5rem)}.h-\[clamp\(3\.2rem\,8vw\,4rem\)\]{height:clamp(3.2rem,8vw,4rem)}.h-full{height:100%}.max-h-\[78vh\]{max-height:78vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[240px\]{min-height:240px}.min-h-\[clamp\(3\.2rem\,8vw\,4rem\)\]{min-height:clamp(3.2rem,8vw,4rem)}.min-h-screen{min-height:100vh}.\!w-\[clamp\(6\.8rem\,9vw\,8\.5rem\)\]{width:clamp(6.8rem,9vw,8.5rem)!important}.w-\[clamp\(2\.2rem\,5\.5vw\,2\.8rem\)\]{width:clamp(2.2rem,5.5vw,2.8rem)}.w-\[min\(1000px\,92vw\)\]{width:min(1000px,92vw)}.w-full{width:100%}.\!max-w-none{max-width:none!important}.max-w-\[250px\]{max-width:250px}.max-w-full{max-width:100%}.min-w-\[clamp\(2\.8rem\,7vw\,3\.5rem\)\]{min-width:clamp(2.8rem,7vw,3.5rem)}.min-w-\[clamp\(3\.2rem\,8vw\,4rem\)\]{min-width:clamp(3.2rem,8vw,4rem)}.min-w-\[clamp\(3\.4rem\,8\.5vw\,4\.25rem\)\]{min-width:clamp(3.4rem,8.5vw,4.25rem)}.flex-1{flex:1}.flex-\[68\%\]{flex:68%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[28\%\]{flex-basis:28%}.basis-\[30\%\]{flex-basis:30%}.basis-\[32\%\]{flex-basis:32%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-2px\]{--tw-translate-y:-2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[fadeIn_120ms_ease-out\]{animation:.12s ease-out fadeIn}.animate-\[fadeIn_150ms_ease-out\]{animation:.15s ease-out fadeIn}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-\[clamp\(0\.3rem\,1vw\,0\.5rem\)\]{gap:clamp(.3rem,1vw,.5rem)}.gap-\[clamp\(0\.4rem\,1\.1vw\,0\.7rem\)\]{gap:clamp(.4rem,1.1vw,.7rem)}.gap-\[clamp\(0\.35rem\,0\.9vw\,0\.5rem\)\]{gap:clamp(.35rem,.9vw,.5rem)}.gap-\[clamp\(0\.35rem\,1vw\,0\.55rem\)\]{gap:clamp(.35rem,1vw,.55rem)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-accent-rgb\)\/18\%\)\)\]{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-accent-rgb\)\/18\%\)\)\]{background-color:color-mix(in srgb,transparent,rgba(var(--book-accent-rgb)/18%))}}.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-accent-rgb\)\/42\%\)\)\]{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-accent-rgb\)\/42\%\)\)\]{background-color:color-mix(in srgb,transparent,rgba(var(--book-accent-rgb)/42%))}}.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/8\%\)\)\]{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/8\%\)\)\]{background-color:color-mix(in srgb,transparent,rgba(var(--book-binding-rgb)/8%))}}.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/10\%\)\)\]{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/10\%\)\)\]{background-color:color-mix(in srgb,transparent,rgba(var(--book-binding-rgb)/10%))}}.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/18\%\)\)\]{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/18\%\)\)\]{background-color:color-mix(in srgb,transparent,rgba(var(--book-binding-rgb)/18%))}}.bg-\[color-mix\(in_srgb\,var\(--book-parchment\)_82\%\,white\)\]{background-color:var(--book-parchment)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--book-parchment\)_82\%\,white\)\]{background-color:color-mix(in srgb,var(--book-parchment)82%,white)}}.bg-\[color-mix\(in_srgb\,var\(--book-parchment\)_84\%\,white\)\]{background-color:var(--book-parchment)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--book-parchment\)_84\%\,white\)\]{background-color:color-mix(in srgb,var(--book-parchment)84%,white)}}.bg-\[color-mix\(in_srgb\,var\(--book-parchment\)_92\%\,black\)\]{background-color:var(--book-parchment)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--book-parchment\)_92\%\,black\)\]{background-color:color-mix(in srgb,var(--book-parchment)92%,black)}}.bg-\[color-mix\(in_srgb\,var\(--book-parchment-light\)_90\%\,white\)\]{background-color:var(--book-parchment-light)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--book-parchment-light\)_90\%\,white\)\]{background-color:color-mix(in srgb,var(--book-parchment-light)90%,white)}}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--book-accent\)_58\%\,\#8b5a18\)\,color-mix\(in_srgb\,var\(--book-gold\)_82\%\,\#d89a2f\)\)\]{background-image:linear-gradient(90deg,var(--book-accent),var(--book-gold))}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--book-accent\)_58\%\,\#8b5a18\)\,color-mix\(in_srgb\,var\(--book-gold\)_82\%\,\#d89a2f\)\)\]{background-image:linear-gradient(90deg,color-mix(in srgb,var(--book-accent)58%,#8b5a18),color-mix(in srgb,var(--book-gold)82%,#d89a2f))}}.bg-\[url\(\'\/assets\/tavern-bg\.png\'\)\]{background-image:url(/assets/tavern-bg.png)}.from-\[\#0b1f2a\]{--tw-gradient-from:#0b1f2a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#2a2a2a\]\/40{--tw-gradient-from:oklab(28.5017% -4.47035e-8 1.49012e-8/.4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#1a2332\]{--tw-gradient-via:#1a2332;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0f1419\]{--tw-gradient-to:#0f1419;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#1e1e1e\]\/60{--tw-gradient-to:oklab(23.5031% 3.72529e-8 1.49012e-8/.6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.px-\[clamp\(0\.3rem\,1vw\,0\.5rem\)\]{padding-inline:clamp(.3rem,1vw,.5rem)}.px-\[clamp\(0\.5rem\,1\.2vw\,0\.75rem\)\]{padding-inline:clamp(.5rem,1.2vw,.75rem)}.px-\[clamp\(0\.5rem\,1\.5vw\,0\.75rem\)\]{padding-inline:clamp(.5rem,1.5vw,.75rem)}.py-\[clamp\(0\.4rem\,1\.2vw\,0\.6rem\)\]{padding-block:clamp(.4rem,1.2vw,.6rem)}.py-\[clamp\(0\.75rem\,1\.4vw\,1\.1rem\)\]{padding-block:clamp(.75rem,1.4vw,1.1rem)}.text-center{text-align:center}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[clamp\(0\.8rem\,2vw\,0\.875rem\)\]{font-size:clamp(.8rem,2vw,.875rem)}.text-\[clamp\(0\.9rem\,2\.3vw\,1rem\)\]{font-size:clamp(.9rem,2.3vw,1rem)}.text-\[clamp\(0\.9rem\,2\.5vw\,1\.05rem\)\]{font-size:clamp(.9rem,2.5vw,1.05rem)}.text-\[clamp\(0\.95rem\,2\.5vw\,1\.125rem\)\]{font-size:clamp(.95rem,2.5vw,1.125rem)}.text-\[clamp\(1\.2rem\,3\.2vw\,2\.4rem\)\]{font-size:clamp(1.2rem,3.2vw,2.4rem)}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[\#1a1a1a\]{color:#1a1a1a}.text-\[\#e0f4ff\]{color:#e0f4ff}.text-\[var\(--book-ink\)\]{color:var(--book-ink)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-\[0_-4px_16px_rgba\(0\,0\,0\,0\.25\)\,inset_0_1px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 -4px 16px var(--tw-shadow-color,#00000040),inset 0 1px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 2px 4px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_3px_8px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 3px 8px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_10px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 4px 10px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\[0_2px_2px_rgba\(0\,0\,0\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 2px var(--tw-drop-shadow-color,#00000073));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[var\(--text-shadow\)\]{--tw-drop-shadow-size:drop-shadow(var(--text-shadow));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.grayscale-\[50\%\]{--tw-grayscale:grayscale(50%);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,)}.\!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,)!important}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[crafting\:clock\]{crafting:clock}.\[crafting\:init\]{crafting:init}.\[crafting\:session-candidate\]{crafting:session-candidate}.\[crafting\:sync\]{crafting:sync}.\[crafting\:tick\]{crafting:tick}.\[housing\:init\]{housing:init}.\[housing\:sync\]{housing:sync}.\[housing\:tick\]{housing:tick}@media(hover:hover){.group-hover\:scale-115:is(:where(.group):hover *){--tw-scale-x:115%;--tw-scale-y:115%;--tw-scale-z:115%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y:-2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/18\%\)\)\]:hover{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/18\%\)\)\]:hover{background-color:color-mix(in srgb,transparent,rgba(var(--book-binding-rgb)/18%))}}.hover\:bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/22\%\)\)\]:hover{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/22\%\)\)\]:hover{background-color:color-mix(in srgb,transparent,rgba(var(--book-binding-rgb)/22%))}}.hover\:bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/28\%\)\)\]:hover{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,transparent\,rgba\(var\(--book-binding-rgb\)\/28\%\)\)\]:hover{background-color:color-mix(in srgb,transparent,rgba(var(--book-binding-rgb)/28%))}}.hover\:shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.5\)\]:hover{--tw-shadow:0 6px 16px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-\[1px\]:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(prefers-color-scheme:dark){.dark\:bg-\[color-mix\(in_srgb\,\#262626_88\%\,black\)\]{background-color:#212121}.dark\:text-\[var\(--book-ink\)\]{color:var(--book-ink)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{box-sizing:border-box;font-family:Alagard,"Jersey 10",sans-serif!important}html,body{height:100dvh;min-height:100dvh;max-height:100dvh;color:var(--book-ink,#e0f4ff);overscroll-behavior:none;touch-action:pan-y;background-color:#0b1f2a;width:100%;margin:0;padding:0;font-family:Alagard,"Jersey 10",sans-serif;position:fixed;top:0;left:0;overflow:hidden}#root,.App{flex-direction:column;width:100%;max-width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.App{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;display:flex}@media(max-width:1199px){html,body{overscroll-behavior-y:contain;width:100%;height:auto;min-height:100dvh;max-height:none;position:static;top:auto;left:auto;overflow:hidden auto}#root,.App{height:auto;min-height:100dvh;max-height:none;overflow:hidden visible}}:root{--theme-accent:#3fcaff;--theme-dark:#0b1f2a;--theme-darker:#000814;--textbox-color:#1e293b;--font-code:"VT323","source-code-pro",Menlo,Monaco,Consolas,"Courier New",monospace;--font-title:"Metamorphous",cursive;--font-ui:"Alagard","Jersey 10",monospace;--font-secondary:"Alagard","Jersey 10",cursive;--font-main:"Alagard","Jersey 10",sans-serif;--font-retro:"Press Start 2P",cursive;--game-primary:#4a9eff;--game-secondary:#00d4ff;--game-accent:#87ceeb;--game-dark:#1a2332;--game-darker:#0f1419;--game-tertiary:#87ceeb;--tank-color:#5dade2;--dps-color:#ff6b35;--healer-color:#2ecc71;--health-color:#e74c3c;--mana-color:#3498db;--xp-color:#9b59b6;--gold-color:#87ceeb;--shadow-glow:0 0 8px #4a9eff26;--border-glow:0 0 6px #4a9eff1f;--text-glow:0 0 4px #00d4ff40;--runic-glow:0 0 8px #87ceeb33;--pixel-border:2px;--gothic-border:3px;--corner-radius:8px;--panel-radius:12px}.dark-mode{--theme-accent:#00d4ff;--theme-dark:#0f1419;--theme-darker:#0a0e12;--game-primary:#00d4ff;--game-secondary:#4a9eff;--shadow-glow:0 0 8px #00d4ff26;--border-glow:0 0 6px #00d4ff1f;--text-glow:0 0 4px #4a9eff40}body{font-family:var(--font-code);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;text-rendering:optimizeLegibility;font-feature-settings:"liga","kern";font-size:14px;line-height:1.4}h1,h2,h3{font-family:var(--font-title);letter-spacing:1px;color:var(--theme-accent);text-shadow:var(--text-glow);text-rendering:optimizeLegibility;font-feature-settings:"liga","kern"}.font-gothic{font-family:var(--font-title);text-shadow:1px 1px 2px #000c,0 0 8px #4a9eff4d}.font-metamorphous{font-family:"Metamorphous",var(--font-title);text-shadow:1px 1px 2px #000000e6,0 0 10px #4a9eff66}.font-ui{font-family:var(--font-ui);text-shadow:1px 1px 2px #000000b3,0 0 6px #00d4ff4d;letter-spacing:.5px}.font-secondary{font-family:var(--font-secondary);text-shadow:1px 1px 1px #0009;letter-spacing:.3px}.font-retro{font-family:var(--font-retro);text-shadow:1px 1px #000c;letter-spacing:1px;font-size:1.4em}.font-logs{font-family:var(--font-code)!important;text-shadow:1px 1px 2px #000c!important;letter-spacing:.5px!important;background:#0000004d!important;border-radius:3px!important;padding:2px 4px!important;font-size:1.1rem!important;line-height:1.5!important}.font-equipment{font-family:var(--font-secondary)!important;text-shadow:1px 1px 1px #000000b3!important;font-size:1.4rem!important}.custom-scrollbar{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.font-stats{font-family:var(--font-secondary)!important;text-shadow:1px 1px 2px #000c,0 0 8px #4a9eff66!important;font-size:1.5rem!important;font-weight:700!important}.font-chat{font-family:var(--font-code)!important;text-shadow:1px 1px 1px #000c!important;letter-spacing:.5px!important;background:#0000004d!important;border-radius:4px!important;padding:2px 6px!important;font-size:1.3rem!important;line-height:1.5!important}.font-panel-title{font-family:var(--font-secondary)!important;text-shadow:2px 2px 4px #000000e6,0 0 12px #4a9eff80!important;letter-spacing:1px!important;font-size:1.8rem!important;font-weight:600!important}.font-menu-content{font-family:var(--font-ui)!important;text-shadow:1px 1px 2px #000000b3!important;background:#0003!important;border-radius:3px!important;padding:2px 4px!important;font-size:1.3rem!important;line-height:1.5!important}.font-menu-small{font-family:var(--font-ui)!important;text-shadow:1px 1px 1px #0009!important;font-size:1.2rem!important;line-height:1.4!important}.class-territory-large{font-size:24px!important;line-height:26px!important;font-family:var(--font-secondary)!important;font-weight:600!important}.level-badge-large{font-size:24px!important;font-family:var(--font-secondary)!important;padding:8px 12px!important}.level-indicator-large{font-size:2.5rem!important;font-family:var(--font-main)!important;text-shadow:0 0 10px #00d4ffcc,0 0 20px #4a9eff66!important;font-weight:900!important}span.level-indicator-large,.level-indicator-large span,p .level-indicator-large{font-family:var(--font-main)!important;font-size:2.5rem!important;font-weight:900!important}.gold-indicator-large{font-size:1.5rem!important;font-family:var(--font-secondary)!important;color:#87ceeb!important;font-weight:600!important}.health-mana-xp-labels{font-size:1.5rem!important;font-family:var(--font-secondary)!important;font-weight:600!important}.text-element-gold{color:#87ceeb!important}.character-stats-container .text-xl,.character-stats-container span.text-xl,.character-stats-container p.text-xl{font-size:1.25rem!important;font-family:var(--font-secondary)!important}.character-stats-container .text-3xl,.character-stats-container span.text-3xl,.character-stats-container p.text-3xl{font-size:1.875rem!important;font-family:var(--font-secondary)!important}.character-stats-container .text-lg,.character-stats-container span.text-lg,.character-stats-container p.text-lg,.character-stats-container div.text-lg{font-size:1.125rem!important;font-family:var(--font-secondary)!important}.character-stats-container .flex.justify-between.items-center{background:#0003!important;border:1px solid #4a9eff1a!important;border-radius:6px!important;margin:.125rem 0!important;padding:.375rem 1rem!important}.character-stats-container .flex.justify-between.items-center span{text-shadow:1px 1px 2px #000c!important;background:0 0!important;padding:0!important}.character-stats-container .flex.justify-between.items-center span,.character-stats-container div[class*=mx-] span,.character-stats-container div[class*=px-] span{font-family:var(--font-secondary)!important;letter-spacing:.5px!important;background:0 0!important;border-radius:0!important;padding:0!important}button.btn-gothic.primary-action-btn,.btn-gothic.primary-action-btn,.primary-action-btn.btn-gothic,button.primary-action-btn,.primary-action-btn{font-family:var(--font-main)!important;font-size:1.2rem!important;font-weight:600!important}.btn-gothic{background:linear-gradient(135deg,var(--game-dark)0%,var(--game-primary)30%,var(--game-secondary)70%,var(--game-dark)100%);border:var(--pixel-border)solid var(--game-primary);color:#fff;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px #000c,var(--text-glow);box-shadow:var(--border-glow),inset 0 1px 2px #ffffff1a;min-height:2.25rem;padding:.55rem .9rem;font-size:.9rem;font-weight:600;transition:all .2s;text-shadow:1px 1px 2px #000000e6,0 0 8px #00d4ff66,0 1px #fff3!important}.btn-gothic:hover{border-color:var(--game-secondary);transform:translateY(-1px);box-shadow:0 0 20px #4a9eff99,inset 0 1px 2px #fff3;text-shadow:1px 1px 2px #000000e6,0 0 12px #00d4ffcc,0 1px #ffffff4d!important}.btn-gothic:active{transform:translateY(0)}p,li{font-family:var(--font-code);letter-spacing:.5px;color:var(--book-ink,#e0f4ff);text-shadow:1px 1px 1px #000c;background:#00000026;border-radius:2px;padding:1px 2px;line-height:1.5}.text-high-contrast{text-shadow:2px 2px 4px #000000e6,0 0 8px #00000080!important;background:#0006!important;border-radius:4px!important;padding:2px 6px!important;font-weight:600!important}.text-readable{text-shadow:1px 1px 2px #000c!important;background:#00000040!important;border-radius:2px!important;padding:1px 3px!important}.text-ultra-readable{text-shadow:2px 2px 4px #000000f2!important;background:linear-gradient(135deg,#0009,#0006)!important;border:1px solid #4a9eff4d!important;border-radius:6px!important;padding:3px 8px!important;font-weight:700!important}.gothic-panel{border:var(--gothic-border)solid;-o-border-image:linear-gradient(45deg,var(--game-primary),var(--game-secondary),var(--game-tertiary),var(--game-primary))1;border-image:linear-gradient(45deg,var(--game-primary),var(--game-secondary),var(--game-tertiary),var(--game-primary))1;border-radius:var(--panel-radius);box-shadow:var(--shadow-glow),inset 0 1px 3px #4a9eff26,0 0 30px #00d4ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f1419f2,#1a2332e6,#0f1419f2);max-width:690px;margin:0 auto}.pixel-border{border:var(--pixel-border)solid var(--game-primary);border-radius:var(--corner-radius);box-shadow:var(--border-glow)}.runic-border{border:var(--gothic-border)solid var(--game-primary);border-radius:var(--corner-radius);box-shadow:var(--runic-glow);position:relative}.runic-border:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(45deg,#0000,#4a9eff4d,#0000,#00d4ff4d,#0000);animation:4s ease-in-out infinite runic-shimmer;position:absolute;inset:-2px}.health-bar-gothic{background:linear-gradient(90deg,#c0392b,#e74c3c,#ec7063);box-shadow:inset 0 1px 2px #0000004d,0 0 8px #e74c3c66}.mana-bar-gothic{background:linear-gradient(90deg,#2e86c1,#3498db,#5dade2);box-shadow:inset 0 1px 2px #0000004d,0 0 12px #3498db80}.xp-bar-gothic{background:linear-gradient(90deg,#7d3c98,#9b59b6,#bb8fce);box-shadow:inset 0 1px 2px #0000004d,0 0 10px #9b59b666}.travel-bar-gothic{background:linear-gradient(90deg,#2e86c1,#4a9eff 35%,#00d4ff 65%,#87ceeb);box-shadow:inset 0 1px 2px #0000004d,0 0 12px #4a9eff99,inset 0 1px #fff3}input,textarea{font-family:var(--font-code);color:#e0f4ff;border:var(--pixel-border)solid var(--game-primary);border-radius:var(--corner-radius);box-shadow:var(--border-glow),inset 0 2px 4px #0003;background:linear-gradient(135deg,#0f1419cc,#1a2332e6);padding:.75rem 1rem;font-weight:600}.login-form button{font-family:var(--font-secondary)!important}.login-form button.btn-gothic.primary-action-btn{font-family:var(--font-main)!important;background:linear-gradient(135deg,var(--game-dark)0%,var(--game-primary)30%,var(--game-secondary)70%,var(--game-dark)100%)!important;border-color:var(--game-primary)!important;padding:.75rem 1.5rem!important;font-size:1.375rem!important;transform:none!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.login-form button[type=button]{font-family:var(--font-secondary)!important;background:linear-gradient(135deg,var(--game-dark)0%,var(--game-primary)30%,var(--game-secondary)70%,var(--game-dark)100%)!important;border-color:var(--game-primary)!important;color:#fff!important;padding:.75rem 1rem!important;font-size:1.25rem!important;transform:none!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}input:focus,textarea:focus{border-color:var(--game-secondary);outline:none;box-shadow:0 0 15px #4a9eff4d,inset 0 2px 4px #0003}@keyframes gothic-pulse{0%,to{box-shadow:0 0 3px #4a9eff1a,0 0 6px #4a9eff14}50%{box-shadow:0 0 4px #4a9eff26,0 0 8px #00d4ff1f}}@keyframes pixel-flicker{0%,98%,to{opacity:1}99%{opacity:.98}}@keyframes runic-shimmer{0%,to{opacity:.6;transform:rotate(0)}50%{opacity:.8;transform:rotate(2deg)}}@keyframes frost-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gothic-pulse{animation:8s ease-in-out infinite gothic-pulse}.animate-pixel-flicker{animation:12s ease-in-out infinite pixel-flicker}.animate-runic-shimmer{animation:15s ease-in-out infinite runic-shimmer}.animate-frost-flow{background-size:200% 200%;animation:20s ease-in-out infinite frost-flow}.tank-theme{--primary:var(--tank-color);border-color:var(--tank-color);box-shadow:0 0 6px #5dade233}.dps-theme{--primary:var(--dps-color);border-color:var(--dps-color);box-shadow:0 0 6px #ff6b3533}.healer-theme{--primary:var(--healer-color);border-color:var(--healer-color);box-shadow:0 0 6px #2ecc7133}.text-glow{text-shadow:0 0 4px #00d4ff4d}.text-runic-glow{text-shadow:0 0 4px #00d4ff66,0 0 8px #4a9eff33}.border-glow{box-shadow:var(--border-glow)}.shadow-glow{box-shadow:var(--shadow-glow)}.runic-glow{box-shadow:var(--runic-glow)}.frost-gradient{background:linear-gradient(45deg,#4a9eff0d,#00d4ff14,#87ceeb0a,#00d4ff14,#4a9eff0d)}.panel-blue{background:linear-gradient(135deg,#3b82f626,#1d4ed81f)!important;border-color:#3b82f640!important}.panel-amber{background:linear-gradient(135deg,#f59e0b4d,#d9770633)!important;border-color:#f59e0b66!important}.panel-purple{background:linear-gradient(135deg,#9333ea4d,#7e22ce33)!important;border-color:#9333ea66!important}.panel-green{background:linear-gradient(135deg,#22c55e4d,#15803d33)!important;border-color:#22c55e66!important}.panel-yellow{background:linear-gradient(135deg,#eab3084d,#ca8a0433)!important;border-color:#eab30866!important}.panel-cyan{background:linear-gradient(135deg,#06b6d44d,#0e749033)!important;border-color:#06b6d466!important}.panel-red{background:linear-gradient(135deg,#ef44444d,#b91c1c33)!important;border-color:#ef444466!important}.panel-orange{background:linear-gradient(135deg,#f973164d,#c2410c33)!important;border-color:#f9731666!important}.panel-dark .bg-gray-800\/50{background:linear-gradient(135deg,#000c,#08080cb3,#000c)!important}.panel-dark .bg-gray-700\/50{background:linear-gradient(135deg,#0009,#0c0c1280,#0009)!important;border-color:#3c3c504d!important}.character-name-massive{text-shadow:1px 1px 2px #000c!important;font-size:1.875rem!important;font-weight:700!important;line-height:1!important}@media(min-width:640px){.character-name-massive{font-size:3rem!important}}@media(min-width:1200px){.font-logs{font-size:1.2rem!important}.font-equipment{font-size:1.1rem!important}.font-stats{font-size:1.6rem!important}.font-chat{font-size:1.2rem!important}.font-panel-title{font-size:1.8rem!important}.font-menu-content{font-size:1.2rem!important}.class-territory-large{font-size:26px!important;line-height:28px!important}.level-badge-large{font-size:26px!important}.gold-indicator-large,.health-mana-xp-labels{font-size:1.6rem!important}}@media(min-width:1440px){.font-logs{font-size:1.3rem!important}.font-panel-title{font-size:2rem!important}.font-menu-content{font-size:1.3rem!important}.class-territory-large{font-size:28px!important;line-height:30px!important}.level-badge-large{font-size:28px!important}.primary-action-btn{font-size:1.3rem!important}}@media(min-width:1920px){.font-logs{font-size:1.4rem!important}.font-panel-title{font-size:2.2rem!important}.font-menu-content{font-size:1.4rem!important}.class-territory-large{font-size:30px!important;line-height:32px!important}.primary-action-btn{font-size:1.4rem!important}}.character-card-container{width:100%;max-width:1200px;margin:0 auto}@media(max-width:768px){.gothic-panel{padding:1rem!important}.btn-gothic{font-size:.9rem!important}.game-container{padding:.25rem}}.game-container{box-sizing:border-box;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:.5rem}@media(max-width:768px){.game-container{max-width:100vw;min-height:100vh;margin:0;padding:0}}@media(min-width:768px)and (max-width:1199px){.game-container{max-width:100vw;min-height:100vh;margin:0;padding:0}}.rarity-common{color:#6b7280!important}.rarity-uncommon{color:#4ade80!important}.rarity-rare{color:#60a5fa!important}.rarity-epic{color:#c084fc!important}.rarity-legendary{color:orange!important;text-shadow:0 0 5px #ffa50080!important}.equipment-item-name,.inventory-item-name{font-weight:600!important}@keyframes pulse{0%{box-shadow:0 4px 15px #ff6b3566}50%{box-shadow:0 4px 20px #ff6b35cc}to{box-shadow:0 4px 15px #ff6b3566}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value: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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}*,*:before,*:after{box-sizing:border-box}.onboarding-spotlight-target{position:relative!important;z-index:120002!important;filter:brightness(1.14) saturate(1.06);box-shadow:0 0 0 2px #deb975eb,0 0 20px #deb97573!important}.mobile-onboarding-glow{box-shadow:0 0 0 2px #ffd56d73,0 0 14px #ffd56d9e,inset 0 0 0 1px #ffeec342!important;animation:mobile-onboarding-menu-glow 1.2s ease-in-out infinite}@keyframes mobile-onboarding-menu-glow{0%,to{box-shadow:0 0 0 2px #ffd56d59,0 0 11px #ffd56d75,inset 0 0 0 1px #ffeec333}50%{box-shadow:0 0 0 3px #ffe29480,0 0 20px #ffd56db3,inset 0 0 0 1px #ffeec352}}:root{--book-parchment: #f4f1e8;--book-parchment-light: #f9f6ed;--book-parchment-dark: #ede7d3;--book-ink: #2c1810;--book-ink-light: #4a3b2a;--book-binding: #8b4513;--book-binding-dark: #654321;--book-accent: #c97341;--book-binding-rgb: 139 69 19;--book-accent-rgb: 201 115 65;--health-red: #dc3545;--mana-blue: #007bff;--xp-purple: #6f42c1;--book-overlay-ink: #e7edf5;--book-overlay-ink-muted: #eef3fb;--book-surface-contrast: color-mix(in srgb, var(--book-overlay-ink) 90%, transparent);--book-overlay-panel-bg: linear-gradient(180deg, color-mix(in srgb, var(--book-ink) 16%, transparent) 0%, color-mix(in srgb, var(--book-ink) 76%, transparent) 48%, color-mix(in srgb, var(--book-ink) 90%, transparent) 100%);--book-overlay-panel-strong: color-mix(in srgb, var(--book-ink) 92%, transparent);--book-danger-button-bg: linear-gradient(135deg, color-mix(in srgb, var(--health-red) 76%, white 24%) 0%, color-mix(in srgb, var(--health-red) 84%, var(--book-binding-dark) 16%) 100%);--book-danger-button-border: color-mix(in srgb, var(--health-red) 60%, white 40%);--book-danger-button-text: #fff7f7;--book-danger-button-shadow: 0 6px 14px color-mix(in srgb, var(--health-red) 38%, transparent), 0 0 0 1px rgba(255,255,255,.14) inset;--book-stat-positive: #2e7d32;--book-stat-negative: #b71c1c;--book-rarity-common: #9e9e9e;--book-rarity-uncommon: #4caf50;--book-rarity-rare: #2196f3;--book-rarity-epic: #9c27b0;--book-rarity-legendary: #ff9800;--gothic-shadow: rgba(0, 0, 0, .3);--book-gradient: linear-gradient(45deg, #f4f1e8, #ede7d3);--page-shadow: 0 8px 32px rgba(0, 0, 0, .15);--text-shadow: 0 1px 2px rgba(44, 24, 16, .1);--shop-market-card-bg: linear-gradient(160deg, rgba(248, 237, 210, .95), rgba(233, 208, 166, .9));--shop-market-card-border: var(--book-binding);--shop-market-card-shadow: 0 10px 18px rgba(0, 0, 0, .14);--shop-market-button-bg: linear-gradient(135deg, #ffb84d 0%, #ff8f3f 52%, #d85a3f 100%);--shop-market-button-border: #8c5a2f;--shop-market-button-text: #1f1000;--shop-market-button-disabled-bg: linear-gradient(135deg, rgba(168, 154, 135, .75), rgba(132, 122, 109, .75));--shop-market-button-disabled-border: rgba(90, 74, 54, .4);--shop-market-button-disabled-text: rgba(31, 16, 0, .65);--shop-market-chip-bg: rgba(255, 255, 255, .35);--shop-market-chip-border: rgba(77, 52, 33, .35);--book-rail-button-bg: linear-gradient(180deg, #6a4326 0%, #4f311d 52%, #3a2416 100%);--book-rail-button-hover-bg: linear-gradient(180deg, #7c4f2d 0%, #5c3a22 52%, #452b19 100%);--book-rail-button-active-bg: linear-gradient(180deg, #986232 0%, #744723 58%, #583517 100%);--book-rail-button-border: #c89452;--book-rail-button-text: #f6e6cb;--book-rail-button-text-active: #fff3dc;--book-rail-button-inner-stroke: rgba(253, 220, 163, .2);--book-rail-button-shadow: 0 4px 10px rgba(24, 12, 8, .36)}.dark-mode{--book-parchment: #2a2a2a;--book-parchment-light: #333333;--book-parchment-dark: #1e1e1e;--book-ink: #e0d4c7;--book-ink-light: #b8a896;--book-binding: #5a3317;--book-binding-dark: #3d2010;--book-accent: #b85d3a;--book-binding-rgb: 90 51 23;--book-accent-rgb: 184 93 58;--health-red: #ff6b6b;--mana-blue: #4dabf7;--xp-purple: #9775fa;--book-overlay-ink: #f3e9d9;--book-overlay-ink-muted: #fff6ea;--book-surface-contrast: color-mix(in srgb, var(--book-overlay-ink) 92%, transparent);--book-overlay-panel-bg: linear-gradient(180deg, color-mix(in srgb, black 18%, transparent) 0%, color-mix(in srgb, black 74%, transparent) 48%, color-mix(in srgb, black 90%, transparent) 100%);--book-overlay-panel-strong: color-mix(in srgb, black 90%, transparent);--book-danger-button-bg: linear-gradient(135deg, color-mix(in srgb, var(--health-red) 78%, white 22%) 0%, color-mix(in srgb, var(--health-red) 84%, var(--book-binding-dark) 16%) 100%);--book-danger-button-border: color-mix(in srgb, var(--health-red) 68%, white 32%);--book-danger-button-text: #fff6f0;--book-danger-button-shadow: 0 6px 14px color-mix(in srgb, var(--health-red) 42%, transparent), 0 0 0 1px rgba(255,255,255,.12) inset;--book-stat-positive: #7bcf86;--book-stat-negative: #ff8a80;--book-rarity-common: #d1d5db;--book-rarity-uncommon: #6fd47a;--book-rarity-rare: #6cb8ff;--book-rarity-epic: #d28cff;--book-rarity-legendary: #ffb347;--gothic-shadow: rgba(255, 255, 255, .1);--book-gradient: linear-gradient(45deg, #2a2a2a, #1e1e1e);--page-shadow: 0 8px 32px rgba(0, 0, 0, .6);--text-shadow: 0 1px 2px rgba(0, 0, 0, .8);--shop-market-card-bg: linear-gradient(160deg, rgba(54, 48, 42, .96), rgba(38, 34, 30, .94));--shop-market-card-border: #7b5436;--shop-market-card-shadow: 0 10px 22px rgba(0, 0, 0, .45);--shop-market-button-bg: linear-gradient(135deg, #f2a54a 0%, #df7c3b 55%, #b64a37 100%);--shop-market-button-border: #cf8b44;--shop-market-button-text: #fff4e1;--shop-market-button-disabled-bg: linear-gradient(135deg, rgba(94, 84, 72, .85), rgba(71, 64, 56, .84));--shop-market-button-disabled-border: rgba(170, 147, 120, .45);--shop-market-button-disabled-text: rgba(236, 219, 198, .72);--shop-market-chip-bg: rgba(255, 255, 255, .08);--shop-market-chip-border: rgba(220, 190, 155, .24);--book-rail-button-bg: linear-gradient(180deg, #4f3320 0%, #3a2417 54%, #291910 100%);--book-rail-button-hover-bg: linear-gradient(180deg, #6a4328 0%, #4b2f1d 54%, #342014 100%);--book-rail-button-active-bg: linear-gradient(180deg, #8b5a2f 0%, #643e22 56%, #4a2c17 100%);--book-rail-button-border: #d3a765;--book-rail-button-text: #ffefd4;--book-rail-button-text-active: #fff6e7;--book-rail-button-inner-stroke: rgba(250, 216, 150, .2);--book-rail-button-shadow: 0 5px 14px rgba(0, 0, 0, .5);--book-resonance-fill-start: #d7a33d;--book-resonance-fill-end: #f0cd6b;--book-resonance-text: #fff7e2}.book-app-wrapper{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh;height:100%;width:100%;margin:0;padding:0;gap:0;overflow:hidden}.book-container{position:relative;background:var(--book-gradient);border:4px solid var(--book-binding);border-radius:12px;box-shadow:inset 0 0 50px #8b45131a,var(--page-shadow);width:100%;max-width:100%;margin:0;font-family:"Alagard",inherit;display:flex;flex-direction:column;flex:1;overflow-y:auto;z-index:1;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:0;contain:layout style;touch-action:pan-y;overscroll-behavior:contain}.book-content{display:flex;flex-direction:column;box-shadow:inset 0 0 20px #8b45130d;position:relative;overflow:visible;height:auto;min-height:auto;max-height:none}.book-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible}.page-header{margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid var(--book-binding);position:relative;flex-shrink:0}.page-title-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.page-icon{font-size:1.8em;filter:drop-shadow(var(--text-shadow))}.page-title{font-size:1.9em;color:var(--book-ink);margin:0;text-shadow:var(--text-shadow);font-weight:700;font-family:"Alagard",inherit}.page-subtitle{font-size:1.1em;color:var(--book-ink-light);margin:4px 0 0;font-style:italic;text-shadow:var(--text-shadow)}.page-decorative-border{height:2px;background:linear-gradient(to right,transparent,var(--book-accent),var(--book-binding),var(--book-accent),transparent);margin-top:8px}.page-content{color:var(--book-ink);line-height:1.6;text-shadow:var(--text-shadow);flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:visible;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:20px}.page-footer{margin-top:10px;padding-top:8px;flex-shrink:0}.book-scroll-surface{scrollbar-width:thin;scrollbar-color:rgba(var(--book-binding-rgb),.55) rgba(var(--book-binding-rgb),.12);touch-action:pan-y}.book-scroll-surface::-webkit-scrollbar{width:8px}.book-scroll-surface::-webkit-scrollbar-track{background:rgba(var(--book-binding-rgb),.12);border-radius:6px}.book-scroll-surface::-webkit-scrollbar-thumb{background:rgba(var(--book-binding-rgb),.55);border-radius:6px}.book-scroll-surface::-webkit-scrollbar-thumb:hover{background:rgba(var(--book-binding-rgb),.72)}.desktop-tab-content,.right-page-content{scrollbar-width:thin;scrollbar-color:rgba(139,69,19,.4) rgba(139,69,19,.1)}.desktop-tab-content::-webkit-scrollbar,.right-page-content::-webkit-scrollbar{width:8px}.desktop-tab-content::-webkit-scrollbar-track,.right-page-content::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.desktop-tab-content::-webkit-scrollbar-thumb,.right-page-content::-webkit-scrollbar-thumb{background:#8b451366;border-radius:4px}.desktop-tab-content::-webkit-scrollbar-thumb:hover,.right-page-content::-webkit-scrollbar-thumb:hover{background:#8b451399}.page-decorative-footer{height:1px;background:linear-gradient(to right,transparent,var(--book-binding),transparent)}.character-portrait{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#8b4513eb,#8b4513e0,#8b4513f2),#2c18101a;border:2px solid var(--book-binding);border-radius:12px;padding:6px 8px;margin:8px 2px 6px;display:block;box-shadow:0 12px 28px #150b063d,0 3px 10px #0000001f,inset 0 1px 3px #ffffff1a,inset 0 0 20px #d4af3714;flex-shrink:0;z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);min-height:400px;height:auto}.character-portrait:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(circle at center,#fff0 46%,#321b110d 68%,#1c0f0924);box-shadow:inset 0 0 22px #180c0724,inset 0 0 48px #1008051a}@media(max-width:640px){.character-portrait{min-height:450px!important}}.character-portrait.compact{padding:4px 6px;margin-bottom:6px}.portrait-compact-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:8px 10px;background:#8b451326;border-radius:8px;border:1px solid rgba(139,69,19,.3)}.portrait-avatar-compact{flex-shrink:0}.avatar-circle-compact{width:32px;height:32px;border:2px solid var(--book-binding);border-radius:50%;background:var(--book-parchment);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 4px #0003}.avatar-initials-compact{font-size:1.1em;font-weight:700;color:var(--book-ink);text-shadow:var(--text-shadow)}.avatar-class-indicator-compact{position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.3)}.character-info-horizontal{display:flex;align-items:center;gap:8px;flex:1;font-size:1.1em;font-weight:500;color:var(--book-ink);text-shadow:var(--text-shadow)}.info-name{font-weight:700;font-size:1.25em;color:var(--book-ink)}.info-separator{color:var(--book-ink-light);font-weight:400}.info-level{font-weight:700;color:var(--health-green)}.info-class{font-weight:600}.info-zone{font-style:italic;color:var(--book-ink-light)}.info-gold{font-weight:700;color:var(--book-gold);display:flex;align-items:center;gap:2px}.character-title-compact{position:absolute;top:100%;left:44px;font-size:.85em;font-style:italic;color:var(--book-ink-light);margin-top:2px}.vital-bars-compact{position:absolute;top:36px;left:8px;display:flex;flex-direction:column;gap:2px;z-index:2;width:120px;max-width:25%}.vital-bar-compact{position:relative;height:16px;display:flex;align-items:center;background:#0006;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.5)}.vital-bar-bg-compact{position:absolute;inset:0;background:#00000080;border-radius:8px}.vital-bar-fill-compact{height:100%;border-radius:8px;transition:width .3s ease;box-shadow:inset 0 1px 1px #fff3}.vital-bar-text-compact{position:relative;z-index:1;font-size:.65em;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-bar-compact .vital-bar-fill-compact{background:linear-gradient(90deg,var(--health-red) 0%,#ff6b6b 100%)}.mana-bar-compact .vital-bar-fill-compact{background:linear-gradient(90deg,var(--mana-blue) 0%,#4dabf7 100%)}.xp-bar-compact .vital-bar-fill-compact{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc);box-shadow:0 0 8px #8b5cf699,inset 0 1px 3px #ffffff4d;border-radius:3px}.character-names-display{position:absolute;top:-38px;left:0;right:0;display:flex;gap:4px;z-index:20}.character-name-label{background:#2c1810d9;color:var(--book-parchment);padding:6px 10px;border-radius:4px 4px 0 0;font-size:.85em;font-weight:600;font-family:Alagard,Cinzel,serif;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:1px solid var(--book-binding);border-bottom:none;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:70px;text-align:center;margin-left:calc(var(--tab-index) * -2px);z-index:calc(22 + var(--tab-index))}.character-name-label.active{background:var(--book-binding);color:var(--book-parchment);border-color:var(--book-binding-dark);transform:translateY(-1px);box-shadow:0 2px 4px #0003;text-shadow:0 1px 2px rgba(0,0,0,.5)}.character-name-label:hover:not(.active){background:#2c1810f2;transform:translateY(-.5px)}.portrait-info{flex:1;min-width:0}.portrait-header{margin-bottom:12px}.character-name-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.portrait-avatar-inline{flex-shrink:0}.portrait-avatar-inline .avatar-circle{width:35px;height:35px;border:3px solid var(--book-binding);border-radius:50%;background:var(--book-parchment);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;position:relative}.portrait-avatar-inline .avatar-initials{font-size:1.3em;font-weight:700;color:var(--book-ink);text-shadow:var(--text-shadow)}.portrait-avatar-inline .avatar-class-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;border:2px solid var(--book-parchment);display:flex;align-items:center;justify-content:center;font-size:.7em;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.character-name{margin:0 0 2px;font-size:2.2em;color:var(--book-ink);text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 8px rgba(0,0,0,.1);font-weight:700;font-family:"Alagard",inherit;letter-spacing:.5px}.character-title{font-size:1.4em;color:var(--book-accent);font-style:normal;font-family:serif;margin:2px 0 6px;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 6px rgba(212,175,55,.4);font-weight:600;letter-spacing:.5px;text-decoration:underline;text-decoration-color:#d4af3780;text-underline-offset:3px}.character-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:1.4em;margin-top:4px}.character-level{background:var(--book-accent);color:var(--book-ink);padding:4px 8px;border-radius:6px;font-weight:700;text-shadow:none;font-size:1.2em;border:2px solid var(--book-binding);box-shadow:0 2px 4px #0003}.character-class{font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.4);font-size:1.2em;padding:4px 8px;border-radius:6px;border:2px solid var(--book-binding);box-shadow:0 2px 4px #0003;background:var(--book-accent);color:var(--book-ink);letter-spacing:.5px}.character-zone{color:var(--book-ink);font-style:italic;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 2px rgba(255,255,255,.9);font-size:1.2em;padding:4px 8px;border-radius:6px;background:var(--book-accent);border:2px solid var(--book-binding);box-shadow:0 2px 4px #0003;letter-spacing:.3px}.character-gold{background:var(--book-accent);color:var(--book-ink);padding:4px 8px;border-radius:6px;font-weight:700;text-shadow:none;font-size:1.2em;border:2px solid var(--book-binding);box-shadow:0 2px 4px #0003;display:flex;align-items:center;gap:4px}.vital-bars{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.vital-bar{position:relative;height:28px;display:flex;align-items:center}.vital-bar-bg{position:absolute;inset:0;background:#00000026;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 1px 3px #0003}.vital-bar-fill{height:100%;border-radius:12px;transition:width .3s ease;box-shadow:inset 0 1px 2px #ffffff4d}.health-fill{background:linear-gradient(to right,var(--health-red),#ff6b6b)}.mana-fill{background:linear-gradient(to right,var(--mana-blue),#4dabf7)}.xp-fill{background:linear-gradient(to right,#8b5cf6,#a855f7,#c084fc);box-shadow:0 0 8px #8b5cf699,inset 0 1px 3px #ffffff4d;border-radius:3px}.vital-bar-text{position:relative;z-index:1;font-size:1.1em;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.6);width:100%;text-align:center;letter-spacing:.5px}.quick-stats{display:flex;flex-direction:column;gap:6px}.stat-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.territory-group{background:#8b451326;border:1px solid rgba(139,69,19,.3);padding:4px 8px;border-radius:6px}.territory-label{font-size:.9em;color:var(--book-ink-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.territory-value{font-size:1em;color:var(--book-ink);font-weight:700;text-shadow:var(--text-shadow)}.status-resources-group{justify-content:flex-start}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:#d4af371a;padding:4px 8px;border-radius:6px;font-size:1em;min-width:50px}.inline-stat{flex-direction:row;gap:4px;min-width:auto;padding:3px 6px}.inline-stat .stat-label{font-size:.75em;margin-left:2px}.stat-icon{font-size:1em}.stat-value{font-weight:700;color:var(--book-ink);font-size:.9em;text-shadow:var(--text-shadow)}.stat-label{font-size:.75em;color:var(--book-ink-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.gold-stat{background:#ffc10726;border:1px solid rgba(255,193,7,.3)}.status-knocked-out .stat-value{color:var(--health-red)}.status-effects{background:#6f42c126;border:1px solid rgba(111,66,193,.3)}.status-effects .stat-value{color:var(--xp-purple)}.page-navigation{background:var(--book-parchment-dark);border:2px solid var(--book-binding);border-radius:8px;box-shadow:0 1px 4px #0000001a;z-index:1000;margin:8px;padding:8px;flex-shrink:0}.nav-container{position:relative}.nav-tabs{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:8px}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:#8b45130d;border:1px solid var(--book-binding);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--book-ink-light);min-width:50px;text-decoration:none;position:relative}.nav-tab:hover{background:#8b451326;color:var(--book-ink);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.nav-tab.active{background:#d4af3740;color:var(--book-ink);border:2px solid var(--book-accent);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.nav-icon{font-size:1.4em;filter:drop-shadow(var(--text-shadow))}.nav-label{font-size:.75em;font-weight:700;font-family:"Alagard",inherit;text-shadow:var(--text-shadow);text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.hub-button,.social-button{height:144px!important;min-height:144px!important;max-height:144px!important;padding:20px 10px!important;font-size:1.4em!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:700!important;box-sizing:border-box!important}.page-markers{display:none}.navigation-section{position:relative;margin-top:12px;padding:8px;background:#8b45130d;border-radius:8px;border:1px solid var(--book-binding)}.navigation-buttons{display:flex;gap:8px;justify-content:space-between}.navigation-group{position:relative;flex:1}.nav-section-button{width:100%;color:var(--book-ink);text-shadow:var(--text-shadow);border:none;background:none}.nav-section-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.expanded-pages{animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button.book-action-btn,.book-action-btn{border-radius:18px!important}button.book-action-btn .loop-segment{border-top-right-radius:18px!important;border-bottom-right-radius:18px!important}button.book-action-btn>span:first-child{border-top-left-radius:18px!important;border-bottom-left-radius:18px!important}.expanded-page-button{border:none;background:none}.expanded-page-button:hover{transform:translate(2px);box-shadow:2px 2px 4px #0000001a}.primary-action-bar{background:var(--book-parchment);border:2px solid var(--book-binding);border-radius:12px;margin:8px 4px;padding:12px;box-shadow:0 4px 12px #00000026,inset 0 2px 4px #d4af371a;display:flex;flex-direction:column;gap:12px;position:relative;z-index:9998;flex-shrink:0}.activity-status-container{display:flex;justify-content:center;align-items:center;padding:8px 16px;background:#8b45131a;border:1px solid var(--book-binding);border-radius:8px;min-height:40px}.activity-status{display:flex;align-items:center;gap:8px;font-size:1.1em;font-weight:600;color:var(--book-ink);text-shadow:var(--text-shadow)}.activity-status.roaming{color:#28a745}.activity-status.roaming .status-icon{animation:bounce 2s infinite}.activity-status.dungeon{color:#dc3545}.activity-status.dungeon .status-icon{animation:pulse 1.5s infinite}.activity-status.traveling{color:#007bff}.activity-status.traveling .status-icon{animation:walk 2s infinite}.activity-status.knocked-out{color:#6c757d}.activity-status.knocked-out .status-icon{animation:none;opacity:.6}.status-icon{font-size:1.3em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.status-text{text-align:center;letter-spacing:.5px}.action-buttons-container{display:flex;gap:8px;justify-content:space-between;align-items:stretch}.zone-context{display:flex;justify-content:center;align-items:center;padding:6px 12px;background:#d4af371a;border:1px solid var(--book-accent);border-radius:6px;font-size:.9em;color:var(--book-ink-light);text-align:center}.zone-info{font-weight:600;letter-spacing:.3px}.carousel-arrow:hover{background:var(--book-parchment-dark);border-color:var(--book-accent);transform:translateY(-1px);box-shadow:0 2px 8px #8b451333}.carousel-arrow:active{transform:translateY(0)}.carousel-indicators{display:flex;gap:4px;justify-content:center;margin-top:4px}.carousel-indicator{width:6px;height:6px;border-radius:50%;background:var(--book-binding);opacity:.3;transition:opacity .2s ease}.carousel-indicator.active{opacity:1;background:var(--book-accent)}.dark-mode-toggle-container{margin-left:auto;flex-shrink:0;padding-left:8px}.dark-mode-toggle{width:40px;height:40px;border:2px solid var(--book-binding);border-radius:50%;background:var(--book-parchment);color:var(--book-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2em;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.dark-mode-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;border-color:var(--book-accent);background:var(--book-parchment-dark)}.dark-mode-toggle:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.dark-mode .dark-mode-toggle{background:var(--book-parchment);border-color:var(--book-binding);box-shadow:0 2px 8px #ffffff1a}.dark-mode .dark-mode-toggle:hover{background:var(--book-parchment-dark);box-shadow:0 4px 12px #ffffff26}.action-buttons-row button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8b451333}.action-buttons-row [data-active=true]{box-shadow:0 0 8px #8b451366;animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes redPulse{0%,to{background-color:#dc3545;box-shadow:0 0 #dc3545b3;transform:scale(1)}50%{background-color:#ff1744;box-shadow:0 0 0 4px #dc354500;transform:scale(1.05)}}.floating-number{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.floating-damage{color:#f44!important}.floating-healing{color:#4f4!important}.floating-miss{color:#fa0!important}@keyframes floatUp{0%{opacity:0;transform:translateZ(0)}10%{opacity:1;transform:translate3d(calc(var(--float-dx, 0px) * .16),calc(var(--float-dy, -86px) * .16),0)}72%{opacity:1;transform:translate3d(calc(var(--float-dx, 0px) * .82),calc(var(--float-dy, -86px) * .82),0)}to{opacity:0;transform:translate3d(var(--float-dx, 0px),var(--float-dy, -86px),0)}}.combat-npcs-display{position:relative}.combat-npc{transition:all .3s ease-in-out}.npc-health-bar{background:#0003;border-radius:4px;border:1px solid var(--book-binding)}.mobile-navigation-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:var(--book-parchment);border-top:2px solid var(--book-binding);padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:99999!important;box-shadow:0 -4px 8px #0000001a;display:flex!important;flex-direction:column;gap:8px;visibility:visible!important;opacity:1!important;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;isolation:isolate;min-height:48px;pointer-events:auto!important}.unified-book-content{display:flex;flex-direction:column;flex:0 0 auto;min-height:auto;height:auto;padding-bottom:0;overflow:visible}.mobile-portrait-stack{display:flex;flex-direction:column;gap:0;margin-bottom:10px}.mobile-portrait-stack.has-footer .character-portrait{margin-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.mobile-portrait-footer{min-height:112px;overflow:hidden;border:2px solid var(--book-binding);border-top:1px solid color-mix(in srgb,var(--book-binding) 20%,transparent);border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 94%,transparent),color-mix(in srgb,var(--book-parchment) 90%,var(--book-binding) 10%));box-shadow:0 10px 20px #150b0629,inset 0 1px #ffffff2e;margin:0 2px}@media(max-width:768px){.unified-book-content{height:auto!important;min-height:auto!important;overflow:visible!important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.mobile-portrait-stack .character-portrait{min-height:184px!important;max-height:184px!important}.mobile-portrait-stack .character-portrait[data-effective-zone-id=rusty_tavern_workshop_complete],.mobile-portrait-stack .character-portrait[data-effective-zone-id=rusty_tavern_market_complete],.mobile-portrait-stack .character-portrait[data-effective-zone-id=rusty_tavern_alchemy_complete]{min-height:256px!important;max-height:256px!important;background-size:90% auto!important;background-position:center bottom!important;background-repeat:no-repeat!important}.mobile-portrait-footer{min-height:124px}.mobile-navigation-container{padding:8px 0 0;padding-bottom:max(0px,env(safe-area-inset-bottom));gap:0;background:var(--book-parchment-dark)!important;border-top:0!important;box-shadow:none!important}.mobile-navigation-container [aria-label="Primary action bar"]{margin:0!important;padding-top:0!important;background:var(--book-parchment-dark)!important;box-shadow:none!important}.mobile-navigation-container .desktop-navigation-classic{width:100%;justify-content:center}.mobile-navigation-container .nav-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(2,60px)!important;gap:6px!important;width:100%;max-width:none}.mobile-navigation-container .nav-grid-btn{min-height:42px!important;font-size:.85em!important;padding:4px 3px!important}.mobile-navigation-container .nav-btn-icon{font-size:1.2em!important;margin-bottom:2px}.mobile-navigation-container .nav-btn-title{font-size:.8em!important;line-height:1!important}.book-page-content{flex:0 0 auto!important;min-height:auto!important;padding-bottom:0!important;height:auto!important;max-height:none!important;overflow:visible!important}}@media(max-width:1199px)and (min-width:700px)and (min-height:1400px)and (orientation:portrait){.unified-book-content{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}.mobile-portrait-stack .character-portrait{min-height:600px!important;max-height:600px!important}.mobile-portrait-stack .character-portrait[data-effective-zone-id=rusty_tavern_workshop_complete],.mobile-portrait-stack .character-portrait[data-effective-zone-id=rusty_tavern_market_complete],.mobile-portrait-stack .character-portrait[data-effective-zone-id=rusty_tavern_alchemy_complete]{min-height:645px!important;max-height:645px!important;background-position:center calc(100% + 54px)!important}.mobile-portrait-stack .character-portrait .portrait-nameplate-integrated .info-name{font-size:1.45em!important}.mobile-portrait-stack .character-portrait .portrait-primary-row .portrait-info-chip,.mobile-portrait-stack .character-portrait .portrait-primary-row .portrait-abilities-button{font-size:1.2em!important}.mobile-portrait-stack .character-portrait .portrait-secondary-row .portrait-role-chip,.mobile-portrait-stack .character-portrait .portrait-secondary-row .portrait-gold-chip{font-size:1.02em!important}.mobile-portrait-stack .character-portrait .portrait-gold-chip{min-width:118px!important}.mobile-portrait-stack .character-portrait .avatar-circle-compact{width:40px!important;height:40px!important}.mobile-portrait-stack .character-portrait .avatar-initials-compact{font-size:1.3em!important}.mobile-portrait-stack .character-portrait .avatar-class-indicator-compact{width:17px!important;height:17px!important;font-size:.8em!important}.mobile-portrait-stack .character-portrait .portrait-vitals-stack{max-width:42%!important;gap:5px!important}.mobile-portrait-stack .character-portrait .portrait-vitals-stack>div{height:21px!important;border-radius:9px!important}.mobile-portrait-stack .character-portrait .portrait-vitals-stack>div span{font-size:1.2em!important}}@media(max-width:768px){.book-container{border:none!important;border-radius:0!important;box-shadow:none!important;background:var(--book-gradient)!important;min-height:100vh!important;min-height:100svh!important;min-height:100dvh!important;height:100%!important;max-height:100%!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:0!important;z-index:1!important;-webkit-overflow-scrolling:touch;overscroll-behavior:none!important;touch-action:pan-y!important}.book-page{border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.stat-card{border:2px solid var(--book-binding)!important;border-radius:5px!important;box-shadow:0 1px 6px #2c181012!important;background:var(--book-gradient)!important;width:auto!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.book-content,.chronicle-content,.travel-map-container,.zone-events-section{margin-left:0!important;margin-right:0!important;padding-left:1px!important;padding-right:1px!important;max-width:100%!important;width:100%!important;border-radius:4px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:visible!important;height:auto!important;max-height:none!important}.book-page{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;padding-bottom:0!important;max-width:100%!important;width:100%!important;border-radius:0!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:visible!important;flex:0 0 auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;margin-bottom:0!important}.book-content{margin-left:0!important;margin-right:0!important;flex:1!important;min-height:0!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow-y:visible!important;overflow-x:hidden!important}.book-page-wrapper{height:auto!important;display:flex;flex-direction:column;overflow-x:hidden!important}.page-content{flex:0 0 auto!important;min-height:auto!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow-y:visible!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding-top:0!important;padding-bottom:0!important}.book-action-bar-fixed{left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:100%!important}.action-buttons-carousel{max-width:none;padding:4px;gap:6px}.action-buttons-page{gap:4px}.carousel-arrow{width:28px!important;height:28px!important;font-size:.9em!important}.dark-mode-toggle-container{flex-shrink:0!important;margin-left:3px!important}.chronicle-content{height:auto!important;overflow-y:visible!important;max-height:none!important}.character-portrait{padding:4px 6px;margin:6px 2px 4px;gap:6px;min-height:175px!important;max-height:175px!important}.mobile-portrait-stack .character-portrait{min-height:228px!important;max-height:228px!important}.character-portrait.compact{padding:3px 5px;margin-bottom:4px}.avatar-circle{width:30px;height:30px}.avatar-initials{font-size:1.2em}.character-name-row{gap:8px}.portrait-avatar-inline .avatar-circle{width:30px;height:30px}.portrait-avatar-inline .avatar-initials{font-size:1.1em}.character-name{font-size:1.4em;margin:0 0 1px}.character-title{font-size:1em;margin:1px 0 4px}.character-meta{gap:6px;margin-top:3px}.character-level{padding:3px 6px;font-size:1em}.character-class,.character-zone,.character-gold,.character-status-ko,.character-status-effects{font-size:1em;padding:3px 6px}.vital-bars{gap:3px;margin-bottom:6px}.vital-bar{height:24px}.vital-bar-text{font-size:.9em}.portrait-compact-header{gap:8px;padding:6px 8px;margin-bottom:6px}.avatar-circle-compact{width:30px;height:30px}.avatar-initials-compact{font-size:1.05em}.avatar-class-indicator-compact{width:12px;height:12px;font-size:.6em}.character-info-horizontal{font-size:1em;gap:6px}.info-name{font-size:1.1em}.character-title-compact{left:36px;font-size:.8em}.vital-bars-compact{top:34px;left:6px;width:90px!important;max-width:30%!important;gap:1px!important}.vital-bar-compact{height:14px!important}.vital-bar-text-compact{font-size:.6em!important}.vital-bar-text-compact{font-size:.7em;padding:0 4px}.quick-stats{gap:4px}.stat-group{gap:6px}.territory-group{padding:3px 6px}.territory-label{font-size:.8em}.territory-value{font-size:.9em}.stat-item{padding:2px 4px;min-width:45px}.inline-stat{padding:2px 4px}.stat-value{font-size:.8em}.stat-label{font-size:.65em}.main-page-navigation{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);margin:4px 6px;padding:8px 6px;gap:6px}.main-page-tab{padding:8px 10px;font-size:.9em}.chronicle-sub-navigation{margin:10px 0;gap:8px;flex-wrap:wrap;justify-content:center}.chronicle-sub-tab{padding:3px 6px!important;font-size:.7em!important;min-width:80px!important}.chronicle-sub-tab .tab-icon{font-size:.9em!important}.chronicle-sub-tab .tab-text{font-size:.75em!important}.chronicle-sub-tab .tab-subtitle{font-size:.6em!important;min-width:auto!important}.page-header{display:none!important}.page-title-section{flex-wrap:wrap;gap:4px 8px;margin-bottom:2px}.page-icon{font-size:1em}.page-title{font-size:1.1em}.page-subtitle{font-size:.7em;margin:0}.page-decorative-border{display:none}.page-footer{display:none!important}.live-events{margin:2px 0;height:250px!important;max-height:250px!important;min-height:250px!important;flex:none!important}.live-events-container{flex:1;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.live-events-header{padding:6px 10px;flex-wrap:wrap;gap:4px;flex-shrink:0}.live-events-title{font-size:1.3em}.live-event-item{padding:4px 8px;margin:2px 6px;font-size:.95em}.event-header{gap:6px;margin-bottom:2px}.event-type{font-size:.9em;padding:1px 6px}.event-time{font-size:.8em}.event-message{font-size:1em;line-height:1.2;margin:1px 0}.page-navigation{margin:6px 4px 0}.nav-tabs{gap:4px;flex-wrap:wrap}.nav-tab{padding:6px 4px;min-width:40px;flex:1;max-width:60px}.nav-icon{font-size:1.2em}.nav-label{font-size:.6em;max-width:40px;line-height:1.1}.dark-mode-toggle{width:36px;height:36px;font-size:1.1em}.dark-mode-toggle-container{padding-left:6px}}@media(max-width:480px){.nav-tabs{gap:2px}.nav-tab{padding:4px 2px;min-width:35px;max-width:45px}.nav-icon{font-size:1.1em}.nav-label{font-size:.55em;max-width:35px}.action-buttons-page{gap:3px!important}.carousel-arrow{width:24px!important;height:24px!important;font-size:.8em!important}.dark-mode-toggle{width:28px!important;height:28px!important;font-size:.9em!important}.dark-mode-toggle-container{margin-left:2px!important}}@media(min-width:768px)and (max-width:1199px){.book-container{border:1px solid var(--book-binding)!important;border-radius:4px!important;box-shadow:0 1px 6px #2c18100d!important;height:calc(100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-y:auto;padding-bottom:0!important;z-index:1}.book-action-bar-fixed{width:96vw;max-width:96vw}.primary-action-bar-streamlined{max-width:96vw;margin:0 auto}.book-page{padding:3px;overflow-y:auto}.character-portrait{padding:8px 12px;margin:8px 0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:420px}}@media(min-width:1200px){.book-container{max-width:min(96vw,2400px);margin:0 auto;min-height:0;max-height:calc(100vh - 48px);padding-bottom:0}.book-action-bar-fixed{width:min(96vw,2400px);max-width:min(96vw,2400px)}.page-navigation{margin:8px 8px 0}.nav-tabs{gap:8px;padding:8px 0}.nav-tab{padding:10px 8px;min-width:70px;flex:none}.nav-icon{font-size:1.4em}.nav-label{font-size:.7em;max-width:70px}}.live-events{background:#8b45130d;border:2px solid var(--book-binding);border-radius:8px;margin:3px 0;overflow:hidden;display:flex;flex-direction:column;height:300px;max-height:300px;min-height:300px;contain:layout paint}.live-events-header{background:var(--book-binding);padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:none;flex-wrap:wrap;gap:10px;flex-shrink:0}.live-events-title{color:var(--book-ink);margin:0;font-size:1.6em;font-weight:700;display:flex;align-items:center;gap:8px;font-family:"Alagard",inherit;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:.5px}.live-indicator{color:#0f0;animation:pulse 1.5s infinite;font-size:.8em}.new-events-indicator{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:12px;font-size:.9em;font-weight:700;cursor:pointer;animation:bounce 1s infinite}.live-events-container{flex:1;overflow-y:auto;padding:0;background:inherit;-webkit-overflow-scrolling:touch;scrollbar-width:thin;contain:strict;touch-action:pan-y;overscroll-behavior:contain}.no-events{text-align:center;padding:40px 20px;color:var(--book-ink-light)}.no-events-icon{font-size:2.5em;display:block;margin-bottom:15px}.live-event-item{padding:8px 18px;border-left:4px solid var(--book-accent);margin:4px 15px;background:var(--book-parchment);border-radius:0 8px 8px 0;box-shadow:0 3px 6px #0000001a;transition:transform .2s ease}.live-event-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000026}.live-event-item:first-child{margin-top:8px}.live-event-item:last-child{margin-bottom:8px}.event-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.event-icon{font-size:1.4em}.event-type{font-weight:700;font-size:1.1em;text-transform:uppercase;letter-spacing:.8px;padding:2px 10px;border-radius:4px;background:#0000001a;text-shadow:0 1px 2px rgba(0,0,0,.3)}.event-time{margin-left:auto;font-size:1em;color:var(--book-ink-light);font-style:italic;font-weight:600;text-shadow:var(--text-shadow)}.event-message{color:var(--book-ink);font-size:1.2em;font-family:"Alagard",inherit;line-height:1.3;margin:2px 0}@keyframes pulse{0%{box-shadow:0 0 #28a74588}70%{box-shadow:0 0 12px 6px #28a74544}to{box-shadow:0 0 #28a74500}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.book-action-bar-fixed{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:99999;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:100%;padding:0;margin:0;isolation:isolate}@media(min-width:1200px){.responsive-book-container.desktop-book~.book-action-bar-fixed{display:none!important}.responsive-book-container.desktop-book .navigation-section{display:none!important}}.book-page-content{display:flex;flex-direction:column;flex:1;min-height:0;height:auto;padding-bottom:0!important;position:relative;z-index:1;overflow-y:visible}.book-action-bar-fixed,.book-action-bar-fixed *,.book-action-bar-fixed:before,.book-action-bar-fixed:after{background-color:transparent!important}.system-theme-toggle{width:clamp(2.6rem,3.4vw,3.05rem);height:clamp(2.6rem,3.4vw,3.05rem);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--book-binding);border-radius:999px;background:color-mix(in srgb,var(--book-parchment) 88%,black 12%);color:var(--book-ink);font-size:clamp(1rem,1.45vw,1.2rem);line-height:1;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;box-shadow:0 3px 10px #0000004d}.system-theme-toggle:hover{transform:translateY(-1px);border-color:var(--book-accent);box-shadow:0 6px 14px #00000057}.system-theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #c9734173,0 6px 14px #00000057}.system-hub-modal-overlay{position:fixed;inset:0;z-index:50010;background:#050910a8;display:flex;align-items:center;justify-content:center;padding:18px}.system-hub-modal-card{width:min(760px,94vw);max-height:84vh;overflow-y:auto;background:var(--book-parchment);border:3px solid var(--book-binding);border-radius:12px;box-shadow:0 20px 44px #00000070;padding:18px;color:var(--book-ink)}.system-hub-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.system-hub-title{font-size:1.4em;font-weight:800}.system-hub-close{border:2px solid var(--book-binding);border-radius:8px;padding:6px 10px;background:var(--book-parchment-light);color:var(--book-ink);cursor:pointer;font-weight:700}.system-hub-section{margin-top:12px}.system-hub-section-title{font-size:1.02em;font-weight:800;margin-bottom:8px}.system-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.system-character-chip{text-align:left;border:2px solid var(--book-binding);border-radius:10px;background:var(--book-parchment-light);color:var(--book-ink);padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;min-height:52px}.system-character-chip:hover{transform:translateY(-1px);border-color:var(--book-accent);box-shadow:0 4px 12px #0000002e}.system-character-chip.active{border-color:var(--book-accent);background:linear-gradient(135deg,#c9734138,#8b451329)}.system-character-chip .chip-icon{font-size:1.05rem;flex-shrink:0}.system-character-chip .chip-name{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-character-chip .chip-active{font-size:.72rem;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--book-accent) 70%,black 30%);color:var(--book-parchment);font-weight:700;flex-shrink:0}.system-actions-grid{display:flex;flex-wrap:wrap;gap:8px}.system-action-btn{border:2px solid var(--book-binding);border-radius:9px;background:var(--book-parchment-light);color:var(--book-ink);font-weight:700;padding:10px 12px;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.system-action-btn:hover{transform:translateY(-1px);border-color:var(--book-accent);box-shadow:0 4px 10px #0003}.system-action-btn.danger{border-color:#b43b45;color:#7a1017}.sprite-hurt{animation:sprite-flash .18s ease-in-out 1;animation-fill-mode:forwards}@keyframes sprite-flash{0%{filter:brightness(1) saturate(1);box-shadow:none}25%{filter:brightness(3) saturate(.1) hue-rotate(0deg);box-shadow:0 0 20px #f00c}50%{filter:brightness(2.5) saturate(.2) hue-rotate(15deg);box-shadow:0 0 15px #ff646499}75%{filter:brightness(2) saturate(.4) hue-rotate(-10deg);box-shadow:0 0 10px #ff323266}to{filter:brightness(1) saturate(1);box-shadow:none}}.sprite-container{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.sprite-death{position:relative;animation:sprite-death-pulse 3s ease-in-out infinite;filter:brightness(1.05) saturate(.9) contrast(1.05) drop-shadow(0 0 4px rgba(255,0,80,.45)) drop-shadow(0 0 10px rgba(255,60,120,.35))}@keyframes sprite-death-pulse{0%{filter:brightness(1.05) saturate(.9) contrast(1.05) drop-shadow(0 0 4px rgba(255,0,80,.45)) drop-shadow(0 0 10px rgba(255,60,120,.35))}50%{filter:brightness(1.25) saturate(1.1) contrast(1.1) drop-shadow(0 0 6px rgba(255,40,140,.55)) drop-shadow(0 0 14px rgba(255,120,200,.45))}to{filter:brightness(1.05) saturate(.9) contrast(1.05) drop-shadow(0 0 4px rgba(255,0,80,.45)) drop-shadow(0 0 10px rgba(255,60,120,.35))}}.ko-timer-bar{position:relative;width:100%;height:14px;background:#280a0fd9;border:2px solid #5c1625;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0009,0 0 8px #b41e3c80}.ko-timer-bar-fill{height:100%;background:linear-gradient(90deg,#641220,#8a1e2f 35%,#c02f45 65%,#ff6b6b);box-shadow:inset 0 0 4px #fff3,0 0 6px #ff506e8c;transition:width .5s linear;position:relative}.ko-timer-bar-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ffffff14 0 6px,#fff0 6px 12px);mix-blend-mode:overlay;pointer-events:none}.ko-timer-label{position:absolute;top:-20px;right:0;font-size:11px;font-weight:600;letter-spacing:.5px;color:#ff92a5;text-shadow:0 0 4px rgba(255,50,90,.8),0 0 8px rgba(255,100,140,.5);pointer-events:none}.sprite-spawning{animation:sprite-spawn 1.5s ease-out forwards}@keyframes sprite-spawn{0%{opacity:0;transform:translateY(20px) scale(.8);filter:brightness(1.5) blur(2px)}30%{opacity:.7;transform:translateY(10px) scale(.9);filter:brightness(1.3) blur(1px)}60%{opacity:.9;transform:translateY(5px) scale(1.05);filter:brightness(1.1) blur(.5px)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1) blur(0px)}}.book-tabs-container{position:relative;width:100%;height:52px;z-index:15;margin-bottom:-17px}.book-tabs-wrapper{position:relative;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;height:100%;pointer-events:auto;padding:0 4px}.character-book-tabs,.action-book-tabs{display:flex;gap:6px}.book-tab{position:relative;background:#8b451326;border:2px solid var(--book-binding);border-bottom:2px solid var(--book-binding);border-radius:8px 8px 0 0;padding:8px 16px;min-width:120px;height:36px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a,inset 0 1px 2px #8b451333;margin-left:calc(var(--tab-index) * -4px);transform:translateY(0);z-index:calc(12 + var(--tab-index))}.book-tab.active{background:#8b451340;border-color:var(--book-binding-dark);transform:translateY(-2px);height:40px;padding:10px 18px;z-index:18;box-shadow:0 2px 12px #00000026,inset 0 2px 4px #8b45134d}.book-tab-content{display:flex;align-items:center;gap:6px;font-size:.9em;font-weight:600;color:var(--book-ink);white-space:nowrap;text-shadow:var(--text-shadow)}.book-tab-icon{font-size:1.1em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.book-tab-name{font-family:Alagard,Cinzel,serif;font-size:.85em;letter-spacing:.5px}.book-tab-corner{position:absolute;bottom:-2px;right:-8px;width:8px;height:8px;background:var(--book-parchment-dark);border-radius:0 0 4px;transform:skew(-10deg);opacity:.7}.book-tab.active .book-tab-corner{background:var(--book-parchment)}.book-tab:hover:not(.active){background:var(--book-parchment);transform:translateY(1px);box-shadow:0 -3px 8px #0000001f,inset 0 1px 3px #ffffff26}.book-tab.character-tab .book-tab-content{color:var(--book-ink)}.book-tab.character-tab.active .book-tab-content{color:var(--book-ink);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3)}.book-tab.create-tab{background:linear-gradient(135deg,#28a74533,#28a7451a);border:2px solid #28a745;border-bottom:3px solid #1e7e34;min-width:100px;box-shadow:0 -2px 8px #28a74526,inset 0 1px 2px #ffffff1a;transition:all .3s ease}.book-tab.create-tab:hover{background:linear-gradient(135deg,#28a74559,#28a74533);border-color:#28a745;border-bottom-color:#1e7e34;transform:translateY(-1px);box-shadow:0 -4px 12px #28a74540,inset 0 2px 4px #ffffff26}.book-tab.create-tab .book-tab-content{color:#28a745;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.book-tab.create-tab .book-tab-icon{color:#28a745;font-weight:700;font-size:1.2em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.book-tab.action-tab{background:linear-gradient(135deg,var(--book-parchment),var(--book-parchment-light));border:2px solid #dc3545;border-bottom:3px solid #b02a37;border-top:4px solid #dc3545;min-width:100px;box-shadow:var(--page-shadow),0 -2px 8px #dc35454d,inset 0 1px 2px #fff3;transition:all .3s ease;position:relative}.book-tab.home-tab{background:linear-gradient(135deg,var(--book-parchment),var(--book-parchment-light));border:2px solid #4a9eff;border-bottom:3px solid #2c7be5;border-top:4px solid #4a9eff;min-width:100px;box-shadow:var(--page-shadow),0 -2px 8px #4a9eff4d,inset 0 1px 2px #fff3;transition:all .3s ease;position:relative}.book-tab.action-tab:hover{background:linear-gradient(135deg,var(--book-parchment-light),var(--book-accent));border-color:#dc3545;border-bottom-color:#b02a37;border-top-color:#dc3545;transform:translateY(-2px);box-shadow:var(--page-shadow),0 -4px 16px #dc354566,inset 0 2px 4px #ffffff40}.book-tab.home-tab:hover{background:linear-gradient(135deg,var(--book-parchment-light),var(--book-accent));border-color:#4a9eff;border-bottom-color:#2c7be5;border-top-color:#4a9eff;transform:translateY(-2px);box-shadow:var(--page-shadow),0 -4px 16px #4a9eff66,inset 0 2px 4px #ffffff40}.book-tab.action-tab .book-tab-content{color:#dc3545;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.15)}.book-tab.home-tab .book-tab-content{color:#4a9eff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.15)}.book-tab.action-tab .book-tab-icon{color:#dc3545;font-size:1.3em;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.book-tab.home-tab .book-tab-icon{color:#4a9eff;font-size:1.3em;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}@media(max-width:768px){.book-tabs-container{height:40px;margin-bottom:-15px}.character-name-label{font-size:.75em;padding:5px 8px;min-width:60px}.character-names-display{top:-32px}.book-tab{min-width:30px;height:30px;padding:4px 6px}.book-tab.active{height:34px;padding-top:6px}.book-tab-icon{font-size:1em}}@media(max-width:480px){.book-tabs-container{height:36px;margin-bottom:-12px}.character-name-label{font-size:.7em;padding:4px 6px;min-width:50px}.character-names-display{top:-28px}.book-tab{min-width:28px;padding:3px 4px}.book-tab-icon{font-size:1.1em}}@media(max-width:360px){.book-tabs-container{height:32px;padding:0 2px;margin-bottom:-8px}.character-name-label{font-size:.6em;padding:2px 4px;min-width:40px;border-radius:3px}.character-names-display{gap:1px;margin:0 1px;top:-24px}.book-tab{min-width:24px;max-width:44px;padding:2px;font-size:.9em;border-radius:4px}.book-tab-icon{font-size:1em}.book-tab-name{font-size:.65em;font-weight:600;line-height:1.1}.book-tab.action-tab,.book-tab.home-tab{min-width:22px;max-width:38px;padding:2px 1px}.book-tab.action-tab .book-tab-icon,.book-tab.home-tab .book-tab-icon{font-size:.9em}.book-tab.action-tab .book-tab-name,.book-tab.home-tab .book-tab-name{font-size:.6em;line-height:1}.book-tab{min-height:28px}}@media(max-width:480px){.book-tabs-container{height:48px;padding:0 4px;margin-bottom:-12px}.character-name-label{font-size:.6em;padding:2px 3px;min-width:35px;border-radius:3px}.character-names-display{gap:-2px;margin:0 2px;top:-36px}.book-tab.character-tab{min-width:80px;max-width:112px;padding:8px 6px;margin-right:-12px;font-size:1.2em;border-radius:8px;z-index:1}.book-tab.character-tab.active{z-index:2;margin-right:-6px}.book-tab.character-tab .book-tab-name{display:none}.book-tab.character-tab .book-tab-icon{font-size:1.4em;margin:0}.book-tab.action-tab,.book-tab.home-tab{min-width:40px;max-width:60px;padding:4px 6px;margin-right:4px;z-index:3}.book-tab.action-tab .book-tab-icon,.book-tab.home-tab .book-tab-icon{font-size:.9em}.book-tab.action-tab .book-tab-name,.book-tab.home-tab .book-tab-name{font-size:.7em;line-height:1.1;font-weight:600}.book-tab.create-tab{min-width:80px;max-width:112px;margin-right:-12px}.book-tab.create-tab .book-tab-name{display:none}.book-tab.create-tab .book-tab-icon{font-size:1.3em}}.dark-mode .book-tab{box-shadow:0 -2px 6px #ffffff0d,inset 0 1px 2px #ffffff0d}.dark-mode .book-tab.active{box-shadow:0 -4px 12px #ffffff14,inset 0 2px 4px #ffffff1a}.dark-mode .book-tab:hover:not(.active){box-shadow:0 -3px 8px #ffffff0f,inset 0 1px 3px #ffffff14}.character-creation-modal{position:fixed;inset:0;z-index:50000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--book-parchment);border-radius:12px;box-shadow:0 20px 60px #0006;max-width:clamp(900px,90vw,1400px);width:100%;max-height:90vh;overflow-y:auto;border:2px solid var(--book-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--book-border);background:var(--book-header-bg)}.modal-header h3{margin:0;font-family:Alagard,Cinzel,serif;font-size:1.4em;font-weight:600;color:var(--book-ink)}.modal-close{background:none;border:none;font-size:1.5em;color:var(--book-ink);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#0000001a;transform:scale(1.1)}.modal-body{padding:0}.modal-content .book-container{margin:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;height:auto!important;max-height:none!important;width:100%!important;max-width:none!important;overflow:visible!important}.modal-content .book-page{border-radius:0 0 12px 12px!important;height:auto!important;min-height:auto!important;overflow:visible!important}@media(min-width:1200px){.modal-content .book-page:first-child{border-right:2px solid var(--book-binding)}}@media(max-width:1199px){.modal-content .book-page:first-child{border-right:none}}@media(max-width:768px){.character-creation-modal{padding:10px}.modal-content{max-width:100%;max-height:90vh;border-radius:8px}.modal-header{padding:16px 20px 12px}.modal-header h3{font-size:1.2em}}@media(min-width:769px)and (max-width:1199px){.character-creation-modal{padding:16px}.modal-content{max-width:960px;max-height:90vh}}@media(min-width:1200px){.character-creation-modal{padding:24px}.modal-content{max-width:clamp(1200px,85vw,1400px);max-height:90vh}}.chronicle-sub-navigation{display:flex;flex-direction:column;align-items:center;margin:15px 0 10px;padding:0 15px}.chronicle-nav-wrapper{display:flex;gap:4px;background:linear-gradient(135deg,var(--book-page) 0%,#f5f1e8 100%);border-radius:8px;padding:4px;box-shadow:0 2px 6px #8b451333,inset 0 1px #ffffff4d;border:2px solid var(--book-binding);position:relative}.chronicle-nav-wrapper:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--book-binding),transparent);opacity:.3}.chronicle-sub-tab{display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;min-width:100px;color:var(--book-ink);font-family:var(--book-font);font-weight:500}.chronicle-sub-tab:hover{background:#8b45131a;color:var(--book-binding);transform:translateY(-1px);box-shadow:0 2px 4px #8b451333}.chronicle-sub-tab.active{background:linear-gradient(135deg,var(--book-binding) 0%,#a0522d 100%);color:var(--book-page);box-shadow:0 3px 8px #8b45134d,inset 0 1px #fff3;transform:translateY(-1px)}.chronicle-sub-tab.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--book-binding)}.tab-icon{font-size:1em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.tab-text{font-size:.8em;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.1)}.tab-subtitle{font-size:.7em;opacity:.7;font-style:italic;font-weight:400;margin-left:4px}.chronicle-sub-tab.active .tab-subtitle{opacity:.9}.chronicle-tab-indicator{width:80%;height:2px;background:#8b451333;border-radius:1px;margin-top:8px;position:relative;overflow:hidden}.indicator-line{position:absolute;top:0;height:100%;width:50%;background:linear-gradient(90deg,var(--book-binding),#a0522d);border-radius:1px;transition:transform .3s ease;box-shadow:0 0 4px #8b451366}.indicator-line.left{transform:translate(0)}.indicator-line.right{transform:translate(100%)}@media(max-width:768px){.chronicle-sub-navigation{margin:15px 0 10px;padding:0 15px}.chronicle-nav-wrapper{padding:4px;gap:2px}.chronicle-sub-tab{padding:10px 15px;min-width:120px}.tab-icon{font-size:1.5em;margin-bottom:4px}.tab-text{font-size:1em}.tab-subtitle{font-size:.7em}.chronicle-tab-indicator{margin-top:8px}}@keyframes chronicle-glow{0%{box-shadow:0 4px 8px #4a9eff26}50%{box-shadow:0 6px 12px #4a9eff40}to{box-shadow:0 4px 8px #4a9eff26}}.chronicle-sub-tab:hover{animation:chronicle-glow 2s ease-in-out infinite}.chronicle-sub-tab.active{animation:none}.dark-mode .chronicle-nav-wrapper{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#4a9eff4d}.dark-mode .chronicle-sub-tab{color:#ccc}.dark-mode .chronicle-sub-tab:hover{color:#4a9eff}.dark-mode .chronicle-tab-indicator{background:#4a9eff26}.chronicle-zone-card{background:var(--book-gradient);border:3px solid var(--book-binding);border-radius:12px;padding:20px;margin:0;color:var(--book-ink);box-shadow:var(--page-shadow),inset 0 0 20px #8b45131a,0 0 0 1px var(--book-binding-dark);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:default;font-family:"Alagard",inherit}.chronicle-zone-card:hover{transform:translateY(-5px) rotate(.5deg);box-shadow:0 12px 40px #2c181026,inset 0 0 30px #8b451326,0 0 0 2px var(--book-binding)}.chronicle-zone-card.loading{opacity:.7;background:var(--book-parchment-dark)}.zone-card-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid var(--book-binding);position:relative}.zone-card-icon{font-size:1.8em;filter:drop-shadow(var(--text-shadow));color:var(--book-accent)}.zone-card-title{margin:0;font-weight:700;text-shadow:var(--text-shadow);color:var(--book-ink);font-family:"Alagard",inherit;font-size:1.4em}.zone-card-content{color:var(--book-ink);line-height:1.6;text-shadow:var(--text-shadow);display:flex;flex-direction:column;gap:15px}.zone-stat-section{background:var(--book-parchment-dark);padding:15px;border-radius:8px;border:2px solid var(--book-binding);box-shadow:inset 0 1px 3px #8b451333}.zone-section-title{margin:0 0 10px;font-weight:700;text-shadow:var(--text-shadow);color:var(--book-binding);font-family:"Alagard",inherit;font-size:1.1em}.zone-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(139,69,19,.2)}.zone-stat-row:last-child{border-bottom:none}.zone-stat-label{font-family:"Alagard",inherit;color:var(--book-ink);font-size:.95em;font-weight:400}.zone-stat-value{font-family:"Alagard",inherit;color:var(--book-accent);font-weight:700;font-size:1.1em;text-shadow:var(--text-shadow)}.zone-card-footer{margin-top:15px;padding-top:12px;border-top:1px solid var(--book-binding);text-align:center}.zone-flavor-text{font-family:"Alagard",inherit;font-size:.9em;color:var(--book-ink-light);font-style:italic}.chronicle-zone-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,69,19,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,69,19,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(44,24,16,.02) 0%,transparent 30%);pointer-events:none;opacity:.8}@media(min-width:1200px){.desktop-book-layout-shell{display:flex;align-items:stretch;justify-content:flex-start;width:100%;min-height:100vh;max-height:100vh;padding:0 4px 0 10px;box-sizing:border-box;gap:0;overflow:hidden}.desktop-book-layout-shell .responsive-book-container.desktop-book{margin:0;flex:0 0 auto}.desktop-bookmark-navigation{width:calc(clamp(48px,3.4vw,66px) + 15px);min-width:calc(clamp(48px,3.4vw,66px) + 15px);display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:14px 0 8px;position:relative;z-index:3;margin-left:-1px;align-self:stretch}.desktop-bookmark-stack{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:flex-start;align-content:flex-start}.desktop-bookmark-hub-wrap{margin:4px 0}.desktop-bookmark-btn{width:100%;min-height:clamp(56px,4.2vw,70px);border:2px solid var(--book-rail-button-border);border-color:var(--book-rail-button-border) var(--book-binding) var(--book-rail-button-border) var(--book-rail-button-border);border-radius:10px 0 0 10px;background:var(--book-rail-button-bg);color:var(--book-rail-button-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:Alagard,serif;font-size:12px;font-weight:700;text-align:center;line-height:1.05;cursor:pointer;box-shadow:var(--book-rail-button-shadow),inset 0 0 0 1px var(--book-rail-button-inner-stroke);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .2s ease;padding:6px 8px;transform-origin:center left;flex:1}.desktop-bookmark-btn:hover{border-color:color-mix(in srgb,var(--book-rail-button-border) 85%,white 15%) var(--book-binding) color-mix(in srgb,var(--book-rail-button-border) 85%,white 15%) color-mix(in srgb,var(--book-rail-button-border) 85%,white 15%) color-mix(in srgb,var(--book-rail-button-border) 85%,white 15%);background:var(--book-rail-button-hover-bg);box-shadow:0 5px 12px #180c085c,inset 0 0 0 1px #ffe4b33d}.desktop-bookmark-btn.active{background:var(--book-rail-button-active-bg);color:var(--book-rail-button-text-active);border-color:color-mix(in srgb,var(--book-rail-button-border) 78%,white 22%) var(--book-binding-dark) color-mix(in srgb,var(--book-rail-button-border) 78%,white 22%) color-mix(in srgb,var(--book-rail-button-border) 78%,white 22%) color-mix(in srgb,var(--book-rail-button-border) 78%,white 22%);width:calc(100% + 5px);box-shadow:0 0 0 1px #f7c7705c,0 0 10px #d4a2573d,inset 0 0 0 1px #ffebc242;transform:translate(-5px)}.desktop-bookmark-btn.bookmark-hub{min-height:calc(clamp(56px,4.2vw,70px)*2 + 8px);font-size:12px;border-right-width:4px}.desktop-bookmark-btn.bookmark-hub .desktop-bookmark-title{font-size:13px;letter-spacing:.2px}.desktop-bookmark-subnav-btn{min-height:clamp(52px,3.7vw,64px);padding:5px 8px;margin-right:10px;width:calc(100% - 10px);border-right-width:3px;box-shadow:0 3px 8px #180c0838,inset 0 0 0 1px var(--book-rail-button-inner-stroke)}.desktop-bookmark-subnav-btn .desktop-bookmark-icon{font-size:15px}.desktop-bookmark-subnav-btn .desktop-bookmark-title{font-size:11px;line-height:1.05}.desktop-bookmark-btn.nux-glow{border-color:#fbbf24 #fbbf24 #fbbf24 var(--book-binding);box-shadow:0 0 0 2px #fbbf2459,0 0 14px #fbbf2499;animation:housing-nux-glow 1.35s ease-in-out infinite}.desktop-bookmark-btn.onboarding-nav-glow{border-color:#ffd56d #ffd56d #ffd56d var(--book-binding);box-shadow:0 0 0 2px #ffd56d61,0 0 16px #ffd56d9e,inset 0 0 0 1px #ffeec347;animation:onboarding-menu-glow 1.2s ease-in-out infinite}.party-invite-glow{border-color:#fbbf24!important;box-shadow:0 0 0 2px #fbbf2459,0 0 12px #fbbf2480!important;animation:party-invite-blink 1.5s ease-in-out infinite!important}.desktop-bookmark-icon{font-size:17px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.desktop-bookmark-title{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.15;text-shadow:0 1px 1px rgba(0,0,0,.35)}.desktop-bookmark-subtitle{font-size:9px;font-weight:600;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.responsive-book-container.desktop-book{display:flex;flex-direction:column;width:clamp(1200px,95vw,2800px);margin:0 auto;min-height:100vh;max-height:100vh;height:100%;background:var(--book-gradient);border:4px solid var(--book-binding);border-radius:12px;box-shadow:var(--page-shadow);position:relative}.desktop-top-bar{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,16px) clamp(16px,2.5vw,32px);border-bottom:none;background:var(--book-parchment-light);gap:clamp(12px,2vw,32px);box-shadow:inset 0 -1px #2c181026}.desktop-character-tabs{flex:1}.desktop-navigation-buttons{margin-bottom:16px}.desktop-navigation-buttons .nav-grid{margin:0;padding:0;background:none;border:none;border-radius:0}.desktop-navigation-classic{display:flex;align-items:center;justify-content:center;width:100%}.nav-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,60px);gap:6px;width:100%;max-width:none}.nav-grid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background:var(--book-button-bg);color:var(--book-ink);border:2px solid var(--book-binding);border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:var(--book-font);font-size:14px;font-weight:600;text-align:center;line-height:1.1}.nav-grid-btn:hover{background:var(--book-button-hover-bg);border-color:var(--book-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.nav-grid-btn.active{background:var(--book-accent);color:var(--book-page-bg);border-color:var(--book-accent);box-shadow:0 0 8px #8b45134d}.nav-grid-btn.hub-btn{font-weight:700;padding:10px 0;min-width:0}.nav-grid-btn.hub-btn .nav-btn-title{font-size:19px;line-height:1.1;padding:0 4px}.nav-grid-btn.hub-btn.active{background:linear-gradient(135deg,#8b4513,sienna);border-color:#654321}.nav-grid-btn.hub-btn:hover{background:linear-gradient(135deg,sienna,peru);border-color:var(--book-accent)}.nav-grid-btn.nux-glow{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2459,0 0 14px #fbbf24a6,0 0 26px #fbbf2459;animation:housing-nux-glow 1.35s ease-in-out infinite}.nav-grid-btn.nux-glow .nav-btn-icon{filter:drop-shadow(0 0 4px rgba(251,191,36,.75)) drop-shadow(0 1px 1px rgba(0,0,0,.3))}@keyframes housing-nux-glow{0%,to{transform:translateY(0);box-shadow:0 0 0 2px #fbbf2459,0 0 14px #fbbf24a6,0 0 26px #fbbf2459}50%{transform:translateY(-1px);box-shadow:0 0 0 3px #fbbf2473,0 0 18px #fbbf24cc,0 0 30px #fbbf2473}}@keyframes onboarding-menu-glow{0%,to{box-shadow:0 0 0 2px #ffd56d57,0 0 12px #ffd56d85,inset 0 0 0 1px #ffeec338}50%{box-shadow:0 0 0 3px #ffe2947a,0 0 22px #ffd56dc7,inset 0 0 0 1px #ffeec357}}@keyframes party-invite-blink{0%,to{box-shadow:0 0 0 2px #fbbf244d,0 0 8px #fbbf2459}50%{box-shadow:0 0 0 3px #fbbf248c,0 0 18px #fbbf24b3,0 0 28px #fbbf244d}}.nav-btn-icon{font-size:24px;margin-bottom:4px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.nav-btn-title{font-size:13px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,.3);white-space:pre-line;line-height:1}.desktop-nav-section-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--book-button-bg);color:var(--book-ink);border:2px solid var(--book-binding);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--book-font);white-space:nowrap}.desktop-nav-section-btn:hover{background:var(--book-button-hover-bg);border-color:var(--book-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.desktop-nav-expanded{display:flex;gap:3px;align-items:center}.desktop-nav-page-btn{display:flex;align-items:center;gap:3px;padding:4px 6px;background:var(--book-button-bg);color:var(--book-ink);border:1px solid var(--book-binding);border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--book-font);white-space:nowrap}.desktop-nav-page-btn:hover{background:var(--book-button-hover-bg);border-color:var(--book-accent)}.desktop-nav-page-btn.active{background:var(--book-accent);color:var(--book-page-bg);border-color:var(--book-accent);box-shadow:0 0 8px #8b45134d}.desktop-nav-back-btn{display:flex;align-items:center;gap:3px;padding:4px 6px;background:#c8643233;color:var(--book-ink);border:1px solid var(--book-binding);border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--book-font);white-space:nowrap}.desktop-nav-back-btn:hover{background:#c864324d;transform:translateY(-1px)}.desktop-book-pages{display:flex;flex:1;min-height:0;height:auto;gap:0;overflow:hidden}.desktop-left-page{flex:1;min-width:400px;max-width:50%;border-right:none;background:var(--book-parchment);display:flex;flex-direction:column;overflow:hidden;min-height:0}.desktop-right-page{flex:1;min-width:400px;max-width:50%;background:var(--book-parchment-light);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:0}@media(min-width:1200px)and (max-width:1599px){.desktop-left-page,.desktop-right-page{min-width:350px}}@media(min-width:1600px){.desktop-left-page,.desktop-right-page{min-width:500px}}@media(min-width:2000px){.desktop-left-page,.desktop-right-page{min-width:600px}}.left-page-content{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;padding:15px;gap:15px}.right-page-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:15px 0 0;overflow-y:auto;overflow-x:hidden}.desktop-character-portrait{flex:1;min-height:0;border:none;border-radius:0;overflow:hidden;background:color-mix(in srgb,var(--book-parchment-dark) 88%,transparent)}.desktop-character-portrait.has-footer{flex:.8}.responsive-book-container.desktop-book .desktop-character-portrait .character-portrait,.desktop-character-portrait .character-portrait.character-portrait{height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;padding:8px!important;border:none!important;border-radius:0!important;aspect-ratio:auto!important;width:100%!important;background-size:cover!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;flex:1!important}.desktop-live-events{flex:1;display:flex;flex-direction:column;min-height:0;border:none;border-radius:0;overflow:hidden;background:var(--book-parchment)}.desktop-live-events.has-portrait-footer{flex:1}.responsive-book-container.desktop-book.rusty-workshop-focus .left-page-content{position:relative;gap:0}.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-character-portrait.has-footer{flex:.53}.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-portrait-footer{flex:.1;position:relative;z-index:3}.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-live-events.has-portrait-footer,.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-live-events{flex:.44;min-height:0;border-top:1px solid color-mix(in srgb,var(--book-binding) 18%,transparent);background:var(--book-parchment);overflow:hidden}.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-live-events:has(.adventure-log-shell.minimized){flex:.08}.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-character-portrait .character-portrait[data-effective-zone-id=rusty_tavern_workshop_complete],.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-character-portrait .character-portrait[data-effective-zone-id=rusty_tavern_market_complete],.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-character-portrait .character-portrait[data-effective-zone-id=rusty_tavern_alchemy_complete]{background-size:70% auto!important;background-position:center bottom!important;background-color:color-mix(in srgb,var(--book-parchment-dark) 88%,black 12%)!important;background-repeat:no-repeat!important}@media(orientation:portrait){.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-character-portrait .character-portrait[data-effective-zone-id=rusty_tavern_workshop_complete],.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-character-portrait .character-portrait[data-effective-zone-id=rusty_tavern_market_complete],.responsive-book-container.desktop-book.rusty-workshop-focus .desktop-character-portrait .character-portrait[data-effective-zone-id=rusty_tavern_alchemy_complete]{background-size:90% auto!important;background-position:center bottom!important}}.desktop-portrait-footer{flex:.2;min-height:0;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--book-binding) 18%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 94%,transparent),color-mix(in srgb,var(--book-parchment) 90%,var(--book-binding) 10%));box-shadow:inset 0 1px #ffffff2e}.nav-tab-option.active{background:var(--book-accent);color:var(--book-page-bg);border-color:var(--book-accent)}.desktop-tab-navigation{border-bottom:2px solid var(--book-binding-dark);background:var(--book-parchment);padding:10px 0}.desktop-tabs{display:flex;gap:clamp(2px,.5vw,8px);padding:0 clamp(8px,1.5vw,20px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.desktop-tabs::-webkit-scrollbar{display:none}.desktop-tab{display:flex;align-items:center;gap:clamp(4px,.8vw,12px);padding:clamp(6px,1vw,12px) clamp(12px,2vw,24px);border:2px solid var(--book-binding);border-radius:6px;background:var(--book-parchment-light);color:var(--book-ink);font-family:"Alagard",inherit;font-size:clamp(.8em,1.2vw,1em);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;flex:0 1 auto}.desktop-tab:hover{background:var(--book-parchment);border-color:var(--book-accent);transform:translateY(-1px)}.desktop-tab.active{background:var(--book-accent);color:var(--book-parchment);border-color:var(--book-binding-dark);box-shadow:inset 0 2px 4px #0003}.desktop-tab .tab-icon{font-size:1.2em}.desktop-tab .tab-label{font-weight:700}.desktop-tab-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0}.desktop-right-page-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.enhanced-book-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:40px;text-align:center;color:var(--book-ink-light);background:var(--book-parchment);border:3px solid var(--health-red);border-radius:12px;margin:20px}.enhanced-book-error h2{color:var(--health-red);font-size:1.5em;margin-bottom:10px}.enhanced-book-wrapper{width:100%;height:100%}}@media(min-width:1200px)and (max-width:1399px){.desktop-book-layout-shell{justify-content:center;padding:0;gap:0}.desktop-book-layout-shell .responsive-book-container.desktop-book{margin:0 auto}}@media(max-width:1499px){.responsive-book-container.mobile-book{position:relative;background:var(--book-gradient);border:none;border-radius:0;box-shadow:none;width:100%;max-width:100%;margin:0;font-family:"Alagard",inherit;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:100vh;min-height:100svh;min-height:100dvh;height:calc(100dvh - 96px);max-height:calc(100dvh - 96px);padding-bottom:0;z-index:1;overscroll-behavior:contain;touch-action:pan-y}}#book-root .action-bar-buttons>*{flex:0 0 auto}#book-root .action-bar-buttons.dynamic>*{flex:0 1 var(--action-btn-basis, 250px);min-width:110px;max-width:250px;min-height:4rem}#book-root .action-bar-buttons.fixed-width>*{flex:0 0 var(--action-btn-basis, 230px)!important;width:var(--action-btn-basis, 230px);max-width:var(--action-btn-basis, 230px)}.carousel-arrow-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html.dark .carousel-arrow-btn{color:var(--book-parchment)}.book-action-btn,html.dark .book-action-btn{border-color:#000!important}.book-action-btn .loop-segment{border-color:#0000008c!important}html.dark .book-action-btn .loop-segment{border-color:#ffffff40!important}body.dark-mode #book-root .book-action-btn{border-color:#000!important;background-clip:padding-box}body.dark-mode #book-root .book-action-btn:before,body.dark-mode #book-root .book-action-btn:after{box-shadow:none!important}body.dark-mode #book-root .book-action-btn:hover{border-color:#000!important}@media(max-width:640px){.action-bar-buttons:not(.dynamic) button,.action-bar-buttons:not(.dynamic) [role=button]{transform:scale(.92)}}@media(max-width:480px){.action-bar-buttons:not(.dynamic) button,.action-bar-buttons:not(.dynamic) [role=button]{transform:scale(.86)}}[data-dense=true] .action-bar-buttons>div>*{will-change:transform}#gathering-duration-popover,#gathering-duration-popover *{background-image:none!important}#gathering-duration-popover button{font-family:var(--font-main)!important;line-height:1.2!important}#gathering-duration-popover button span{text-shadow:none!important}#gathering-duration-popover button.bg-book-parchment{background:var(--book-parchment)!important}#gathering-duration-popover .gather-popover-title{color:var(--book-accent, #d97706)!important}#gathering-duration-popover .gather-options-wrapper{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#gathering-duration-popover .gather-option-button{background:var(--book-parchment)!important;color:var(--book-ink)!important}html.dark #gathering-duration-popover .gather-option-button{background:#ffffff12!important;color:#f5f2e9!important}#gathering-duration-popover .gather-option-button:hover{background:var(--book-parchment-light)!important}html.dark #gathering-duration-popover .gather-option-button:hover{background:#ffffff1f!important}#gathering-duration-popover .gather-option-button>span.whitespace-nowrap,#gathering-duration-popover .focus-toggle-btn>span.whitespace-nowrap{white-space:normal!important;width:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}#gathering-duration-popover .gather-option-title{color:inherit!important}#gathering-duration-popover .gather-option-desc{color:inherit!important;opacity:.85}#gathering-duration-popover .focus-toggle-btn{background:var(--book-parchment-light)!important;color:var(--book-ink)!important}html.dark #gathering-duration-popover .focus-toggle-btn{background:#ffffff17!important;color:#f8f5ec!important}html.dark #gathering-duration-popover .focus-toggle-btn:hover{background:#ffffff24!important}#gathering-duration-popover .gather-option-button span,#gathering-duration-popover .focus-toggle-btn span{text-shadow:none!important}#gathering-duration-popover .gather-option-button{box-shadow:0 1px 2px #00000040}#gathering-duration-popover .gather-option-button:focus-visible{outline:2px solid var(--book-accent);outline-offset:2px}#gathering-duration-popover .gather-options-wrapper{box-shadow:inset 0 0 0 1px #00000026}#gathering-duration-popover{font-size:16px;line-height:1.25}#gathering-duration-popover .focus-toggle-btn,#gathering-duration-popover .focus-toggle-btn span{font-size:1.35rem!important}#gathering-duration-popover .gather-option-title{font-size:1.05rem!important;width:100%;text-align:center}#gathering-duration-popover .gather-option-desc{font-size:.9rem!important;opacity:.9;width:100%;text-align:center}#gathering-duration-popover .gather-popover-header,#gathering-duration-popover .relative.-mx-8.-mt-6{background:var(--book-binding)!important}@media(max-width:640px){button.live-events-tab-btn[style],button.live-events-tab-btn,.live-events-tab-btn[style],.live-events-tab-btn{padding:.15rem .32rem!important;font-size:.625rem!important;line-height:1.1!important;min-height:24px!important;max-height:28px!important;height:auto!important;white-space:nowrap!important}}@media(max-width:640px){button.chat-zone-tab-btn[style],button.chat-zone-tab-btn,.chat-zone-tab-btn[style],.chat-zone-tab-btn{padding:.15rem .32rem!important;font-size:.625rem!important;line-height:1.1!important;min-height:24px!important;max-height:28px!important;height:auto!important;white-space:nowrap!important}}@media(max-width:640px){.chat-messages-container>div,.chat-message-item{font-size:.95rem!important}.chat-messages-container span{font-size:.95rem!important}}@media(max-width:640px){.chat-input-field{padding:.35rem!important;font-size:.9rem!important}.chat-send-button{padding:.35rem .7rem!important;font-size:.9rem!important}}.portrait-nameplate-integrated{padding:8px 10px;margin-bottom:8px}@media(max-width:640px){.portrait-nameplate-integrated{padding:6px 8px;margin-bottom:6px}.portrait-nameplate-integrated .info-name{font-size:1.1em!important}}@media(min-width:768px)and (max-width:1199px){.portrait-nameplate-integrated .info-name{font-size:1.4em!important}.portrait-nameplate-integrated span{font-size:1.3em!important}.portrait-nameplate-integrated .avatar-circle-compact{width:42px!important;height:42px!important}.portrait-nameplate-integrated .avatar-initials-compact{font-size:1.4em!important}.portrait-nameplate-integrated .avatar-class-indicator-compact{width:18px!important;height:18px!important;font-size:.9em!important}.portrait-nameplate-integrated .portrait-vitals-stack>div{height:18px!important}.portrait-nameplate-integrated .portrait-vitals-stack>div span{font-size:.85em!important}.portrait-nameplate-integrated div[style*="margin-top: 2px"]>div{font-size:1em!important}}@media(min-width:1200px){.character-name{font-size:2.9em}.character-title,.character-meta{font-size:1.8em}.character-level,.character-class,.character-zone,.character-gold{font-size:1.6em;padding:6px 12px}.vital-bar{height:36px}.vital-bar-text{font-size:1.4em}.portrait-avatar-inline .avatar-circle{width:45px;height:45px}.portrait-avatar-inline .avatar-initials{font-size:1.7em}.portrait-nameplate-integrated .info-name{font-size:1.4em!important}.portrait-nameplate-integrated span{font-size:1.3em!important}.portrait-nameplate-integrated .avatar-circle-compact{width:42px!important;height:42px!important}.portrait-nameplate-integrated .avatar-initials-compact{font-size:1.4em!important}.portrait-nameplate-integrated .avatar-class-indicator-compact{width:18px!important;height:18px!important;font-size:.9em!important}.portrait-nameplate-integrated .portrait-vitals-stack>div{height:18px!important}.portrait-nameplate-integrated .portrait-vitals-stack>div span{font-size:.85em!important}.portrait-nameplate-integrated div[style*="margin-top: 2px"]>div{font-size:1em!important}}@media(min-width:1600px){.character-name{font-size:3.3em}.character-title,.character-meta{font-size:2.1em}.character-level,.character-class,.character-zone,.character-gold{font-size:1.8em;padding:8px 14px}.vital-bar{height:42px}.vital-bar-text{font-size:1.6em}.portrait-avatar-inline .avatar-circle{width:52px;height:52px}.portrait-avatar-inline .avatar-initials{font-size:2em}.portrait-nameplate-integrated .info-name{font-size:1.6em!important}.portrait-nameplate-integrated span{font-size:1.5em!important}.portrait-nameplate-integrated .avatar-circle-compact{width:48px!important;height:48px!important}.portrait-nameplate-integrated .avatar-initials-compact{font-size:1.6em!important}.portrait-nameplate-integrated .avatar-class-indicator-compact{width:21px!important;height:21px!important;font-size:1em!important}.portrait-nameplate-integrated .portrait-vitals-stack>div{height:21px!important}.portrait-nameplate-integrated .portrait-vitals-stack>div span{font-size:1em!important}.portrait-nameplate-integrated div[style*="margin-top: 2px"]>div{font-size:1.15em!important}}@media(min-width:2000px){.character-name{font-size:3.5em}.character-title,.character-meta{font-size:2.2em}.character-level,.character-class,.character-zone,.character-gold{font-size:1.9em;padding:8px 16px}.vital-bar{height:44px}.vital-bar-text{font-size:1.7em}.portrait-avatar-inline .avatar-circle{width:56px;height:56px}.portrait-avatar-inline .avatar-initials{font-size:2.1em}.portrait-nameplate-integrated .info-name{font-size:1.7em!important}.portrait-nameplate-integrated span{font-size:1.6em!important}.portrait-nameplate-integrated .avatar-circle-compact{width:50px!important;height:50px!important}.portrait-nameplate-integrated .avatar-initials-compact{font-size:1.7em!important}.portrait-nameplate-integrated .avatar-class-indicator-compact{width:22px!important;height:22px!important;font-size:1.1em!important}.portrait-nameplate-integrated .portrait-vitals-stack>div{height:22px!important}.portrait-nameplate-integrated .portrait-vitals-stack>div span{font-size:1.05em!important}.portrait-nameplate-integrated div[style*="margin-top: 2px"]>div{font-size:1.2em!important}}@keyframes healSpriteSheet{0%{background-position:0 0}to{background-position:var(--heal-sprite-end, -960px) 0}}.action-bar-buttons{gap:1.5rem!important}.action-bar-buttons>*{margin-left:0!important;margin-right:0!important}.book-action-btn{border-radius:18px!important;overflow:hidden}.book-action-btn>span:first-child{border-top-left-radius:18px;border-bottom-left-radius:18px}.book-action-btn .loop-segment{border-top-right-radius:18px;border-bottom-right-radius:18px}.inventory-grid-responsive{grid-template-columns:repeat(auto-fill,clamp(117px,24vw,158px));overflow-x:hidden}@media(max-width:1100px){.inventory-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(130px,140px))!important;gap:10px!important}}@media(max-width:700px){.inventory-grid-responsive{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow-y:visible!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:auto!important;padding-bottom:12px!important}.inventory-grid-responsive>div{padding:6px!important;border-radius:8px!important;border-width:2px!important}.inventory-grid-responsive>div>div:first-child{margin-bottom:4px!important;gap:3px!important}.inventory-grid-responsive>div>div:first-child>.inventory-badge{padding:1px 4px!important;font-size:.6em!important}.inventory-grid-responsive>div>div:nth-child(2){font-size:.85em!important;margin-bottom:3px!important;line-height:1.2!important}.inventory-grid-responsive>div>div:nth-child(3){display:none!important}.inventory-grid-responsive>div>div:nth-child(4){font-size:.7em!important;padding:3px 5px!important;margin-bottom:4px!important;line-height:1.3!important}.inventory-grid-responsive>div>div:nth-child(5){font-size:.75em!important;padding:2px 6px!important}.inventory-grid-responsive>div>div:last-child{margin-top:6px!important;padding-top:6px!important;gap:5px!important}.inventory-grid-responsive>div>div:last-child button{padding:6px 8px!important;font-size:.75em!important}}@media(max-width:480px){.inventory-grid-responsive{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.inventory-grid-responsive>div{padding:5px!important}.inventory-grid-responsive>div>div:first-child>.inventory-badge{font-size:.55em!important;padding:1px 3px!important}.inventory-grid-responsive>div>div:nth-child(2){font-size:.8em!important}.inventory-grid-responsive>div>div:nth-child(4){font-size:.65em!important}}.inventory-grid-responsive{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.inventory-icon-tile{padding:0!important;line-height:1!important}.inventory-grid-responsive::-webkit-scrollbar{width:8px}.inventory-grid-responsive::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.inventory-grid-responsive::-webkit-scrollbar-thumb{background:#8b451366;border-radius:4px}.inventory-grid-responsive::-webkit-scrollbar-thumb:hover{background:#8b451399}.tech-tree-container{padding:1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;color:#e5e7eb;min-height:600px;font-family:Alagard,monospace}.tech-tree-header{text-align:center;margin-bottom:2rem}.tech-tree-header h2{color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:1rem}.tech-tree-header p{color:#d1d5db;max-width:600px;margin:0 auto;line-height:1.6}.category-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-tabs button{padding:.75rem 1.5rem;border:2px solid #374151;border-radius:8px;background:#374151;color:#d1d5db;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Alagard,monospace;font-size:.9rem}.category-tabs button:hover{background:#4b5563;border-color:#6b7280;transform:translateY(-2px)}.category-tabs button.active{background:#d97706;border-color:#f59e0b;color:#fff;box-shadow:0 4px 12px #d977064d}.tech-tree-content{display:flex;gap:2rem;align-items:flex-start}.tech-tree-grid{flex:1}.tech-tree-grid h3{color:#fbbf24;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tech-tree-grid .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tech-node{background:#1f2937cc;border:2px solid #4b5563;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.tech-node:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);opacity:0;transition:opacity .3s ease}.tech-node:hover{border-color:#6b7280;background:#1f2937e6;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.tech-node:hover:before{opacity:1}.tech-node.selected{border-color:#fbbf24;background:#fbbf241a;box-shadow:0 0 20px #fbbf2433}.tech-node h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.tech-node p{color:#d1d5db;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.tech-node .node-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tech-node .node-details{font-size:.75rem;color:#9ca3af;line-height:1.3}.tech-node .node-details>div{margin-bottom:.25rem}.tech-node-details{width:320px;background:#1f2937f2;border:2px solid #4b5563;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 30px #0000004d;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.tech-node-details h3{color:#fbbf24;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tech-node-details h4{color:#fff;font-size:.9rem;margin-bottom:.5rem;font-weight:600}.tech-node-details .space-y-4>div{margin-bottom:1rem}.tech-node-details .space-y-1>div{margin-bottom:.25rem}.tech-node-details p{color:#d1d5db;font-size:.85rem;line-height:1.5}.tech-node-details .text-sm{font-size:.8rem;color:#d1d5db}.tech-node-details .text-gray-300{color:#d1d5db}.tech-node-details .prerequisites{background:#37415180;border-radius:6px;padding:.75rem;margin-top:.5rem}.tech-node-details .prerequisites div{color:#d1d5db;font-size:.8rem;margin-bottom:.25rem}.tech-node-details button{width:100%;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;font-weight:600;padding:.75rem 1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Alagard,monospace;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.tech-node-details button:hover{background:linear-gradient(135deg,#b45309,#d97706);transform:translateY(-2px);box-shadow:0 6px 20px #d9770666}.tech-node-details button:active{transform:translateY(0)}.tech-node-details .unlocked-status{background:#22c55e1a;border:2px solid #22c55e;border-radius:8px;padding:.75rem;text-align:center}.tech-node-details .unlocked-status .text-green-400{color:#4ade80;font-weight:600;margin-bottom:.25rem}.tech-node-details .unlocked-status .text-green-300{color:#86efac;font-size:.75rem}@media(max-width:1024px){.tech-tree-content{flex-direction:column}.tech-node-details{width:100%;position:static;max-height:none}}@media(max-width:768px){.tech-tree-container{padding:1rem}.category-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.category-tabs button{flex-shrink:0;padding:.5rem 1rem;font-size:.8rem}.tech-tree-grid .grid{grid-template-columns:1fr}.tech-node{padding:.75rem}.tech-node-details{padding:1rem}}.tech-tree-loading{display:flex;justify-content:center;align-items:center;height:400px;color:#fbbf24;font-size:1.2rem}.tech-tree-loading:after{content:"...";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.node-status-unlocked{background-color:#22c55e33;color:#4ade80;border:1px solid #22c55e}.node-status-available{background-color:#fbbf2433;color:#fbbf24;border:1px solid #f59e0b}.node-status-locked{background-color:#6b728033;color:#9ca3af;border:1px solid #6b7280}.trading-container{font-family:"Alagard",inherit;color:var(--book-ink);max-width:100%;--trade-cta-bg: linear-gradient(135deg, #2f8f4e, #46b96b);--trade-cta-border: rgba(36, 116, 63, .75);--trade-cta-text: #f8f3e7;--trade-cta-shadow: rgba(37, 109, 60, .34);--trade-cta-hover: linear-gradient(135deg, #369d57, #53c978);--trade-cta-ready-bg: linear-gradient(135deg, #1f9d55, #34d399);--trade-cta-both-bg: linear-gradient(135deg, #f5b942, #f59e0b);--trade-cta-both-text: #2f1804}.dark-mode .trading-container{background:var(--book-parchment-light);border:none;--trade-cta-bg: linear-gradient(135deg, #3fb16a, #7ce0a2);--trade-cta-border: rgba(125, 226, 162, .5);--trade-cta-text: #1e1207;--trade-cta-shadow: rgba(58, 168, 102, .32);--trade-cta-hover: linear-gradient(135deg, #56c57f, #98efb9);--trade-cta-ready-bg: linear-gradient(135deg, #4dd58a, #8af0b6);--trade-cta-both-bg: linear-gradient(135deg, #ffd166, #ffb703);--trade-cta-both-text: #2d1806}.trade-tabs{display:flex;margin-bottom:2rem;border-bottom:2px solid var(--book-binding);background:transparent;border-radius:0;padding:0 0 .5rem;box-shadow:none}.trade-tabs .tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--book-ink-light);font-family:"Alagard",inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:6px;margin:0 .25rem}.trade-tabs .tab:hover{background:#8b45131a;color:var(--book-binding)}.trade-tabs .tab.active{background:var(--book-binding);color:var(--book-parchment);box-shadow:0 2px 4px var(--gothic-shadow)}.create-trade-form{background:transparent;border:none;border-top:none;border-bottom:none;border-radius:0;padding:1.25rem 0 0;margin-bottom:2rem;box-shadow:none}.create-trade-form:before,.create-trade-form:after{display:none}.create-trade-form h3{margin:0 0 1rem;color:var(--book-binding);font-family:"Alagard",inherit;font-size:1.3rem;border-bottom:none;padding-bottom:.5rem}.form-row{display:flex;gap:.75rem;flex-direction:column;align-items:stretch}.target-input,.gold-input{flex:1;width:100%;min-width:150px;padding:.75rem;border:2px solid var(--book-binding-dark);border-radius:6px;font-family:"Alagard",inherit;font-size:1rem;background:var(--book-parchment-dark);color:var(--book-ink);transition:border-color .2s ease}.target-input:focus,.gold-input:focus{outline:none;border-color:var(--book-accent);box-shadow:0 0 0 2px #c9734133}.btn-create-trade{padding:1rem 1.5rem;background:var(--book-binding);color:var(--book-parchment);border:none;border-radius:6px;font-family:"Alagard",inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;min-width:120px;letter-spacing:.02em;box-shadow:0 2px 0 var(--book-binding-dark)}.btn-create-trade:hover:not(:disabled){background:var(--book-accent);transform:translateY(-1px);box-shadow:0 3px 8px var(--gothic-shadow)}.btn-create-trade:disabled{opacity:.6;cursor:not-allowed}.dark-mode .btn-create-trade{background:var(--book-accent);color:var(--book-ink);border:1px solid var(--book-binding);box-shadow:0 2px 0 var(--book-binding),0 0 0 1px #ffffff0f inset}.dark-mode .btn-create-trade:hover:not(:disabled){background:var(--book-binding);color:var(--book-ink)}.dark-mode .btn-create-trade:disabled{opacity:.5}.trade-list{min-height:300px;background:transparent;border:none;border-radius:0;padding:0}.trade-list>h3{color:var(--book-binding);font-family:"Alagard",inherit;font-size:1.4rem;margin-bottom:1.5rem;border-bottom:2px solid var(--book-binding);padding-bottom:.5rem}.no-trades{text-align:center;padding:2rem 0;color:var(--book-ink-light);font-style:italic;font-size:1.1rem;background:transparent;border:none;border-radius:0}.trade-offer-card{background:transparent;border:none;border-bottom:1px solid var(--book-binding-dark);border-radius:0;padding:1rem 0 1.25rem;margin-bottom:1.5rem;box-shadow:none;transition:all .2s ease}.trade-offer-card:hover{transform:none;box-shadow:none;border-bottom-color:var(--book-binding)}.trade-offer-card.history-compact{padding:.35rem 0 .5rem;margin-bottom:.55rem}.trade-offer-card.history-compact .trade-header{margin-bottom:.35rem;padding-bottom:.25rem}.trade-offer-card.history-compact .trade-header h4{font-size:.88rem}.trade-offer-card.history-compact .trade-status{font-size:.62rem;padding:.15rem .45rem}.trade-offer-card.history-compact .trade-details{gap:.5rem;margin-bottom:0}.trade-offer-card.history-compact .trade-offer-side{padding-top:.35rem}.trade-offer-card.history-compact .trade-offer-side h5{margin-bottom:.2rem;font-size:.7rem}.trade-offer-card.history-compact .trade-items{margin-bottom:0}.trade-offer-card.history-compact .trade-gold,.trade-offer-card.history-compact .no-items,.trade-offer-card.history-compact .trade-item{font-size:.72rem}.trade-offer-card.history-compact .trade-item{margin-bottom:.28rem;padding:.25rem .45rem}.trade-offer-card.history-compact .trade-item-header{margin-bottom:.18rem}.trade-offer-card.history-compact .trade-item-stats{display:none}.trade-offer-card.my-ready{border-left:6px solid #4caf50;background:linear-gradient(90deg,rgba(76,175,80,.1) 0%,var(--book-parchment) 20%)}.trade-offer-card.their-ready{border-right:6px solid #2196f3;background:linear-gradient(270deg,rgba(33,150,243,.1) 0%,var(--book-parchment) 20%)}.trade-offer-card.both-ready{border:3px solid #4caf50!important;background:linear-gradient(135deg,#4caf5026,#2196f326)!important;box-shadow:0 0 20px #4caf504d,0 4px 8px #0000001a!important;animation:ready-pulse 2s ease-in-out infinite}.trade-offer-card.completing{border:3px solid #ffc107!important;background:linear-gradient(135deg,#ffc10733,#4caf5033)!important;box-shadow:0 0 25px #ffc10766,0 4px 8px #0000001a!important;animation:completing-shimmer 1s ease-in-out infinite}@keyframes ready-pulse{0%,to{box-shadow:0 0 20px #4caf504d,0 4px 8px #0000001a}50%{box-shadow:0 0 30px #4caf5080,0 6px 12px #00000026}}@keyframes completing-shimmer{0%,to{box-shadow:0 0 25px #ffc10766,0 4px 8px #0000001a}50%{box-shadow:0 0 40px #ffc107b3,0 8px 16px #0003}}.trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--book-binding-dark)}.trade-header h4{margin:0;color:var(--book-binding);font-family:"Alagard",inherit;font-size:1.2rem}.trade-status{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#ffc107;color:#212529;border:1px solid #ffb302}.status-targetaccepted,.status-initiatoraccepted,.status-negotiating{background:#28a745;color:#fff;border:1px solid #1e7e34}.status-completed{background:#6c757d;color:#fff;border:1px solid #545b62}.status-cancelled,.status-expired{background:#dc3545;color:#fff;border:1px solid #bd2130}.dark-mode .status-pending{background:#ffca2c;color:#212529}.dark-mode .status-targetaccepted,.dark-mode .status-initiatoraccepted,.dark-mode .status-negotiating{background:#40d063;color:var(--book-ink)}.trade-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.trade-offer-side{background:transparent;border:none;border-top:1px solid var(--book-binding-dark);border-radius:0;padding:.75rem 0 0}.trade-offer-side.accepted-side{background:linear-gradient(180deg,#4caf502e,#4caf5014);border-top:1px solid #4caf50;border-radius:6px;padding:.75rem;box-shadow:inset 0 0 0 1px #4caf5059,0 0 12px #4caf5038}.trade-offer-side h5{margin:0 0 .75rem;color:var(--book-binding);font-family:"Alagard",inherit;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.trade-items{margin-bottom:.75rem}.trade-item{padding:.6rem .75rem;background:#8b451314;border-radius:6px;margin-bottom:.75rem;border:1px solid var(--book-binding-dark);color:var(--book-ink)}.trade-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.75rem}.trade-item-summary{display:flex;align-items:flex-start;gap:.6rem;min-width:0}.trade-item-icon{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid color-mix(in srgb,var(--book-binding) 28%,transparent);background:color-mix(in srgb,var(--book-parchment-light) 90%,transparent);overflow:hidden}.trade-item-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.trade-item-icon span{font-size:1.15rem;line-height:1}.trade-item-name{font-weight:700;font-size:.95rem;min-width:0}.trade-item-quantity{font-size:.85rem;color:var(--book-ink-light);opacity:.8}.trade-item-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.rarity-common{color:#6c757d}.rarity-uncommon{color:#28a745;text-shadow:0 0 2px rgba(40,167,69,.3)}.rarity-rare{color:#007bff;text-shadow:0 0 2px rgba(0,123,255,.3)}.rarity-epic{color:#6f42c1;text-shadow:0 0 2px rgba(111,66,193,.3)}.rarity-legendary{color:#fd7e14;text-shadow:0 0 2px rgba(253,126,20,.4);font-weight:bolder}.stat-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700;white-space:nowrap}.stat-attack{background:#dc354526;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.stat-defense{background:#007bff26;color:#007bff;border:1px solid rgba(0,123,255,.3)}.stat-health{background:#28a74526;color:#28a745;border:1px solid rgba(40,167,69,.3)}.stat-healing_bonus{background:#ffc10726;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.stat-healing{background:#28a74526;color:#28a745;border:1px solid rgba(40,167,69,.3)}.stat-mana{background:#6f42c126;color:#6f42c1;border:1px solid rgba(111,66,193,.3)}.dark-mode .stat-attack{background:#dc354540;color:#ff6b6b}.dark-mode .stat-defense{background:#007bff40;color:#74c0fc}.dark-mode .stat-health{background:#28a74540;color:#69db7c}.dark-mode .stat-healing_bonus{background:#ffc10740;color:#ffd43b}.dark-mode .stat-healing{background:#28a74540;color:#69db7c}.dark-mode .stat-mana{background:#6f42c140;color:#cc5de8}.trade-gold{font-weight:700;color:#b8860b;font-size:1.1rem;background:transparent;padding:.35rem 0;border-radius:4px;border:none}.dark-mode .trade-gold{color:gold}.dark-mode .target-input,.dark-mode .gold-input,.dark-mode .quantity-input{background:var(--book-parchment-dark);color:var(--book-ink);border-color:var(--book-binding-dark)}.dark-mode .target-input:focus,.dark-mode .gold-input:focus,.dark-mode .quantity-input:focus{border-color:var(--book-accent);box-shadow:0 0 0 2px #c973414d}.dark-mode .trade-item,.dark-mode .inventory-item{background:var(--book-parchment-dark);border-color:var(--book-binding-dark);color:var(--book-ink)}.dark-mode .inventory-item:hover{border-color:var(--book-binding)}.dark-mode .inventory-item.selected{border-color:var(--book-accent);background:#c9734133}.dark-mode .btn-select{background:var(--book-parchment-dark);border-color:var(--book-binding-dark);color:var(--book-ink)}.dark-mode .btn-select:hover{background:var(--book-binding);color:var(--book-parchment)}.dark-mode .btn-select.selected{background:var(--book-accent);color:var(--book-parchment)}.dark-mode .trade-offer-side{background:var(--book-parchment-light);border-color:var(--book-parchment-light)}.dark-mode .trade-offer-side.accepted-side{background:linear-gradient(180deg,#4caf5038,#4caf501a);border-top:1px solid #66bb6a;box-shadow:inset 0 0 0 1px #66bb6a73,0 0 14px #4caf504d}.dark-mode .no-trades{background:transparent;border-color:var(--book-binding-dark);color:var(--book-ink-light)}.dark-mode .rarity-common{color:#adb5bd}.dark-mode .rarity-uncommon{color:#51cf66;text-shadow:0 0 3px rgba(81,207,102,.4)}.dark-mode .rarity-rare{color:#74c0fc;text-shadow:0 0 3px rgba(116,192,252,.4)}.dark-mode .rarity-epic{color:#cc5de8;text-shadow:0 0 3px rgba(204,93,232,.4)}.dark-mode .rarity-legendary{color:#ffd43b;text-shadow:0 0 3px rgba(255,212,59,.5);font-weight:bolder}.dark-mode .item-details,.dark-mode .item-attributes,.dark-mode .trade-item-quantity{color:var(--book-ink-light)}.dark-mode .create-trade-form,.dark-mode .trade-inventory-section{background:transparent;border-color:var(--book-binding-dark)}.dark-mode .create-trade-form h3,.dark-mode .trade-list h3{color:var(--book-ink);border-bottom-color:var(--book-binding-dark)}.trading-info{background:transparent;border:none;border-left:3px solid #4caf50;border-radius:0;padding:0 0 0 10px;margin-bottom:16px;font-size:14px;color:#2e7d32}.dark-mode .trading-info{background:transparent;border:none;border-left:3px solid #4caf50;color:#81c784}.trading-requirements{background:transparent;border:none;border-left:3px solid #4caf50;border-radius:0;padding:0 0 0 12px;margin-top:1rem;margin-bottom:16px}.dark-mode .trading-requirements{background:transparent;border:none;border-left:3px solid #4caf50}.trading-requirements h4{margin:0 0 8px;color:#2e7d32;font-family:"Alagard",inherit}.dark-mode .trading-requirements h4{color:#81c784}.trading-requirements ul{margin:0;padding-left:20px;color:#388e3c}.dark-mode .trading-requirements ul{color:#a5d6a7}.trading-requirements li{margin-bottom:4px}.trade-flow-info{font-size:14px;color:#666;margin-top:12px;padding:0;background:transparent;background-image:none;border:none;border-radius:0;font-family:"Alagard",inherit}.dark-mode .trade-flow-info{background:transparent;color:var(--book-ink-light);border:none}.history-info{background:transparent;border:none;border-left:3px solid #9c27b0;border-radius:0;padding:0 0 0 10px;margin-bottom:16px;font-size:14px;color:#7b1fa2}.dark-mode .history-info{background:transparent;border:none;border-left:3px solid #ba68c8;color:#ce93d8}.no-trades{text-align:center;padding:40px;color:#666;font-style:italic;background:transparent;border:none;border-radius:0;font-family:"Alagard",inherit}.dark-mode .no-trades{background:transparent;color:var(--book-ink-light);border-color:var(--book-binding-dark)}.no-trades small{display:block;margin-top:8px;opacity:.8}.trade-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap;align-items:stretch}.trade-actions.pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.btn-accept,.btn-cancel,.btn-execute{padding:.75rem 1rem;border:none;border-radius:6px;font-family:"Alagard",inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:120px}.trade-actions.pending-actions .btn-accept,.trade-actions.pending-actions .btn-cancel{width:100%;padding:1rem 1.25rem;font-size:1.1rem;letter-spacing:.02em}.btn-accept{background:#28a745;color:#fff}.btn-accept:hover{background:#34ce57;transform:translateY(-1px);box-shadow:0 2px 4px var(--gothic-shadow)}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover{background:#e4606d;transform:translateY(-1px);box-shadow:0 2px 4px var(--gothic-shadow)}.btn-execute{background:var(--book-accent);color:#fff}.btn-execute:hover{background:var(--book-binding);transform:translateY(-1px);box-shadow:0 2px 4px var(--gothic-shadow)}@media(max-width:768px){.trading-container{padding-bottom:12px}.trade-tabs{flex-direction:row;gap:.5rem;padding:0 0 .75rem;margin-bottom:1.2rem;overflow-x:auto;scrollbar-width:none}.trade-tabs::-webkit-scrollbar{display:none}.trade-tabs .tab{margin:0;border-radius:6px;min-width:140px}.form-row{flex-direction:column;align-items:stretch}.trade-details{grid-template-columns:1fr}.trade-actions{justify-content:stretch;gap:.75rem}.trade-header{flex-direction:column;align-items:flex-start;gap:.5rem}.trade-status{align-self:stretch;text-align:center}.add-gold-section{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.gold-input,.btn-add-gold,.btn-ready,.btn-cancel,.btn-accept{width:100%}.btn-add-gold,.btn-ready,.btn-cancel,.btn-accept{min-height:48px;font-size:1rem}}@media(max-width:480px){.create-trade-form,.trade-list{padding:.75rem 0}.trade-offer-card{padding:.9rem 0 1rem;margin-bottom:1rem}.trade-tabs .tab{padding:.7rem .85rem;font-size:.84rem;min-width:132px}.trade-header h4{font-size:1rem}}.trade-inventory-section{margin:1.5rem 0;padding:1rem 0 0;background:transparent;border:none;border-top:1px solid var(--book-binding-dark);border-radius:0}.trade-inventory-section h5{margin:0 0 1rem;color:var(--book-binding);font-family:"Alagard",inherit;font-size:1.1rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;max-height:300px;overflow-y:auto}.inventory-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background:#8b451314;border:1px solid var(--book-binding-dark);border-radius:6px;transition:all .2s ease;gap:.75rem;overflow:hidden}.inventory-item:hover{border-color:var(--book-binding);box-shadow:none}.inventory-item.selected{border-color:var(--book-accent);background:#c9734114}@media(max-width:768px){.inventory-grid{grid-template-columns:1fr;max-height:none}.inventory-item{flex-direction:column;align-items:stretch}.item-controls{width:100%;display:grid;grid-template-columns:44px minmax(72px,88px) minmax(0,1fr);align-items:stretch;justify-content:stretch}.btn-select,.quantity-input,.btn-add-item{width:100%;min-height:44px}.trade-item-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.trade-item,.inventory-item{padding:.65rem}.item-controls{grid-template-columns:40px minmax(68px,82px) minmax(0,1fr);gap:.4rem}}.dark-mode .trade-offer-card{background:var(--book-parchment-light);border:1px solid var(--book-parchment-light);border-radius:6px;padding:1rem}.dark-mode .trade-header{border-bottom-color:var(--book-parchment-light)}.dark-mode .trade-header h4,.dark-mode .trade-offer-side h5,.dark-mode .trade-inventory-section h5,.dark-mode .item-info strong,.dark-mode .trade-list h3,.dark-mode .create-trade-form h3{color:var(--book-ink)}.dark-mode .trade-details,.dark-mode .trade-inventory-section{border-top-color:var(--book-parchment-light)}.dark-mode .trade-actions.pending-actions .btn-accept,.dark-mode .trade-actions.pending-actions .btn-cancel{box-shadow:0 2px 0 var(--book-binding-dark)}.trade-tip{margin-top:10px;padding-left:10px;border-left:3px solid #6495ED;border-bottom:none;background-image:none;font-size:.85em;color:#6495ed}.item-info{flex:1;min-width:0}.inventory-item-summary{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.35rem}.inventory-item-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--book-binding) 28%,transparent);background:color-mix(in srgb,var(--book-parchment-light) 90%,transparent);box-shadow:inset 0 1px #ffffff24;overflow:hidden}.inventory-item-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.inventory-item-icon span{font-size:1.35rem;line-height:1}.inventory-item-text{min-width:0}.item-info strong{color:var(--book-binding);font-family:"Alagard",inherit;display:block;margin-bottom:.25rem}.item-details{font-size:.9rem;color:var(--book-ink-light)}.item-attributes{font-size:.8rem;color:var(--book-ink-light);font-style:italic;margin-top:.25rem}.item-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.btn-select{width:32px;height:32px;border:2px solid var(--book-binding-dark);background:var(--book-parchment);color:var(--book-binding);border-radius:4px;font-family:"Alagard",inherit;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-select:hover{border-color:var(--book-binding);background:var(--book-binding);color:var(--book-parchment)}.btn-select.selected{background:var(--book-accent);border-color:var(--book-accent);color:var(--book-parchment)}.quantity-input{width:60px;padding:.25rem;border:2px solid var(--book-binding-dark);border-radius:4px;font-family:"Alagard",inherit;text-align:center;background:var(--book-parchment);color:var(--book-ink)}.quantity-input:focus{outline:none;border-color:var(--book-accent)}.btn-add-item,.btn-add-gold,.btn-ready,.btn-complete{padding:.65rem .9rem;background:var(--book-binding);color:var(--book-parchment);border:none;border-radius:8px;font-family:"Alagard",inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-height:42px}.btn-add-item:hover:not(:disabled),.btn-add-gold:hover:not(:disabled),.btn-ready:hover:not(:disabled),.btn-complete:hover:not(:disabled){background:var(--book-accent);transform:translateY(-1px)}.btn-add-item:disabled,.btn-add-gold:disabled,.btn-ready:disabled,.btn-complete:disabled{opacity:.6;cursor:not-allowed}.btn-ready{background:var(--trade-cta-bg);color:var(--trade-cta-text);border:1px solid var(--trade-cta-border);box-shadow:0 8px 18px var(--trade-cta-shadow),inset 0 1px #ffffff29;font-weight:700;letter-spacing:.03em}.btn-ready:hover:not(:disabled){background:var(--trade-cta-hover);box-shadow:0 10px 22px var(--trade-cta-shadow),inset 0 1px #fff3}.btn-ready.ready-active{background:var(--trade-cta-ready-bg)!important;color:var(--trade-cta-text)!important;border:1px solid var(--trade-cta-border);box-shadow:0 10px 22px var(--trade-cta-shadow),0 0 0 1px #ffffff14 inset}.btn-ready.both-ready-glow{background:var(--trade-cta-both-bg)!important;color:var(--trade-cta-both-text)!important;border:1px solid rgba(255,208,102,.95);box-shadow:0 0 20px #ffc10766,0 10px 22px #a06c0c3d;animation:ready-button-glow 1.5s ease-in-out infinite;font-weight:700;text-shadow:none}.btn-ready.both-ready-glow:hover{transform:translateY(-2px);box-shadow:0 0 25px #ffc107cc,0 0 15px #4caf5099}@keyframes ready-button-glow{0%,to{box-shadow:0 0 20px #ffc10799,0 0 10px #4caf5066}50%{box-shadow:0 0 30px #ffc107e6,0 0 20px #4caf50b3}}.add-gold-section{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;min-width:min(100%,320px)}@media(min-width:700px)and (max-width:1199px)and (orientation:portrait){.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.inventory-item{flex-direction:column;align-items:stretch}.item-controls{width:100%;display:grid;grid-template-columns:40px minmax(0,88px) minmax(0,1fr);align-items:center;justify-content:stretch}.item-controls>*{min-width:0}.btn-select,.quantity-input,.btn-add-item{width:100%}.quantity-input{justify-self:stretch}.btn-add-item{white-space:normal;min-height:40px;text-align:center}}.character-customization{font-family:Alagard,monospace;background:var(--book-parchment, #f4e8d0);border:2px solid var(--book-binding, #8b4513);border-radius:8px;padding:20px;max-width:500px}.customization-title{font-size:1.4em;color:var(--book-ink, #2c1810);margin:0 0 20px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.customization-preview{display:flex;justify-content:center;align-items:center;min-height:120px;margin-bottom:24px;background:#ffffff4d;border:2px solid rgba(139,69,19,.3);border-radius:8px;padding:16px}.customization-controls{display:flex;flex-direction:column;gap:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{display:flex;align-items:center;gap:8px;font-size:1.1em;color:var(--book-ink, #2c1810);font-weight:700}.control-icon{font-size:1.2em}.control-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;padding:0;border:none;background:transparent}.control-slider::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:4px;border:none}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--book-binding, #8b4513);cursor:pointer;border:2px solid var(--book-parchment, #f4e8d0);box-shadow:0 2px 4px #0000004d;margin-top:-6px}.control-slider::-moz-range-track{width:100%;height:8px;border-radius:4px;border:none}.control-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--book-binding, #8b4513);cursor:pointer;border:2px solid var(--book-parchment, #f4e8d0);box-shadow:0 2px 4px #0000004d}.hue-slider,.hue-slider::-webkit-slider-runnable-track,.hue-slider::-moz-range-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.saturation-slider,.saturation-slider::-webkit-slider-runnable-track,.saturation-slider::-moz-range-track{background:linear-gradient(to right,gray,#ff6b6b)}.brightness-slider,.brightness-slider::-webkit-slider-runnable-track,.brightness-slider::-moz-range-track{background:linear-gradient(to right,#333,#fff)}.contrast-slider,.contrast-slider::-webkit-slider-runnable-track,.contrast-slider::-moz-range-track{background:linear-gradient(to right,gray,#000,#fff)}.control-hint{font-size:.85em;color:var(--book-ink-light, #6b5d54);font-style:italic;margin-left:32px}.reset-button{margin-top:12px;padding:12px 24px;font-family:Alagard,monospace;font-size:1.1em;background:var(--book-binding, #8b4513);color:var(--book-parchment, #f4e8d0);border:2px solid var(--book-ink, #2c1810);border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.reset-button:hover{background:var(--book-ink, #2c1810);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.reset-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.admin-console-overlay{position:fixed;inset:0;z-index:130500;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at top,color-mix(in srgb,var(--book-accent) 20%,transparent) 0%,transparent 34%),color-mix(in srgb,var(--book-overlay-panel-strong) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-console-shell{--admin-surface-strong: color-mix(in srgb, var(--book-binding) 74%, var(--book-binding-dark) 26%);--admin-surface-ink: var(--book-ink);--admin-surface-border: color-mix(in srgb, var(--book-binding) 28%, transparent);--admin-surface-line: color-mix(in srgb, var(--book-binding) 20%, transparent);--admin-surface-muted: var(--book-ink-light);--admin-surface-soft: color-mix(in srgb, var(--book-parchment-light) 92%, white);--admin-surface-base: var(--book-parchment);--admin-surface-raised: color-mix(in srgb, var(--book-parchment-light) 86%, white);--admin-accent-soft: color-mix(in srgb, var(--book-accent) 14%, white);--admin-accent-line: color-mix(in srgb, var(--book-accent) 52%, var(--book-binding) 48%);--admin-danger-soft: color-mix(in srgb, var(--health-red) 12%, var(--book-parchment));display:flex;flex-direction:column;width:min(1480px,96vw);max-height:94vh;overflow:hidden;border:3px solid var(--book-binding);border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 96%,white),color-mix(in srgb,var(--book-parchment) 98%,var(--book-binding) 2%));color:var(--admin-surface-ink);box-shadow:inset 0 1px color-mix(in srgb,white 18%,transparent),var(--page-shadow)}.admin-console-shell ::-moz-selection{background-color:var(--book-accent);color:var(--book-parchment)}.admin-console-shell ::selection{background-color:var(--book-accent);color:var(--book-parchment)}.admin-console-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:2px solid color-mix(in srgb,var(--book-binding) 56%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--book-binding) 88%,black),color-mix(in srgb,var(--book-binding-dark) 60%,var(--book-accent) 40%) 58%,color-mix(in srgb,var(--book-accent) 55%,var(--book-binding)));color:var(--book-parchment)}.admin-console-header-copy{min-width:0}.admin-console-kicker{margin:0;font-size:.52rem;line-height:1;text-transform:uppercase;letter-spacing:.2em;color:#f5ecd6a3}.admin-console-title{margin:8px 0 0;font-family:"Alagard",inherit;font-size:clamp(1.08rem,1.6vw,1.52rem);line-height:1.04;color:var(--book-parchment)}.admin-console-subtitle{margin:10px 0 0;max-width:62ch;font-size:.72rem;line-height:1.56;color:#f5ecd6d1}.admin-console-header-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.admin-console-chip,.admin-console-pill,.admin-console-role-pill{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 12px;font-size:.58rem;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-console-chip{border:1px solid color-mix(in srgb,var(--book-parchment) 24%,transparent);background:color-mix(in srgb,var(--book-parchment) 10%,transparent);color:#fff5e2f0}.admin-console-pill,.admin-console-role-pill{border:1px solid var(--admin-surface-border);background:color-mix(in srgb,var(--book-parchment-light) 88%,white);color:var(--admin-surface-ink)}.admin-console-body{flex:1 1 auto;display:grid;grid-template-columns:290px minmax(0,1fr);min-height:0;max-height:calc(94vh - 108px)}.admin-console-rail{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:20px;border-right:1px solid var(--admin-surface-line);background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-dark) 78%,var(--book-binding) 22%),color-mix(in srgb,var(--book-parchment) 96%,white))}.admin-console-rail-copy{padding:2px 2px 0}.admin-console-rail-title{margin:0;font-family:"Alagard",inherit;font-size:.92rem;color:var(--admin-surface-ink)}.admin-console-rail-text{margin:8px 0 0;font-size:.66rem;line-height:1.55;color:var(--admin-surface-muted)}.admin-console-tab-list{display:flex;flex-direction:column;gap:10px}.admin-console-tab{width:100%;border:1px solid var(--admin-surface-border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 96%,white),color-mix(in srgb,var(--book-parchment) 94%,var(--book-binding) 6%));padding:14px;text-align:left;color:var(--admin-surface-ink);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:0 6px 16px color-mix(in srgb,var(--book-ink) 8%,transparent)}.admin-console-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--book-accent) 44%,var(--admin-surface-border));background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 98%,white),color-mix(in srgb,var(--book-parchment) 92%,var(--book-accent) 8%));box-shadow:0 12px 24px color-mix(in srgb,var(--book-ink) 10%,transparent)}.admin-console-tab.is-active{border-color:var(--admin-accent-line);background:linear-gradient(135deg,color-mix(in srgb,var(--book-accent) 16%,var(--book-parchment-light)),color-mix(in srgb,var(--book-parchment) 90%,var(--book-binding) 10%));box-shadow:0 0 0 2px color-mix(in srgb,var(--book-parchment) 84%,white),0 16px 28px color-mix(in srgb,var(--book-ink) 12%,transparent)}.admin-console-tab-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.admin-console-tab-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--book-binding) 10%,white);font-size:1rem}.admin-console-tab-copy{min-width:0}.admin-console-tab-label{display:block;font-family:"Alagard",inherit;font-size:.78rem;line-height:1.1}.admin-console-tab-desc{margin:6px 0 0;font-size:.6rem;line-height:1.5;color:var(--admin-surface-muted)}.admin-console-rail-footer{margin-top:auto;border-top:1px solid var(--admin-surface-line);padding-top:14px}.admin-console-rail-footer-label{font-size:.54rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--admin-surface-muted) 92%,transparent)}.admin-console-rail-footer-value{margin-top:8px;font-family:"Alagard",inherit;font-size:.92rem;color:var(--admin-surface-ink)}.admin-console-rail-footer-copy{margin-top:6px;font-size:.62rem;line-height:1.55;color:var(--admin-surface-muted)}.admin-console-main{height:100%;min-height:0;min-width:0;overflow-y:auto;padding:20px 22px 24px;background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 92%,white),color-mix(in srgb,var(--book-parchment) 96%,white));-webkit-overflow-scrolling:touch}.admin-console-banner{border:1px solid color-mix(in srgb,var(--book-accent) 34%,var(--admin-surface-border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--book-parchment-light) 96%,white),color-mix(in srgb,var(--book-accent) 12%,var(--book-parchment)));padding:13px 15px;color:var(--admin-surface-ink);box-shadow:0 10px 24px color-mix(in srgb,var(--book-ink) 8%,transparent)}.admin-console-hero{border:1px solid var(--admin-surface-border);border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--book-accent) 16%,transparent) 0%,transparent 28%),linear-gradient(140deg,color-mix(in srgb,var(--book-parchment-light) 96%,white),color-mix(in srgb,var(--book-parchment) 92%,var(--book-binding) 8%));padding:20px;box-shadow:0 18px 30px color-mix(in srgb,var(--book-ink) 8%,transparent)}.admin-console-hero-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.admin-console-hero-copy{min-width:0}.admin-console-hero-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start;margin-top:8px}.admin-console-hero-icon{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:18px;background:color-mix(in srgb,var(--book-binding) 10%,white);font-size:1.4rem}.admin-console-hero-title{margin:0;font-family:"Alagard",inherit;font-size:clamp(.94rem,1.3vw,1.16rem);line-height:1.1;color:var(--admin-surface-ink)}.admin-console-hero-text{margin:8px 0 0;max-width:64ch;font-size:.66rem;line-height:1.58;color:var(--admin-surface-muted)}.admin-console-role-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.admin-console-summary-grid{display:grid;gap:10px}.admin-console-section{border-radius:20px;border:1px solid var(--admin-surface-border);background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 96%,white),color-mix(in srgb,var(--book-parchment) 98%,var(--book-binding) 2%));padding:18px;box-shadow:0 14px 28px color-mix(in srgb,var(--book-ink) 7%,transparent)}.admin-console-subcard{border-radius:16px;border:1px solid var(--admin-surface-border);background:linear-gradient(180deg,color-mix(in srgb,var(--book-parchment-light) 90%,white),color-mix(in srgb,var(--book-parchment) 90%,white));padding:15px}.admin-console-heading-eyebrow{font-size:.54rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--admin-surface-muted) 92%,transparent)}.admin-console-heading-title{margin:8px 0 0;font-family:"Alagard",inherit;font-size:clamp(.76rem,1.06vw,.92rem);line-height:1.16;color:var(--admin-surface-ink)}.admin-console-heading-description{margin:8px 0 0;max-width:74ch;font-size:.65rem;line-height:1.58;color:var(--admin-surface-muted)}.admin-console-metric{border-radius:16px;border:1px solid var(--admin-surface-border);background:color-mix(in srgb,var(--book-parchment) 90%,white);padding:14px}.admin-console-metric.is-accent{border-color:var(--admin-accent-line);background:linear-gradient(135deg,color-mix(in srgb,var(--book-binding) 90%,black),color-mix(in srgb,var(--book-binding-dark) 72%,var(--book-accent) 28%))}.admin-console-metric-label{font-size:.5rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--admin-surface-muted) 88%,transparent)}.admin-console-metric.is-accent .admin-console-metric-label{color:#f5ecd69e}.admin-console-metric-value{margin-top:8px;font-family:"Alagard",inherit;font-size:.82rem;line-height:1.1;color:var(--admin-surface-ink)}.admin-console-metric.is-accent .admin-console-metric-value{color:var(--book-parchment)}.admin-console-field{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-console-field.is-full{grid-column:1 / -1}.admin-console-field-label{font-size:.58rem;font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--admin-surface-ink) 84%,transparent)}.admin-console-input{width:100%;min-height:42px;border-radius:14px;border:1px solid var(--admin-surface-border);background:color-mix(in srgb,var(--book-parchment) 92%,white);padding:10px 12px;font-size:.68rem;line-height:1.35;color:var(--admin-surface-ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.admin-console-input::-moz-placeholder{color:color-mix(in srgb,var(--admin-surface-muted) 84%,transparent)}.admin-console-input::placeholder{color:color-mix(in srgb,var(--admin-surface-muted) 84%,transparent)}.admin-console-input:hover{background:color-mix(in srgb,var(--book-parchment-light) 96%,white)}.admin-console-input:focus{border-color:var(--admin-accent-line);background:var(--book-parchment-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--book-accent) 12%,transparent)}.admin-console-button{position:relative;min-height:40px;border-radius:14px;border-width:1px;font-family:Metamorphous,serif;font-weight:700;letter-spacing:.02em;box-shadow:none;transform:translateY(0)}.admin-console-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1c14111a}.admin-console-button:active{transform:translateY(0)}.admin-console-button--primary{background:linear-gradient(135deg,var(--book-accent) 0%,color-mix(in srgb,var(--book-accent) 76%,#5c2f16) 100%);border-color:color-mix(in srgb,var(--book-accent) 36%,#3f220f);color:var(--book-parchment)}.admin-console-button--primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--book-accent) 94%,white),color-mix(in srgb,var(--book-accent) 70%,#5c2f16))}.admin-console-button--secondary{background:color-mix(in srgb,var(--book-parchment) 88%,white);border-color:var(--admin-surface-border);color:var(--admin-surface-ink)}.admin-console-button--secondary:hover,.admin-console-button--ghost:hover,.admin-console-button--panel:hover{background:#fffffff5}.admin-console-button--ghost,.admin-console-button--panel{background:color-mix(in srgb,var(--book-parchment-light) 86%,white);border-color:var(--admin-surface-border);color:var(--admin-surface-ink)}.admin-console-button--danger{background:linear-gradient(135deg,#7c1f1f,#a43838);border-color:#7c1f1f;color:var(--book-parchment)}.admin-console-button--accent{background:linear-gradient(135deg,color-mix(in srgb,var(--book-binding) 82%,#111825),color-mix(in srgb,var(--book-binding) 92%,#39404f));border-color:color-mix(in srgb,var(--book-binding) 76%,#111825);color:var(--book-parchment)}.admin-console-button--sm{min-height:34px;border-radius:12px}.admin-console-list-item,.admin-console-select-row{width:100%;border:1px solid var(--admin-surface-border);border-radius:16px;background:color-mix(in srgb,var(--book-parchment-light) 84%,white);padding:14px 15px;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.admin-console-list-item:hover,.admin-console-select-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--book-accent) 40%,var(--admin-surface-border));background:color-mix(in srgb,var(--book-parchment-light) 96%,white);box-shadow:0 12px 22px color-mix(in srgb,var(--book-ink) 8%,transparent)}.admin-console-list-item.is-selected,.admin-console-select-row.is-selected{border-color:var(--admin-accent-line);background:linear-gradient(135deg,color-mix(in srgb,var(--book-accent) 14%,var(--book-parchment-light)),color-mix(in srgb,var(--book-parchment) 94%,white));box-shadow:0 14px 24px color-mix(in srgb,var(--book-ink) 8%,transparent)}.admin-console-select-row.is-load-more{border-style:dashed;justify-content:center;font-weight:700;color:var(--admin-surface-muted)}.admin-console-select-row-title{font-size:.76rem;font-weight:700;color:var(--admin-surface-ink)}.admin-console-select-row-copy{margin-top:6px;font-size:.66rem;line-height:1.55;color:var(--admin-surface-muted)}.admin-console-inline-row{border:1px solid var(--admin-surface-border);border-radius:14px;background:color-mix(in srgb,var(--book-parchment) 88%,white);padding:11px 12px}.admin-console-row-chip{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;border:1px solid var(--admin-surface-border);background:color-mix(in srgb,var(--book-parchment) 92%,white);padding:0 12px;font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--admin-surface-ink) 76%,transparent)}.admin-console-row-error{margin-top:8px;font-size:.64rem;line-height:1.5;color:#8c2222}.admin-console-list-meta{font-size:.72rem;color:color-mix(in srgb,var(--admin-surface-ink) 76%,transparent)}.admin-console-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;border:1px solid var(--admin-surface-border);background:#ffffffdb;padding:0 12px;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--admin-surface-ink) 78%,transparent)}.admin-console-status-badge.is-danger{border-color:color-mix(in srgb,#8b1e1e 30%,var(--admin-surface-border));background:var(--admin-danger-soft);color:#7a1f1f}.admin-console-empty-state{border:1px dashed var(--admin-surface-border);border-radius:16px;background:color-mix(in srgb,var(--book-parchment) 84%,white);padding:16px}.admin-console-empty-title{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--admin-surface-muted) 88%,transparent)}.admin-console-empty-copy{margin-top:8px;font-size:.68rem;line-height:1.55;color:var(--admin-surface-muted)}.admin-console-log-row{display:grid;gap:12px;border-radius:16px;border:1px solid var(--admin-surface-border);background:color-mix(in srgb,var(--book-parchment-light) 88%,white);padding:15px}.admin-console-log-head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:12px}.admin-console-log-title{font-size:.76rem;font-weight:700;color:var(--admin-surface-ink)}.admin-console-log-meta,.admin-console-log-detail{font-size:.66rem;line-height:1.55;color:var(--admin-surface-muted)}.admin-console-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--book-binding) 50%,transparent) transparent}.admin-console-scroll::-webkit-scrollbar{width:10px;height:10px}.admin-console-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--book-binding) 48%,transparent);border-radius:999px}.admin-console-scroll::-webkit-scrollbar-track{background:transparent}@media(max-width:1180px){.admin-console-body{grid-template-columns:minmax(0,1fr)}.admin-console-rail{border-right:0;border-bottom:1px solid var(--admin-surface-line);padding-bottom:16px}.admin-console-tab-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.admin-console-rail-footer{margin-top:0}}@media(max-width:860px){.admin-console-hero-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.admin-console-overlay{padding:10px}.admin-console-shell{width:100%;max-height:96vh;border-radius:18px}.admin-console-header{padding:18px 16px 16px;flex-direction:column}.admin-console-subtitle{font-size:.82rem}.admin-console-main,.admin-console-rail{padding:14px}.admin-console-tab-list{display:flex;overflow-x:auto;padding-bottom:2px}.admin-console-tab{min-width:220px}.admin-console-hero{padding:16px}.admin-console-hero-heading{grid-template-columns:48px minmax(0,1fr)}.admin-console-hero-icon{width:48px;height:48px;border-radius:14px}}.book-v2-screen{--book-v2-gap: clamp(10px, 1vw, 18px);--book-v2-rail-w: clamp(190px, 12.5vw, 250px);--book-v2-top-h: clamp(78px, 8vh, 108px);--book-v2-book-scale: 1.25;--book-v2-book-target-w: calc(1920px * var(--book-v2-book-scale));--book-v2-book-stretch-w: 100%;--book-v2-book-h-extra: 0px;--book-v2-book-x: -3%;--book-v2-book-y: -3%;--book-v2-viewport-bg-size: 112% auto;--book-v2-viewport-bg-position: center bottom;--book-v2-viewport-sprite-lift: 10px;--book-v2-nav-button-ratio: 1.9419;--book-v2-logo-ratio: var(--book-v2-nav-button-ratio);--book-v2-book-max-h: calc(100dvh - var(--book-v2-top-h) - (var(--book-v2-gap) * 3));min-height:100dvh;height:100dvh;width:100%;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(195,133,61,.16),transparent 28%),linear-gradient(180deg,#121111,#070706);color:#f4dfb9;font-family:Alagard,serif}.book-v2-desktop-grid{height:100%;display:grid;grid-template-columns:var(--book-v2-rail-w) minmax(0,1fr);grid-template-rows:var(--book-v2-top-h) minmax(0,1fr);gap:var(--book-v2-gap);padding:var(--book-v2-gap)}.book-v2-side-rail{grid-row:1 / 3;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--book-v2-gap);min-width:0}.book-v2-topbar-wrap{min-width:0}.book-v2-topbar{position:relative;height:100%;min-width:0}.book-v2-topbar-frame,.book-v2-book-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.book-v2-topbar-frame{-o-object-fit:fill;object-fit:fill}.book-v2-topbar-content{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(520px,1.25fr) minmax(240px,.65fr) minmax(160px,.45fr);align-items:center;gap:clamp(12px,1.2vw,24px);padding:clamp(12px,1.2vw,20px) clamp(22px,2vw,38px)}.book-v2-character-cluster,.book-v2-location-cluster,.book-v2-resource-row,.book-v2-utility-row{align-items:center;min-width:0}.book-v2-character-cluster{display:grid;grid-template-columns:auto minmax(130px,190px) minmax(190px,1fr);gap:12px}.book-v2-location-cluster,.book-v2-resource-row,.book-v2-utility-row{display:flex}.book-v2-avatar,.book-v2-location-icon{width:clamp(38px,3vw,54px);height:clamp(38px,3vw,54px);display:grid;place-items:center;border:1px solid rgba(232,183,91,.34);background:#03080b9e;color:#65e171;box-shadow:inset 0 0 14px #0000008c}.book-v2-character-copy,.book-v2-location-cluster>div{display:flex;flex-direction:column;gap:2px;min-width:0}.book-v2-character-copy strong,.book-v2-location-cluster strong{color:#fff0c8;font-size:clamp(18px,1.18vw,25px);line-height:1;white-space:nowrap;text-shadow:0 2px 2px rgba(0,0,0,.78)}.book-v2-character-copy span,.book-v2-location-cluster span{color:#d6bd8b;font-size:clamp(11px,.8vw,14px)}.book-v2-vitals-stack{display:grid;grid-template-columns:1fr;gap:4px;width:min(360px,24vw)}.book-v2-vital{position:relative;height:14px;border:1px solid rgba(220,178,107,.36);border-radius:3px;background:#0000008c;overflow:hidden}.book-v2-vital span{display:block;height:100%}.book-v2-vital strong{position:absolute;inset:0;display:grid;place-items:center;color:#fff7d6;font-size:10px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.95);white-space:nowrap}.book-v2-vital--health span{background:linear-gradient(90deg,#c52432,#ff626a)}.book-v2-vital--mana span{background:linear-gradient(90deg,#1478d4,#3ebcff)}.book-v2-vital--xp span{background:linear-gradient(90deg,#5f36d8,#9a58ff)}.book-v2-location-cluster{gap:12px}.book-v2-location-icon{color:#d8b064}.book-v2-resource-row{justify-content:space-around;gap:clamp(12px,1.6vw,34px)}.book-v2-resource{display:inline-flex;align-items:center;gap:8px;color:#fff0c8;font-size:clamp(16px,1.05vw,22px);white-space:nowrap}.book-v2-resource span{filter:drop-shadow(0 0 7px currentColor)}.book-v2-resource--purple span{color:#a771ff}.book-v2-resource--gold span{color:#f5b83d}.book-v2-resource--blue span{color:#42b8ff}.book-v2-resource--fire span{color:#ff6b2f}.book-v2-utility-row{gap:10px}.book-v2-utility-row button,.book-v2-frame button{color:#ffe8b8;border:1px solid rgba(229,181,99,.42);background:linear-gradient(180deg,#80481ce0,#311b0deb);box-shadow:inset 0 1px #ffeabc2e,0 4px 12px #00000047;cursor:pointer;font:inherit}.book-v2-utility-row button{width:clamp(32px,2.5vw,44px);height:clamp(30px,2.4vw,42px);font-size:clamp(15px,1.2vw,20px)}.book-v2-logo-frame,.book-v2-nav-item{min-width:0}.book-v2-frame.book-v2-logo-frame{position:relative;width:100%;aspect-ratio:var(--book-v2-logo-ratio);min-height:0;border:0;-o-border-image:none;border-image:none;padding:0;overflow:visible;isolation:isolate;background:transparent;display:block}.book-v2-frame.book-v2-logo-frame:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/assets/OrnateBox-CQQJ_wSV.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center;filter:saturate(.92) brightness(.92)}.book-v2-logo{height:100%;display:grid;place-content:center;text-align:center;text-transform:uppercase;color:#f5d28e;text-shadow:0 3px 4px rgba(0,0,0,.75)}.book-v2-logo strong{font-size:clamp(28px,2.5vw,46px);line-height:.85;letter-spacing:.03em}.book-v2-logo span{font-size:clamp(13px,1vw,18px);letter-spacing:.16em}.book-v2-nav-stack{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:var(--book-v2-gap);min-height:0}.book-v2-side-rail-existing{min-height:0;overflow:hidden}.book-v2-side-rail-existing .desktop-bookmark-navigation{width:100%;min-width:0;height:100%;padding:0;margin:0;display:flex;align-items:stretch}.book-v2-side-rail-existing .desktop-bookmark-stack{width:100%;height:100%;display:flex!important;flex-direction:column;justify-content:space-between;gap:0!important}.book-v2-side-rail-existing .desktop-bookmark-stack>div{min-height:0;width:100%}.book-v2-side-rail-existing .desktop-bookmark-stack>div>button+div,.book-v2-side-rail-existing .desktop-bookmark-stack>div>div:not(:first-child){display:none!important}.book-v2-side-rail-existing .desktop-bookmark-btn{position:relative;min-height:0!important;height:auto!important;aspect-ratio:var(--book-v2-nav-button-ratio);width:100%;border:0!important;border-radius:0!important;overflow:visible;isolation:isolate;background:transparent!important;color:#f9dfad!important;box-shadow:none!important;text-shadow:0 2px 3px rgba(0,0,0,.88);transition:transform .16s ease,filter .16s ease}.book-v2-side-rail-existing .desktop-bookmark-btn:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url(/assets/OrnateBox-CQQJ_wSV.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center;filter:saturate(.88) brightness(.84)}.book-v2-side-rail-existing .desktop-bookmark-btn:after{content:"";position:absolute;inset:12% 8%;z-index:-1;opacity:0;background:radial-gradient(circle at 50% 34%,rgba(255,205,99,.34),transparent 43%),linear-gradient(180deg,#7e3a226b,#0000001f);transition:opacity .16s ease}.book-v2-side-rail-existing .desktop-bookmark-btn:hover{transform:translate(3px);filter:brightness(1.08)}.book-v2-side-rail-existing .desktop-bookmark-btn.active:before{filter:saturate(1.18) brightness(1.12)}.book-v2-side-rail-existing .desktop-bookmark-btn.active:after,.book-v2-side-rail-existing .desktop-bookmark-btn.nux-glow:after,.book-v2-side-rail-existing .desktop-bookmark-btn.onboarding-nav-glow:after,.book-v2-side-rail-existing .desktop-bookmark-btn.party-invite-glow:after{opacity:1}.book-v2-side-rail-existing .desktop-bookmark-btn>*{position:relative;z-index:1}.book-v2-side-rail-existing .desktop-bookmark-icon{color:#d7aa54;font-size:clamp(18px,1.55vw,30px);filter:drop-shadow(0 0 8px rgba(246,184,72,.38))}.book-v2-side-rail-existing .desktop-bookmark-title{color:#ffe8b7;font-size:clamp(14px,1vw,20px);line-height:1.05;letter-spacing:.01em}.book-v2-side-rail-existing .desktop-bookmark-subtitle{max-width:100%;color:#ffe6b8db!important;font-size:clamp(8px,.58vw,11px);line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-v2-side-rail-existing .desktop-bookmark-btn>span[aria-hidden=true]:last-child{display:none!important}.book-v2-nav-item button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,.7vw,11px);border:0;background:transparent;color:#efd6a5;font:inherit;font-size:clamp(17px,1.15vw,24px);cursor:pointer;text-shadow:0 2px 3px rgba(0,0,0,.85)}.book-v2-nav-icon{font-size:clamp(28px,2.3vw,46px);color:#d99f43;filter:drop-shadow(0 0 8px rgba(232,174,75,.36))}.book-v2-book-stage{position:relative;align-self:start;justify-self:center;width:min(var(--book-v2-book-target-w),var(--book-v2-book-stretch-w));height:calc(var(--book-v2-book-max-h) + var(--book-v2-book-h-extra));max-height:var(--book-v2-book-max-h);min-width:0;transform:translate(var(--book-v2-book-x),var(--book-v2-book-y))}.book-v2-book-art{-o-object-fit:fill;object-fit:fill}.book-v2-page-slot{position:absolute;z-index:1;top:7.7%;bottom:7.4%;display:flex;flex-direction:column;gap:clamp(10px,1vw,18px);overflow:hidden;color:#2d1a0d}.book-v2-page-slot>*{min-height:0}.book-v2-character-portrait-clean .portrait-nameplate-integrated,.book-v2-character-portrait-clean .portrait-vitals-stack,.book-v2-character-portrait-clean .dungeon-affliction-row{display:none!important}.book-v2-character-portrait-clean .character-portrait{padding-top:0!important;margin:0!important;min-height:0!important;height:100%!important;background-size:var(--book-v2-viewport-bg-size)!important;background-position:var(--book-v2-viewport-bg-position)!important}.book-v2-character-portrait-clean .portrait-main-sprite-anchor{bottom:var(--book-v2-viewport-sprite-lift)!important}.book-v2-page-slot--left{left:10.5%;width:39.6%;padding:1.1% 2.2% 1.8% 1.5%}.book-v2-page-slot--right{left:50%;width:41.5%;padding:1.1% 1.7% 1.8% 2%}.book-v2-page-title{flex:0 0 auto;text-transform:uppercase;color:#3c2111}.book-v2-page-title--center{text-align:center}.book-v2-page-title span{display:block;color:#71431f;font-size:clamp(11px,.75vw,15px);letter-spacing:.14em}.book-v2-page-title h1{margin:0;color:#3c2111;font-size:clamp(28px,2.2vw,46px);line-height:.94;text-shadow:none}.book-v2-hero-panel{flex:.95;min-height:0}.book-v2-hero-panel>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(14px,1.4vw,24px);background:linear-gradient(180deg,#11141b14,#120c07bd),radial-gradient(circle at 70% 20%,rgba(76,147,196,.28),transparent 35%),linear-gradient(135deg,#274346c2,#492b1bcc);color:#ffe9bd}.book-v2-card-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,.9vw,16px)}.book-v2-right-stack{flex:1;min-height:0;display:grid;grid-template-rows:1.2fr .8fr .7fr;gap:clamp(12px,1vw,18px)}.book-v2-frame{position:relative;min-width:0;min-height:0;padding:clamp(14px,1.2vw,22px);border:16px solid transparent;border-image-source:url(/assets/OrnateBox-CQQJ_wSV.png);border-image-slice:34 fill;border-image-width:16px;border-image-repeat:stretch;color:#2f1a0c;display:flex;flex-direction:column;gap:8px;overflow:hidden}.book-v2-frame--dark{color:#f4dca7;background:linear-gradient(180deg,#050e12e6,#070b0df5),#040a0de6}.book-v2-frame--active{color:#fff0c5;background:radial-gradient(circle at 50% 18%,rgba(239,180,71,.26),transparent 42%),linear-gradient(180deg,#19130ceb,#080c0df7);box-shadow:0 0 18px #df9e3957}.book-v2-frame strong{font-size:clamp(18px,1.2vw,25px);line-height:1.05}.book-v2-frame span{font-size:clamp(13px,.9vw,17px);line-height:1.25}.book-v2-frame button{width:-moz-fit-content;width:fit-content;margin-top:auto;padding:8px 18px;border-radius:2px}.book-v2-progress{height:18px;margin-top:auto;border:1px solid rgba(74,43,22,.42);background:#321f1240;overflow:hidden}.book-v2-progress span{display:block;height:100%;background:linear-gradient(90deg,#368e2e,#76cb42)}.book-v2-action-bar-slot{position:absolute;z-index:4;left:7%;right:7%;bottom:-3.5%}.book-v2-action-bar-slot>div{background:#0d0804b8!important;border:1px solid rgba(217,159,67,.35);border-radius:6px}@media(max-width:1199px){.book-v2-screen{display:none}}@media(max-width:1500px){.book-v2-topbar-content{grid-template-columns:minmax(520px,1.2fr) minmax(190px,.7fr) minmax(120px,.4fr)}.book-v2-resource-row{gap:14px}.book-v2-character-cluster{grid-template-columns:auto minmax(110px,150px) minmax(190px,1fr)}.book-v2-vitals-stack{width:min(300px,22vw)}}.home-page-shell{--book-parchment: #e0d4c7;--book-parchment-light: #3a342f;--book-parchment-dark: #221d19;--book-ink: #f3e7d6;--book-ink-light: #d4c0aa;--book-binding: #5a3317;--book-binding-dark: #3d2010;--book-accent: #b85d3a;--book-binding-rgb: 90 51 23;--book-accent-rgb: 184 93 58;position:relative;min-height:100dvh;height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:linear-gradient(180deg,rgba(var(--book-binding-rgb) / .28),rgba(var(--book-binding-rgb) / .56)),url(/assets/tavern-bg.png) center / cover no-repeat;color:var(--book-parchment)}.home-page-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top center,rgba(var(--book-accent-rgb) / .2),transparent 30%),radial-gradient(circle at bottom right,rgba(var(--book-binding-rgb) / .24),transparent 34%)}.home-page-main{position:relative;z-index:1;width:min(1600px,calc(100vw - clamp(24px,5vw,72px)));min-height:100%;margin:0 auto;padding:clamp(18px,3.6vh,40px) 0;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(18px,3vh,32px)}.home-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-page-status-pill,.home-page-toolbar-button,.home-page-point-chip,.home-page-panel,.home-page-update-card,.home-page-archive-item,.home-page-info-card{backdrop-filter:blur(14px) saturate(1.04);-webkit-backdrop-filter:blur(14px) saturate(1.04)}.home-page-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(var(--book-accent-rgb) / .38);background:rgba(var(--book-binding-rgb) / .34);color:var(--book-parchment);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.home-page-toolbar-button,.home-page-panel-button{border:2px solid rgba(var(--book-binding-rgb) / .58);background:color-mix(in srgb,var(--book-parchment-dark) 84%,transparent);color:var(--book-parchment);border-radius:999px;padding:10px 16px;font-family:"Alagard",inherit;font-size:.92rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-page-toolbar-button:hover,.home-page-panel-button:hover{transform:translateY(-1px);border-color:rgba(var(--book-accent-rgb) / .82);box-shadow:0 10px 24px #0000002e}.home-page-hero{display:grid;gap:clamp(18px,3vh,28px);justify-items:center;text-align:center}.home-page-video-frame{width:min(100%,1140px)}.home-page-video{display:block;width:100%;max-height:min(41vh,420px);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:drop-shadow(0 18px 38px rgba(0,0,0,.26));-webkit-mask-image:radial-gradient(circle at center,#000 58%,rgba(0,0,0,.9) 74%,rgba(0,0,0,.42) 88%,transparent 100%);mask-image:radial-gradient(circle at center,#000 58%,rgba(0,0,0,.9) 74%,rgba(0,0,0,.42) 88%,transparent 100%)}.home-page-copy{width:min(100%,1100px);display:grid;gap:14px;justify-items:center}.home-page-eyebrow,.home-page-panel-kicker{color:var(--book-parchment);letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;opacity:.86}.home-page-title{margin:0;font-family:"Alagard",inherit;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.94;color:var(--book-parchment);text-shadow:0 6px 18px rgba(0,0,0,.44),0 0 26px rgba(var(--book-binding-rgb) / .28),0 0 52px rgba(var(--book-accent-rgb) / .24)}.home-page-subtitle{max-width:64ch;margin:0;color:var(--book-parchment);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;opacity:.94}.home-page-cta-block{display:grid;justify-items:center}.home-page-enter-button{min-width:min(92vw,360px);padding:18px 34px;border:3px solid var(--book-binding-dark);border-radius:18px;background:linear-gradient(135deg,var(--book-accent),var(--book-binding));color:var(--book-parchment);font-family:"Alagard",inherit;font-size:clamp(1.35rem,3vw,2rem);font-weight:700;cursor:pointer;text-shadow:var(--text-shadow);box-shadow:0 14px 34px rgba(var(--book-binding-rgb) / .38),0 0 28px rgba(var(--book-accent-rgb) / .28),inset 0 0 18px #ffffff0f;animation:home-page-enter-glow 2.2s ease-in-out infinite;transition:transform .18s ease,box-shadow .18s ease}.home-page-enter-button:hover{transform:translateY(-2px) scale(1.015)}.home-page-point-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1240px}.home-page-point-chip{padding:10px 14px;border-radius:999px;border:1px solid rgba(var(--book-accent-rgb) / .24);background:rgba(var(--book-binding-rgb) / .28);color:var(--book-parchment);font-size:.92rem;line-height:1.35}.home-page-lower{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(16px,2vw,24px);align-items:start}.home-page-panel{padding:clamp(18px,2.4vw,26px);border-radius:28px;border:1px solid color-mix(in srgb,var(--book-binding) 24%,transparent);background:rgba(var(--book-binding-rgb) / .28);box-shadow:0 18px 38px #0000003d,inset 0 1px rgba(var(--book-accent-rgb) / .09),inset 0 0 0 1px rgba(var(--book-accent-rgb) / .05)}.home-page-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.home-page-panel-title{margin:6px 0 0;font-family:"Alagard",inherit;font-size:clamp(1.4rem,2vw,2rem);color:var(--book-parchment)}.home-page-patch-panel{color:var(--book-parchment)}.home-page-update-list{display:grid;gap:12px}.home-page-update-card{padding:14px 16px;border-radius:18px;border:1px solid rgba(var(--book-accent-rgb) / .18);background:rgba(var(--book-binding-rgb) / .18);box-shadow:0 10px 24px #0000001f,inset 0 1px rgba(var(--book-accent-rgb) / .06)}.home-page-update-topline,.home-page-archive-topline{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--book-parchment)}.home-page-update-topline strong,.home-page-archive-topline strong{color:color-mix(in srgb,var(--book-parchment) 90%,var(--book-accent) 10%);font-size:1.12rem;font-weight:800}.home-page-update-topline span,.home-page-archive-topline span{opacity:.75;font-size:.88rem;letter-spacing:.05em;text-transform:uppercase}.home-page-update-summary,.home-page-archive-item p,.home-page-info-card p{margin:8px 0 0;color:var(--book-parchment);opacity:.92;font-size:1.03rem;line-height:1.5}.home-page-update-highlights{margin:10px 0 0;padding-left:18px;color:var(--book-parchment);opacity:.82;font-size:1rem;line-height:1.4}.home-page-update-highlights li,.home-page-update-highlights li::marker{color:var(--book-parchment)}.home-page-update-highlights li+li{margin-top:4px}.home-page-archive{margin-top:14px;display:grid;gap:10px;max-height:220px;overflow:auto;padding-right:6px}.home-page-archive-item{padding:12px 14px;border-radius:16px;border:1px solid rgba(var(--book-accent-rgb) / .16);background:rgba(var(--book-binding-rgb) / .15);box-shadow:0 8px 18px #0000001a,inset 0 1px rgba(var(--book-accent-rgb) / .05)}.home-page-info-stack{display:grid;gap:12px}.home-page-info-card{padding:16px 18px;border-radius:18px;border:1px solid rgba(var(--book-accent-rgb) / .18);background:rgba(var(--book-binding-rgb) / .17);box-shadow:0 10px 24px #0000001f,inset 0 1px rgba(var(--book-accent-rgb) / .06)}.home-page-info-card strong{display:block;color:var(--book-parchment);font-size:1rem}@keyframes home-page-enter-glow{0%,to{box-shadow:0 14px 34px rgba(var(--book-binding-rgb) / .34),0 0 24px rgba(var(--book-accent-rgb) / .2),inset 0 0 18px #ffffff0d}50%{box-shadow:0 18px 42px rgba(var(--book-binding-rgb) / .42),0 0 42px rgba(var(--book-accent-rgb) / .34),inset 0 0 20px #ffffff1a}}@media(max-width:1120px){.home-page-main{width:min(1280px,calc(100vw - 32px))}.home-page-video{max-height:min(35vh,342px)}.home-page-lower{grid-template-columns:1fr}}@media(max-width:720px){.home-page-main{min-height:100%;width:calc(100vw - 20px);padding:14px 0 22px}.home-page-toolbar{flex-direction:column;align-items:stretch}.home-page-status-pill,.home-page-toolbar-button,.home-page-video-frame{width:100%}.home-page-video{max-height:min(29vh,262px)}.home-page-enter-button{width:100%;min-width:0}.home-page-panel-header{flex-direction:column;align-items:stretch}.home-page-panel-button{width:100%}.home-page-archive{max-height:180px}}@media(prefers-reduced-motion:reduce){.home-page-enter-button,.home-page-toolbar-button,.home-page-panel-button{animation:none;transition:none}}.travel-map-container{max-width:min(90vw,1400px)!important;margin:0 auto!important;width:auto!important}.book-container:has(.travel-map-container),.travel-component-wrapper{height:auto!important;max-height:none!important;min-height:calc(100vh - 60px)!important}.travel-component-wrapper .travel-map-container{position:relative!important;z-index:1!important}@media(max-width:768px){.travel-map-container{max-width:95vw!important;aspect-ratio:4/3!important;width:95vw!important}.travel-select,.travel-btn{flex:1 1 100%!important;margin-bottom:8px!important}}@media(min-width:1440px)and (min-height:900px){.travel-map-container{max-width:1200px!important;max-height:min(70vh,600px)!important;aspect-ratio:unset!important;width:auto!important;height:min(70vh,600px)!important}.book-container:has(.travel-map-container),.travel-component-wrapper{height:auto!important;max-height:calc(100vh - 40px)!important}}@media(min-width:1920px)and (min-height:1080px){.travel-map-container{max-width:1200px!important;max-height:min(75vh,700px)!important;width:auto!important;height:min(75vh,700px)!important}.book-container:has(.travel-map-container),.travel-component-wrapper{height:auto!important;max-height:calc(100vh - 35px)!important}}@media(min-width:2560px)and (min-height:1440px){.travel-map-container{max-width:1400px!important;max-height:min(80vh,900px)!important;width:auto!important;height:min(80vh,900px)!important}.book-container:has(.travel-map-container),.travel-component-wrapper{height:auto!important;max-height:calc(100vh - 30px)!important}}