@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap);*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.btn-ghost{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem}.btn-ghost:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn-ghost:disabled{opacity:.5;pointer-events:none}.btn-ghost{border:1px solid #0000;color:#8a94a8;color:var(--game-text-muted);height:2.25rem;padding-left:.75rem;padding-right:.75rem;transition:all .2s ease}.btn-ghost:hover{background:#c8a84e14;border-color:#c8a84e33;color:#e8c35a;color:var(--game-gold-lt)}.btn-ghost:focus-visible{ring-color:#c8a84e;ring-color:var(--game-gold)}.btn-primary{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;line-height:1.25rem}.btn-primary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn-primary:disabled{opacity:.5;pointer-events:none}.btn-primary{height:2.25rem;padding-left:1rem;padding-right:1rem;transition:all .2s ease}.btn-primary:hover{box-shadow:0 0 12px #c8a84e66,0 2px 8px #0000004d;transform:translateY(-1px)}.btn-primary:focus-visible{ring-color:#c8a84e;ring-color:var(--game-gold)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-6{bottom:-1.5rem}.-left-6{left:-1.5rem}.-right-6{right:-1.5rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-3{grid-column:span 3/span 3}.float-right{float:right}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-24{max-height:6rem}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[600px\]{width:600px}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-16{min-width:4rem}.min-w-20{min-width:5rem}.min-w-48{min-width:12rem}.min-w-\[120px\]{min-width:120px}.min-w-\[150px\]{min-width:150px}.min-w-\[2\.5ch\]{min-width:2.5ch}.min-w-\[3ch\]{min-width:3ch}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-crosshair{cursor:crosshair}.cursor-ew-resize{cursor:ew-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.resize-none{resize:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[auto_auto_auto\]{grid-template-columns:auto auto auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{column-gap:1rem}.gap-y-1\.5{row-gap:.375rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-300{--tw-border-opacity:1;border-color:#fcd34d;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-900{--tw-border-opacity:1;border-color:#1e3a8a;border-color:rgb(30 58 138/var(--tw-border-opacity,1))}.border-cyan-800{--tw-border-opacity:1;border-color:#155e75;border-color:rgb(21 94 117/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:#6366f1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-800{--tw-border-opacity:1;border-color:#991b1b;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:#475569;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:#1e293b;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:#ffffff4d}.border-yellow-400{--tw-border-opacity:1;border-color:#facc15;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-amber-100{--tw-bg-opacity:1;background-color:#fef3c7;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:#d97706;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:#1e40af;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:#1e3a8a;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.bg-current{background-color:currentColor}.bg-cyan-700{--tw-bg-opacity:1;background-color:#0e7490;background-color:rgb(14 116 144/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-800{--tw-bg-opacity:1;background-color:#166534;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.bg-green-900{--tw-bg-opacity:1;background-color:#14532d;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.bg-green-900\/30{background-color:#14532d4d}.bg-indigo-800{--tw-bg-opacity:1;background-color:#3730a3;background-color:rgb(55 48 163/var(--tw-bg-opacity,1))}.bg-indigo-900{--tw-bg-opacity:1;background-color:#312e81;background-color:rgb(49 46 129/var(--tw-bg-opacity,1))}.bg-panel\/20{background-color:#151c2e33;background-color:rgb(var(--panel)/.2)}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:#f87171;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-slate-900\/70{background-color:#0f172ab3}.bg-slate-950{--tw-bg-opacity:1;background-color:#020617;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/60{background-color:#fff9}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-30{--tw-bg-opacity:0.3}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-800{--tw-gradient-from:#1e40af var(--tw-gradient-from-position);--tw-gradient-to:#1e40af00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-700{--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-indigo-800{--tw-gradient-to:#3730a3 var(--tw-gradient-to-position)}.to-purple-800{--tw-gradient-to:#6b21a8 var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-snug{line-height:1.375}.tracking-\[0\.35em\]{letter-spacing:.35em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:#92400e;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-emerald-300{--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:#c7d2fe;color:rgb(199 210 254/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-purple-100{--tw-text-opacity:1;color:#f3e8ff;color:rgb(243 232 255/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:#7f1d1d;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:#fb7185;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:#f1f5f9;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-50{--tw-text-opacity:1;color:#f8fafc;color:rgb(248 250 252/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_1px_0_0_rgba\(0\2c 0\2c 0\2c 0\.04\)_inset\2c 0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.03\)\]{--tw-shadow:0 1px 0 0 #0000000a inset,0 0 0 1px #00000008;--tw-shadow-colored:inset 0 1px 0 0 var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color)}.shadow-\[0_1px_0_0_rgba\(0\2c 0\2c 0\2c 0\.04\)_inset\2c 0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.03\)\],.shadow-inner{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-indigo-200{--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.invert{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)}.invert{--tw-invert:invert(100%)}.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-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}:root{--bg:10 14 23;--fg:232 220 200;--panel:21 28 46;--accent:200 168 78;--ring:200 168 78;--muted:138 148 168;--game-bg:#0a0e17;--game-surface:#111827;--game-panel:#151c2e;--game-panel-lt:#1e2642;--game-border:#2a3352;--game-border-gold:#c8a84e;--game-gold:#c8a84e;--game-gold-lt:#e8c35a;--game-gold-dk:#a88932;--game-arcane:#4fc3f7;--game-ruby:#e74c3c;--game-emerald:#2ecc71;--game-text:#e8dcc8;--game-text-muted:#8a94a8;--paper-url:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=)}[data-theme=dark]{--bg:10 14 23;--fg:232 220 200;--panel:21 28 46;--accent:200 168 78;--ring:200 168 78;--muted:138 148 168;--paper-url:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGPgzwAAAgIBQh4b6pEAAAAASUVORK5CYII=)}.token,.token *{border:none;box-shadow:none;outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e17;background:var(--game-bg);color:#e8dcc8;color:var(--game-text);font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;margin:0}h1,h2,h3{color:#c8a84e;color:var(--game-gold);font-family:Cinzel,Georgia,Times New Roman,serif;letter-spacing:.02em}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#111827;background:var(--game-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:#2a3352;background:var(--game-border);border:1px solid #c8a84e26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a88932;background:var(--game-gold-dk);box-shadow:0 0 6px #c8a84e4d}*{scrollbar-color:#2a3352 #111827;scrollbar-color:var(--game-border) var(--game-surface);scrollbar-width:thin}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-blue-600::file-selector-button{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.file\:px-2::file-selector-button{padding-left:.5rem;padding-right:.5rem}.file\:py-1::file-selector-button{padding-bottom:.25rem;padding-top:.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:text-white::file-selector-button{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-green-500:hover{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.hover\:border-red-500:hover{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:#b45309;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:#a16207;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-200:hover{--tw-text-opacity:1;color:#bbf7d0;color:rgb(187 247 208/var(--tw-text-opacity,1))}.hover\:text-indigo-500:hover{--tw-text-opacity:1;color:#6366f1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.hover\:text-purple-800:hover{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-yellow-300:hover{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:file\:bg-blue-700::file-selector-button:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:text-green-200:focus{--tw-text-opacity:1;color:#bbf7d0;color:rgb(187 247 208/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-cyan-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-600:disabled{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:bg-white\/5:is([data-theme=dark] *){background-color:#ffffff0d}.dark\:shadow-\[0_1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.03\)_inset\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.04\)\]:is([data-theme=dark] *){--tw-shadow:0 1px 0 0 #ffffff08 inset,0 0 0 1px #ffffff0a;--tw-shadow-colored:inset 0 1px 0 0 var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-4{padding:1rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}.multiplayer-session-manager{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.connection-status{align-items:center;background:#fef3c7;border:1px solid #d97706;border-radius:.375rem;display:flex;gap:.5rem;padding:1rem}.status-indicator{border-radius:50%;flex-shrink:0;height:.75rem;width:.75rem}.status-indicator.online{background:#10b981;box-shadow:0 0 0 2px #10b9814d}.status-indicator.offline{animation:pulse 2s infinite;background:#ef4444}.session-options h2{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.session-options p{color:#6b7280;margin-bottom:1.5rem}.action-buttons{flex-wrap:wrap;gap:1rem}.create-session-button,.join-session-button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;min-width:150px;padding:.75rem 1.5rem;transition:all .2s ease}.create-session-button{background:#3b82f6;color:#fff}.create-session-button:hover:not(:disabled){background:#2563eb}.join-session-button{background:#10b981;color:#fff}.join-session-button:hover:not(:disabled){background:#059669}.create-session-button:disabled,.join-session-button:disabled{cursor:not-allowed;opacity:.5}.current-session{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1.5rem}.session-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.session-info h3{color:#065f46;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.session-id{color:#6b7280;font-size:.875rem}.session-id code{background:#f3f4f6;border-radius:.25rem;font-family:monospace;padding:.125rem .25rem}.participants-count{color:#059669;font-size:.875rem;font-weight:500}.participants-list{margin-bottom:1.5rem}.participants-list h4{color:#065f46;font-size:1rem;font-weight:600;margin-bottom:.5rem}.participants-list ul{list-style:none;margin:0;padding:0}.participants-list li{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:.375rem;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.5rem}.participant-name{color:#111827;font-weight:500}.gm-indicator,.you-indicator{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.125rem .375rem}.you-indicator{background:#dbeafe;color:#1d4ed8}.gm-indicator{background:#fef3c7;color:#d97706}.invite-section{margin-bottom:1.5rem}.invite-section h4{color:#065f46;font-size:1rem;font-weight:600;margin-bottom:.5rem}.invite-link-container{display:flex;gap:.5rem;margin-bottom:.5rem}.invite-link-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;flex:1 1;font-family:monospace;font-size:.875rem;padding:.5rem}.copy-button{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s ease}.copy-button:hover{background:#2563eb}.invite-tip{color:#6b7280;font-size:.875rem;margin:0}.leave-button{background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s ease}.leave-button:hover{background:#dc2626}.modal-overlay{background:#00000080;inset:0;padding:1rem;z-index:50}.modal{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;color:#111827;max-height:90vh;max-width:28rem;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.close-button:hover{color:#374151}.modal-body{color:#111827;padding:0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151}.form-group input,.form-group textarea{background-color:#f9f5f1;border:1px solid #d1d5db;border-radius:.375rem;color:#2d1810;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background-color:#faf7f3;border-color:#8b5a2b;box-shadow:0 0 0 3px #8b5a2b1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#8b7355}.form-help{color:#6b7280;font-size:.75rem;margin-top:.25rem}.modal *{color:inherit}.modal div,.modal h3,.modal label,.modal p,.modal span,.multiplayer-session-manager .modal div,.multiplayer-session-manager .modal h3,.multiplayer-session-manager .modal label,.multiplayer-session-manager .modal p,.multiplayer-session-manager .modal span{color:#111827!important}.multiplayer-session-manager .form-group label{color:#374151!important;font-weight:500}.multiplayer-session-manager .form-help{color:#6b7280!important}.modal *,.modal :after,.modal :before{color:#111827!important}.modal input,.modal textarea{background-color:#f9f5f1!important;color:#2d1810!important}.modal input::placeholder,.modal textarea::placeholder{color:#8b7355!important}.multiplayer-session-manager *,.multiplayer-session-manager :after,.multiplayer-session-manager :before{color:#111827!important}.modal button{color:inherit!important}.copy-button,.create-button,.create-session-button,.join-button,.join-session-button,.leave-button{color:#fff!important}.cancel-button{color:#374151!important}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding:1.5rem}.cancel-button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f9fafb}.create-button,.join-button{border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease}.create-button{background:#3b82f6}.create-button:hover:not(:disabled){background:#2563eb}.join-button{background:#10b981}.join-button:hover:not(:disabled){background:#059669}.cancel-button:disabled,.create-button:disabled,.join-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.action-buttons{flex-direction:column}.create-session-button,.join-session-button{flex:none}.invite-link-container{flex-direction:column}.modal{margin:.5rem}.modal-footer{flex-direction:column}}.dashboard{background:linear-gradient(180deg,#0a0e17,#0f1524 40%,#0a0e17);color:#e8dcc8;color:var(--game-text,#e8dcc8);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-height:100vh;min-height:100vh;overflow-x:hidden;position:relative;scroll-behavior:smooth}body,html{overflow:hidden!important}.dashboard{height:100vh!important;overflow-y:scroll!important}.dashboard::-webkit-scrollbar{display:block!important;width:10px!important}.dashboard::-webkit-scrollbar-track{background:#111827!important;background:var(--game-surface,#111827)!important;border-radius:4px}.dashboard::-webkit-scrollbar-thumb{background:#2a3352!important;background:var(--game-border,#2a3352)!important;border:1px solid #c8a84e26;border-radius:4px}.dashboard::-webkit-scrollbar-thumb:hover{background:#a88932!important;background:var(--game-gold-dk,#a88932)!important;box-shadow:0 0 6px #c8a84e4d}.dashboard-content{min-height:calc(100vh + 100px)!important}.dashboard img{background-color:#151c2ecc!important;border:2px solid #2a3352!important;border:2px solid var(--game-border,#2a3352)!important;border-radius:4px}.dashboard .flex-shrink-0{background-color:#151c2ecc!important;border:2px solid #c8a84e33;border-radius:50%!important;padding:2px}.dashboard .w-16.h-16{background-color:#151c2ecc!important;border:2px solid #2a3352!important;border:2px solid var(--game-border,#2a3352)!important}.dashboard .bg-red-50{background-color:#151c2e99!important}.dashboard .border-red-100{border-color:#2a3352!important;border-color:var(--game-border,#2a3352)!important}.dashboard-header{align-items:center;background:linear-gradient(180deg,#151c2efa,#0f1423f2);border-bottom:1px solid #c8a84e33;box-shadow:0 4px 20px #0006;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative}.dashboard-header:after{background:linear-gradient(90deg,#0000,#c8a84e,#0000);background:linear-gradient(90deg,#0000,var(--game-gold,#c8a84e),#0000);bottom:-1px;content:"";height:1px;left:10%;position:absolute;right:10%}.dashboard-title{color:#c8a84e;color:var(--game-gold,#c8a84e);font-family:Cinzel,Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:.04em;margin:0;text-shadow:0 0 20px #c8a84e33}.header-actions{gap:.75rem}.btn{font-family:Inter,sans-serif;gap:.5rem;padding:.75rem 1.5rem;transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,#c8a84e,#a88932);border:1px solid #e8c35a66;color:#1a1207;text-shadow:0 1px 0 #ffffff26}.btn-primary:hover{background:linear-gradient(135deg,#e8c35a,#c8a84e);box-shadow:0 0 16px #c8a84e66,0 4px 12px #0000004d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#2a3352cc,#1e2642e6);border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);color:#e8dcc8;color:var(--game-text,#e8dcc8)}.btn-secondary:hover{background:linear-gradient(135deg,#2a3352,#1e2642);border-color:#c8a84e4d;box-shadow:0 0 8px #c8a84e26;transform:translateY(-1px)}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.dashboard-section{background:linear-gradient(180deg,#1e2642d9,#151c2eeb);border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:8px;box-shadow:0 4px 24px #0006,inset 0 1px 0 #ffffff08;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.dashboard-section:hover{border-color:#c8a84e40;box-shadow:0 8px 32px #00000080,0 0 12px #c8a84e14}.dashboard-section:before{border-left:2px solid #c8a84e4d;border-radius:8px 0 0 0;border-top:2px solid #c8a84e4d;left:0;top:0}.dashboard-section:after,.dashboard-section:before{content:"";height:30px;pointer-events:none;position:absolute;width:30px}.dashboard-section:after{border-bottom:2px solid #c8a84e4d;border-radius:0 0 8px 0;border-right:2px solid #c8a84e4d;bottom:0;right:0}.section-header{align-items:center;border-bottom:1px solid #c8a84e26;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.section-title{color:#c8a84e;color:var(--game-gold,#c8a84e);font-family:Cinzel,Georgia,serif;font-size:1.1rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.section-list{list-style:none;margin:0;padding:0}.section-item{background:linear-gradient(135deg,#151c2eb3,#0f1423cc);border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:6px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.section-item:hover{background:linear-gradient(135deg,#1e2642e6,#151c2ef2);border-color:#c8a84e4d;box-shadow:0 0 8px #c8a84e1a;transform:translateY(-1px)}.item-name{color:#e8dcc8;color:var(--game-text,#e8dcc8);font-weight:600;margin-bottom:.25rem}.item-details{color:#8a94a8;color:var(--game-text-muted,#8a94a8);font-size:.85rem}.load-session-input{display:none}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}}.initiative-tracker{background:#2a2a2a;border:1px solid #444;border-radius:6px;box-sizing:border-box;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%!important;padding:12px;width:100%!important}.initiative-tracker-container{display:flex;flex-direction:column;height:auto;min-height:100px;overflow:visible;width:100%}.initiative-list-container{flex:1 1;margin:.5rem 0;overflow:visible;width:100%}.tracker-header{align-items:center;border-bottom:2px solid #4f545c;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.tracker-header h3{font-size:1.2rem;font-weight:700;margin:0}.round-counter{background-color:#7289da;border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.current-turn-banner{background-color:#f1c40f;border-radius:4px;color:#2c2f33;font-size:.9rem;font-weight:700;margin-bottom:1rem;padding:.5rem;text-align:center}.initiative-list{list-style:none;margin:0 0 1rem;padding:0}.initiative-item{margin-bottom:.4rem;padding:.5rem}.initiative-item:hover{box-shadow:0 2px 4px #0003;transform:translateX(2px)}.initiative-item.player{background-color:#3a4a5f;border-left-color:#4a90e2}.initiative-item.monster{background-color:#5f3a3a;border-left-color:#e24a4a}.initiative-item.active-turn{background-color:#f1c40f;border-left-color:#e67e22;box-shadow:0 0 10px #f1c40f80;color:#2c2f33;font-weight:700}.initiative-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.initiative-roll{background-color:#ffffff1a;border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;min-width:2rem;padding:.25rem .5rem;text-align:center}.initiative-item.active-turn .initiative-roll{background-color:#e67e22;color:#fff}.combatant-name{flex-grow:1;margin-left:.5rem}.combatant-stats{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.hp-display{gap:.25rem}.hp-input{background-color:#40444b;border:1px solid #4f545c;border-radius:3px;color:#fff;font-size:.8rem;padding:.2rem .4rem;text-align:center;width:3rem}.hp-input:focus{background-color:#36393f;border-color:#7289da;outline:none}.max-hp{color:#b9bbbe;font-size:.8rem}.ac-display{align-items:center;display:flex;gap:.25rem}.ac-value{background-color:#ffffff1a;border-radius:3px;font-weight:700;min-width:1.5rem;padding:.2rem .4rem;text-align:center}.turn-controls{display:flex;gap:.5rem;margin-top:1rem}.control-btn{background-color:#7289da;border:none;border-radius:6px;color:#fff;flex:1 1;font-size:.9rem;font-weight:700;padding:.75rem;transition:background-color .2s ease}.control-btn:hover{background-color:#677bc4}.control-btn:active{background-color:#5b6eae}.prev-btn{background-color:#95a5a6}.prev-btn:hover{background-color:#7f8c8d}.finish-turn-controls .finish-btn{align-items:center;background-color:#c0392b;border-radius:4px;display:inline-flex;font-size:.8rem;justify-content:center;line-height:1.1rem;overflow-wrap:normal;padding:.35rem .5rem;white-space:nowrap;width:100%;word-break:normal}.finish-turn-controls .finish-btn:hover:not([disabled]){background-color:#e74c3c}.finish-turn-controls .finish-btn:disabled{background-color:#7f8c8d;cursor:not-allowed}@media (max-width:768px){.initiative-tracker{max-width:100%;min-width:240px}.combatant-stats{align-items:flex-start;flex-direction:column;gap:.25rem}}.left-panel.non-gm .gm-override-controls{display:none!important}.action-tracker{background:linear-gradient(180deg,#1e2642e6,#151c2ef2);border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:6px;box-sizing:border-box;color:#e8dcc8;color:var(--game-text,#e8dcc8);margin-bottom:8px;max-width:100%!important;padding:12px;width:100%!important}.action-header{border-bottom:1px solid #c8a84e26;margin-bottom:12px;padding-bottom:8px}.action-header h4{color:#c8a84e;color:var(--game-gold,#c8a84e);font-family:Cinzel,Georgia,serif;font-size:14px;letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}.current-turn-info{align-items:center;color:#ccc;display:flex;font-size:12px;justify-content:space-between}.round-badge{background:linear-gradient(135deg,#c8a84e40,#a8893233);border:1px solid #c8a84e4d;border-radius:3px;color:#e8c35a;color:var(--game-gold-lt,#e8c35a);font-size:10px;font-weight:700;padding:2px 6px}.no-combat{color:#888;font-size:12px;font-style:italic;margin:0}.action-economy{background:#0a0e1780;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:6px;margin-bottom:12px;padding:12px}.action-economy h5{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.action-economy-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.economy-item{background:#1e264299;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;padding:6px;text-align:center;transition:all .2s ease}.economy-item.used{background:#0a0e1766;border-color:#2a335280;opacity:.5}.economy-icon{font-size:16px}.economy-icon,.economy-label{display:block;margin-bottom:2px}.economy-label{color:#ccc;font-size:9px;letter-spacing:.3px;text-transform:uppercase}.economy-status{display:block;font-size:10px;font-weight:700}.economy-status.available{color:#4caf50}.economy-status.used{color:#f44336}.quick-actions{margin-bottom:12px}.quick-actions h5{color:#ccc;font-size:12px;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.action-buttons{grid-gap:4px;display:grid;grid-template-columns:1fr 1fr}.action-btn{background:#1e264299;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;color:#e8dcc8;color:var(--game-text,#e8dcc8);font-size:11px;padding:6px 8px;transition:all .2s}.action-btn:hover:not(:disabled){background:#1e2642e6;border-color:#c8a84e4d}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-attack{border-left:3px solid #d32f2f}.action-move{border-left:3px solid #1976d2}.action-spell{border-left:3px solid #7b1fa2}.action-bonus{border-left:3px solid #f57c00}.action-reaction{border-left:3px solid #388e3c}.action-free{border-left:3px solid #616161}.current-turn-actions{border-top:1px solid #444;margin-bottom:12px;padding-top:8px}.current-turn-actions h5{color:#ccc;font-size:12px;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.action-list{max-height:120px;overflow-y:auto;padding-right:4px}.action-item{background:#1e264280;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);font-size:11px;margin-bottom:4px;padding:6px 8px}.action-main{align-items:center;display:flex;gap:6px}.action-icon{font-size:12px}.action-name{flex:1 1}.action-time{color:#888;font-size:10px}.action-details{border-top:1px solid #444;font-size:10px;margin-top:4px;padding-top:4px}.hit-result{margin-bottom:2px}.hit-result.hit{color:#4caf50}.hit-result.miss{color:#f44336}.damage-result{color:#ff9800}.action-summary{border-top:1px solid #444;padding-top:6px}.action-counts{display:flex;flex-wrap:wrap;gap:6px}.action-count{background:#444;border-radius:3px;font-size:10px;font-weight:700;padding:2px 6px}.action-list::-webkit-scrollbar{width:4px}.action-list::-webkit-scrollbar-track{background:#0a0e1780;border-radius:2px}.action-list::-webkit-scrollbar-thumb{background:#2a3352;background:var(--game-border,#2a3352);border-radius:2px}.action-list::-webkit-scrollbar-thumb:hover{background:#a88932;background:var(--game-gold-dk,#a88932)}.initiative-confirmation{background:#0a0e1780;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:6px;margin-bottom:12px;padding:12px;text-align:center}.confirmation-text{color:#ccc;font-size:12px;margin:0 0 8px}.confirmation-buttons{display:flex;gap:8px;justify-content:center}.confirm-btn{background:#4caf50;border:1px solid #66bb6a;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:6px 12px;transition:background-color .2s}.confirm-btn:hover{background:#66bb6a}.reset-btn{background:#ff9800;border:1px solid #ffb74d;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:6px 12px;transition:background-color .2s}.reset-btn:hover{background:#ffb74d}.combat-controls{margin-bottom:8px;text-align:center}.reset-combat-btn{background:#f44336;border:1px solid #e57373;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:4px 8px;transition:background-color .2s}.reset-combat-btn:hover{background:#e57373}.action-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:12px}.action-button{background:#1e2642b3;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#e8dcc8;color:var(--game-text,#e8dcc8);cursor:pointer;font-weight:500;padding:8px 12px;text-align:left;transition:all .2s ease}.action-button:hover:not(:disabled){background:#1e2642e6;border-color:#c8a84e4d;box-shadow:0 4px 12px #0006,0 0 6px #c8a84e1a;transform:translateY(-2px)}.action-button.disabled,.action-button:disabled{background-color:#2a2a2a!important;box-shadow:none!important;color:#666!important;cursor:not-allowed;opacity:.4;transform:none!important}.action-button.disabled:hover,.action-button:disabled:hover{background-color:#2a2a2a!important;transform:none}.action-button.attack,.action-button.legendary{align-items:center;background-color:#d32f2f;color:#fff;display:flex;justify-content:flex-start}.action-button.legendary{background-color:#7b1fa2}.action-button.attack:before{content:"⚔️";margin-right:5px}.action-button.legendary:before{content:"✨";margin-right:5px}.action-debug-info{background-color:#333;border:1px dashed #555;border-radius:4px;color:#ccc;font-size:.9rem;margin:8px 0;padding:10px}.monster-tag{font-size:.8rem;margin-left:5px}.monster-tag,.movement-used{color:#ff9800;font-style:italic}.movement-used{font-size:9px}.movement-cost{color:#1976d2;font-size:10px;font-style:italic;font-weight:400}.vertical-economy{margin-top:8px}.economy-stack{gap:6px}.economy-row,.economy-stack{display:flex;flex-direction:column}.economy-button{align-items:center;background:#1e264299;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:6px;color:#e8dcc8;color:var(--game-text,#e8dcc8);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.economy-button:hover{background:#1e2642e6;border-color:#c8a84e40}.economy-icon{font-size:14px}.economy-label{font-weight:600}.economy-badge{color:#9ad0ff;font-size:11px;margin-left:auto}.tray{grid-gap:6px;border-left:2px solid #c8a84e26;display:grid;gap:6px;grid-template-columns:1fr;margin-left:6px;margin-top:6px;padding-left:6px}.gm-panel{color:#e8dcc8;color:var(--game-text,#e8dcc8);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;height:100%}.gm-tabs{background:#151c2e99;border-bottom:1px solid #c8a84e33;display:flex;margin-bottom:12px}.gm-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a94a8;color:var(--game-text-muted,#8a94a8);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.gm-tab:hover{background:#c8a84e0f;color:#e8dcc8;color:var(--game-text,#e8dcc8)}.gm-tab.active{background:#c8a84e14;border-bottom-color:#c8a84e;border-bottom-color:var(--game-gold,#c8a84e);color:#c8a84e;color:var(--game-gold,#c8a84e)}.gm-content{flex:1 1;overflow-y:auto;padding:0 8px}.gm-token-info{background:#1e264299;border-left:4px solid #c8a84e;border-left:4px solid var(--game-gold,#c8a84e);border-radius:6px;margin-bottom:16px;padding:12px}.gm-token-info h4{color:#c8a84e;color:var(--game-gold,#c8a84e);font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:600;margin:0 0 8px}.no-selection{color:#888;font-style:italic;padding:40px 20px;text-align:center}.hp-display{font-size:18px;margin-top:4px}.dice-setting-row,.hp-setting-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dice-toggle{background:linear-gradient(135deg,#43a047,#2e7d32);border:1px solid #0000;border-radius:16px;box-shadow:inset 0 0 0 0 #0003;color:#fff;cursor:pointer;font-weight:600;min-width:64px;padding:6px 12px;transition:all .2s ease}.dice-toggle.off{background:linear-gradient(135deg,#616161,#424242);border-color:#555;box-shadow:inset 0 0 0 1px #00000040}.dice-toggle:hover{box-shadow:0 2px 6px #00000040;transform:translateY(-1px)}.dice-toggle.off:hover{background:linear-gradient(135deg,#757575,#545454);border-color:#666}.dice-toggle:focus{box-shadow:0 0 0 2px #4caf5059;outline:none}.dice-toggle.off:focus{box-shadow:0 0 0 2px #bdbdbd59}.hp-current{color:#4caf50}.hp-separator{color:#888}.hp-max{color:#bbb}.hp-temp{color:#ffc107;font-size:14px}.gm-hp-controls{display:flex;flex-direction:column;gap:16px}.hp-adjustment{display:flex;flex-direction:column;gap:8px}.hp-adjustment label{color:#ccc;font-size:13px;font-weight:600}.hp-adjustment input{background:#0a0e1780;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;color:#e8dcc8;color:var(--game-text,#e8dcc8);font-size:14px;padding:8px}.hp-adjustment input:focus{border-color:#c8a84e80;box-shadow:0 0 6px #c8a84e26;outline:none}.hp-buttons{display:flex;gap:8px}.damage-btn,.heal-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.damage-btn{background:#f44336;color:#fff}.damage-btn:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px)}.heal-btn{background:#4caf50;color:#fff}.heal-btn:hover:not(:disabled){background:#388e3c;transform:translateY(-1px)}.damage-btn:disabled,.heal-btn:disabled{background:#666;color:#aaa;cursor:not-allowed}.temp-hp-section{display:flex;flex-direction:column;gap:8px}.temp-hp-section label{color:#ccc;font-size:13px;font-weight:600}.temp-hp-section input{background:#0a0e1780;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;color:#e8dcc8;color:var(--game-text,#e8dcc8);font-size:14px;padding:8px}.temp-hp-btn{background:#ffc107;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.temp-hp-btn:hover:not(:disabled){background:#ffb300;transform:translateY(-1px)}.temp-hp-btn:disabled{background:#666;color:#aaa;cursor:not-allowed}.current-conditions{margin-top:8px}.current-conditions strong{color:#ccc;display:block;font-size:13px;margin-bottom:6px}.condition-tags{display:flex;flex-wrap:wrap;gap:4px}.condition-tag{background:#ff5722;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.no-conditions{color:#888;font-size:13px;font-style:italic}.condition-controls{display:flex;flex-direction:column;gap:12px}.condition-controls label{color:#ccc;font-size:13px;font-weight:600}.condition-controls select{background:#0a0e1780;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;color:#e8dcc8;color:var(--game-text,#e8dcc8);font-size:14px;padding:8px}.condition-controls select:focus{border-color:#c8a84e80;box-shadow:0 0 6px #c8a84e26;outline:none}.condition-buttons{display:flex;gap:8px}.add-condition-btn,.remove-condition-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.add-condition-btn{background:#ff5722;color:#fff}.add-condition-btn:hover:not(:disabled){background:#e64a19;transform:translateY(-1px)}.remove-condition-btn{background:#4caf50;color:#fff}.remove-condition-btn:hover:not(:disabled){background:#388e3c;transform:translateY(-1px)}.add-condition-btn:disabled,.remove-condition-btn:disabled{background:#666;color:#aaa;cursor:not-allowed}.dice-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.dice-input,.modifier-input{display:flex;flex-direction:column;gap:6px}.dice-input label,.modifier-input label{color:#ccc;font-size:13px;font-weight:600}.dice-input input,.modifier-input input{background:#0a0e1780;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;color:#e8dcc8;color:var(--game-text,#e8dcc8);font-size:14px;padding:8px}.dice-input input:focus,.modifier-input input:focus{border-color:#c8a84e80;box-shadow:0 0 6px #c8a84e26;outline:none}.roll-dice-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.roll-dice-btn:hover:not(:disabled){background:#1976d2;transform:translateY(-1px)}.roll-dice-btn:disabled{background:#666;color:#aaa;cursor:not-allowed}.quick-rolls{border-top:1px solid #c8a84e1a;padding-top:16px}.quick-rolls h5{color:#ccc;font-size:14px;font-weight:600;margin:0 0 12px}.quick-roll-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.quick-roll-buttons button{background:#1e264299;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;color:#e8dcc8;color:var(--game-text,#e8dcc8);cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.quick-roll-buttons button:hover{background:#1e2642e6;border-color:#c8a84e4d;color:#e8c35a;color:var(--game-gold-lt,#e8c35a);transform:translateY(-1px)}.gm-content::-webkit-scrollbar{width:6px}.gm-content::-webkit-scrollbar-track{background:#0a0e1780}.gm-content::-webkit-scrollbar-thumb{background:#2a3352;background:var(--game-border,#2a3352);border-radius:3px}.gm-content::-webkit-scrollbar-thumb:hover{background:#a88932;background:var(--game-gold-dk,#a88932)}.resizable-panel{background:#2a2a2a;border:none;border-radius:8px;box-shadow:0 2px 6px #0003;box-sizing:border-box;margin-bottom:0;max-width:100%!important;overflow:hidden;position:relative;width:100%!important}.resizable-panel.expanded{display:flex;flex-direction:column}.resizable-panel.collapsed{height:auto!important}.panel-header{align-items:center;background:#333;border-bottom:1px solid #444;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.panel-header:hover{background:#3a3a3a}.panel-title{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px}.panel-icon{font-size:12px}.panel-text{flex:1 1}.panel-controls{align-items:center;display:flex}.expand-btn{background:#0000;border:none;border-radius:2px;color:#ccc;cursor:pointer;font-size:10px;padding:2px 4px;transition:all .2s}.expand-btn:hover{background:#444;color:#fff}.panel-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:100px;overflow-x:hidden;overflow-y:auto;padding:12px;width:100%}.panel-resize-handle{background:#0000;cursor:ns-resize;flex-shrink:0;height:6px;position:relative;transition:background-color .2s}.panel-resize-handle:hover{background:#007acc}.panel-resize-handle:before{background:#666;border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.panel-resize-handle:hover:before{background:#fff}.resizable-panel:hover .panel-resize-handle{background:#007acc33}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.panel-header{padding:6px 8px}.panel-title{font-size:12px}.panel-content{padding:6px}.panel-resize-handle{height:8px}}.multiattack-targeting-popup{background:#2c2c2c;border:1px solid #555;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;max-height:700px;max-width:500px;min-width:400px;-webkit-user-select:none;user-select:none}.multiattack-targeting-popup.dragging{cursor:grabbing;opacity:.9}.popup-header{background:#3a3a3a;border-radius:8px 8px 0 0;cursor:grab;padding:12px}.popup-header:active{cursor:grabbing}.header-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.header-title .icon{font-size:16px}.combatant-name{color:#4caf50;font-weight:500}.header-controls{display:flex;gap:6px}.close-button,.pin-button{background:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:background .2s}.close-button:hover,.pin-button:hover{background:#666}.close-button:active,.pin-button:active{background:#777}.multiattack-content{color:#fff;flex:1 1;overflow-y:auto;padding:16px}.armed-action-section{background:#1a4d1a;border:1px solid #4caf50;border-radius:6px;margin-bottom:16px;padding:12px}.armed-action-section h4{color:#4caf50;font-size:14px;font-weight:600;margin:0 0 8px}.armed-action-display{margin-bottom:12px}.armed-action-display .action-name{color:#fff;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.armed-action-display .action-details{color:#ccc;display:flex;font-size:12px;gap:12px}.targeting-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cancel-targeting-btn,.confirm-targeting-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s}.cancel-targeting-btn{background:#f44336}.confirm-targeting-btn:hover{background:#45a049}.cancel-targeting-btn:hover{background:#da190b}.multiattack-sequence-section{background:#1a1a4d;border:1px solid #2196f3;border-radius:6px;margin-bottom:16px;padding:12px}.multiattack-sequence-section h4{color:#2196f3;font-size:14px;font-weight:600;margin:0 0 8px}.sequence-display{margin-bottom:12px}.sequence-action{align-items:center;background:#333;border-radius:4px;display:flex;gap:8px;margin-bottom:4px;padding:4px 8px}.sequence-number{color:#2196f3;font-weight:600;min-width:20px}.sequence-action .action-name{color:#fff;flex:1 1}.sequence-action .targets{color:#ccc;font-size:12px}.sequence-empty{color:#999;font-style:italic;padding:8px;text-align:center}.sequence-controls{display:flex;flex-wrap:wrap;gap:8px}.clear-sequence-btn,.execute-sequence-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s}.clear-sequence-btn{background:#ff9800}.execute-sequence-btn:hover{background:#1976d2}.clear-sequence-btn:hover{background:#f57c00}.action-categories{margin-bottom:16px}.category-tabs{border-bottom:1px solid #555;display:flex;gap:2px;margin-bottom:8px}.category-tabs .tab{background:#555;border:none;border-radius:4px 4px 0 0;color:#ccc;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s}.category-tabs .tab:hover{background:#666;color:#fff}.category-tabs .tab.active{background:#4caf50;color:#fff;font-weight:500}.action-item{background:#3a3a3a;border:1px solid #555;margin-bottom:8px;padding:12px;transition:all .2s}.action-item:hover{background:#404040;border-color:#777}.action-item.spell{border-left:3px solid #9c27b0}.action-item.other{border-left:3px solid #ff9800}.action-header{margin-bottom:6px}.action-header .action-name{color:#fff;font-size:14px;font-weight:600}.action-buttons{gap:4px}.add-to-sequence-btn,.arm-action-btn,.start-multiattack-btn{background:#555;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s}.arm-action-btn:hover{background:#4caf50}.add-to-sequence-btn:hover,.start-multiattack-btn:hover{background:#2196f3}.action-description,.action-stats{color:#ccc;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.action-description{font-style:italic;margin-top:4px}.instructions{background:#444;border-left:3px solid #ffc107;border-radius:4px;padding:12px}.instructions h4{color:#ffc107;font-size:13px;font-weight:600;margin:0 0 8px}.instructions ul{color:#ccc;font-size:12px;line-height:1.4;margin:0;padding-left:16px}.instructions li{margin-bottom:4px}.actions-list::-webkit-scrollbar,.multiattack-content::-webkit-scrollbar{width:6px}.actions-list::-webkit-scrollbar-track,.multiattack-content::-webkit-scrollbar-track{background:#333;border-radius:3px}.actions-list::-webkit-scrollbar-thumb,.multiattack-content::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.actions-list::-webkit-scrollbar-thumb:hover,.multiattack-content::-webkit-scrollbar-thumb:hover{background:#666}.pinned-multiattack-content .multiattack-targeting-popup{background:#0000;border:none;border-radius:0;box-shadow:none;max-height:none;max-width:none;min-width:auto;position:static!important}.pinned-multiattack-content .popup-header{display:none}.pinned-multiattack-content .multiattack-content{padding:8px}.pinned-multiattack-content .instructions{display:none}@media (max-width:600px){.multiattack-targeting-popup{max-width:350px;min-width:300px}.action-header{gap:6px}.action-header,.targeting-status{align-items:flex-start;flex-direction:column}}.left-panel{background:linear-gradient(180deg,#151c2ef7,#0f1423fc);box-sizing:border-box;color:#e8dcc8;color:var(--game-text,#e8dcc8);display:flex;flex-direction:column;gap:12px;height:100%;max-width:100%!important;overflow-y:auto;padding:0 4px 12px;width:100%!important}.no-actions-available{background:linear-gradient(135deg,#1e264299,#151c2eb3);border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;color:#8a94a8;color:var(--game-text-muted,#8a94a8);padding:1rem;text-align:center}.no-actions-available p{color:#c8a84e;color:var(--game-gold,#c8a84e);font-size:.9rem;margin:0 0 .5rem}.no-actions-available small{color:#8a94a8;color:var(--game-text-muted,#8a94a8);font-size:.8rem}.multiattack-sequence-panel{display:flex;flex-direction:column;gap:12px;padding:8px}.multiattack-progress{display:flex;flex-direction:column;gap:6px}.attack-counter{color:#7289da;font-size:.9rem;font-weight:600;text-align:center}.progress-bar{background-color:#40444b;border:1px solid #4f545c;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background-color:#7289da;height:100%;transition:width .3s ease}.current-attack{background-color:#40444b;border:1px solid #4f545c;border-radius:4px;display:flex;flex-direction:column;gap:6px;padding:8px}.attack-name{color:#fff;font-size:1rem}.selected-target{color:#43b581;font-size:.9rem}.target-name{color:#43b581;font-weight:600}.target-instruction{color:#faa61a;font-size:.9rem;font-style:italic}.multiattack-controls{display:flex;flex-wrap:wrap;gap:8px}.multiattack-controls .execute-button{flex:1 1;min-width:100px}.multiattack-controls .cancel-button,.multiattack-controls .skip-button{min-width:60px}.multiattack-controls button:disabled{cursor:not-allowed;opacity:.5}.character-sheet-viewer{background:#f4f1e8;background-image:radial-gradient(circle at 20% 50%,#8b451308 1px,#0000 0),radial-gradient(circle at 80% 20%,#8b451308 1px,#0000 0),radial-gradient(circle at 40% 80%,#8b451308 1px,#0000 0);border:2px solid #8b4513;border-radius:8px;box-shadow:0 4px 8px #0003,inset 0 1px 0 #ffffff80;box-sizing:border-box;color:#2c1810;display:flex;flex-direction:column;font-family:Cinzel,Georgia,Times New Roman,serif;height:100%;min-height:0;padding:.5rem;position:relative}.character-sheet-viewer:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23d4af37' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:6px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.character-sheet-viewer>*{position:relative;z-index:1}.spellcasting-info{background:#8b45130d;border:2px solid #8b4513;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.spell-stat{gap:.5rem}.spell-stat .label{color:#8b4513;font-family:Georgia,serif;font-size:.9rem;font-weight:600;letter-spacing:.2px;text-transform:none}.spell-stat .value{color:#2c1810;text-shadow:0 1px 2px #fffc}.spell-slots-container{background-color:#2f3136;border:1px solid #40444b;border-radius:6px;margin-bottom:1rem;padding:1rem}.spell-slots-header{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:1rem}.spell-slots-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.spell-slot{background-color:#36393f;border:1px solid #40444b;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem;text-align:center;transition:all .2s ease}.spell-slot:hover{background-color:#40444b;border-color:#4f545c}.spell-slot.active{background-color:#7289da;border-color:#8ea1e1;color:#fff}.prepared-spells{background:#8b45130d;border:2px solid #8b4513;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#2c1810;padding:1.5rem}.prepared-spells h4{background:#daa5201a;border-left:4px solid #daa520;border-radius:6px;color:#8b4513;font-family:Georgia,serif;font-size:1.2rem;font-weight:700;letter-spacing:.2px;margin:0 0 1.25rem;padding:.75rem 1rem;text-transform:none}.spell-level-section{background:#8b451305;border:1px solid #8b451333;border-radius:6px;margin-bottom:1.25rem;padding:.75rem}.spell-level-header{align-items:center;background-color:#2c2f33!important;border:1px solid #4f545c!important;border-radius:4px;color:#fff!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;margin-bottom:.5rem;padding:.6rem .9rem;transition:all .2s ease}.spell-level-header:hover{background-color:#363a40;border-color:#5d6269}.spell-level-header h5{background-color:initial!important;color:#fff!important;display:inline;font-size:1rem;font-weight:600;letter-spacing:.3px;margin:0}.spell-list{padding-left:.5rem}.prepared-spell{background-color:#2f3136;border:1px solid #40444b;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#fff;margin-bottom:.75rem;padding:.9rem 1rem;transition:all .15s ease}.prepared-spell:hover{background-color:#36393f;border-color:#4a4e55;box-shadow:0 2px 4px #00000026}.spell-name{align-items:center;display:flex;font-size:.95rem;font-weight:700;gap:6px;letter-spacing:.2px;margin-bottom:.5rem}.spell-name:before{color:#7289da;content:"•";font-size:1.2em;font-weight:700;line-height:0}.spell-details{color:#d1d5db!important;flex-wrap:wrap;font-size:.8rem;font-style:italic;gap:.5rem}.spell-details,.spell-duration{display:flex;margin-bottom:.5rem}.spell-duration{align-items:center;color:#a0a4a9;font-size:.78rem;gap:.3rem}.spell-description{border-top:1px solid #40444b;color:#e3e5e8;font-size:.84rem;letter-spacing:.2px;line-height:1.5;margin-top:.75rem;padding-top:.75rem}.no-spells{color:#b9bbbe;font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.spell-slots-grid{grid-template-columns:repeat(2,1fr)}}.character-header{border-bottom:2px solid #8b4513;margin-bottom:.5rem;padding-bottom:.4rem;text-align:center}.character-header h2{color:#8b4513;font-size:1.2rem;font-weight:700;letter-spacing:.2px;margin:0 0 .25rem;text-shadow:1px 1px 2px #0000001a;text-transform:none}.character-info{color:#5d4037;font-size:.8rem;font-style:italic;font-weight:500}.sheet-tabs{background:#8b45130d;border-bottom:2px solid #8b4513;border-radius:6px 6px 0 0}.tab{border-bottom:3px solid #0000;color:#5d4037;font-family:Georgia,serif;font-weight:600;letter-spacing:.2px;text-transform:none}.tab:hover{background-color:#8b45131a;color:#8b4513}.tab.active{background-color:#daa5201a;border-bottom-color:#daa520;color:#8b4513;font-weight:700}.sheet-content{background:#f4f1e8cc;border:1px solid #8b451333;border-radius:6px;box-sizing:border-box;flex:1 1 auto;margin-right:-8px!important;max-height:none!important;min-height:0;overflow-y:auto!important;padding-right:8px!important;padding:1rem;width:100%}.stats-tab{display:flex;flex-direction:column;gap:1.5rem}.character-sheet-viewer .character-abilities{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:repeat(6,1fr)!important;margin-bottom:1.5rem!important;width:100%!important}@media (max-width:600px){.character-sheet-viewer .character-abilities{grid-template-columns:repeat(3,1fr)!important}}.character-sheet-viewer .character-ability{align-items:center!important;background:#8b45130d!important;border:2px solid #8b4513!important;border-radius:6px!important;box-shadow:0 2px 4px #0000001a!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;max-height:70px!important;min-height:70px!important;padding:.75rem .5rem!important;text-align:center!important;transition:all .2s ease!important}.character-sheet-viewer .character-ability:hover{background:#8b45131a!important;border-color:#daa520!important;box-shadow:0 3px 6px #00000026!important}.character-sheet-viewer .character-ability .ability-name{color:#8b4513!important;font-family:Georgia,serif!important;font-size:.8rem!important;letter-spacing:.02em!important;line-height:1!important;margin:0 0 .25rem!important;text-transform:none!important}.character-sheet-viewer .character-ability .ability-name,.character-sheet-viewer .character-ability .ability-score{background:#0000!important;border:none!important;box-shadow:none!important;font-weight:700!important;padding:0!important}.character-sheet-viewer .character-ability .ability-score{color:#2c1810!important;font-size:1.1rem!important;line-height:1.2!important;margin:0!important;text-shadow:0 1px 2px #fffc!important;white-space:nowrap!important}.character-sheet-viewer .character-abilities>.character-ability>.ability-modifier,.character-sheet-viewer .character-abilities>.character-ability>.ability-value{display:none!important}.ability-scores{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr);margin-bottom:1rem;width:100%}@media (max-width:600px){.ability-scores{grid-template-columns:repeat(3,1fr)}}.ability-score{background-color:#36393f;border:2px solid #0000;border-radius:6px;justify-content:center;min-height:75px;padding:.5rem;transition:border-color .2s ease}.ability-score:hover{border-color:#7289da}.ability-name{color:#b9bbbe;letter-spacing:.02em;margin-bottom:.25rem;text-shadow:0 1px 2px #0003}.ability-value{font-size:1.3rem;margin-bottom:.25rem;text-shadow:0 1px 3px #0000004d}.ability-modifier{background:#43b58126;border-radius:4px;color:#43b581;min-width:28px;padding:2px 6px;text-align:center}.combat-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;width:100%}.stat-block{background:#8b45130d;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center}.stat-label{color:#8b4513;display:block;font-family:Georgia,serif;font-size:.9rem;font-weight:600;letter-spacing:.2px;margin-bottom:.5rem;text-transform:none}.stat-value{color:#2c1810;font-size:1.3rem;font-weight:700;text-shadow:0 1px 2px #fffc}.spells-tab{display:flex;flex-direction:column;gap:1rem}.spellcasting-info{background-color:#36393f;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.spell-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.spell-stat .label{color:#b9bbbe;font-size:.8rem;font-weight:500}.spell-stat .value{color:#9b59b6;font-size:1.1rem;font-weight:700}.spell-slots{background-color:#36393f;border-radius:6px;padding:1rem}.spell-slots h4{color:#fff;font-size:1rem;margin:0 0 1rem;text-align:center}.spell-slot-level{align-items:center;background-color:#40444b;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem}.slot-level{color:#b9bbbe;font-size:.9rem;font-weight:700;min-width:60px}.slot-tracker{display:flex;flex:1 1;gap:.25rem;justify-content:center}.slot{border:2px solid #fff;border-radius:50%;height:12px;transition:all .2s ease;width:12px}.slot.available{background-color:#43b581;border-color:#43b581;box-shadow:0 0 4px #43b5814d}.slot.used{background-color:#2c2f33;border-color:#72767d}.slot-count{color:#fff;font-size:.8rem;min-width:40px;text-align:right}@media (max-width:768px){.character-sheet-viewer{max-width:100%;min-width:280px}.ability-scores{grid-template-columns:repeat(2,1fr)}.combat-stats{grid-template-columns:1fr}.spell-slot-level,.spellcasting-info{flex-direction:column;gap:.5rem}.spell-slot-level{align-items:flex-start}.slot-tracker{justify-content:flex-start}}.stat-row .stat-label{color:#b9bbbe;font-size:.85rem;font-weight:700;min-width:100px}.stat-row .stat-value{color:#fff;flex:1 1;font-size:.85rem;text-align:right}.monster-sheet-viewer{background-color:#2c2f33;border-left:4px solid #e74c3c;border-radius:8px;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:auto;max-width:100%!important;min-height:100px;min-height:0;overflow:visible;padding:.5rem;width:100%!important}.monster-header{border-bottom:2px solid #4f545c;margin-bottom:.5rem;padding-bottom:.4rem;text-align:center}.monster-header h2{color:#e74c3c;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.monster-type{color:#b9bbbe;font-size:.75rem;margin-bottom:.15rem}.challenge-rating{background-color:#e74c3c;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:.25rem .75rem}.sheet-tabs{border-bottom:1px solid #4f545c;display:flex;margin-bottom:.5rem}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#b9bbbe;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.4rem .5rem;transition:all .2s ease}.tab:hover{color:#fff}.tab.active,.tab:hover{background-color:#36393f}.tab.active{border-bottom-color:#e74c3c;color:#e74c3c}.monster-sheet-viewer .sheet-content{flex:1 1 auto;margin-right:-8px!important;max-height:none!important;min-height:0;overflow-y:auto!important;padding-right:8px!important}.monster-sheet-viewer .stats-tab{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding-bottom:1rem!important}.monster-sheet-viewer .monster-abilities{grid-gap:.25rem!important;display:grid!important;gap:.25rem!important;grid-template-columns:repeat(3,1fr)!important;margin:.25rem 0!important;padding:0!important}.monster-sheet-viewer .monster-ability{background-color:#36393f!important;border:1px solid #4f545c!important;border-radius:3px!important;margin:0!important;min-width:0!important;padding:0!important;text-align:center!important}.monster-sheet-viewer .monster-abilities .monster-ability>*{background:#0000!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.monster-sheet-viewer .monster-ability .ability-name{color:#b9bbbe!important;font-size:.6rem!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1!important;margin:0!important;padding:0!important;text-transform:uppercase!important}.monster-sheet-viewer .monster-ability .ability-score{color:#fff!important;font-size:1rem!important;font-weight:700!important;line-height:1!important;margin:-16px 0!important;padding:0!important}.monster-sheet-viewer .monster-ability .ability-modifier{color:#b9bbbe!important;font-size:.9rem!important;line-height:1!important;margin:-4px 0 0!important;padding:0!important}.monster-combat-stats{background-color:#36393f;border-radius:6px;padding:1rem}.stat-row{align-items:flex-start;border-bottom:1px solid #4f545c;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.stat-row:last-child{border-bottom:none;margin-bottom:0}.stat-label{color:#b9bbbe;font-size:.85rem;font-weight:700;min-width:100px}.stat-value{color:#fff;flex:1 1;font-size:.85rem;text-align:right}.actions-tab{display:flex;flex-direction:column;gap:1rem}.monster-actions h4{border-bottom:1px solid #4f545c;color:#e74c3c;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.monster-action{background-color:#36393f;border-left:3px solid #e74c3c;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.action-name{color:#fff;font-size:.95rem;margin-bottom:.5rem}.action-description{color:#b9bbbe;font-size:.85rem;line-height:1.4}.traits-tab{display:flex;flex-direction:column;gap:1rem}.reactions-section,.traits-section{background-color:#36393f;border-radius:6px;padding:1rem}.reactions-section h4,.traits-section h4{border-bottom:1px solid #4f545c;color:#f39c12;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.monster-reaction,.monster-trait{background-color:#40444b;border-radius:4px;margin-bottom:.75rem;padding:.5rem}.monster-reaction:last-child,.monster-trait:last-child{margin-bottom:0}.reaction-name,.trait-name{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.reaction-description,.trait-description{color:#b9bbbe;font-size:.85rem;line-height:1.4}@media (max-width:768px){.monster-sheet-viewer{max-width:100%;min-width:280px}.monster-abilities{grid-template-columns:repeat(2,1fr)}.stat-row{flex-direction:column;gap:.25rem}.stat-label{min-width:auto}.stat-value{text-align:left}}.sheet-content::-webkit-scrollbar{width:6px}.sheet-content::-webkit-scrollbar-track{background:#2c2f33}.sheet-content::-webkit-scrollbar-thumb{background:#72767d;border-radius:3px}.sheet-content::-webkit-scrollbar-thumb:hover{background:#b9bbbe}.attack-details{color:#fff;margin-bottom:.25rem}.hit-section{margin-top:.25rem}.hit-prefix{color:#e74c3c;font-weight:700}.damage-entry{display:inline}.saving-throw-details{color:#fff;margin-top:.25rem}.additional-effects{color:#f1c40f;font-style:italic}.monster-sheet-viewer .sheet-content:after{content:"";display:block;height:1rem}.token-properties-content{box-sizing:border-box;color:#fff;max-width:440px;padding:0 6px;width:100%}.token-properties-popup{max-height:85vh;min-width:380px;width:380px}.token-properties-content .property-section{margin-bottom:12px;width:100%}.ability-grid{grid-template-columns:repeat(3,1fr);margin:8px 0;width:100%}.ability-score{align-items:center;background:#222;border:1px solid #444;box-sizing:border-box;display:flex;flex-direction:column;min-height:76px;padding:6px 4px}.ability-score label{color:#8dd;display:block;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:6px;min-width:auto;text-align:center;text-transform:uppercase}.ability-value{align-items:center;display:flex;flex-direction:column;width:100%}.ability-score input{background:#1a1a1a;border:1px solid #555;border-radius:4px;color:#fff;font-size:17px;font-weight:700;margin-bottom:4px;max-width:52px;padding:5px 2px;text-align:center;width:100%}.ability-modifier{background:#333;border-radius:10px;color:#ff9;display:inline-block;font-weight:700;margin-top:2px;padding:2px 8px}textarea.notes-input{background:#1a1a1a;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;font-size:14px;min-height:80px;padding:8px;resize:vertical;width:100%}.actions-section{margin-top:12px;width:100%}.actions-list{margin-top:8px;max-height:300px;overflow-y:auto;width:100%}.action-item{background:#282832b3;border:1px solid #444;border-radius:4px;margin-bottom:10px;padding:10px;transition:background .2s}.action-item:hover{background:#32323ccc}.action-name{border-bottom:1px dotted #555;color:#fc0;font-size:15px;font-weight:700;margin-bottom:6px;padding-bottom:4px}.action-description{color:#eee;font-size:13px;line-height:1.5;white-space:pre-line}.legendary-actions-header{color:#ff6b6b;font-weight:700}.no-actions{color:#999;font-style:italic;padding:8px 0;text-align:center}.property-row input,.property-row select{background:#1a1a1a;border:1px solid #555;border-radius:4px;color:#fff;font-size:13px;min-height:32px;padding:7px}.token-properties-content .property-row input[type=number]{max-width:96px}.property-section h4{border-bottom:1px solid #444;color:#fff;font-size:15px;margin:16px 0 12px;padding-bottom:6px}.image-preview-section{margin-top:16px}.token-image-container{align-items:center;background:#222;border:1px solid #444;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;padding:12px;width:100%}.token-image-preview{border-radius:4px;box-shadow:0 2px 8px #0000004d;margin-bottom:8px;max-height:200px;max-width:100%;object-fit:contain}.token-image-preview.error-image{filter:grayscale(.8);opacity:.6}.image-metadata{align-items:center;color:#aaa;display:flex;flex-direction:column;font-size:13px;gap:4px;margin-top:8px;width:100%}.image-size{background:#333;border-radius:10px;font-size:12px;padding:2px 8px}.no-image-placeholder{background:#333;border:1px dashed #555;border-radius:4px;color:#777;font-style:italic;gap:12px;height:150px;justify-content:center}.image-upload-controls,.no-image-placeholder{align-items:center;display:flex;flex-direction:column;width:100%}.image-upload-controls{gap:8px;margin-top:12px}.image-upload-input{display:none}.image-upload-button{align-items:center;background:#345;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s}.image-upload-button:hover{background:#456;transform:translateY(-1px)}.image-upload-button:active{background:#234;transform:translateY(1px)}.upload-progress{align-items:center;background:#222;border-radius:2px;display:flex;height:4px;justify-content:center;margin-top:4px;overflow:hidden;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#39f,#6cf);border-radius:2px;height:100%;transition:width .3s ease}.upload-progress span{color:#fff;font-size:11px;font-weight:700;position:absolute;text-shadow:0 0 3px #000000b3}.combat-log{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%}.combat-log,.combat-log-collapsed{background:#2a2a2a;border:1px solid #444;border-radius:8px}.combat-log-collapsed{padding:8px}.combat-log-header{align-items:center;background:#333;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:12px}.combat-log-header.collapsed{border:none;padding:4px 8px}.combat-log-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.combat-log-controls{display:flex;gap:8px}.combat-log-controls .btn{background:#444;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s}.combat-log-controls .btn:hover:not(:disabled){background:#555}.combat-log-controls .btn:disabled{cursor:not-allowed;opacity:.5}.combat-log-filters{align-items:center;background:#333;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:8px 12px}.filter-select{background:#444;border:1px solid #555;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.entry-count{color:#aaa;font-size:12px}.rewind-controls{background:#1a1a1a;border:2px solid #d4a574;border-radius:6px;margin:12px;padding:12px}.rewind-controls h5{color:#d4a574;font-size:14px;font-weight:600;margin:0 0 12px}.rewind-points{border:1px solid #444;border-radius:4px;margin-bottom:12px;max-height:200px;overflow-y:auto}.rewind-point{border-bottom:1px solid #444;cursor:pointer;padding:8px 12px;transition:background .2s}.rewind-point:hover{background:#333}.rewind-point.selected{background:#d4a574;color:#000}.rewind-point:last-child{border-bottom:none}.rewind-point-info{align-items:center;display:flex;justify-content:space-between}.rewind-description{font-weight:500}.rewind-timestamp{font-size:11px;opacity:.7}.rewind-actions{display:flex;gap:8px;justify-content:center}.rewind-actions .btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.btn-warning{background:#d4a574;color:#000}.btn-warning:hover:not(:disabled){background:#c49660}.btn-secondary{background:#555}.btn-secondary:hover{background:#666}.combat-log-entries{flex:1 1;overflow-y:auto;padding:8px}.no-entries{color:#888;padding:40px 20px;text-align:center}.no-entries p{font-size:14px;margin:8px 0}.log-entry{background:#333;border:1px solid #444;border-radius:6px;margin-bottom:8px;transition:all .2s}.log-entry:hover{border-color:#555;box-shadow:0 2px 4px #0000004d}.log-entry.log-action{border-left:4px solid #4caf50}.log-entry.log-damage{border-left:4px solid #f44336}.log-entry.log-healing{border-left:4px solid #2196f3}.log-entry.log-condition{border-left:4px solid #ff9800}.log-entry.log-turn{border-left:4px solid #9c27b0}.log-entry.log-general{border-left:4px solid #607d8b}.log-entry-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px}.log-entry-main{align-items:center;display:flex;flex:1 1;gap:12px}.log-icon{font-size:16px;text-align:center;width:20px}.log-description{color:#fff;flex:1 1;font-weight:500}.log-timestamp{color:#aaa;font-family:monospace;font-size:11px}.log-entry-meta{align-items:center;color:#aaa;display:flex;font-size:11px;gap:8px}.log-round,.log-turn{background:#555;border-radius:3px;font-family:monospace;font-weight:700;padding:2px 6px}.log-round{color:#4caf50}.log-turn{color:#2196f3}.log-entry-details{background:#2a2a2a;border-top:1px solid #444;padding:12px}.log-data{color:#ccc;font-size:12px;margin-bottom:8px}.log-data strong{color:#fff}.log-data-json{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#ccc;font-family:Consolas,Monaco,monospace;font-size:11px;margin-top:4px;overflow-x:auto;padding:8px;white-space:pre-wrap}.combat-log-footer{background:#333;border-top:1px solid #444;padding:8px 12px}.session-info{align-items:center;color:#aaa;display:flex;font-size:12px;justify-content:space-between}.session-info span{align-items:center;display:flex;gap:4px}.combat-log-entries::-webkit-scrollbar,.rewind-points::-webkit-scrollbar{width:6px}.right-panel.non-gm .combat-log-controls .btn.btn-sm.btn-secondary:first-child,.right-panel.non-gm .combat-log-controls .btn.btn-sm.btn-secondary:nth-child(2),.right-panel.non-gm .log-entry-actions,.right-panel.non-gm .rewind-controls{display:none!important}.combat-log-entries::-webkit-scrollbar-track,.rewind-points::-webkit-scrollbar-track{background:#2a2a2a}.combat-log-entries::-webkit-scrollbar-thumb,.rewind-points::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.combat-log-entries::-webkit-scrollbar-thumb:hover,.rewind-points::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.combat-log-header{align-items:stretch;flex-direction:column;gap:8px}.combat-log-controls{justify-content:center}.log-entry-main{gap:8px}.log-description{font-size:13px}.rewind-actions{flex-direction:column}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.log-entry{animation:slideIn .3s ease-out}.right-panel{background:#1e1e1e;box-sizing:border-box;color:#fff;gap:12px;max-width:100%!important;overflow-y:auto;padding:0 4px 12px;width:100%!important}.character-sheet-container,.right-panel{display:flex;flex-direction:column;height:100%}.character-sheet-container{min-height:0}.character-sheet-viewer{background:#1e1e1e;color:#fff;overflow-y:auto;padding:16px}.character-header h2{color:#fff;font-size:1.5rem;margin:0 0 8px}.character-basics p{color:#ccc;margin:4px 0}.character-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.ability-scores h3,.stat-block h3{border-bottom:1px solid #444;color:#fff;font-size:1.1rem;margin:0 0 8px;padding-bottom:4px}.abilities-grid{grid-gap:8px;gap:8px}.ability-score{background:#2a2a2a;border-radius:4px;padding:8px}.ability-value{color:#fff;font-size:1.2rem}.ability-modifier{color:#aaa;font-size:.9rem}.character-actions,.character-equipment,.character-features,.character-spells{margin:16px 0}.character-actions h3,.character-equipment h3,.character-features h3,.character-spells h3{border-bottom:1px solid #444;color:#fff;font-size:1.1rem;margin:0 0 12px;padding-bottom:4px}.action-item,.equipment-item,.feature-item{background:#2a2a2a;border-left:3px solid #06c;border-radius:4px;margin:8px 0;padding:12px}.action-item h4,.equipment-item h4,.feature-item h4{color:#fff;font-size:1rem;margin:0 0 8px}.action-item p,.equipment-item p,.feature-item p{color:#ccc;font-size:.9rem;line-height:1.4;margin:4px 0}.spells-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.spell-item{background:#2a2a2a;border-left:3px solid #6a4c93;border-radius:4px;padding:8px 12px}.spell-name{color:#fff;font-weight:500}.character-sheet-loading{color:#ccc;padding:16px;text-align:center}.token-properties-sidebar{background-color:#2a2a2a;border-radius:6px;display:flex;flex-direction:column;gap:.75rem;margin:4px;padding:8px}.property-row{flex-wrap:wrap;gap:.5rem}.property-row label{color:#b9bbbe;flex-shrink:0;font-size:.85rem;min-width:60px}.property-input{background-color:#40444b;border:1px solid #4f545c;border-radius:4px;color:#fff;flex:1 1;font-size:.85rem;min-width:80px;padding:.4rem .6rem}.property-input.small{flex:0 0 60px;min-width:60px}.property-input:focus{border-color:#7289da;box-shadow:0 0 0 2px #7289da33;outline:none}.property-select{background-color:#40444b;border:1px solid #4f545c;border-radius:4px;color:#fff;flex:1 1;font-size:.85rem;min-width:100px;padding:.4rem .6rem}.property-select:focus{border-color:#7289da;box-shadow:0 0 0 2px #7289da33;outline:none}.no-token-selected{background-color:#2a2a2a;border-radius:6px;color:#b9bbbe;margin:8px;padding:1rem;text-align:center}.no-token-selected p{font-size:.9rem;margin:0 0 .5rem}.no-token-selected small{color:#72767d;font-size:.8rem}.map-asset-selected{background-color:#40444b;border:1px solid #4f545c;border-radius:4px;color:#b9bbbe;padding:1rem;text-align:center}.map-asset-selected p{color:#7289da;font-size:.9rem;margin:0 0 .5rem}.map-asset-selected small{color:#72767d;font-size:.8rem}.layer-controls{background-color:#36393f;border:1px solid #4f545c;border-radius:6px;min-width:200px;position:relative}.layer-controls-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.controls-label{color:#b9bbbe;font-size:.85rem;font-weight:500;min-width:45px}.active-layer-selector{align-items:center;background-color:#40444b;border:1px solid #4f545c;border-radius:4px;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;min-width:0;padding:.4rem .6rem;transition:all .2s ease}.active-layer-selector.expanded,.active-layer-selector:hover{background-color:#484c52;border-color:#7289da}.active-layer-display{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.layer-icon{font-size:.9rem}.layer-name{color:#fff;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#b9bbbe;flex-shrink:0;font-size:.7rem;transition:transform .2s ease}.active-layer-selector.expanded .dropdown-arrow{transform:rotate(180deg)}.layer-dropdown{background-color:#2c2f33;border:1px solid #4f545c;border-radius:6px;box-shadow:0 4px 12px #0000004d;margin-top:2px;min-width:200px;overflow:hidden;position:fixed;z-index:9999}.layer-item{align-items:center;border-bottom:1px solid #4f545c;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease}.layer-item:last-child{border-bottom:none}.layer-item:hover{background-color:#36393f}.layer-item.active{background-color:#7289da;color:#fff}.layer-item.active .layer-description,.layer-item.active .layer-name{color:#fff}.layer-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.layer-details{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.layer-description{color:#72767d;font-size:.7rem;line-height:1.2}.layer-controls-buttons{display:flex;flex-shrink:0;gap:.25rem}.control-btn{align-items:center;background:none;border:1px solid #4f545c;border-radius:3px;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;padding:.25rem;transition:all .2s ease;width:28px}.control-btn:hover{background-color:#40444b;border-color:#7289da}.visibility-btn.active{background-color:#43b581;border-color:#43b581}.lock-btn.active{background-color:#f04747;border-color:#f04747}.layer-status{background-color:#2c2f33;border-top:1px solid #4f545c;gap:.25rem;padding:.5rem .75rem}.layer-indicator,.layer-status{align-items:center;display:flex}.layer-indicator{border:1px solid #0000;border-radius:3px;font-size:.8rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.layer-indicator.visible{background-color:#36393f;border-color:#4f545c}.layer-indicator.hidden{background-color:#2c2f33;border-color:#4f545c;opacity:.5}.layer-indicator.locked{border-color:#f04747}.layer-indicator.unlocked{border-color:#43b581}.indicator-icon{opacity:.8}@media (max-width:768px){.layer-controls{min-width:180px}.layer-controls-header{padding:.4rem .6rem}.layer-item{padding:.6rem}.layer-info{gap:.5rem}.control-btn{font-size:.7rem;height:24px;width:24px}}.asset-manager{background-color:#2c2f33;border:1px solid #4f545c;border-radius:6px;color:#fff;min-width:200px;padding:.5rem}.asset-manager.compact{background:none;border:none;min-width:auto;padding:0}.active-layer-info{align-items:center;background-color:#36393f;border-left:3px solid #7289da;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.layer-icon{font-size:1.2rem}.layer-name{color:#b9bbbe;font-size:.85rem}.upload-zone{align-items:center;background-color:#36393f;border:2px dashed #4f545c;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-height:100px;padding:1.5rem;text-align:center;transition:all .2s ease}.upload-zone.compact{background-color:#40444b;border:1px solid #4f545c;border-radius:4px;min-height:auto;min-width:120px;padding:.5rem .75rem}.upload-zone:hover{background-color:#40444b;border-color:#7289da}.upload-zone.drag-over{background-color:#2f3136;border-color:#43b581;box-shadow:0 0 10px #43b5814d}.upload-zone.uploading{background-color:#2f3136;border-color:#f1c40f;cursor:not-allowed}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.upload-content.compact{flex-direction:row;gap:.5rem}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-icon.small{font-size:1rem;margin-bottom:0}.upload-text{align-items:center;display:flex;flex-direction:column;gap:.25rem}.upload-text strong{color:#fff;font-size:1rem;margin-bottom:.25rem}.upload-text span{color:#b9bbbe;font-size:.85rem}.upload-text.compact{color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap}.upload-hint{color:#72767d!important;font-size:.75rem!important;font-style:italic}.upload-status{align-items:center;display:flex;flex-direction:column;gap:.75rem}.upload-status.compact{flex-direction:row;gap:.5rem}.spinner{border:3px solid #4f545c;border-top-color:#f1c40f;height:24px;width:24px}.spinner.small{border-width:2px;height:16px;width:16px}.upload-status span{color:#f1c40f;font-size:.9rem;font-weight:500}@media (max-width:768px){.asset-manager{padding:.5rem}.upload-zone{min-height:80px;padding:1rem}.upload-icon{font-size:1.5rem}}.layer-context-menu{background-color:#2c2f33;border:1px solid #4f545c;border-radius:6px;box-shadow:0 4px 12px #0006;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;min-width:200px;padding:0;position:fixed;-webkit-user-select:none;user-select:none;z-index:1000}.context-menu-header{background-color:#36393f;border-bottom:1px solid #4f545c;border-radius:6px 6px 0 0;padding:.75rem}.current-layer-label{color:#b9bbbe;display:block;font-size:.8rem;margin-bottom:.25rem}.current-layer-value{align-items:center;color:#fff;display:flex;font-weight:500;gap:.5rem}.context-menu-divider{background-color:#4f545c;height:1px;margin:0}.context-menu-section{padding:.5rem 0}.context-menu-item.delete-item{background-color:initial;color:#ff6b6b}.context-menu-item.delete-item:hover{background-color:#ff6b6b;color:#fff}.delete-icon{margin-right:.5rem}.delete-label,.section-label{font-weight:500}.section-label{color:#b9bbbe;font-size:.8rem;letter-spacing:.5px;padding:.5rem .75rem;text-transform:uppercase}.context-menu-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.6rem .75rem;transition:background-color .2s ease}.context-menu-item:hover{background-color:#40444b}.context-menu-item.current{background-color:#5865f2;color:#fff}.context-menu-item.current:hover{background-color:#4752c4}.layer-icon{flex-shrink:0;font-size:1rem;text-align:center;width:1.2rem}.layer-name{flex:1 1;font-weight:500}.current-indicator{color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700}.layer-context-menu{animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.layer-context-menu{font-size:.85rem;min-width:180px}.context-menu-item{padding:.7rem .75rem}.layer-icon{font-size:.9rem;width:1rem}}.token-properties-popup{background:#2a2a2a;border:2px solid #444;border-radius:8px;box-shadow:0 8px 32px #00000080;color:#fff;font-family:Arial,sans-serif;max-height:80vh;max-width:450px;min-width:350px;position:fixed;-webkit-user-select:none;user-select:none;z-index:1000}.popup-header{align-items:center;background:#333;border-bottom:1px solid #555;border-radius:6px 6px 0 0;cursor:move;display:flex;justify-content:space-between;padding:12px 16px}.popup-title-section{align-items:center;display:flex;gap:8px}.popup-title{color:#fff;font-size:16px;font-weight:700;margin:0}.popup-pin{align-items:center;background:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:4px 6px;transition:background-color .2s;width:24px}.popup-pin:hover{background:#666}.popup-pin.pinned{background:#007acc;color:#fff}.popup-pin.pinned:hover{background:#06a}.popup-close{align-items:center;background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.popup-close:hover{background:#555;color:#fff}.popup-content{box-sizing:border-box;max-height:calc(80vh - 56px);overflow-y:auto;padding:12px;width:100%}.properties-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.25fr 1fr}@media (max-width:920px){.properties-grid{grid-template-columns:1fr}}.property-section{margin-bottom:10px}.property-section h4{border-bottom:1px solid #555;color:#ddd;font-size:13px;font-weight:700;margin:0 0 8px;padding-bottom:4px}.effects-list{display:flex;flex-wrap:wrap;gap:6px}.effect-pill{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:999px;color:#eee;display:inline-flex;font-size:12px;gap:6px;padding:3px 8px}.effect-pill.neutral{border-color:#555;color:#ccc}.effect-dot{border-radius:50%;height:8px;width:8px}.effects-empty{color:#aaa;font-size:12px}.conditions-block{display:flex;flex-direction:column;gap:6px;width:100%}.conditions-title{color:#bbb;font-size:12px}.conditions-pills{display:flex;flex-wrap:wrap;gap:8px}.property-row{align-items:center;box-sizing:border-box;display:flex;gap:6px;margin-bottom:6px;width:100%}.property-row label{color:#ccc;font-size:12px;font-weight:500;min-width:92px}.property-row input,.property-row select,.property-row textarea{background:#1a1a1a;border:1px solid #555;border-radius:4px;color:#fff;flex:1 1;font-size:12px;min-height:28px;padding:6px 8px}.property-row input[type=number]{max-width:96px}.property-row input:focus,.property-row select:focus,.property-row textarea:focus{border-color:#007acc;box-shadow:0 0 0 2px #007acc33;outline:none}.hp-section{display:flex;flex:1 1;flex-direction:column;gap:4px;width:100%}.hp-display{align-items:center;color:#eee;display:flex;font-weight:700;gap:4px;justify-content:center;margin-bottom:2px}.hp-current{color:#f44336}.hp-max{color:#4caf50}.hp-separator{color:#ccc;font-weight:700;margin:0 4px}.hp-inputs{align-items:center;display:flex;gap:6px;width:100%}.hp-inputs input{flex:1 1;max-width:72px;min-width:54px;text-align:center}.hp-row{align-items:flex-start}.unit{color:#999;font-size:11px;margin-left:4px}.abilities-grid{grid-gap:6px;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:6px;width:100%}.ability-input{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:6px 4px}.ability-input label{color:#ddd;font-size:12px;font-weight:700;min-width:auto;text-align:center}.ability-input input{font-weight:700;max-width:60px;padding:4px;width:100%}textarea{font-family:Arial,sans-serif;min-height:60px;resize:vertical}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.popup-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.popup-content::-webkit-scrollbar-thumb:hover{background:#666}.monster-sheet-container{background:#222;border:1px solid #444;border-radius:6px;margin-bottom:20px;padding:12px}.monster-sheet-container .monster-sheet-viewer{font-size:.9em}.monster-sheet-container .monster-header{margin-bottom:8px}.monster-sheet-container .legendary-action,.monster-sheet-container .monster-action,.monster-sheet-container .monster-reaction,.monster-sheet-container .monster-trait{background:#2a2a2a;border-left:3px solid #555;border-radius:4px;margin-bottom:8px;padding:6px}.monster-sheet-container .action-name,.monster-sheet-container .legendary-action-name,.monster-sheet-container .reaction-name,.monster-sheet-container .trait-name{color:#ddd;font-weight:700;margin-bottom:4px}.token-properties-popup{animation:popupFadeIn .2s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.asset-browser-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.asset-browser-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:900px;overflow:hidden;width:90vw}.asset-browser-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.asset-browser-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.asset-browser-header-actions{align-items:center;display:flex;gap:8px}.asset-browser-refresh{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:background-color .2s ease}.asset-browser-refresh:hover{background-color:#0000001a}.asset-browser-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:all .2s}.asset-browser-close:hover{background:#e5e7eb;color:#374151}.asset-browser-search{border-bottom:1px solid #e5e7eb;padding:16px 20px}.asset-browser-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.asset-browser-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.asset-browser-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.asset-browser-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:12px 16px;transition:all .2s}.asset-browser-tab:hover{background:#f3f4f6;color:#374151}.asset-browser-tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.asset-browser-content{flex:1 1;overflow-y:auto;padding:20px}.asset-browser-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.asset-browser-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:16px;position:relative;text-align:center;transition:all .2s}.asset-browser-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.character-card:hover{border-color:#3b82f6}.monster-card:hover{border-color:#ef4444}.asset-browser-image{background:#4a4a4a;border:2px solid #4a4a4a;border-radius:50%;height:64px;margin-bottom:12px;overflow:hidden;position:relative;width:64px}.asset-browser-image img{background:#4a4a4a;height:100%;object-fit:cover;width:100%}.custom-asset-badge{align-items:center;background:#fbbf24;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.asset-browser-info{flex:1 1;margin-bottom:12px}.asset-browser-name{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.asset-browser-details{color:#6b7280;font-size:.875rem;margin:0 0 4px}.asset-browser-stats{color:#9ca3af;font-size:.75rem;margin:0}.custom-indicator{color:#fbbf24;font-size:.8rem;font-weight:500}.asset-browser-template{color:#8b5cf6;font-size:.7rem;font-style:italic;margin:2px 0 0}.asset-browser-add-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s}.character-btn{background:#3b82f6;color:#fff}.character-btn:hover{background:#2563eb;transform:translateY(-1px)}.monster-btn{background:#ef4444;color:#fff}.monster-btn:hover{background:#dc2626;transform:translateY(-1px)}.asset-browser-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.asset-browser-help{color:#6b7280;font-size:.875rem;margin:0;text-align:center}@media (max-width:768px){.asset-browser-modal{height:90vh;width:95vw}.asset-browser-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.asset-browser-card{padding:12px}}.asset-browser-content::-webkit-scrollbar{width:8px}.asset-browser-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.asset-browser-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.asset-browser-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fog-controls-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fog-controls-modal{background:linear-gradient(180deg,#1e2642fa,#151c2efc);border:1px solid #c8a84e33;border-radius:8px;box-shadow:0 10px 40px #0009,0 0 12px #c8a84e14;color:#e8dcc8;color:var(--game-text,#e8dcc8);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.fog-controls-header{align-items:center;background:#0a0e1780;border-bottom:1px solid #c8a84e26;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:1rem}.fog-controls-header h3{color:#c8a84e;color:var(--game-gold,#c8a84e);font-family:Cinzel,Georgia,serif;font-size:1.1rem;font-weight:600;letter-spacing:.04em;margin:0}.fog-controls-close{background:none;border:none;border-radius:4px;color:#8a94a8;color:var(--game-text-muted,#8a94a8);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s}.fog-controls-close:hover{background:#c8a84e1a;color:#c8a84e;color:var(--game-gold,#c8a84e)}.fog-controls-content{padding:1.5rem}.fog-control-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.fog-control-label{color:#e8dcc8;color:var(--game-text,#e8dcc8);flex-shrink:0;font-size:.95rem;font-weight:500}.fog-toggle-button{border:1px solid;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;min-width:60px;padding:.5rem 1rem;transition:all .2s}.fog-toggle-button.disabled{background:#2a335299;border-color:#2a3352;border-color:var(--game-border,#2a3352);color:#8a94a8;color:var(--game-text-muted,#8a94a8)}.fog-toggle-button.enabled{background:linear-gradient(135deg,#c8a84e4d,#a8893240);border-color:#c8a84e66;color:#e8c35a;color:var(--game-gold-lt,#e8c35a)}.fog-toggle-button.gm-mode{background:linear-gradient(135deg,#c8a84e,#a88932);border-color:#e8c35a66;color:#1a1207}.fog-toggle-button.area-selection{background:linear-gradient(135deg,#2ecc71,#27ae60);background:linear-gradient(135deg,var(--game-emerald,#2ecc71) 0,#27ae60 100%);border-color:#2ecc7166}.fog-toggle-button:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.fog-opacity-controls{align-items:center;display:flex;gap:.75rem}.fog-opacity-slider{appearance:none;background-color:#2a3352;background-color:var(--game-border,#2a3352);border-radius:2px;cursor:pointer;height:4px;width:120px}.fog-opacity-slider::-webkit-slider-thumb{appearance:none;background-color:#c8a84e;background-color:var(--game-gold,#c8a84e);border:2px solid #1e264299;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.fog-opacity-slider::-moz-range-thumb{background-color:#c8a84e;background-color:var(--game-gold,#c8a84e);border:2px solid #1e264299;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.fog-opacity-value{color:#8a94a8;color:var(--game-text-muted,#8a94a8);font-size:.85rem;min-width:40px;text-align:right}.fog-tool-buttons{display:flex;gap:.5rem}.fog-tool-button{background:#1e264299;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:6px;color:#8a94a8;color:var(--game-text-muted,#8a94a8);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.fog-tool-button:hover{background:#1e2642e6;border-color:#c8a84e4d;color:#e8dcc8;color:var(--game-text,#e8dcc8)}.fog-tool-button.active.reveal-tool{background-color:#38a169;border-color:#48bb78;color:#fff}.fog-tool-button.active.cover-tool{background-color:#e53e3e;border-color:#fc8181;color:#fff}.fog-quick-actions{border-top:1px solid #c8a84e1a;display:flex;gap:.75rem;margin:1.5rem 0 1rem;padding-top:1rem}.fog-action-button{border:1px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .2s}.fog-action-button.reveal-all{background-color:#38a169;border-color:#48bb78;color:#fff}.fog-action-button.cover-all{background-color:#e53e3e;border-color:#fc8181;color:#fff}.fog-action-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.fog-action-button.reveal-all:hover{background-color:#48bb78}.fog-action-button.cover-all:hover{background-color:#fc8181}.fog-usage-tip{background:#0a0e1780;border-left:4px solid #c8a84e;border-left:4px solid var(--game-gold,#c8a84e);border-radius:6px;margin-top:1.5rem;padding:1rem}.fog-usage-tip p{color:#8a94a8;color:var(--game-text-muted,#8a94a8);font-size:.85rem;line-height:1.4;margin:.5rem 0}.fog-usage-tip p:first-child{color:#e8dcc8;color:var(--game-text,#e8dcc8);font-weight:600}@media (max-width:640px){.fog-controls-modal{max-height:95vh;width:95%}.fog-control-row{align-items:flex-start;gap:.5rem}.fog-control-row,.fog-quick-actions{flex-direction:column}.fog-opacity-controls{justify-content:space-between;width:100%}.fog-opacity-slider{flex:1 1}}.session-controls{margin:0 10px;position:relative}.session-toggle-button{align-items:center;background-color:#3b3b3b;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:6px 12px}.session-toggle-button:hover{background-color:#4b4b4b}.session-dropdown{background-color:#2b2b2b;border:1px solid #555;border-radius:8px;box-shadow:0 8px 24px #00000080;color:#eee;left:50%;max-height:80vh;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:2000}.session-dropdown-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:12px 16px}.session-dropdown-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.session-close-button{background:#0000;border:none;color:#bbb;cursor:pointer;font-size:22px;line-height:1;margin:0;padding:0;transition:color .2s ease}.session-close-button:focus-visible,.session-close-button:hover{color:#fff}.session-actions{border-bottom:1px solid #444;padding:10px}.session-actions button{background-color:#4b4b4b;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:10px;padding:6px 12px}.session-actions button:hover{background-color:#5b5b5b}.storage-info{border-bottom:1px solid #444;font-size:12px;padding:10px}.storage-bar{background-color:#444;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.storage-used{background-color:#4b8bf4;height:100%;transition:width .3s ease}.storage-text{color:#bbb;font-size:11px;text-align:right}.session-list{max-height:400px;overflow-y:auto}.session-list h4{color:#eee;font-size:14px;font-weight:400;margin:10px}.session-table{border-collapse:collapse;width:100%}.session-table-header{background-color:#333;font-size:12px;font-weight:700}.session-row,.session-table-header{border-bottom:1px solid #444;display:flex;padding:8px 10px}.session-row{cursor:pointer;font-size:13px;transition:background-color .2s ease}.session-row:hover{background-color:#3a3a3a}.session-row.selected{background-color:#36404d}.session-name{flex:2 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-date{color:#bbb;flex:1 1;font-size:12px}.session-actions{display:flex;flex:1 1;justify-content:flex-end;text-align:right}.session-row .session-actions button{background-color:initial;border:none;color:#ccc;cursor:pointer;font-size:12px;margin-left:5px;padding:2px 8px;transition:color .2s ease}.session-row .session-actions button:hover{color:#fff;text-decoration:underline}.no-sessions{color:#999;font-style:italic;padding:15px;text-align:center}.battleroom-container{background-color:#1a1a1a;display:flex;flex-direction:row;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;left:0;overflow:hidden;position:relative;top:0;width:100%}.main-content{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.main-content .toolbar{align-items:center;background-color:#36393f;border-bottom:1px solid #4f545c;display:flex;flex-shrink:0;height:60px;overflow:visible;padding:0 8px;position:relative;z-index:10}#stage-container,.stage-container{align-items:flex-start;background-color:#1a1a1a;display:flex;flex:1 1;height:100%;justify-content:flex-start;min-width:0;overflow:hidden;padding:10px;position:relative;width:100%}#stage-container canvas{display:block;max-height:100%;max-width:100%}#stage-container>div{height:100%!important;overflow:hidden;width:100%!important}.panel-section{flex-shrink:0;margin-bottom:.5rem}.panel-section:last-child{margin-bottom:0}@media (max-width:1400px){.left-panel{max-width:220px;min-width:220px;width:220px}.right-panel{max-width:260px;min-width:260px;width:260px}}@media (max-width:1200px){.left-panel{max-width:200px;min-width:200px;width:200px}.right-panel{max-width:240px;min-width:240px;width:240px}}@media (max-width:900px){.battleroom-container{flex-direction:column}.left-panel,.right-panel{height:200px;min-width:auto;width:100%}.main-content{flex:1 1;min-height:400px}}.konva-stage{cursor:crosshair}.konva-stage.dragging{cursor:move}.token-selected{filter:drop-shadow(0 0 8px #4ade80)}.grid-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.konvajs-content{position:absolute!important;z-index:1}.konva-layer{position:absolute}.grid-layer{pointer-events:none}.map-layer{z-index:1}.grid-layer{z-index:2}.token-layer{z-index:3}.gm-layer{z-index:4}.measure-overlay-layer{pointer-events:none;z-index:5}.battleroom-notification{align-items:flex-start;animation:slide-in .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#151c2ef2,#0f1423fa);border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:6px;box-shadow:0 8px 24px #00000080,0 0 8px #0000004d;color:#e8dcc8;color:var(--game-text,#e8dcc8);display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:400px;min-width:300px;padding:12px 15px;position:fixed;right:20px;top:20px;z-index:9999}.battleroom-notification .icon{font-size:18px;margin-right:12px;padding-top:2px}.battleroom-notification .content{flex-grow:1}.battleroom-notification .content h4{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:600;letter-spacing:.02em;margin:0 0 4px}.battleroom-notification .content p{color:#8a94a8;color:var(--game-text-muted,#8a94a8);font-size:13px;margin:0;opacity:.85}.battleroom-notification .close{color:#8a94a8;color:var(--game-text-muted,#8a94a8);cursor:pointer;font-size:18px;margin-left:8px;opacity:.5;transition:all .2s}.battleroom-notification .close:hover{color:#c8a84e;color:var(--game-gold,#c8a84e);opacity:1}.battleroom-notification.success{border-left:4px solid #2ecc71;border-left:4px solid var(--game-emerald,#2ecc71);box-shadow:0 8px 24px #00000080,0 0 10px #2ecc7126}.battleroom-notification.success .content h4{color:#2ecc71;color:var(--game-emerald,#2ecc71)}.battleroom-notification.error{border-left:4px solid #e74c3c;border-left:4px solid var(--game-ruby,#e74c3c);box-shadow:0 8px 24px #00000080,0 0 10px #e74c3c26}.battleroom-notification.error .content h4{color:#e74c3c;color:var(--game-ruby,#e74c3c)}.battleroom-notification.warning{border-left:4px solid #c8a84e;border-left:4px solid var(--game-gold,#c8a84e);box-shadow:0 8px 24px #00000080,0 0 10px #c8a84e26}.battleroom-notification.warning .content h4{color:#c8a84e;color:var(--game-gold,#c8a84e)}@keyframes slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.battleroom-notification+.battleroom-notification{margin-top:10px}.battleroom-page{background-color:#0a0e17;background-color:var(--game-bg,#0a0e17);display:flex;flex-direction:column;height:100vh;position:relative}.battleroom-page,.battleroom-page>div{margin:0;overflow:hidden;padding:0;width:100%}.battleroom-page>div{height:100%}#root .battleroom-page{margin:0;max-width:100%;padding:0}.battleroom-container{z-index:1}.image-upload-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:1rem 0;padding:1.5rem}.current-image-section{margin-bottom:2rem}.current-image-section h4{color:#fff;font-size:1.1rem;margin-bottom:1rem}.image-preview{align-items:center;background:#0000004d;border:2px dashed #fff3;border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:1rem}.image-preview img{border-radius:8px;box-shadow:0 4px 8px #0000004d;max-height:150px;max-width:150px;object-fit:cover}.upload-section h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.upload-instructions{color:#ccc;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.upload-button{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.upload-button:disabled{background:#6c757d99;box-shadow:none;cursor:not-allowed;transform:none}.upload-button.uploading{background:#6c757dcc}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.upload-icon{font-size:1.2rem}.upload-error{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:4px;color:#ff6b6b;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.error-icon{font-size:1.1rem}.upload-info{background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;margin-top:1rem;padding:1rem}.upload-info p{color:#fff;font-weight:500;margin:0 0 .5rem}.upload-info ul{color:#ccc;margin:0;padding-left:1.5rem}.upload-info li{font-size:.9rem;line-height:1.4;margin-bottom:.25rem}.upload-info code{background:#ffffff1a;border-radius:3px;color:#ffc107;font-family:Courier New,monospace;font-size:.85rem;padding:.2rem .4rem}@media (max-width:768px){.image-upload-container{padding:1rem}.image-preview{min-height:150px}.image-preview img{max-height:120px;max-width:120px}.upload-button{justify-content:center;width:100%}}.smart-paste-interface{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin:16px 0;overflow:hidden;padding:0;transition:all .3s ease}.smart-paste-interface:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea26}.smart-paste-interface.drag-over{background:linear-gradient(135deg,#e8f0fe,#d0e0fd);border-color:#667eea;box-shadow:0 4px 20px #667eea40}.smart-paste-interface.disabled{opacity:.6;pointer-events:none}.smart-paste-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.smart-paste-title{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px;margin:0}.title-icon{font-size:22px}.smart-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:20px;font-size:11px;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.help-toggle,.smart-badge{color:#fff;font-weight:500}.help-toggle{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.help-toggle:hover{background:#ffffff40}.help-toggle.active{background:#fff;color:#667eea}.help-toggle span{align-items:center;background:#fff3;border-radius:50%;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.help-toggle.active span{background:#667eea;color:#fff}.examples-panel{animation:slideDown .3s ease-out;background:#fff;border-bottom:1px solid #e9ecef;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.examples-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.examples-header h4{color:#343a40;font-size:16px;margin:0}.close-btn{background:#f1f3f5;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:18px;height:28px;transition:all .2s ease;width:28px}.close-btn:hover{background:#e9ecef;color:#495057}.examples-intro{color:#6c757d;font-size:13px;margin:0 0 12px}.examples-list{display:flex;flex-direction:column;gap:12px}.example-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .2s ease}.example-card:hover{border-color:#667eea}.example-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:10px 12px}.example-icon{font-size:16px}.example-label{color:#343a40;flex:1 1;font-size:13px;font-weight:600}.use-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .2s ease}.use-btn:hover{box-shadow:0 2px 6px #667eea4d;transform:translateY(-1px)}.example-code{background:#f8f9fa;color:#495057;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.5;margin:0;max-height:100px;overflow-y:auto;padding:10px 12px;white-space:pre-wrap}.paste-input-section{background:#fff;padding:20px;position:relative}.paste-input-section.drag-active{background:linear-gradient(135deg,#e8f0fe,#d0e0fd)}.drop-overlay{align-items:center;animation:pulse 1s ease-in-out infinite;background:#667eeaf2;border:3px dashed #fff;border-radius:12px;display:flex;flex-direction:column;gap:8px;inset:10px;justify-content:center;position:absolute;z-index:10}@keyframes pulse{0%,to{opacity:.9}50%{opacity:1}}.drop-icon{font-size:40px}.drop-text{color:#fff;font-size:16px;font-weight:600}.empty-state-hints{gap:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.empty-state-hints,.hint-item{align-items:center;display:flex}.hint-item{color:#868e96;font-size:13px;gap:6px}.hint-item kbd{background:#f1f3f5;border:1px solid #dee2e6;border-radius:4px;font-family:inherit;font-size:11px;padding:2px 6px}.hint-divider{color:#adb5bd;font-size:12px}.paste-textarea{background:#ffffffe6;border:2px solid #e9ecef;border-radius:10px;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6;min-height:120px;padding:14px;position:relative;resize:vertical;transition:all .2s ease;width:100%;z-index:2}.paste-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.paste-textarea::placeholder{color:#adb5bd;font-style:normal}.input-controls{justify-content:space-between;margin-top:12px}.input-controls,.left-controls{align-items:center;display:flex}.left-controls{gap:12px}.char-count{color:#868e96;font-size:12px}.processing-indicator{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 14px}.processing-text{animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.error-message{align-items:center;background:#fff5f5;border:1px solid #fed7d7;color:#e53e3e;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px}.error-icon{font-size:16px}.error-text{color:#721c24;flex:1 1;font-size:13px}.preview-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:20px;overflow:hidden}.content-preview{padding:20px}.content-header{border-bottom:1px solid #e9ecef;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.content-header,.content-type{align-items:center;display:flex}.content-type{gap:8px}.type-icon{font-size:20px}.type-name{color:#343a40;font-size:16px;font-weight:600}.confidence-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.confidence-excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.confidence-high{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.confidence-medium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.confidence-low{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.confidence-section{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.confidence-hint{color:#6c757d;font-size:11px;font-style:italic}.validation-section{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin:16px 0;padding:16px}.validation-errors,.validation-suggestions,.validation-warnings{margin-bottom:12px}.validation-errors:last-child,.validation-suggestions:last-child,.validation-warnings:last-child{margin-bottom:0}.validation-errors{border-left:4px solid #dc3545;padding-left:12px}.validation-warnings{border-left:4px solid #ffc107;padding-left:12px}.validation-suggestions{border-left:4px solid #17a2b8;padding-left:12px}.validation-section h5{font-size:14px;font-weight:600;margin:0 0 8px}.validation-errors h5{color:#dc3545}.validation-warnings h5{color:#856404}.validation-suggestions h5{color:#0c5460}.validation-section ul{list-style:none;margin:0;padding:0}.error-item,.suggestion-item,.warning-item{font-size:13px;line-height:1.4;padding:4px 0}.error-item{color:#721c24}.warning-item{color:#856404}.suggestion-item{color:#0c5460}.error-item:before{color:#dc3545;content:"• ";font-weight:700}.warning-item:before{color:#ffc107;content:"• ";font-weight:700}.suggestion-item:before{color:#17a2b8;content:"• ";font-weight:700}.what-we-found{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin:16px 0;overflow:hidden}.what-we-found-header{align-items:center;background:linear-gradient(135deg,#f1f3f5,#e9ecef);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.what-we-found-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.what-we-found-header h4{align-items:center;color:#343a40;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.header-icon{font-size:16px}.field-count{background:#667eea;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.toggle-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:12px;padding:4px 8px}.detected-fields-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:12px 16px}.detected-field{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.detected-field:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea1a;transform:translateY(-1px)}.detected-field.clickable{cursor:pointer}.detected-field.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#667eea;box-shadow:0 2px 8px #667eea40}.field-icon{font-size:14px}.field-label{color:#6c757d;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.field-value{color:#343a40;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.btn-apply:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-apply .btn-icon{font-size:16px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-secondary{background:#f1f3f5;border:1px solid #dee2e6;color:#495057}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.btn-sm{font-size:13px;padding:8px 14px}.content-details{margin-top:16px}.content-details h4{color:#343a40;font-size:18px;font-weight:600;margin:0 0 8px}.content-details .description{color:#6c757d;line-height:1.5;margin:12px 0 0}.spell-preview .spell-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.spell-meta span{background:linear-gradient(135deg,#e7f3ff,#d0e0fd);border-radius:6px;color:#06c;font-size:12px;font-weight:500;padding:4px 10px}.action-preview .action-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.action-meta span{background:linear-gradient(135deg,#ffe7e7,#ffd0d0);border-radius:6px;color:#c00;font-size:12px;font-weight:500;padding:4px 10px}.item-preview .item-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.item-meta span{background:linear-gradient(135deg,#fff0e6,#ffe0cc);border-radius:6px;color:#c60;font-size:12px;font-weight:500;padding:4px 10px}.feature-preview .feature-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.feature-meta span{background:linear-gradient(135deg,#f0fff0,#d0f0d0);border-radius:6px;color:#060;font-size:12px;font-weight:500;padding:4px 10px}.abilities-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(6,1fr);margin-top:12px}.ability-score{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:10px;padding:12px 8px;transition:all .2s ease}.ability-score:hover{border-color:#667eea;box-shadow:0 4px 8px #667eea26;transform:translateY(-2px)}.ability-name{color:#667eea;display:block;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.ability-value{color:#343a40;display:block;font-size:20px;font-weight:700;margin-top:4px}.statblock-preview .statblock-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.statblock-meta span{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:500;padding:6px 14px}.list-preview .items-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.list-item{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-radius:20px;color:#495057;font-size:13px;font-weight:500;padding:6px 14px}.placement-suggestions{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #e9ecef;padding:20px}.placement-suggestions h4{align-items:center;color:#343a40;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.placement-suggestions h4:before{content:"📍"}.suggestions-list{display:flex;flex-direction:column;gap:10px}.suggestion-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.suggestion-option:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-color:#667eea;transform:translateX(4px)}.suggestion-option input[type=checkbox]{accent-color:#667eea;height:18px;margin:0;width:18px}.suggestion-option input[type=checkbox]:checked+.suggestion-text{color:#667eea;font-weight:600}.suggestion-text{color:#495057;flex:1 1;font-size:14px}.history-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px}.history-section h4{color:#6c757d;font-size:14px;font-weight:600;margin:0 0 12px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.change-icon{font-size:14px}.change-text{color:#495057;flex:1 1}.change-time{color:#6c757d;font-size:11px}@media (max-width:768px){.smart-paste-interface{margin:12px 0}.smart-paste-header{align-items:flex-start;flex-direction:column;gap:12px}.help-toggle{align-self:flex-end}.abilities-grid{grid-template-columns:repeat(3,1fr)}.detected-fields-grid{grid-template-columns:1fr}.empty-state-hints{gap:8px}.action-buttons,.empty-state-hints{flex-direction:column}.btn{width:100%}.suggestions-list{gap:6px}.suggestion-option{padding:10px}.statblock-meta{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-section{animation:fadeInUp .3s ease-out}.btn:focus,.paste-textarea:focus,.suggestion-option:focus-within{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.smart-paste-interface{background:linear-gradient(135deg,#1e1e2f,#2d2d44);border-color:#3d3d5c}.paste-input-section{background:#2d2d44}.paste-textarea{background:#1e1e2f;border-color:#3d3d5c;color:#e9ecef}.paste-textarea:focus{background:#252538;border-color:#667eea}.examples-panel{background:#2d2d44;border-color:#3d3d5c}.example-card{background:#1e1e2f;border-color:#3d3d5c}.example-header{background:#252538;border-color:#3d3d5c}.what-we-found{background:#1e1e2f;border-color:#3d3d5c}.what-we-found-header{background:linear-gradient(135deg,#252538,#2d2d44)}.detected-field{background:#2d2d44;border-color:#3d3d5c}.field-value{color:#e9ecef}.confidence-hint{color:#adb5bd}.needs-review-section{background:#1e1e2f;border-color:#3d3d5c}.needs-review-header{background:linear-gradient(135deg,#3d2929,#4a3333)}.review-item{background:#2d2d44;border-color:#3d3d5c}}.needs-review-section{background:linear-gradient(135deg,#fffbf0,#fff8e6);border:1px solid #ffe0b2;border-radius:12px;margin:16px 0;padding:16px}.needs-review-header{margin-bottom:16px}.needs-review-header h4{align-items:center;color:#e65100;display:flex;flex-wrap:wrap;font-size:16px;gap:8px;margin:0 0 8px}.needs-review-header .header-icon{font-size:20px}.needs-review-header .field-count{background:#ffe0b2;border-radius:12px;color:#e65100;font-size:11px;font-weight:600;padding:3px 10px}.review-intro{color:#5d4037;font-size:13px;line-height:1.5;margin:0}.review-category{margin-bottom:16px}.review-category:last-child{margin-bottom:0}.review-category h5{border-bottom:1px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;margin:0 0 8px;padding-bottom:6px}.review-items{display:flex;flex-direction:column;gap:8px}.review-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:10px 12px;transition:all .2s ease}.review-item:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.review-item-name{color:#343a40;font-size:13px;font-weight:600;margin-bottom:4px}.review-item-desc{color:#6c757d;font-size:12px;line-height:1.4}.review-item.raw-block{background:#f8f9fa;border-style:dashed}.review-items-list{display:flex;flex-direction:column;gap:8px}.review-item.actionable{cursor:pointer;transition:all .2s ease}.review-item.actionable:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.review-item.actionable.expanded{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea}.review-item-header{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.review-item-icon{flex-shrink:0;font-size:20px}.review-item-content{flex:1 1;min-width:0}.expand-toggle{background:none;border:none;color:#6c757d;cursor:pointer;font-size:10px;padding:4px;transition:transform .2s ease}.review-item.expanded .expand-toggle{transform:rotate(0deg)}.review-item-actions{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px}.action-prompt{color:#495057;font-size:12px;font-style:italic;margin:0 0 10px}.action-buttons-row{display:flex;flex-wrap:wrap;gap:8px}.action-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .15s ease}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn.equipment:hover{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.action-btn.feature:hover{background:#fff3e0;border-color:#ff9800;color:#e65100}.action-btn.action:hover{background:#ffebee;border-color:#f44336;color:#c62828}.action-btn.notes:hover{background:#e3f2fd;border-color:#2196f3;color:#1565c0}.action-btn.skip{color:#6c757d}.action-btn.skip:hover{background:#f8f9fa;border-color:#6c757d}.review-item.applied{background:#d4edda;border-color:#c3e6cb;opacity:.8}.review-item.applied .review-item-content{align-items:center;display:flex;gap:8px}.applied-check{color:#28a745;font-size:14px;font-weight:700}.applied-label{color:#28a745;font-size:12px;font-weight:600;margin-left:auto}.applied-count{background:#d4edda;border-radius:12px;color:#28a745;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.suggested-category-badge{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:8px;display:flex;gap:8px;margin-bottom:10px;padding:6px 12px}.suggested-category-badge .badge-label{color:#666;font-size:11px;font-weight:500}.suggested-category-badge .badge-value{color:#2e7d32;font-size:13px;font-weight:600}.accept-suggestion-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:3px 12px;transition:background .15s ease}.accept-suggestion-btn:hover{background:#388e3c}.category-checkboxes{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:10px}.category-checkbox{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:5px 10px;transition:all .15s ease}.category-checkbox:hover{background:#f8f9ff;border-color:#667eea}.category-checkbox.selected{background:linear-gradient(135deg,#e8eaf6,#f3e5f5);border-color:#667eea;font-weight:600}.category-checkbox input[type=checkbox]{accent-color:#667eea;margin:0}.category-status{background:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:12px;margin-top:8px;padding:6px 12px}.review-action-buttons{display:flex;gap:8px;margin-top:8px}.separate-btn,.skip-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s ease}.separate-btn:hover{background:#fff3e0;border-color:#ff9800;color:#e65100}.skip-btn{color:#6c757d}.skip-btn:hover{background:#f8f9fa;border-color:#6c757d}.review-group{margin-bottom:16px}.review-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.review-group-header h5{align-items:center;color:#343a40;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.group-count{background:#e9ecef;border-radius:10px;color:#495057;font-size:11px;font-weight:500;padding:2px 8px}.merge-group-btn{background:#fff;border:1px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .15s ease}.merge-group-btn:hover{background:#667eea;color:#fff}.merge-select{align-items:center;display:flex;flex-shrink:0}.merge-select input[type=checkbox]{accent-color:#667eea;margin:0}.image-browser{background:#2a2a2a;border:1px solid #444;border-radius:8px;margin:20px 0;padding:20px}.image-browser-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.image-browser-header h3{color:#fff;font-size:1.2rem;margin:0}.image-browser-empty,.image-browser-error,.image-browser-loading{color:#aaa;padding:40px 20px;text-align:center}.image-browser-loading .spinner{animation:spin 1s linear infinite;border:4px solid #444;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}.image-browser-error{color:#ff6b6b}.image-browser-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:10px}.image-browser-item{background:#1a1a1a;border:2px solid #444;border-radius:8px;cursor:pointer;padding:10px;transition:all .2s ease}.image-browser-item:hover{border-color:#007bff;box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.image-browser-thumbnail{align-items:center;background:#000;border-radius:4px;display:flex;height:120px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100%}.image-browser-thumbnail img{max-height:100%;max-width:100%;object-fit:contain}.image-browser-info{color:#ccc;font-size:.85rem}.image-browser-filename{font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-browser-meta{color:#888;font-size:.75rem}.action-editor{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border:2px solid #fff3;box-shadow:0 4px 16px #0003;margin-bottom:20px;padding:20px}.action-header{margin-bottom:15px}.form-row{display:flex;gap:15px;margin-bottom:10px}.form-row .form-group{flex:1 1}.damage-entries-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#dc35451a;border:2px dashed #dc354566;border-radius:8px;margin-bottom:15px;margin-top:15px;padding:15px}.damage-entries-section h5{color:#dc3545;font-size:1rem;font-weight:600;margin-bottom:10px}.damage-entry{background:#ffffff1f;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #00000026;margin-bottom:15px;padding:15px}.damage-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.damage-entry-header h6{margin:0}.saving-throw-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#28a7451a;border:2px dashed #28a74566;border-radius:8px;margin-bottom:15px;margin-top:15px;padding:15px}.saving-throw-section h5{color:#28a745;font-size:1rem;font-weight:600;margin-bottom:10px}.btn-sm{font-size:12px;padding:3px 8px}.full-width{width:100%}@media (max-width:768px){.form-row{flex-direction:column;gap:5px}}.monster-editor{background:linear-gradient(135deg,#2e1a1a,#3e1616 50%,#601010);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;min-height:100vh;overflow:hidden}.monster-editor.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{padding:2rem}.spinner{border:4px solid #333;border-top-color:#dc3545;margin:0 auto 1rem}.monster-editor.error{align-items:center;display:flex;justify-content:center}.error-message{background:#dc35451a;border:1px solid #dc3545;border-radius:8px;max-width:500px;padding:2rem;text-align:center}.error-message h2{color:#dc3545;margin-bottom:1rem}.editor-header{background:#0000004d;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;padding:1rem 2rem}.editor-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.back-button{border:1px solid #fff3;border-radius:6px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background:#ffffff1a;border-color:#ffffff4d}.header-title h1{font-size:1.5rem;font-weight:600;margin:0}.editing-label{color:#ccc;font-size:.9rem;font-style:italic}.header-actions{display:flex;gap:1rem}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#545b62}.btn-outline{background:#0000;border:1px solid #ffffff4d;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.btn-sm{font-size:.8rem;padding:.25rem .5rem}.status-message{font-weight:500;margin:0;padding:1rem 2rem}.status-message.error{background:#dc35451a;border:1px solid #dc3545;color:#dc3545}.status-message.success{background:#28a7451a;border:1px solid #28a745;color:#28a745}.editor-content{flex:1 1;max-height:calc(100vh - 120px);overflow-y:auto;padding:1rem 2rem 2rem}.editor-form{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:none;width:100%}.editor-form,.monster-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;padding:2rem}.monster-preview{border-radius:12px}.monster-sheet{margin:0 auto;max-width:800px}.monster-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1rem}.monster-portrait{border:3px solid #dc354580;border-radius:50%;height:120px;object-fit:cover;width:120px}.monster-info h2{color:#dc3545;font-size:2rem;margin:0 0 .5rem}.monster-type{color:#ccc;font-style:italic;margin-bottom:1rem}.monster-stats-summary{display:flex;flex-wrap:wrap;gap:1rem}.monster-stats-summary span{background:#ffffff1a;border-radius:4px;font-size:.9rem;padding:.25rem .5rem}.form-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:#dc3545;font-size:1.2rem;font-weight:600}.form-group,.form-row,.form-section h3{margin-bottom:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff26;border:2px solid #ffffff4d;border-radius:6px;box-shadow:inset 0 1px 3px #0003;color:#fff;font-size:.95rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff40;border-color:#dc3545;box-shadow:0 0 0 3px #dc35454d,inset 0 1px 3px #0003;color:#fff;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffffb3;font-style:italic}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#ffffff14;border-color:#ffffff26;color:#fff9;cursor:not-allowed}.form-group select{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ffffff" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:2.5rem}.form-group select option{background:#2e1a1a;color:#fff;padding:.5rem}.abilities-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.ability-input,.ability-score{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1rem;text-align:center}.ability-name{color:#ccc;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.ability-score .score{color:#fff;font-size:1.5rem;font-weight:700}.ability-input input{margin:.5rem 0;text-align:center;width:60px}.modifier{color:#ccc;font-size:.8rem;margin-top:.25rem}.action-editor{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;padding:1rem}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.action-header h4{color:#dc3545;margin:0}.actions-section{margin-top:2rem}.actions-section h3{color:#dc3545;margin-bottom:1rem}.action-item{background:#ffffff0d;border-left:3px solid #dc3545;border-radius:6px;margin-bottom:1rem;padding:1rem}.action-item h4{color:#dc3545;margin:0 0 .5rem}.action-item p{color:#ccc;margin:.25rem 0}.skills-section{margin-top:2rem}.skills-section h3{color:#dc3545;margin-bottom:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:1rem}.skill-item{background:#ffffff0d;border-left:2px solid #dc3545;border-radius:4px;padding:.5rem}.immunities-section{margin-top:2rem}.immunities-section h3{color:#dc3545;margin-bottom:1rem}.immunities-section p{color:#ccc;margin:.5rem 0}@media (max-width:768px){.editor-header{align-items:stretch;flex-direction:column;gap:1rem}.header-left{align-items:flex-start;flex-direction:column}.header-actions{justify-content:center}.monster-header{flex-direction:column;text-align:center}.monster-stats-summary{justify-content:center}.form-row{grid-template-columns:1fr}.abilities-grid{grid-template-columns:repeat(3,1fr)}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.save-options-modal{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;box-shadow:0 5px 15px #00000080;color:#ddd;max-width:90%;padding:20px;width:400px}.save-options-modal h3{border-bottom:1px solid #444;color:#f0f0f0;font-size:1.4rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.save-options-modal p{font-size:1rem;line-height:1.5;margin-bottom:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-warning{background-color:#f0ad4e;color:#212121}.btn-warning:hover{background-color:#ec971f}.btn-primary{background-color:#5bc0de;color:#212121}.btn-primary:hover{background-color:#31b0d5}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.character-sheet-editor{background:linear-gradient(135deg,#2c1810,#3d2817 50%,#4a331a)!important;color:#2c1810!important;font-family:Georgia,Times New Roman,serif!important;height:100vh!important;overflow-x:auto!important;overflow-y:auto!important}.character-sheet-editor.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-x:auto;overflow-y:auto}.loading-spinner{color:#f4f1e8;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #8b4513;border-radius:50%;border-top-color:#daa520;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message{color:#fff;font-weight:600;padding:12px;text-align:center}.status-message.success{background:#228b22}.status-message.error{background:#dc143c}.character-sheet-page.no-data{align-items:center;display:flex;justify-content:center;min-height:400px}.no-data-content{color:#8b4513;max-width:600px;text-align:center}.no-data-content h2{color:#8b4513;margin-bottom:20px}.no-data-content p{line-height:1.6;margin-bottom:20px}.no-data-content ul{line-height:1.6;margin-bottom:30px;padding-left:20px;text-align:left}.no-data-content li{margin-bottom:8px}.character-sheet-editor::-webkit-scrollbar{width:10px}.character-sheet-editor::-webkit-scrollbar-track{background:#8b45131a;border-radius:5px}.character-sheet-editor::-webkit-scrollbar-thumb{background:#8b451366;border-radius:5px}.character-sheet-editor::-webkit-scrollbar-thumb:hover{background:#8b451399}.character-sheet-page{background:#f4f1e8;background-image:radial-gradient(circle at 20% 50%,#8b451308 1px,#0000 0),radial-gradient(circle at 80% 20%,#8b451308 1px,#0000 0),radial-gradient(circle at 40% 80%,#8b451308 1px,#0000 0);border:3px solid #8b4513;border-radius:8px;box-shadow:0 4px 8px #0003,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000001a;margin:20px auto;max-width:8.5in;min-height:11in;padding:40px;position:relative}.character-sheet-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23d4af37' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.sheet-header{background:linear-gradient(135deg,#8b4513,sienna 50%,peru);border-bottom:3px solid #654321;color:#f4f1e8;margin:0 -40px 30px;padding:20px 40px;position:relative}.sheet-header:after{background:linear-gradient(90deg,#daa520,#b8860b,#daa520);bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}.sheet-title{font-family:Cinzel Decorative,Georgia,serif;font-size:28px;font-weight:700;letter-spacing:2px;margin:0;text-align:center;text-shadow:2px 2px 4px #00000080}.sheet-subtitle{font-size:14px;font-style:italic;margin:8px 0 0;opacity:.9;text-align:center}.dnd-2024-header{grid-gap:8px;align-items:start;background:#ffffffe6;border:2px solid #8b4513;border-radius:4px;display:grid;gap:8px;grid-template-columns:1fr auto auto;margin-bottom:8px;padding:8px 12px}.header-left-fields{gap:4px}.header-field,.header-left-fields{display:flex;flex-direction:column}.header-field-full{width:100%}.header-field label{color:#8b4513;font-size:8px;font-weight:700;letter-spacing:.25px;margin-bottom:2px;text-transform:none}.header-field input{background:#fff!important;background-color:#fff!important;border:1px solid #8b4513!important;color:#000!important;font-family:Georgia,serif;font-size:11px;min-width:150px;padding:3px 6px;width:100%}.header-field input:focus{background:#daa5201a;border-bottom-color:#daa520;outline:none}.header-row-2,.header-row-3{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.header-right-circles{gap:3px}.header-circle,.header-right-circles{align-items:center;display:flex;flex-direction:column}.header-circle{background:#ffffffe6;border:2px solid #8b4513;border-radius:50%;height:55px;justify-content:center;position:relative;width:55px}.level-circle{border-color:#daa520}.xp-circle{border-color:#8b4513}.circle-label{background:#f4f1e8;color:#8b4513;font-size:6px;font-weight:700;letter-spacing:.2px;padding:0 4px;position:absolute;text-transform:none;top:-6px}.header-circle input{background:#fff!important;border:1px solid #8b4513;color:#000!important;font-family:Georgia,serif;font-size:14px;font-weight:700;text-align:center;width:42px}.header-circle input:focus{background:#daa5201a;border-radius:4px;outline:none}.xp-circle input{font-size:13px;width:56px}.header-portrait-upload{display:none}.combat-top-row{grid-gap:6px;align-items:start;background:#fffc;display:grid;gap:6px;grid-template-columns:auto 2fr;margin-bottom:2px;padding:4px 6px}.combat-box,.combat-top-row{border:2px solid #8b4513;border-radius:6px}.combat-box{align-items:center;background:#ffffffe6;display:flex;flex-direction:column;gap:0;height:auto;justify-content:flex-start;padding:2px 4px;text-align:center}.combat-box-label{color:#8b4513;font-size:8px;font-weight:700;letter-spacing:.25px;margin-bottom:1px;text-transform:none}.ac-box{align-items:center;display:flex;flex-direction:column;gap:0;min-width:80px}.ac-box .combat-box-value{background:#fff!important;border:1px solid #8b4513;border-radius:3px;color:#000!important;font-family:Georgia,serif;font-size:18px;font-weight:700;padding:1px;text-align:center;width:38px}.ac-box .shield-icon{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1;margin:0}.ac-box .shield-checkbox{height:16px;margin:0;width:16px}.hp-large-box{align-items:stretch;display:flex;flex-direction:column;gap:6px;min-width:260px}.hp-hd-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.hp-hd-header{display:contents}.hp-hd-header>div{color:#8b4513;font-size:8px;font-weight:700;line-height:1.2;text-align:center;text-transform:none}.hp-hd-fields{display:contents}.hp-hd-cell{align-items:center;display:flex;justify-content:center}.hp-hd-cell input{background:#fff!important;border:1px solid #8b4513;border-radius:3px;color:#000!important;font-family:Georgia,serif;font-size:11px;font-weight:700;height:28px;padding:0 4px;text-align:center;width:100%}.death-saves-grid{align-items:center;border-top:1px solid #8b45134d;display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:4px}.death-saves-single-row{color:#8b4513;margin-bottom:0;text-align:center;text-transform:none}.death-saves-row{align-items:center;display:flex;gap:2px;justify-content:center}.death-saves-row label{color:#8b4513;font-size:6px;font-weight:600;min-width:50px;text-transform:none}.death-save-boxes{display:flex;gap:2px}.death-save-boxes input[type=checkbox]{height:12px;margin:0;width:12px}.character-name-section{background:#d4af371a;border:2px solid #d4af37;border-radius:8px;margin-bottom:15px;padding:12px;position:relative;text-align:center}.character-name-section:before{background:#f4f1e8;content:"⚔️";font-size:20px;left:50%;padding:0 12px;position:absolute;top:-12px;transform:translateX(-50%)}.character-name-input{background:#0000;border:none;border-bottom:2px solid #8b4513;color:#2c1810;font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:.2px;padding:6px;text-align:center;width:100%}.character-name-input:focus{background:#ffffff4d;border-bottom-color:#daa520;outline:none}.basic-info-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:15px}.info-box{background:#ffffffb3;border:2px solid #8b4513;border-radius:6px;padding:8px;position:relative}.info-box-label{background:#f4f1e8;color:#8b4513;font-size:10px;font-weight:700;left:10px;letter-spacing:.25px;padding:0 6px;position:absolute;text-transform:none;top:-8px}.info-box-input,.info-box-select{background:#0000;border:none;color:#2c1810;font-family:Georgia,serif;font-size:14px;font-weight:600;text-align:center;width:100%}.info-box-input:focus,.info-box-select:focus{background:#ffffff80;outline:none}.ability-scores-section{margin-bottom:15px}.section-title{color:#8b4513;font-family:Georgia,serif;font-size:16px;font-weight:700;margin-bottom:12px;padding:0 15px;position:relative;text-align:center}.section-title:after,.section-title:before{background:linear-gradient(90deg,#0000,#8b4513,#0000);content:"";height:2px;position:absolute;top:50%;width:60px}.section-title:before{left:0}.section-title:after{right:0}.ability-scores-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:12px}.ability-score-box{background:#fffc;border:2px solid #8b4513;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a;padding:10px 6px;position:relative;text-align:center}.ability-name{color:#8b4513;font-size:9px;font-weight:700;letter-spacing:.25px;margin-bottom:6px;text-transform:none}.ability-score{font-size:22px;font-weight:900;margin-bottom:3px}.ability-score,.ability-score-input{color:#2c1810;font-family:Georgia,serif}.ability-score-input{background:#fff;border:2px solid #8b4513;border-radius:4px;font-size:16px;font-weight:700;height:32px;text-align:center;width:45px}.ability-score-input:focus{border-color:#daa520;box-shadow:0 0 8px #daa5204d;outline:none}.ability-modifier{color:#654321;font-size:14px;font-weight:600;margin-top:4px}.combat-stats-section{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.combat-stat-box{background:#fffc;border:2px solid #8b4513;border-radius:6px;height:60px;padding:10px;position:relative;text-align:center}.combat-stat-label{color:#8b4513;font-size:9px;font-weight:700;letter-spacing:.25px;margin-bottom:6px;text-transform:none}.combat-stat-input,.combat-stat-value{color:#2c1810;font-family:Georgia,serif;font-size:18px;font-weight:900}.combat-stat-input{background:#0000;border:none;text-align:center;width:100%}.combat-stat-input:focus{background:#ffffff80;border-radius:4px;outline:none}.sheet-text-section{margin-bottom:15px}.text-section-title{border-bottom:2px solid #8b4513;color:#8b4513;font-family:Georgia,serif;font-size:14px;font-weight:700;margin-bottom:8px;padding-bottom:3px}.sheet-textarea{background:#fffc;border:2px solid #8b4513;border-radius:6px;color:#2c1810;font-family:Georgia,serif;font-size:12px;line-height:1.5;min-height:100px;padding:10px;resize:vertical;width:100%}.sheet-textarea:focus{background:#ffffffe6;border-color:#daa520;outline:none}.sheet-textarea::placeholder{color:#8b7355;font-style:italic}.features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.sheet-collapsible{background:#fff9;border:2px solid #8b4513;border-radius:6px;margin-bottom:10px;overflow:hidden}.sheet-collapsible-header{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);color:#f4f1e8;cursor:pointer;display:flex;font-weight:600;justify-content:between;padding:8px 12px;-webkit-user-select:none;user-select:none}.sheet-collapsible-header:hover{background:linear-gradient(135deg,sienna,peru)}.sheet-collapsible-title{align-items:center;display:flex;flex:1 1;font-family:Georgia,serif;font-size:13px;gap:8px}.sheet-collapsible-icon{font-size:12px;transition:transform .2s ease}.sheet-collapsible-icon.expanded{transform:rotate(90deg)}.sheet-collapsible-content{display:none;padding:20px}.sheet-collapsible-content.expanded{display:block}.sheet-action-buttons{border-top:2px solid #8b4513;display:flex;gap:16px;justify-content:center;margin-top:30px;padding-top:20px}.sheet-btn{align-items:center;border:2px solid #8b4513;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Georgia,serif;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.sheet-btn-primary{background:linear-gradient(135deg,#daa520,#b8860b);color:#2c1810}.sheet-btn-primary:hover{background:linear-gradient(135deg,gold,#daa520);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.sheet-btn-secondary{background:#fffc;color:#8b4513}.sheet-btn-secondary:hover{background:#ffffffe6;border-color:sienna}.sheet-btn-success{background:linear-gradient(135deg,#228b22,#006400);color:#fff}.sheet-btn-success:hover{background:linear-gradient(135deg,#32cd32,#228b22);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.character-portrait-section{background:#fffc;border:2px solid #8b4513;border-radius:8px;float:right;margin:0 0 12px 12px;padding:10px;text-align:center;width:180px}.portrait-frame{align-items:center;background:#8b45131a;border:2px solid #654321;border-radius:6px;display:flex;height:180px;justify-content:center;margin-bottom:8px;overflow:hidden;width:160px}.portrait-image{height:100%;object-fit:cover;width:100%}.portrait-placeholder{color:#8b7355;font-size:14px;font-style:italic;text-align:center}.smart-paste-section{background:#daa5201a;border:2px dashed #daa520;border-radius:8px;margin-bottom:15px;padding:12px;text-align:center}.smart-paste-title{color:#b8860b;font-family:Georgia,serif;font-size:14px;font-weight:600;margin-bottom:6px}.smart-paste-description{color:#8b7355;font-size:12px;font-style:italic;margin-bottom:10px}@media (max-width:968px){.character-sheet-page{margin:15px;padding:25px}.dnd-2024-main-section{gap:15px;grid-template-columns:1fr}.dnd-left-column{order:1}.dnd-right-column{order:2}.header-row-2,.header-row-3{gap:4px;grid-template-columns:1fr}.header-field input{min-width:100px}.ability-scores-grid{grid-template-columns:repeat(3,1fr)}.combat-stats-section{grid-template-columns:repeat(2,1fr)}.basic-info-row,.features-grid{grid-template-columns:1fr}.character-portrait-section{float:none;margin:0 0 20px;width:100%}}@media (max-width:600px){.character-sheet-page{margin:10px;padding:15px}.dnd-2024-header{gap:6px;grid-template-columns:1fr}.header-right-circles{flex-direction:row;gap:10px;justify-content:space-around}.ability-scores-grid{grid-template-columns:repeat(2,1fr)}.combat-stats-section{grid-template-columns:1fr}.sheet-action-buttons{flex-direction:column;gap:10px}.sheet-btn{justify-content:center;width:100%}.prof-inspiration-row{gap:6px;grid-template-columns:1fr}.secondary-stats-row{gap:8px;grid-template-columns:repeat(2,1fr)}}@media print{.character-sheet-editor{background:#fff}.character-sheet-page{background:#fff;border:1px solid #8b4513;box-shadow:none;margin:0}.sheet-action-buttons{display:none}}@keyframes expandSection{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.sheet-collapsible-content.expanded{animation:expandSection .3s ease-out}.spells-section-wrapper{border-top:2px solid #8b4513;display:flex;flex-direction:column;gap:18px;grid-column:1/-1;margin-top:20px;padding-top:20px;width:100%}.spells-header-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:300px 1fr;margin-bottom:15px}.spellcasting-ability-box{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;padding:10px}.spellcasting-stat{margin-bottom:8px}.spellcasting-stat label{color:#8b4513;display:block;font-size:8px;font-weight:700;letter-spacing:.25px;margin-bottom:3px;text-transform:none}.spell-stat-input{background:#fff;border:1px solid #8b4513;border-radius:4px;color:#000;font-family:Georgia,serif;font-size:18px;font-weight:600;padding:4px;text-align:center;width:100%}.spell-slots-box{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;padding:10px}.spell-slots-grid{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:repeat(3,1fr);margin-top:8px}.spell-slot-row{align-items:center;display:flex;gap:6px}.spell-level-label{color:#8b4513;font-size:9px;font-weight:700;text-transform:none;white-space:nowrap}.spell-slot-inputs{align-items:center;display:flex;gap:3px}.spell-slot-expended,.spell-slot-total{background:#fff;border:1px solid #8b4513;border-radius:3px;color:#000;font-family:Georgia,serif;font-size:14px;font-weight:600;height:28px;padding:2px;text-align:center;width:35px}.slot-separator{color:#8b4513;font-size:12px;font-weight:700}.spellcasting-combined-box{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;margin-bottom:15px;padding:10px}.spellcasting-combined-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:180px 1fr;margin-top:10px}.spellcasting-stats-compact{display:flex;flex-direction:column;gap:8px}.spell-stat-compact{display:flex;flex-direction:column;gap:3px}.spell-stat-compact label{color:#8b4513;font-size:8px;font-weight:700;letter-spacing:.25px;text-transform:none}.spell-stat-compact input{background:#fff;border:1px solid #8b4513;border-radius:4px;color:#000;font-family:Georgia,serif;font-size:16px;font-weight:600;padding:4px;text-align:center;width:100%}.spell-slots-compact-grid{grid-gap:6px 10px;display:grid;gap:6px 10px;grid-template-columns:repeat(3,1fr)}.spell-slot-compact-row{align-items:center;display:flex;gap:4px}.spell-level-compact-label{color:#8b4513;font-size:8px;font-weight:700;min-width:40px;text-transform:none;white-space:nowrap}.spell-slot-compact-input{background:#fff;border:1px solid #8b4513;border-radius:3px;color:#000;font-family:Georgia,serif;font-size:12px;font-weight:600;height:24px;padding:2px;text-align:center;width:30px}.slot-compact-separator{color:#8b4513;font-size:10px;font-weight:700}.spells-table-container{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;padding:10px}.spells-table{border-collapse:collapse;margin-top:8px;width:100%}.spells-table thead th{background:#8b45131a;border:1px solid #8b4513;color:#8b4513;font-size:8px;font-weight:700;line-height:1.2;padding:8px 4px;text-align:left;text-transform:none;vertical-align:middle}.spell-level-col{text-align:center!important;width:40px}.spell-prepared-col{text-align:center!important;width:55px}.spell-name-col{width:22%}.spell-time-col{width:12%}.spell-range-col{width:10%}.spell-components-col{text-align:center!important;width:18%}.spell-description-col{width:auto}.spells-table tbody td{border:1px solid #c9b896;padding:2px}.spell-prepared-cell{text-align:center}.spell-prepared-cell input[type=checkbox]{height:14px;width:14px}.spell-input,.spells-table tbody input[type=number],.spells-table tbody input[type=text]{background:#fff!important;background-color:#fff!important;border:1px solid #c9b896;border-radius:2px;color:#000!important;font-family:Georgia,serif;font-size:11px;padding:3px 4px;width:100%}.spell-input:focus,.spells-table tbody input[type=number]:focus,.spells-table tbody input[type=text]:focus{background:#daa5201a!important;border-radius:2px;outline:1px solid #daa520}.spell-components-cell{align-items:center;display:flex;gap:4px;justify-content:center;padding:2px!important}.spell-components-cell label{align-items:center;color:#8b4513;display:flex;font-size:9px;font-weight:700;gap:1px;white-space:nowrap}.spell-components-cell input[type=checkbox]{height:12px;margin:0;width:12px}.spell-components-cell .material-input{flex:1 1;font-size:10px;max-width:80px;min-width:40px}.dnd-2024-main-section{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.dnd-left-column{display:flex;flex-direction:column;gap:4px;width:100%}.prof-inspiration-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;width:100%}.abilities-with-skills{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.ability-with-skills-box{background:#ffffffe6;border:2px solid #8b4513;border-radius:6px;padding:6px}.ability-score-header{align-items:center;border-bottom:2px solid #8b4513;display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:4px}.ability-name-main{color:#8b4513;font-size:10px;font-weight:700;letter-spacing:.25px;text-transform:none}.ability-score-main{background:#fff;border:1px solid #8b4513;color:#000;font-family:Georgia,serif;font-size:20px;font-weight:700;height:36px;text-align:center;width:44px}.ability-score-main:focus{border-color:#daa520;box-shadow:0 0 6px #daa5204d;outline:none}.ability-modifier-main{color:#654321;font-family:Georgia,serif;font-size:16px;font-weight:700}.skill-row{align-items:center;border-bottom:1px solid #8b451326;display:flex;gap:4px;padding:1px 2px}.skill-row:last-child{border-bottom:none}.skill-proficiency{flex-shrink:0;height:13px;width:13px}.skill-modifier{color:#654321;font-family:Georgia,serif;font-size:10px;font-weight:700;text-align:center;width:28px}.skill-name{color:#2c1810;flex:1 1;font-size:9px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dnd-right-column{display:flex;flex-direction:column;gap:12px;width:100%}.dnd-content-two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dnd-content-two-col>*{min-width:0}.secondary-stats-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.stat-box-secondary{align-items:center;background:#ffffffe6;border:2px solid #8b4513;border-radius:6px;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:38px;padding:2px 6px;text-align:center}.stat-label-secondary{color:#8b4513;font-size:9px;font-weight:700;letter-spacing:.25px;margin-bottom:2px;text-transform:none}.stat-value-secondary{background:#fff;border:1px solid #8b4513;color:#000;font-family:Georgia,serif;font-size:13px;font-weight:600;text-align:center;width:100%}.stat-value-secondary:focus{background:#daa5201a;border-radius:4px;outline:2px solid #daa520}.weapons-table-section{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;padding:10px}.table-scroll{max-height:220px;overflow-y:auto}.equipment-table-section{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;margin-top:12px;padding:10px}.equipment-table-scroll{max-height:220px;overflow-y:auto}.equipment-table{border-collapse:collapse;width:100%}.equipment-table th{border-bottom:2px solid #8b4513;color:#8b4513;font-size:10px;font-weight:700;letter-spacing:.25px;padding:4px 6px;text-align:left;text-transform:none}.equip-item-col{width:auto}.equip-qty-col{width:60px}.equip-weight-col{width:80px}.equipment-table td{border-bottom:1px solid #8b451333;padding:4px 6px}.equipment-table input{background:#fff;border:1px solid #c9b896;border-radius:2px;color:#000;font-family:Georgia,serif;font-size:11px;padding:3px 4px;width:100%}.equipment-table input:focus{background:#daa5201a;border-radius:2px;outline:1px solid #daa520}.section-header-dnd{border-bottom:2px solid #8b4513;color:#8b4513;font-size:12px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;padding-bottom:6px;text-align:center;text-transform:none}.weapons-table{border-collapse:collapse;width:100%}.weapons-table th{border-bottom:2px solid #8b4513;color:#8b4513;font-size:10px;font-weight:700;letter-spacing:.25px;padding:4px 6px;text-align:left;text-transform:none}.weapons-table td{border-bottom:1px solid #8b451333;padding:4px 6px}.weapons-table input{background:#fff;border:1px solid #c9b896;border-radius:2px;color:#000;font-family:Georgia,serif;font-size:11px;padding:3px 4px;width:100%}.weapons-table input:focus{background:#daa5201a;border-radius:2px;outline:1px solid #daa520}.long-text-input{background:#ffffffe6;border:2px solid #8b4513;border-radius:4px;box-sizing:border-box;color:#2c1810;font-family:Georgia,serif;font-size:12px;line-height:1.5;min-height:80px;padding:8px;resize:vertical;width:100%}.long-text-input:focus{background:#fff;border-color:#daa520;outline:none}.long-text-input::placeholder{color:#8b7355;font-style:italic}.content-section-static{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;margin-bottom:12px;padding:10px}.structured-entry-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.structured-entry-row-main{flex:1 1 auto;min-width:0}.structured-entry-edit-btn{align-items:center;background:#ffffffb3;border:1px solid #8b451359;border-radius:6px;color:#8b4513;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:14px;height:26px;justify-content:center;line-height:1;padding:0;width:26px}.structured-entry-edit-btn:hover{background:#daa5201f;border-color:#daa520b3}.structured-entry-editor-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.structured-entry-editor{background:#fffffff5;border:3px solid #8b4513;border-radius:10px;box-shadow:0 10px 30px #00000059;overflow:hidden;width:min(780px,96vw)}.structured-entry-editor-header{background:linear-gradient(135deg,#8b45131f,#daa5201f);border-bottom:2px solid #8b451359;color:#8b4513;padding:10px 12px}.structured-entry-editor-body{display:flex;flex-direction:column;gap:10px;padding:12px}.structured-entry-editor-label{color:#8b4513;display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:6px;letter-spacing:.25px}.structured-entry-editor-label input,.structured-entry-editor-label textarea{background:#fff;border:2px solid #c9b896;border-radius:6px;box-sizing:border-box;color:#2c1810;font-family:Georgia,serif;font-size:13px;line-height:1.5;max-width:100%;padding:8px;width:100%}.structured-entry-editor-label textarea{min-height:160px;resize:vertical}.structured-entry-editor-label input:focus,.structured-entry-editor-label textarea:focus{border-color:#daa520;box-shadow:0 0 0 3px #daa5202e;outline:none}.structured-entry-editor-actions{background:#ffffffd9;border-top:2px solid #8b451340;display:flex;gap:10px;justify-content:flex-end;padding:12px}.content-row-split{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.content-text{font-size:12px;line-height:1.6}.content-text,.content-text-small{color:#2c1810;font-family:Georgia,serif}.content-text-small{font-size:11px;line-height:1.5}.feature-entry{margin-bottom:10px}.feature-entry strong{color:#8b4513;font-weight:700}.placeholder-text{color:#999;font-style:italic;padding:10px;text-align:center}.proficiencies-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;margin-top:8px}.proficiencies-grid-extended{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:8px}.proficiencies-grid strong,.proficiencies-grid-extended strong{color:#8b4513;display:block;font-size:10px;font-weight:700;letter-spacing:.25px;margin-bottom:6px;text-transform:none}.armor-checkboxes{display:flex;flex-direction:column;gap:4px}.armor-checkboxes label{align-items:center;color:#2c1810;display:flex;font-family:Georgia,serif;font-size:11px;gap:6px}.armor-checkboxes input[type=checkbox]{height:16px;width:16px}.proficiency-list{display:flex;flex-direction:column;gap:4px}.proficiency-item{align-items:center;color:#2c1810;cursor:pointer;display:flex;font-family:Georgia,serif;font-size:11px;gap:6px}.proficiency-item input[type=checkbox]{height:16px;width:16px}.prof-bonus{color:#654321;font-size:10px;font-weight:700;min-width:25px}.proficiency-language-input{background:#fff!important;background-color:#fff!important;border:1px solid #8b4513;border-radius:2px;color:#000!important;font-family:Georgia,serif;font-size:11px;padding:4px 6px;width:100%}.proficiency-language-input:focus{background:#daa5201a!important;border-radius:2px;outline:1px solid #daa520}.ability-scores-vertical{display:flex;flex-direction:column;gap:6px}.detail-section-collapsible{background:#ffffffe6;border:3px solid #8b4513;border-radius:8px;margin:15px 0;overflow:hidden}.detail-section-header{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);color:#f4f1e8;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:12px;letter-spacing:.5px;padding:12px 16px;text-transform:none;transition:background .2s ease;-webkit-user-select:none;user-select:none}.detail-section-header:hover{background:linear-gradient(135deg,sienna,peru)}.detail-section-icon{font-size:12px;transition:transform .2s ease}.detail-section-title{flex:1 1}.detail-section-content{padding:20px}.detail-grid-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-grid-3col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-field label{color:#8b4513;font-size:11px;font-weight:700;letter-spacing:.25px;text-transform:none}.detail-field textarea{background:#fff;border:2px solid #c9b896;border-radius:4px;color:#2c1810;font-family:Georgia,serif;font-size:12px;line-height:1.5;padding:8px;resize:vertical;width:100%}.detail-field textarea:focus{background:#daa5200d;border-color:#daa520;outline:none}.detail-field textarea::placeholder{color:#999;font-size:11px;font-style:italic}@media (max-width:900px){.detail-grid-2col,.detail-grid-3col{grid-template-columns:1fr}}.ability-hex-box{background:#ffffffe6;border:2px solid #8b4513;border-radius:6px;box-shadow:0 1px 2px #0000001a;padding:6px;position:relative;text-align:center}.ability-name-label{color:#8b4513;font-size:9px;font-weight:700;letter-spacing:.25px;margin-bottom:3px;text-transform:none}.ability-score-value{background:#0000;border:none;color:#2c1810;font-family:Georgia,serif;font-size:24px;font-weight:700;padding:3px;text-align:center;width:100%}.ability-score-value:focus{background:#daa5201a;border-radius:4px;outline:2px solid #daa520}.ability-modifier-display{color:#5d4037;font-size:14px;font-weight:600;margin-top:2px}.smart-paste-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.smart-paste-modal{background:#faf7f2;border:2px solid #8b4513;border-radius:8px;box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:min(900px,92vw)}.smart-paste-modal-header{align-items:center;background:#f2e6cf;border-bottom:2px solid #c9b896;display:flex;justify-content:space-between;padding:10px 12px}.smart-paste-modal-header h3{color:#5d4037;font-family:Cinzel,Georgia,serif;margin:0}.smart-paste-modal-close{background:#0000;border:none;color:#5d4037;cursor:pointer;font-size:20px;line-height:1}.smart-paste-modal-body{overflow:auto;padding:12px}.smart-paste-modal-footer{align-items:center;background:#f7efe0;border-top:2px solid #c9b896;display:flex;gap:8px;justify-content:flex-end;padding:10px 12px}.stat-block{background:linear-gradient(135deg,#f4f1e8,#f0ede5 25%,#f4f1e8 50%,#f0ede5 75%,#f4f1e8);background-size:4px 4px;border:2px solid #8b4513;border-radius:8px;box-shadow:0 4px 8px #0000001a,inset 0 1px 0 #ffffff4d;font-family:ScalySans,Georgia,serif;margin:0 auto;max-width:400px;padding:20px;position:relative}.stat-block:before{background:radial-gradient(circle at 20% 80%,#8b45131a 1px,#0000 0),radial-gradient(circle at 80% 20%,#8b45131a 1px,#0000 0),radial-gradient(circle at 40% 40%,#8b45130d 1px,#0000 0);background-size:15px 15px,20px 20px,12px 12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-block-content{position:relative;z-index:1}.stat-block-placeholder{color:#8b4513;font-style:italic;padding:40px 20px;text-align:center}.stat-block-header{margin-bottom:10px;text-align:center}.stat-block-name{color:#8b4513;font-size:24px;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.stat-block-meta{color:#5d4037;font-size:14px;font-style:italic;margin:0}.stat-block-divider{background:linear-gradient(90deg,#0000,#8b4513,#0000);border:none;height:2px;margin:12px 0;position:relative}.stat-block-divider:after{background:#daa520;content:"";height:1px;left:50%;position:absolute;top:1px;transform:translateX(-50%);width:30px}.stat-block-basics p{color:#2e2e2e;font-size:14px;line-height:1.4;margin:4px 0}.stat-block-basics strong{color:#8b4513;font-weight:700}.stat-block-abilities{margin:12px 0}.ability-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);text-align:center}.ability{background:#8b45130d;border:1px solid #8b4513;border-radius:4px;font-size:12px;line-height:1.2;padding:8px 4px}.ability strong{color:#8b4513;display:block;font-weight:700;margin-bottom:4px}.stat-block-secondary p{color:#2e2e2e;font-size:13px;line-height:1.4;margin:6px 0}.stat-block-secondary strong{color:#8b4513;font-weight:700}.stat-block-section{margin:16px 0}.stat-block-section-title{border-bottom:1px solid #8b4513;color:#8b4513;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;padding-bottom:2px;text-transform:uppercase}.stat-block-trait{margin:8px 0}.stat-block-trait p{color:#2e2e2e;font-size:13px;line-height:1.5;margin:0}.stat-block-trait strong{color:#8b4513}.stat-block-action{margin:10px 0}.stat-block-action-name{color:#8b4513;font-size:14px;margin:0 0 2px}.stat-block-action-name strong{font-weight:700}.stat-block-action-name .recharge{color:#666;font-style:italic;font-weight:400}.stat-block-action-description{color:#2e2e2e;font-size:13px;line-height:1.5;margin:0;text-indent:20px}.legendary-description{color:#2e2e2e;font-size:13px;font-style:italic;line-height:1.5;margin:8px 0}@media (max-width:480px){.stat-block{margin:0;max-width:100%;padding:16px}.stat-block-name{font-size:20px}.ability-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.ability{font-size:11px;padding:6px 3px}}@media print{.stat-block{background:#fff;border:2px solid #000;box-shadow:none;page-break-inside:avoid}.stat-block:before{display:none}.stat-block-name{color:#000}.stat-block-divider{background:#000}.stat-block-action-name strong,.stat-block-basics strong,.stat-block-secondary strong,.stat-block-section-title,.stat-block-trait strong{color:#000}}#root,body,html{font-family:Inter,Segoe UI,Roboto,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.battle-room-v2{background-color:#0a0e17;background-color:var(--game-bg,#0a0e17);color:#e8dcc8;color:var(--game-text,#e8dcc8);display:flex;height:100vh;width:100vw}.left-panel,.right-panel{background:linear-gradient(180deg,#151c2ef7,#0f1423fc);border-right:1px solid #c8a84e26;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:10px;width:300px}.right-panel{border-left:1px solid #c8a84e26;border-right:none}.main-content{display:flex;flex-direction:column;flex-grow:1;position:relative}#stage-container{background-color:#0d1220;flex-grow:1;overflow:hidden;position:relative}.panel-section{background:linear-gradient(180deg,#1e2642e6,#151c2ef2);border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:8px;box-shadow:0 2px 12px #0000004d,inset 0 1px 0 #ffffff08;margin-bottom:10px;padding:15px}.panel-section h3{border-bottom:1px solid #c8a84e33;color:#c8a84e;color:var(--game-gold,#c8a84e);font-family:Cinzel,Georgia,serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:10px;margin-top:0;padding-bottom:10px;text-transform:uppercase}button{background:linear-gradient(135deg,#c8a84e26,#a889321a);border:1px solid #c8a84e40;border-radius:4px;color:#e8dcc8;color:var(--game-text,#e8dcc8);cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin:4px 2px;padding:10px 15px;text-align:center;text-decoration:none;transition:all .2s ease}button:hover{background:linear-gradient(135deg,#c8a84e40,#a8893233);border-color:#c8a84e73;box-shadow:0 0 8px #c8a84e33;transform:translateY(-1px)}button:active{box-shadow:none;transform:translateY(0)}input[type=number],input[type=text]{background-color:#0a0e1799;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:4px;box-sizing:border-box;color:#e8dcc8;color:var(--game-text,#e8dcc8);font-family:Inter,sans-serif;margin:5px 0;padding:8px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input[type=number]:focus,input[type=text]:focus{border-color:#c8a84e80;box-shadow:0 0 6px #c8a84e33;outline:none}.toolbar{background:linear-gradient(180deg,#151c2efa,#0f1423fc);border-bottom:1px solid #c8a84e26;border-top:1px solid #c8a84e1a;display:flex;gap:4px;justify-content:center;padding:8px 10px}.battle-room{--grid-color:#c8a84e14;--grid-size:20px;--token-size:40px;--token-border:2px}.map-container{background-color:#0d1220;border:1px solid #2a3352;border:1px solid var(--game-border,#2a3352);border-radius:.375rem;box-shadow:inset 0 0 40px #00000080;height:100%;overflow:hidden;position:relative;width:100%}.battle-grid{background-image:linear-gradient(to right,var(--grid-color) 1px,#0000 1px),linear-gradient(to bottom,var(--grid-color) 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size);height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;width:100%}.battle-room .token:not([data-selected=true]){align-items:center;border:none;border:0 #0000!important;border-radius:9999px;box-shadow:none;box-sizing:border-box;cursor:move;display:flex;justify-content:center;min-height:20px;min-width:20px;outline:none;position:absolute;transition-property:opacity,transform;-webkit-user-select:none;user-select:none}.token[data-debug=true]{background-color:initial!important;border:1px dashed #ff000080!important;pointer-events:auto!important}.token.highlight{animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 0 0 #c8a84eb3}70%{box-shadow:0 0 0 10px #c8a84e00}to{box-shadow:0 0 0 0 #c8a84e00}}.zoom-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#151c2ef2,#0f1423fa);border:1px solid #c8a84e33;border-radius:.5rem;bottom:1rem;box-shadow:0 4px 16px #00000080,0 0 6px #c8a84e1a;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;z-index:50}.initiative-tracker{max-height:400px;overflow-y:auto}.initiative-item{border-left:3px solid #0000;border-radius:4px;transition:all .2s ease}.initiative-item:hover{background:#c8a84e0f}.initiative-item.current-turn{background:linear-gradient(90deg,#c8a84e1f,#c8a84e08);border-left:3px solid #c8a84e;border-left:3px solid var(--game-gold,#c8a84e);box-shadow:inset 0 0 12px #c8a84e0d}.character-sheet{display:flex;flex-direction:column;height:100%}.character-sheet-content{flex:1 1;overflow-y:auto}.battle-room-v2 ::-webkit-scrollbar{height:6px;width:6px}.battle-room-v2 ::-webkit-scrollbar-track{background:#0a0e1780;border-radius:3px}.battle-room-v2 ::-webkit-scrollbar-thumb{background:#2a3352;background:var(--game-border,#2a3352);border:1px solid #c8a84e1a;border-radius:3px}.battle-room-v2 ::-webkit-scrollbar-thumb:hover{background:#a88932;background:var(--game-gold-dk,#a88932)}@media (max-width:1024px){.battle-room{--token-size:36px}}@media (max-width:768px){.battle-room{--token-size:32px}.character-sheet{max-height:300px}}.border,.border-2,.border-4,.border-8,.border-b,.border-l,.border-r,.border-t{border-style:solid!important}.border{border-width:1px!important}.border-2{border-width:2px!important}.border-4{border-width:4px!important}.border-8{border-width:8px!important}.border-t{border-top-width:1px!important}.border-r{border-right-width:1px!important}.border-b{border-bottom-width:1px!important}.border-l{border-left-width:1px!important}.border-gray-100{border-color:#f3f4f6!important}.border-gray-200{border-color:#e5e7eb!important}.border-gray-300{border-color:#d1d5db!important}.border-gray-400{border-color:#9ca3af!important}.border-gray-500{border-color:#6b7280!important}.border-blue-300{border-color:#93c5fd!important}.border-blue-500{border-color:#3b82f6!important}
/*# sourceMappingURL=main.125f5ac9.css.map*/