@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";/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@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-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}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[99998\]{z-index:99998}.z-\[100000\]{z-index:100000}.z-\[999999\]{z-index:999999}.z-\[1000000\]{z-index:1000000}.col-span-3{grid-column:span 3/span 3}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[3\.25rem\]{height:3.25rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\[78vh\]{max-height:78vh}.min-h-\[3\.1rem\]{min-height:3.1rem}.min-h-\[4\.6rem\]{min-height:4.6rem}.min-h-\[4rem\]{min-height:4rem}.min-h-\[60vh\]{min-height:60vh}.min-h-\[calc\(100vh-100px\)\]{min-height:calc(100vh - 100px)}.min-h-screen{min-height:100vh}.w-\[3\.25rem\]{width:3.25rem}.w-\[38rem\]{width:38rem}.w-\[min\(1000px\,92vw\)\]{width:min(1000px,92vw)}.w-full{width:100%}.max-w-\[96vw\]{max-width:96vw}.max-w-\[250px\]{max-width:250px}.max-w-full{max-width:100%}.min-w-\[4\.25rem\]{min-width: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}.basis-\[28\%\]{flex-basis:28%}.basis-\[30\%\]{flex-basis:30%}.basis-\[32\%\]{flex-basis:32%}.origin-bottom{transform-origin:bottom}.-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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.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-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.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-b-\[6px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:6px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.bg-\[\#1a2332\]{background-color:#1a2332}.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\)_90\%\,black\)\]{background-color:var(--book-parchment)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--book-parchment\)_90\%\,black\)\]{background-color:color-mix(in srgb,var(--book-parchment)90%,black)}}.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-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-\[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}.text-center{text-align:center}.text-left{text-align:left}.text-\[0\.65rem\]{font-size:.65rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[2\.05rem\]{font-size:2.05rem}.text-\[10px\]{font-size:10px}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-\[\#1a1a1a\]{color:#1a1a1a}.text-\[\#87CEEB\]{color:#87ceeb}.text-\[\#e0f4ff\]{color:#e0f4ff}.text-\[var\(--book-ink\)\]{color:var(--book-ink)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.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-\[0_12px_32px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.ring-2{--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)}.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-\[0_3px_4px_rgba\(0\,0\,0\,0\.65\)\]{--tw-drop-shadow-size:drop-shadow(0 3px 4px var(--tw-drop-shadow-color,#000000a6));--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,)}.\!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,-webkit-backdrop-filter,backdrop-filter,display,visibility,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}@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\:bg-\[color-mix\(in_srgb\,\#262626_92\%\,black\)\]{background-color:#232323}.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{min-height:100dvh;color:var(--book-ink,#e0f4ff);background-color:#0b1f2a;margin:0;padding:0;font-family:Alagard,"Jersey 10",sans-serif}#root,.App{flex-direction:column;width:100%;max-width:100%;min-height:100dvh;display:flex}.App{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;display:flex}: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}.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;top:-2px;right:-2px;bottom:-2px;left:-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-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}: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;--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)}.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;--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)}.book-app-wrapper{display:flex;flex-direction:column;height:100vh;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:100vw;max-width:100vw;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:100px}.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}.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 1 auto;min-height:0;display:flex;flex-direction:column;overflow:visible;height:auto;max-height:none}.page-footer{margin-top:10px;padding-top:8px;flex-shrink:0}.page-decorative-footer{height:1px;background:linear-gradient(to right,transparent,var(--book-binding),transparent)}.character-portrait{position:relative;overflow:hidden;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 6px 20px #00000026,inset 0 1px 3px #ffffff1a,inset 0 0 20px #d4af3714;flex-shrink:0;z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);min-height:320px;height:auto}@media (max-width: 640px){.character-portrait{min-height:360px!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;left:0;right:0;top:0;bottom: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;left:0;right:0;top:0;bottom: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:1;transform:translateY(0) scale(1)}20%{opacity:1;transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.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;bottom:0;left:0;right:0;background:var(--book-parchment);border-top:2px solid var(--book-binding);padding:12px;z-index:99999;box-shadow:0 -4px 8px #0000001a;display:flex;flex-direction:column;gap:8px}.unified-book-content{padding-bottom:100px}@media (max-width: 768px){.mobile-navigation-container{padding:16px 12px;gap:0}.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}}@media (max-width: 768px){.book-container{border:none!important;border-radius:0!important;box-shadow:none!important;background:var(--book-gradient)!important;height:100vh!important;max-height:100vh!important;width:100vw!important;max-width:100vw!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:120px!important;z-index:1!important}.book-page{border:2px solid var(--book-binding)!important;border-radius:6px!important;box-shadow:0 1px 8px #2c181014!important;background:var(--book-gradient)!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}.book-content,.book-page,.chronicle-content,.stat-card,.travel-map-container,.zone-events-section{margin-left:0!important;margin-right:0!important;padding-left:1px!important;padding-right:1px!important;max-width:100vw!important;width:100vw!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-content{margin-left:4px}.book-page-wrapper,.book-page{height:auto!important;display:flex;flex-direction:column}.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:140px!important;max-height:140px!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{margin-bottom:4px;padding-bottom:3px}.page-icon{font-size:1.3em}.page-title{font-size:1.4em}.page-subtitle{font-size:.85em;margin-top:1px}.page-footer{margin-top:8px;padding-top:6px}.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:100vh!important;max-height:100vh!important;width:100vw!important;max-width:100vw!important;margin:0!important;overflow-y:auto;padding-bottom:120px!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 - 200px);padding-bottom:110px}.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}.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}.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:9999;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:100vw;max-width:100vw;padding:0;margin:0}@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{padding-bottom:20px!important;position:relative;z-index:1;max-height:calc(100vh - 120px);overflow-y:auto}.book-action-bar-fixed,.book-action-bar-fixed *,.book-action-bar-fixed:before,.book-action-bar-fixed:after{background-color:transparent!important}.sprite-hurt{animation:sprite-flash .2s ease-in-out 4;filter:brightness(2) saturate(.3) hue-rotate(0deg)}@keyframes sprite-flash{0%,to{filter:brightness(1) saturate(1)}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}}.sprite-container{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.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;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,#ffffff14 0,#ffffff14 6px,#fff0 6px,#fff0 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;top:0;left:0;right:0;bottom:0;z-index:50000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom: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;top:0;left:0;right:0;bottom: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){.responsive-book-container.desktop-book{display:flex;flex-direction:column;width:clamp(1200px,95vw,2800px);margin:0 auto;height:100vh;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:2px solid var(--book-binding-dark);background:var(--book-parchment-light);gap:clamp(12px,2vw,32px)}.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}.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-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;gap:0}.desktop-left-page{flex:1;min-width:400px;max-width:50%;border-right:2px solid var(--book-binding-dark);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:hidden}@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;height:100%;padding:15px;gap:15px}.right-page-content{display:flex;flex-direction:column;height:100%;padding:20px;overflow-y:auto}.desktop-character-portrait{flex:1;min-height:0;border:2px solid var(--book-binding);border-radius:8px;overflow:hidden;background:var(--book-parchment-dark)}.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;min-height:0;border:2px solid var(--book-binding);border-radius:8px;overflow:hidden;background:var(--book-parchment)}.desktop-action-bar{padding:20px 40px;border-top:3px solid var(--book-binding-dark);background:var(--book-parchment-light);min-height:120px}.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;overflow-y:auto;padding:20px}.desktop-right-page-wrapper{display:flex;flex-direction:column;height:100%}.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 (max-width: 1499px){.responsive-book-container.mobile-book{position:relative;background:var(--book-gradient);border:none;border-radius:0;box-shadow:none;width:100vw;max-width:100vw;margin:0;font-family:"Alagard",inherit;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:100vh;max-height:100vh;padding-bottom:120px;z-index:1}}#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}}.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}.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}.inventory-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow-x:hidden;max-height:min(960px,65vh)}@media (max-width: 1100px){.inventory-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;max-height:min(680px,55vh)!important;gap:10px!important}}@media (max-width: 700px){.inventory-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;max-height:min(450px,50vh)!important;gap:8px!important}}@media (max-width: 480px){.inventory-grid-responsive{grid-template-columns:repeat(2,1fr)!important;max-height:min(410px,45vh)!important;gap:6px!important}}.inventory-grid-responsive{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.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}.trading-container{font-family:"Alagard",inherit;color:var(--book-ink);max-width:100%}.trade-tabs{display:flex;margin-bottom:2rem;border-bottom:2px solid var(--book-binding);background:var(--book-gradient);border-radius:8px 8px 0 0;padding:.5rem;box-shadow:inset 0 1px 3px var(--gothic-shadow)}.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:var(--book-parchment);border:2px solid var(--book-binding-dark);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 3px 6px var(--gothic-shadow)}.create-trade-form h3{margin:0 0 1rem;color:var(--book-binding);font-family:"Alagard",inherit;font-size:1.3rem;border-bottom:1px solid var(--book-binding-dark);padding-bottom:.5rem}.form-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.target-input,.gold-input{flex:1;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:.75rem 1.5rem;background:var(--book-binding);color:var(--book-parchment);border:none;border-radius:6px;font-family:"Alagard",inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-create-trade:hover:not(:disabled){background:var(--book-accent);transform:translateY(-1px);box-shadow:0 3px 6px var(--gothic-shadow)}.btn-create-trade:disabled{opacity:.6;cursor:not-allowed}.trade-list{min-height:300px}.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:3rem;color:var(--book-ink-light);font-style:italic;font-size:1.1rem;background:var(--book-parchment);border:2px dashed var(--book-binding-dark);border-radius:8px}.trade-offer-card{background:var(--book-parchment);border:2px solid var(--book-binding-dark);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 3px 6px var(--gothic-shadow);transition:all .2s ease}.trade-offer-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px var(--gothic-shadow);border-color:var(--book-binding)}.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:var(--book-parchment-dark);border:1px solid var(--book-binding-dark);border-radius:6px;padding:1rem}.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:.75rem;background:var(--book-parchment);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:center;margin-bottom:.5rem}.trade-item-name{font-weight:700;font-size:.95rem}.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:var(--book-parchment);padding:.5rem;border-radius:4px;border:1px solid var(--book-binding-dark)}.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-dark);border-color:var(--book-binding-dark)}.dark-mode .no-trades{background:var(--book-parchment-dark);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:var(--book-parchment-dark);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:#e8f5e8;border:1px solid #4caf50;border-radius:6px;padding:10px;margin-bottom:16px;font-size:14px;color:#2e7d32}.dark-mode .trading-info{background:#4caf5026;border:1px solid #4caf50;color:#81c784}.trading-requirements{background:#e8f5e8;border:1px solid #4caf50;border-radius:6px;padding:12px;margin-bottom:16px}.dark-mode .trading-requirements{background:#4caf5026;border:1px 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:8px;background:#f5f5f5;border-radius:4px;font-family:"Alagard",inherit}.dark-mode .trade-flow-info{background:var(--book-parchment-dark);color:var(--book-ink-light);border:1px solid var(--book-binding-dark)}.history-info{background:#f3e5f5;border:1px solid #9c27b0;border-radius:6px;padding:10px;margin-bottom:16px;font-size:14px;color:#7b1fa2}.dark-mode .history-info{background:#9c27b026;border:1px solid #ba68c8;color:#ce93d8}.no-trades{text-align:center;padding:40px;color:#666;font-style:italic;background:var(--book-parchment);border:2px dashed var(--book-binding-dark);border-radius:8px;font-family:"Alagard",inherit}.dark-mode .no-trades{background:var(--book-parchment-dark);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}.btn-accept,.btn-cancel,.btn-execute{padding:.5rem 1rem;border:none;border-radius:6px;font-family:"Alagard",inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:80px}.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){.trade-tabs{flex-direction:column;gap:.5rem;padding:.75rem}.trade-tabs .tab{margin:0;border-radius:6px}.form-row{flex-direction:column;align-items:stretch}.trade-details{grid-template-columns:1fr}.trade-actions{justify-content:center}.trade-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.create-trade-form,.trade-list,.trade-offer-card{padding:1rem}.trade-tabs .tab{padding:.5rem;font-size:.85rem}}.trade-inventory-section{margin:1.5rem 0;padding:1rem;background:var(--book-parchment-dark);border:2px solid var(--book-binding-dark);border-radius:8px}.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:center;padding:.75rem;background:var(--book-parchment);border:2px solid var(--book-binding-dark);border-radius:6px;transition:all .2s ease}.inventory-item:hover{border-color:var(--book-binding);box-shadow:0 2px 4px var(--gothic-shadow)}.inventory-item.selected{border-color:var(--book-accent);background:#c973411a}.item-info{flex:1}.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}.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:.5rem .75rem;background:var(--book-binding);color:var(--book-parchment);border:none;border-radius:4px;font-family:"Alagard",inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}.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.ready-active{background:#4caf50!important;color:#fff!important;border:2px solid #388e3c;box-shadow:0 0 10px #4caf5066}.btn-ready.both-ready-glow{background:linear-gradient(45deg,#4caf50,#66bb6a,#4caf50)!important;color:#fff!important;border:2px solid #ffc107;box-shadow:0 0 20px #ffc10799,0 0 10px #4caf5066;animation:ready-button-glow 1.5s ease-in-out infinite;font-weight:700;text-shadow:0 0 4px rgba(255,255,255,.8)}.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}.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}}