*,: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: }::backdrop{--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}textarea{resize:vertical}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}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!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:-webkit-sticky;position:sticky}.right-6{right:1.5rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.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}.mt-16{margin-top:4rem}.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}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-10{height:2.5rem}.h-2{height:.5rem}.h-24{height:6rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-24{width:6rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.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-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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-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)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-blue-400\/50{border-color:#60a5fa80}.border-blue-500\/50{border-color:#3b82f680}.border-cyan-400{--tw-border-opacity:1;border-color:#22d3ee;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-cyan-400\/30{border-color:#22d3ee4d}.border-cyan-400\/50{border-color:#22d3ee80}.border-gray-700\/50{border-color:#37415180}.border-green-400{--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:#fb923c;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-orange-400\/30{border-color:#fb923c4d}.border-orange-400\/50{border-color:#fb923c80}.border-purple-400\/30{border-color:#c084fc4d}.border-red-400\/50{border-color:#f8717180}.border-red-500\/50{border-color:#ef444480}.border-teal-400\/30{border-color:#2dd4bf4d}.border-teal-400\/40{border-color:#2dd4bf66}.border-teal-400\/50{border-color:#2dd4bf80}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/50{border-color:#ffffff80}.border-yellow-500{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-cyan-500\/50{background-color:#06b6d480}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:#22c55e33}.bg-orange-500\/50{background-color:#f9731680}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-teal-500\/10{background-color:#14b8a61a}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/20{--tw-gradient-from:#06b6d433 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-800\/80{--tw-gradient-from:#1f2937cc var(--tw-gradient-from-position);--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:#fb923c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500\/10{--tw-gradient-from:#f973161a var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500\/20{--tw-gradient-from:#f9731633 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-900\/30{--tw-gradient-from:#581c874d var(--tw-gradient-from-position);--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-400{--tw-gradient-from:#f87171 var(--tw-gradient-from-position);--tw-gradient-to:#f8717100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500\/20{--tw-gradient-from:#ef444433 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-400{--tw-gradient-from:#2dd4bf var(--tw-gradient-from-position);--tw-gradient-to:#2dd4bf00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:#14b8a600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cyan-500{--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#06b6d4 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-400{--tw-gradient-to:#f472b600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f472b6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c87 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-red-500{--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ef4444 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-teal-400{--tw-gradient-to:#2dd4bf00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2dd4bf var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-500\/20{--tw-gradient-to:#3b82f633 var(--tw-gradient-to-position)}.to-blue-900\/30{--tw-gradient-to:#1e3a8a4d var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-gray-900\/80{--tw-gradient-to:#111827cc var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-orange-500\/20{--tw-gradient-to:#f9731633 var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to:#ec48991a var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-red-500\/20{--tw-gradient-to:#ef444433 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-teal-400{--tw-gradient-to:#2dd4bf var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-12{padding-left:3rem;padding-right:3rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-32{padding-bottom:8rem;padding-top:8rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.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-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.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-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/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-cyan-400{--tw-text-opacity:1;color:#22d3ee;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/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-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-orange-300{--tw-text-opacity:1;color:#fdba74;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/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-teal-100{--tw-text-opacity:1;color:#ccfbf1;color:rgb(204 251 241/var(--tw-text-opacity,1))}.text-teal-300{--tw-text-opacity:1;color:#5eead4;color:rgb(94 234 212/var(--tw-text-opacity,1))}.text-teal-400{--tw-text-opacity:1;color:#2dd4bf;color:rgb(45 212 191/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-yellow-300{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{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-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)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.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-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-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,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body,html{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}#root,body,html{min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{pointer-events:auto}.universe-map canvas,.universe-map img,img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.universe-map canvas,.universe-map img{-webkit-user-select:none;user-select:none}body.in-battle header,body.in-battle nav{display:none!important}.container{margin:0 auto;max-width:1200px;padding:0;width:100%}@media (max-width:768px){.container{padding:0}.card-grid{gap:16px!important;grid-template-columns:1fr!important}.mobile-button{margin-bottom:8px;padding:12px!important;width:100%}h1{font-size:24px!important}h2{font-size:20px!important}nav{padding:0 12px!important}}.pulse{animation:pulse 1s infinite}@keyframes roomPulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes cachePulse{0%{box-shadow:0 2px 8px #00ff004d;opacity:1}50%{box-shadow:0 2px 16px #0f09;opacity:.6}to{box-shadow:0 2px 8px #00ff004d;opacity:1}}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:bg-teal-500\/10:hover{background-color:#14b8a61a}@media (min-width:768px){.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\:p-12{padding:3rem}.md\:p-4{padding:1rem}.md\:p-8{padding:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:mx-0{margin-left:0;margin-right:0}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}.card-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.font-orbitron{font-family:Orbitron,monospace;letter-spacing:.05em}.font-bangers{font-family:Bangers,cursive;letter-spacing:.02em}.font-creepster{font-family:Creepster,cursive;letter-spacing:.03em}.font-bungee{font-family:Bungee,cursive;letter-spacing:.02em}.font-fredoka{font-family:Fredoka One,cursive}.font-righteous{font-family:Righteous,cursive;letter-spacing:.01em}.font-audiowide{font-family:Audiowide,cursive;letter-spacing:.05em}.font-monoton{font-family:Monoton,cursive;letter-spacing:.1em}.font-press-start{font-family:Press Start\ 2P,cursive;letter-spacing:.05em}.font-cinzel{font-family:Cinzel,serif;letter-spacing:.02em}.font-metal-mania{font-family:Metal Mania,cursive;letter-spacing:.02em}.font-nosifer{font-family:Nosifer,cursive;letter-spacing:.03em}.font-eater{font-family:Eater,cursive;letter-spacing:.02em}.font-special-elite{font-family:Special Elite,cursive}.font-griffy{font-family:Griffy,cursive;letter-spacing:.01em}.flashy-font{text-shadow:1px 1px 2px #0000004d}.font-horror{text-shadow:2px 2px 4px #ff00004d}.font-futuristic{text-shadow:0 0 10px #00ffff80}.font-retro{text-shadow:3px 3px 0 #ff00ff4d}.font-8bit{image-rendering:pixelated;text-shadow:2px 2px 0 #00ff004d}.font-medieval{text-shadow:2px 2px 0 #8b451380}@media (max-width:768px){.font-press-start{letter-spacing:.03em}.font-monoton{letter-spacing:.05em}}@keyframes glow{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 30px currentColor}}.font-animated-glow{animation:glow 2s ease-in-out infinite alternate}.font-gradient{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.card-component{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-clip:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:normal;text-decoration:none;transform-style:preserve-3d}@keyframes opponentChange{0%{box-shadow:0 0 0 #00bcd400;transform:scale(1)}50%{box-shadow:0 0 20px #00bcd499;transform:scale(1.05)}to{box-shadow:0 0 0 #00bcd400;transform:scale(1)}}.gauntlet-opponent-change{animation:opponentChange .8s ease-in-out}@keyframes powerFlash{0%{color:#ffc107}50%{color:#000}to{color:#ffc107}}.power-stat-flash{animation:powerFlash 1.5s ease-in-out infinite}.card-wrapper{position:relative}.card-component,.card-wrapper{box-sizing:border-box}.card-component div,.card-component h1,.card-component h2,.card-component h3,.card-component h4,.card-component h5,.card-component h6,.card-component p,.card-component span{background:inherit;background-image:none!important;color:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0}.card-component img{display:block;height:auto;max-width:100%;position:relative;z-index:auto}.card-component button{font-family:inherit}.card-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.card-flash{animation:flash .7s linear both}.card-pulse{animation:pulse 1s cubic-bezier(.4,0,.6,1) both}.card-heal{animation:heal .7s cubic-bezier(.4,0,.6,1) both}@keyframes heal{0%{filter:hue-rotate(0deg) brightness(1)}30%{filter:hue-rotate(90deg) brightness(1.5)}60%{filter:hue-rotate(120deg) brightness(1.7)}to{filter:hue-rotate(0deg) brightness(1)}}.card-shake-flash{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both,flash-red .7s linear both}@keyframes flash-red{0%{filter:brightness(1) drop-shadow(0 0 0 #ff2222)}50%{filter:brightness(2.2) drop-shadow(0 0 32px #ff2222)}to{filter:brightness(1) drop-shadow(0 0 0 #ff2222)}}.card-heal-flash{animation:heal-green .7s linear both}@keyframes heal-green{0%{filter:brightness(1) drop-shadow(0 0 0 #43e97b)}50%{filter:brightness(2.2) drop-shadow(0 0 16px #43e97b)}to{filter:brightness(1) drop-shadow(0 0 0 #43e97b)}}.floating-number{animation:float-up-fade 1s ease-out forwards;font-size:1.5em;left:50%;text-shadow:0 2px 8px #fff,0 0 2px #000;top:0;transform:translate(-50%,-60px);z-index:10}@keyframes float-up-fade{0%{opacity:1;transform:translate(-50%,-60px) scale(1.1)}60%{opacity:1;transform:translate(-50%,-90px) scale(1.2)}to{opacity:0;transform:translate(-50%,-120px) scale(1.3)}}@keyframes perkNotificationSlide{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes perkActivationPulse{0%{box-shadow:0 4px 12px #4caf5066;transform:scale(1)}50%{box-shadow:0 6px 20px #4caf5099;transform:scale(1.05)}to{box-shadow:0 4px 12px #4caf5066;transform:scale(1)}}.battle-log-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;left:0;margin:0;max-width:100%!important;overflow:hidden;position:relative;right:0;width:100%!important}.battle-log-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ddd;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.battle-log-controls{display:flex;gap:8px}.battle-log-btn{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.battle-log-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.battle-log-btn.active{background:#fff6;box-shadow:inset 0 2px 4px #0003}.battle-log-btn.clear{background:#dc3545cc}.battle-log-btn.clear:hover{background:#dc3545}.battle-log-content{box-sizing:border-box;margin-left:0!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior:contain;padding-right:24px!important;position:relative;scroll-behavior:smooth;scrollbar-color:#ccc #f8f9fa;scrollbar-width:thin;transition:all .3s ease;width:100%!important}.battle-log-content,.battle-log-entry{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,system-ui,-apple-system,sans-serif;-webkit-user-select:text;user-select:text}.battle-log-entry{line-height:1.4}.battle-log-content::-webkit-scrollbar{width:8px}.battle-log-content::-webkit-scrollbar-track{background:#f8f9fa}.battle-log-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.battle-log-content::-webkit-scrollbar-thumb:hover{background:#999}.battle-log-scroll-indicator{bottom:10px;position:absolute;right:10px;z-index:10}.battle-log-scroll-btn{animation:pulse 2s infinite;background:#007bff;border:none;border-radius:20px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px}.battle-log-scroll-btn:hover{background:#0056b3;transform:translateY(-1px)}@keyframes log-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.log-appear{animation:log-fade-in .5s}.battle-log-entry:hover{background-color:initial;transform:translateX(2px)}.battle-log-entry.type-action{animation:log-fade-in .6s ease-out forwards;border-left:3px solid #2196f3}.battle-log-entry.type-perk{animation:log-fade-in .8s ease-out forwards,perkGlow 2s ease-in-out infinite;border-left:3px solid #9c27b0}.battle-log-entry.type-damage,.battle-log-entry.type-perkdamage{animation:log-fade-in .6s ease-out forwards,damageShake .4s ease-in-out;border-left:3px solid #dc3545}.battle-log-entry.type-heal{animation:log-fade-in .6s ease-out forwards,healGlow 1.5s ease-in-out;border-left:3px solid #4caf50}.battle-log-entry.type-block{animation:log-fade-in .6s ease-out forwards,blockFlash .8s ease-in-out;border-left:3px solid #2196f3}.battle-log-entry.type-health{animation:log-fade-in .5s ease-out forwards;border-left:3px solid #666}.battle-log-entry.type-victory{animation:log-fade-in .8s ease-out forwards,victoryPulse 1.5s ease-in-out;border-left:3px solid #28a745}.battle-log-entry.type-defeat{animation:log-fade-in .8s ease-out forwards,defeatFade 1s ease-in-out;border-left:3px solid #dc3545}@keyframes perkGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 8px #9c27b066}}@keyframes healGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 8px #4caf5066}}@keyframes blockFlash{0%,to{background-color:initial}50%{background-color:#2196f31a}}@keyframes damageShake{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(0) translateX(-2px)}75%{transform:translateY(0) translateX(2px)}}@keyframes victoryPulse{0%,to{box-shadow:none;transform:scale(1)}50%{box-shadow:0 0 12px #28a74566;transform:scale(1.02)}}@keyframes defeatFade{0%{background-color:initial}to{background-color:initial}}@keyframes flash-orange{0%{background:none;color:orange}25%{background:none;color:#fffbe6}50%{background:none;color:#f90}75%{background:none;color:#ffe066}to{background:none;color:orange}}.battle-log-entry[style*="animation: flash-orange"]{animation:flash-orange 1s linear infinite}.floating-number{font-size:2rem;left:60px;top:-30px}@media (max-width:768px){.battle-log-header{padding:8px 12px}.battle-log-header h4{font-size:14px}.battle-log-btn{font-size:11px;padding:3px 6px}}.battle-layout-wrapper{box-sizing:border-box!important;flex-wrap:wrap!important;gap:20px!important;justify-content:center!important;margin:0!important;padding:0!important}.opponent-section,.player-section{align-items:center!important;display:flex!important;flex:0 1 auto!important;flex-direction:column!important;margin:0!important;max-width:45%!important;order:1!important;padding:0!important;transform:none!important}.battlelog-section{flex:1 1 100%!important;margin:20px auto 0!important;max-width:900px!important;order:2!important;padding:0!important;width:100%!important}@media (min-width:1640px){.battle-layout-wrapper{align-items:flex-start!important;display:flex!important;flex-wrap:nowrap!important;gap:20px!important;justify-content:center!important;margin:0 auto!important;max-width:100%!important;padding:0!important;width:100%!important}.player-section{flex:0 0 350px!important;max-width:350px!important;order:1!important}.battlelog-section,.player-section{transform:scale(1)!important;transform-origin:top center!important}.battlelog-section{flex:1 1 auto!important;margin:0!important;max-width:none!important;order:2!important}.opponent-section{flex:0 0 350px!important;max-width:350px!important;order:3!important;transform:scale(1)!important;transform-origin:top center!important}}@media (min-width:1500px) and (max-width:1639px){.battle-layout-wrapper{align-items:flex-start!important;display:flex!important;flex-wrap:nowrap!important;gap:15px!important;justify-content:center!important;margin:0 auto!important;padding:0!important}.player-section{flex:0 0 315px!important;order:1!important;transform:scale(.9)!important;transform-origin:top center!important}.battlelog-section{flex:1 1 auto!important;margin:0!important;max-width:none!important;order:2!important;transform:scale(.95)!important;transform-origin:top center!important}.opponent-section{flex:0 0 315px!important;order:3!important;transform:scale(.9)!important;transform-origin:top center!important}}@media (min-width:1400px) and (max-width:1499px){.battle-layout-wrapper{align-items:flex-start!important;display:flex!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:center!important;margin:0 auto!important;padding:0!important}.player-section{flex:0 0 280px!important;order:1!important;transform:scale(.8)!important;transform-origin:top center!important}.battlelog-section{flex:1 1 auto!important;margin:0!important;max-width:none!important;order:2!important;transform:scale(.85)!important;transform-origin:top center!important}.opponent-section{flex:0 0 280px!important;order:3!important;transform:scale(.8)!important;transform-origin:top center!important}}@media (min-width:1300px) and (max-width:1399px){.battle-layout-wrapper{align-items:flex-start!important;display:flex!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:center!important;margin:0 auto!important;padding:0!important}.player-section{flex:0 0 245px!important;order:1!important;transform:scale(.7)!important;transform-origin:top center!important}.battlelog-section{flex:1 1 auto!important;margin:0!important;max-width:none!important;order:2!important;transform:scale(.78)!important;transform-origin:top center!important}.opponent-section{flex:0 0 245px!important;order:3!important;transform:scale(.7)!important;transform-origin:top center!important}}@media (max-width:1299px){.battle-layout-wrapper{flex-wrap:wrap!important}.opponent-section,.player-section{max-width:45%!important;order:1!important;transform:none!important}.battlelog-section{flex:1 1 100%!important;margin-top:20px!important;order:2!important;transform:none!important}}@media (max-width:1024px) and (min-width:600px) and (orientation:landscape){.battle-layout-wrapper{align-items:flex-start!important;display:flex!important;flex-wrap:nowrap!important;gap:0!important;justify-content:space-between!important;margin:0 auto!important;padding:0!important;width:100%!important}.player-section{flex:0 0 25%!important;max-width:25%!important;order:1!important;overflow:visible!important;transform:scale(.52)!important;transform-origin:top center!important;width:25%!important}.battlelog-section{flex:1 1 auto!important;margin:0!important;max-width:none!important;order:2!important;overflow:visible!important;transform:none!important;transform-origin:top center!important;width:auto!important}.opponent-section{flex:0 0 25%!important;max-width:25%!important;order:3!important;overflow:visible!important;transform:scale(.52)!important;transform-origin:top center!important;width:25%!important}}@media (max-width:599px){.battle-layout-wrapper{box-sizing:border-box!important;flex-wrap:wrap!important;gap:4px!important;justify-content:space-around!important;max-width:100vw!important;overflow-x:hidden!important;padding:0 4px!important;width:100%!important}.opponent-section,.player-section{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex:0 0 49%!important;flex-direction:column!important;max-width:49%!important;order:1!important;transform:none!important;width:49%!important}.battlelog-section{flex:1 1 100%!important;margin-top:8px!important;max-width:100%!important;order:2!important;transform:none!important;width:100%!important}}@media (min-width:1800px){.opponent-section>*,.player-section>*{transform:scale(.9)!important}}@media (min-width:2200px){.opponent-section>*,.player-section>*{transform:scale(.95)!important}}@media (min-width:2600px){.opponent-section>*,.player-section>*{transform:scale(1)!important}}.battle-log-entry.align-left{border-left:3px solid #1976d2;margin-left:0;margin-right:auto;max-width:90%;padding-left:8px;text-align:left}.battle-log-entry.align-right{border-right:3px solid #d21919;margin-left:auto;margin-right:0;max-width:90%;padding-right:8px;text-align:right}.battle-log-entry.align-center{margin-left:auto;margin-right:auto;text-align:center}.battle-log-entry.align-left .battle-log-content{justify-content:flex-start}.battle-log-entry.align-right .battle-log-content{justify-content:flex-end}.battle-log-split{height:100%;overflow-y:auto;position:relative}.battle-log-turn-header{box-shadow:0 1px 3px #0000001a;position:relative;transition:all .2s ease;z-index:2}.battle-log-turn-header:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.battle-log-split-side{height:100%;overflow-y:auto;scrollbar-color:#ccc #f8f9fa;scrollbar-width:thin}.battle-log-split-side::-webkit-scrollbar{width:4px}.battle-log-split-side::-webkit-scrollbar-track{background:#f8f9fa}.battle-log-split-side::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.battle-log-split-side::-webkit-scrollbar-thumb:hover{background:#999}.battle-log-split-system{scrollbar-color:#ccc #f8f9fa;scrollbar-width:thin}.battle-log-split-system::-webkit-scrollbar{height:4px;width:4px}.battle-log-split-system::-webkit-scrollbar-track{background:#f8f9fa}.battle-log-split-system::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.battle-log-split-system::-webkit-scrollbar-thumb:hover{background:#999}.perk-activation.align-left{border-left:3px solid #1976d2;justify-self:flex-start;margin-left:0;margin-right:auto;max-width:90%}.perk-activation.align-right{border-right:3px solid #d21919;justify-self:flex-end;margin-left:auto;margin-right:0;max-width:90%}.perk-activation.align-center{justify-self:center;margin-left:auto;margin-right:auto}.health-bar-container{align-items:center;background:linear-gradient(90deg,#232526,#414345);border:2px solid #222;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;height:28px;overflow:hidden;position:relative}.health-bar-fill{border-radius:16px 0 0 16px;box-shadow:0 0 8px #38f9d7cc;height:100%;left:0;position:absolute;top:0;transition:width .7s cubic-bezier(.23,1,.32,1);z-index:1}.health-bar-fill.full{background:linear-gradient(90deg,#43e97b,#38f9d7)}.health-bar-fill.mid{background:linear-gradient(90deg,#ffe259,#ffa751)}.health-bar-fill.low{background:linear-gradient(90deg,#ff512f,#dd2476)}.health-bar-text{color:#fff;font-size:15px;font-weight:700;letter-spacing:1px;pointer-events:none;position:relative;text-align:center;text-shadow:1px 1px 4px #222,0 0 8px #38f9d7cc;width:100%;z-index:2}.health-bar-flash{animation:health-flash .7s step-end infinite}@keyframes health-flash{0%{box-shadow:0 0 12px #fff,0 0 24px #ff512f;filter:brightness(1.2) saturate(1.5)}50%{box-shadow:0 0 24px #ff512f,0 0 48px #fff;filter:brightness(.7) saturate(2.5)}to{box-shadow:0 0 12px #fff,0 0 24px #ff512f;filter:brightness(1.2) saturate(1.5)}}.health-bar-blink{animation:health-blink .7s step-end infinite}@keyframes health-blink{0%,to{color:#fff;text-shadow:1px 1px 4px #222,0 0 8px #ff512f}50%{color:#ff512f;text-shadow:0 0 12px #fff,0 0 24px #ff512f}}.health-bar-floating-number{font-family:Courier New,monospace;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}@keyframes health-bar-float-damage{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{opacity:1;transform:translate(-50%,-150%) scale(1)}to{opacity:0;transform:translate(-50%,-300%) scale(.8)}}@keyframes health-bar-float-heal{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{opacity:1;transform:translate(-50%,-100%) scale(1)}to{opacity:0;transform:translate(-50%,-200%) scale(.8)}}.portal-floating-number{font-family:Impact,Arial Black,sans-serif;font-weight:700;pointer-events:none;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}@keyframes portal-float-damage{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotateX(0deg)}20%{opacity:1;transform:translate(-50%,-80%) scale(1.1) rotateX(15deg)}60%{opacity:.8;transform:translate(-50%,-150%) scale(1) rotateX(30deg)}to{opacity:0;transform:translate(-50%,-250%) scale(.7) rotateX(45deg)}}@keyframes portal-float-heal{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotateX(0deg)}20%{opacity:1;transform:translate(-50%,-80%) scale(1.1) rotateX(-15deg)}60%{opacity:.8;transform:translate(-50%,-130%) scale(1) rotateX(-30deg)}to{opacity:0;transform:translate(-50%,-200%) scale(.7) rotateX(-45deg)}}.dice-container{--size:60px;--dot-color:#333;--bg-color:#fff;--border-color:#333;--shadow-color:#0000004d;--glow-color:#4caf50;align-items:center;display:flex;flex-direction:column;gap:10px}.dice{--duration:2000ms;--shuffle-speed:100ms;background:linear-gradient(145deg,var(--bg-color),color-mix(in srgb,var(--bg-color) 90%,#000));border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 8px var(--shadow-color),inset 0 1px 0 #fffc;cursor:pointer;height:var(--size);overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .1s ease;width:var(--size)}.dice.image-dice{background:#0000;border:2px solid var(--border-color)}.dice.glow{box-shadow:0 4px 8px var(--shadow-color),inset 0 1px 0 #fffc,0 0 20px var(--glow-color)}.dice:hover:not(.rolling):not(.disabled){box-shadow:0 6px 12px var(--shadow-color),inset 0 1px 0 #fffc;transform:scale(1.05)}.dice.glow:hover:not(.rolling):not(.disabled){box-shadow:0 6px 12px var(--shadow-color),inset 0 1px 0 #fffc,0 0 25px var(--glow-color)}.dice:active:not(.rolling):not(.disabled){box-shadow:0 2px 4px var(--shadow-color),inset 0 1px 0 #fffc;transform:scale(.95)}.dice.disabled{cursor:pointer;opacity:.6}.dice.rolling{animation:diceRoll var(--duration) cubic-bezier(.25,.46,.45,.94),diceBounce var(--duration) cubic-bezier(.68,-.55,.265,1.55),diceGlow var(--duration) ease-in-out,shuffleFaces var(--duration) steps(20);cursor:not-allowed}.dice-face{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.dice-dot{background:var(--dot-color);border-radius:50%;box-shadow:inset 0 1px 0 #0003;height:12%;position:absolute;transform:translate(-50%,-50%);transition:all .1s ease;width:12%}.dice.image-dice .dice-dot{display:none}.dice-label{font-weight:500}.dice-label,.dice-result{color:#666;font-size:12px;min-height:16px;text-align:center}.dice-result{font-weight:700}@keyframes diceRoll{0%{transform:rotate(0deg) rotateX(0deg) rotateY(0deg)}25%{transform:rotate(180deg) rotateX(180deg) rotateY(90deg) scale(1.1)}50%{transform:rotate(1turn) rotateX(1turn) rotateY(180deg) scale(1.2)}75%{transform:rotate(540deg) rotateX(540deg) rotateY(270deg) scale(1.1)}to{transform:rotate(2turn) rotateX(2turn) rotateY(1turn) scale(1)}}@keyframes diceBounce{0%,to{transform:translateY(0)}10%{transform:translateY(-15px)}20%{transform:translateY(-25px)}30%{transform:translateY(-20px)}40%{transform:translateY(-30px)}50%{transform:translateY(-10px)}60%{transform:translateY(-20px)}70%{transform:translateY(-5px)}80%{transform:translateY(-10px)}90%{transform:translateY(-2px)}}@keyframes diceGlow{0%,to{box-shadow:0 4px 8px #0003,inset 0 1px 0 #fffc}50%{box-shadow:0 6px 20px #007bff66,0 0 30px #007bff4d,inset 0 1px 0 #fffc}}@keyframes shuffleFaces{0%,to{filter:brightness(1)}50%{filter:brightness(1.2) contrast(1.1)}}.dice-container[style*="--size: 40px"] .dice-dot{height:10%;width:10%}.dice-container[style*="--size: 80px"] .dice-dot{height:14%;width:14%}.dice-container[style*="--size: 100px"] .dice-dot{height:16%;width:16%}.dice:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.dice:hover:before{opacity:1}.dice.rolling:before{opacity:0}@keyframes shadowPulse{0%,to{box-shadow:0 4px 8px #0003,inset 0 1px 0 #fffc}50%{box-shadow:0 8px 16px #0000004d,inset 0 1px 0 #fffc}}.dice.rolling .dice-dot{animation:dotPulse calc(var(--duration)/4) ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.dice.image-dice img{transition:all .1s ease}.dice.rolling.image-dice img{animation:imageFlip var(--duration) ease-in-out}@keyframes imageFlip{0%,to{filter:brightness(1);transform:scale(1) rotateY(0deg)}25%{filter:brightness(1.2);transform:scale(.8) rotateY(90deg)}50%{filter:brightness(.8);transform:scale(.9) rotateY(180deg)}75%{filter:brightness(1.2);transform:scale(.8) rotateY(270deg)}}.global-floating-number{font-family:Impact,Arial Black,sans-serif;font-weight:700;pointer-events:none;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}@keyframes global-float-damage{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotateX(0deg)}20%{opacity:1;transform:translate(-50%,-80%) scale(1.1) rotateX(15deg)}60%{opacity:.8;transform:translate(-50%,-150%) scale(1) rotateX(30deg)}to{opacity:0;transform:translate(-50%,-250%) scale(.7) rotateX(45deg)}}@keyframes global-float-heal{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotateX(0deg)}20%{opacity:1;transform:translate(-50%,-80%) scale(1.1) rotateX(-15deg)}60%{opacity:.8;transform:translate(-50%,-130%) scale(1) rotateX(-30deg)}to{opacity:0;transform:translate(-50%,-200%) scale(.7) rotateX(-45deg)}}.cards-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px}.cards-header{margin-bottom:30px;text-align:center}.cards-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.cards-stat-card{background-color:#f8f9fa;border-radius:8px;flex:1 1 auto;min-width:120px;padding:15px 20px;text-align:center}.cards-stat-card.available{background-color:#e3f2fd;border:2px solid #2196f3}.cards-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:30px;padding:0 8px}@media (max-width:768px){.cards-grid{gap:16px;justify-content:center}}@media (min-width:1200px){.cards-grid{gap:24px}}.cards-selected-battle-bar{background-color:#e8f5e8;border:2px solid #28a745;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.cards-selected-battle-title{color:#28a745;margin:0 0 10px}.cards-selected-battle-content{align-items:center;display:flex;gap:15px;justify-content:center}.cards-selected-battle-stats{color:#666}.cards-selected-battle-clear{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.cards-action-buttons{margin-bottom:30px;text-align:center}.cards-action-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-right:12px;padding:12px 24px}.cards-action-button.primary{background-color:#2196f3}.cards-action-button.disabled,.cards-action-button.primary:disabled{background-color:#ccc!important;cursor:not-allowed!important}.cards-action-button.admin{background-color:#28a745}.cards-max-limit-warning{background-color:#fff3cd;border-radius:8px;color:#856404;margin-top:15px;padding:15px}.cards-loading{color:#666}.cards-error,.cards-loading{padding:60px 20px;text-align:center}.cards-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545}.cards-error-retry{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:12px 24px}.cards-empty{color:#666;padding:60px 20px;text-align:center}.cards-empty-button{background-color:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:15px 30px}.cards-modal{align-items:center;background-color:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cards-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:24px;width:100%}.cards-modal-input{border:1px solid #ddd;border-radius:4px;padding:8px 12px;text-align:center;width:100px}.cards-modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.cards-modal-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.cards-modal-button.generate{background-color:#28a745}.cards-modal-button.cancel{background-color:#6c757d}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.claim-cards-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.claim-cards-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.claim-cards-back-button{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.claim-cards-back-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.claim-cards-header h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000004d}.claim-cards-status{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-size:16px;margin-bottom:24px;padding:16px 20px}.claim-cards-status-warning{color:#d32f2f;font-weight:600;margin-top:8px}.claim-cards-empty,.claim-cards-loading{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#666;padding:60px 40px;text-align:center}.claim-cards-empty h3{color:#333;margin-bottom:16px}.claim-cards-empty-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.claim-cards-empty-button:hover{background:#0056b3;transform:translateY(-2px)}.claim-cards-info{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:24px;padding:20px 24px}.claim-cards-info h3{color:#333;margin:0 0 12px}.claim-cards-info p{color:#666;margin:0}.claim-cards-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.claim-cards-card-wrapper{background:#fff;border-radius:16px;box-shadow:0 8px 25px #00000026;flex-shrink:0;padding:4px;position:relative;transition:all .3s ease}.claim-cards-card-wrapper:hover{box-shadow:0 12px 35px #0003;transform:translateY(-4px)}.claim-cards-claim-button{background:#28a745;border-radius:20px;bottom:12px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;font-size:12px;font-weight:700;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:20}.claim-cards-claim-button:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateX(-50%) translateY(-2px)}.claim-cards-claim-button.disabled{background:#666;cursor:not-allowed;opacity:.7}.claim-cards-claim-button.disabled:hover{background:#666;box-shadow:0 2px 8px #6666664d;transform:translateX(-50%)}@media (max-width:768px){.claim-cards-container{padding:16px}.claim-cards-header{align-items:flex-start;flex-direction:column;gap:12px}.claim-cards-header h1{font-size:2rem}.claim-cards-grid{gap:16px;justify-content:center}.claim-cards-back-button{font-size:14px;padding:10px 20px}}.perk-editor{background:#f5f7fa;display:flex;flex-direction:column;height:100%;padding:20px}.perk-editor-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.perk-editor-header h2{color:#2c3e50;font-size:28px;margin:0}.perk-stats{color:#666;display:flex;font-size:14px;gap:20px}.perk-stats span{align-items:center;display:flex;gap:5px}.perk-stats strong{color:#2c3e50;font-size:16px}.btn-create-new{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-create-new:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.perk-editor-layout{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:350px 1fr;min-height:0}.perk-list-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.perk-filters,.perk-list-panel{display:flex;flex-direction:column}.perk-filters{background:#f8f9fa;border-bottom:2px solid #e9ecef;gap:12px;padding:16px}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .3s ease}.filter-select:focus{border-color:#667eea;outline:none}.perk-list{flex:1 1;overflow-y:auto;padding:8px}.perk-count{border-radius:6px;color:#666;font-size:12px;font-weight:600;padding:12px 16px;text-align:center}.perk-count,.perk-list-item{background:#f8f9fa;margin-bottom:8px}.perk-list-item{border-left:4px solid #ccc;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.perk-list-item:hover{background:#e9ecef;transform:translateX(4px)}.perk-list-item.selected{background:#667eea;color:#fff;transform:translateX(4px)}.perk-list-item.selected .perk-list-item-meta span{color:#ffffffe6}.perk-list-item-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.perk-list-item-name{font-size:14px;font-weight:600}.perk-list-item-meta{display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.perk-category{background:#0000001a;border-radius:4px;padding:2px 8px}.perk-detail-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.no-selection{align-items:center;color:#999;display:flex;font-size:18px;height:100%;justify-content:center}.perk-detail-content{display:flex;flex-direction:column;height:100%}.perk-actions{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;gap:12px;padding:16px}.perk-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-edit{background:#ffc107;color:#000}.btn-edit:hover{background:#ffb300;box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.btn-save{background:#28a745;color:#fff}.btn-save:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.btn-export{background:#007bff;color:#fff}.btn-export:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.btn-copy{background:#6c757d;color:#fff}.btn-copy:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.perk-form{flex:1 1;overflow-y:auto;padding:24px}.form-section{margin-bottom:32px}.form-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:20px;margin:0 0 16px;padding-bottom:8px}.section-help{color:#666;font-size:13px;font-style:italic;margin:8px 0 16px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.form-group small{color:#999;display:block;font-size:12px;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.hook-editor label{align-items:center;display:flex;justify-content:space-between}.hook-badge{background:#e9ecef;border-radius:4px;color:#666;font-size:11px;font-weight:500;padding:4px 8px}.code-textarea{background:#f8f9fa;line-height:1.5}.code-preview,.code-textarea{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.code-preview{background:#2d2d2d;border-radius:8px;color:#f8f8f2;line-height:1.6;max-height:600px;overflow-x:auto;overflow-y:auto;padding:20px}.code-preview::-webkit-scrollbar,.perk-form::-webkit-scrollbar,.perk-list::-webkit-scrollbar{width:8px}.code-preview::-webkit-scrollbar-track,.perk-form::-webkit-scrollbar-track,.perk-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.perk-form::-webkit-scrollbar-thumb,.perk-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.code-preview::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.code-preview::-webkit-scrollbar-thumb:hover,.perk-form::-webkit-scrollbar-thumb:hover,.perk-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:900px){.perk-editor{height:auto;min-height:100%;padding:12px}.perk-editor-header{align-items:stretch;flex-direction:column;gap:14px;padding:14px}.perk-stats{flex-wrap:wrap;gap:12px}.btn-create-new{text-align:center;width:100%}.perk-editor-layout{display:flex;flex-direction:column;gap:16px;grid-template-columns:1fr}.perk-list-panel{max-height:380px}.perk-actions{flex-wrap:wrap;gap:8px}.perk-actions button{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:120px}.perk-form{padding:16px}}.animation-editor-container{background:#fffbe7;border:1px solid #ffe082;border-radius:8px;box-shadow:0 2px 8px #00000012;margin:40px auto;max-width:500px;padding:24px}.animation-editor-container h2{margin-top:0}.animation-editor-container label{display:block;font-weight:500;margin-bottom:4px}.animation-editor-container input,.animation-editor-container textarea{border:1px solid #ffe082;border-radius:4px;font-size:15px;margin-bottom:12px;padding:8px;width:100%}.animation-editor-container button{background:#ffe082;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-right:8px;padding:8px 16px;transition:background .2s}.animation-editor-container button:disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.anim-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-8px)}40%,60%{transform:translateX(8px)}}.anim-flash{animation:flash .7s linear both}@keyframes flash{0%{filter:brightness(1)}50%{filter:brightness(2.2)}to{filter:brightness(1)}}.perk-icon{display:inline-block;transition:transform .1s,opacity .2s}.anim-pulse{animation:pulse 1s cubic-bezier(.4,0,.6,1) both}.floating-number{font-size:10rem;font-weight:700;left:110px;opacity:1;pointer-events:none;position:absolute;top:30px;transition:none;-webkit-user-select:none;user-select:none;z-index:100}.floating-number.damage{animation:float-damage 1.2s cubic-bezier(.4,0,.6,1) both;color:#e53935}.floating-number.heal{animation:float-heal 1.2s cubic-bezier(.4,0,.6,1) both;color:#43e97b}@keyframes float-damage{0%{opacity:1;transform:translateY(0) scale(1)}40%{transform:translateY(-20px) scale(1.2)}70%{opacity:1;transform:translateY(-40px) scale(1.1)}to{opacity:0;transform:translateY(-70px) scale(.9)}}@keyframes float-heal{0%{opacity:0;transform:translateY(40px) scale(.7)}30%{opacity:1;transform:translateY(0) scale(1.1)}60%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}.admin-page{margin:0;min-height:100vh;padding:20px;width:100%}.admin-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.admin-header h1{color:#333;font-size:2.5rem;margin:0 0 10px}.admin-header p{color:#666;font-size:1.1rem;margin:0}.admin-tabs{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.admin-tab:hover{background-color:#f5f5f5;color:#333}.admin-tab.active{background-color:#007bff1a;border-bottom-color:#007bff;color:#007bff}.admin-access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.admin-access-denied h2{color:#dc3545;font-size:2rem;margin-bottom:20px}.admin-access-denied p{color:#666;font-size:1.2rem}@media (max-width:768px){.admin-page{box-sizing:border-box;padding:10px 8px}.admin-header{margin-bottom:16px;padding-bottom:12px}.admin-header h1{font-size:clamp(1.5rem,5vw,2rem)}.admin-tabs{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;white-space:nowrap}.admin-tab{flex-shrink:0;font-size:.85rem;padding:8px 14px;white-space:nowrap}}.challenge-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.challenge-modal{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#1e3c72,#2a5298);border:2px solid #4a90e2;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;position:relative;width:90%}.challenge-header{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-bottom:2px solid #5ba0f2;display:flex;justify-content:space-between;padding:20px}.challenge-header h2{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.challenge-timer{background:#ffffff1a;display:flex;justify-content:center;padding:20px}.timer-circle{height:80px;position:relative;width:80px}.timer-svg{height:100%;transform:rotate(-90deg);width:100%}.timer-bg{fill:none;stroke:#fff3;stroke-width:2}.timer-progress{fill:none;stroke:#f44;stroke-width:3;stroke-linecap:round;animation:pulse 2s infinite;transition:stroke-dasharray .3s ease}.timer-text{color:#fff;font-size:18px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-50%)}.challenge-content{color:#fff;padding:20px}.challenger-info{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;margin-bottom:20px;padding:15px}.challenger-avatar{border:3px solid #4a90e2;border-radius:50%;box-shadow:0 4px 8px #0003;height:60px;margin-right:15px;width:60px}.challenger-details h3{color:#fff;font-size:20px;margin:0 0 5px}.challenger-level{font-size:14px;margin:0 0 5px}.challenge-type{color:#87ceeb;font-size:14px;font-style:italic;margin:0}.challenge-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px;text-align:center}.stat-label{color:#b3d9ff;display:block;font-size:12px;margin-bottom:5px}.stat-value{color:#fff;display:block;font-size:18px;font-weight:700}.challenge-message{background:#ffffff1a;border-left:4px solid #4a90e2;border-radius:8px;margin-bottom:20px;padding:15px}.challenge-message p{color:#e6f3ff;font-style:italic;margin:0;text-align:center}.challenger-card-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:15px}.challenger-card-section h4{color:#b3d9ff;margin-top:0;text-shadow:0 2px 4px #0000004d}.challenge-actions{background:#0003;display:flex;gap:15px;padding:20px}.challenge-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease}.accept-button{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a74566;color:#fff}.accept-button:hover:not(:disabled){box-shadow:0 6px 20px #28a74599;transform:translateY(-2px)}.accept-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed}.decline-button{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc354566;color:#fff}.decline-button:hover:not(:disabled){box-shadow:0 6px 20px #dc354599;transform:translateY(-2px)}.expired-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;color:#f44;display:flex;font-size:24px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.challenge-modal{margin:10px;width:95%}.challenge-header h2{font-size:20px}.challenger-info{flex-direction:column;text-align:center}.challenger-avatar{margin-bottom:10px;margin-right:0}.challenge-stats{gap:10px;grid-template-columns:1fr}.challenge-actions{flex-direction:column}}.challenge-notification{background:linear-gradient(135deg,#2c3e50,#3498db);border:2px solid #4a90e2;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;font-family:Arial,sans-serif;overflow:hidden;position:fixed;transform-origin:top right;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:320px;z-index:9999}.notification-top-right{right:20px;top:20px}.notification-top-left{left:20px;top:20px}.notification-bottom-right{bottom:20px;right:20px}.notification-bottom-left{bottom:20px;left:20px}.notification-top-center{left:50%;top:20px;transform:translateX(-50%)}.challenge-notification.visible{opacity:1;transform:translateX(0) scale(1)}.challenge-notification.hidden{opacity:0;transform:translateX(100%) scale(.8)}.notification-top-left.hidden{transform:translateX(-100%) scale(.8)}.notification-bottom-right.hidden{transform:translateX(100%) translateY(20px) scale(.8)}.notification-bottom-left.hidden{transform:translateX(-100%) translateY(20px) scale(.8)}.notification-top-center.hidden{transform:translateX(-50%) translateY(-100%) scale(.8)}.notification-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;padding:15px}.notification-icon{animation:bounce 2s infinite;font-size:24px;margin-right:12px}.notification-title{display:flex;flex:1 1;flex-direction:column}.notification-title h4{color:#fff;font-size:16px;font-weight:700;margin:0}.notification-timer{color:#87ceeb;font-size:12px;margin-top:2px}.notification-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:5px;transition:all .2s ease;width:30px}.notification-close:hover{background:#fff3;color:#fff}.notification-content{padding:15px}.challenger-preview{align-items:center;display:flex;margin-bottom:10px}.challenger-preview-avatar{border:2px solid #4a90e2;border-radius:50%;box-shadow:0 2px 8px #0003;height:40px;margin-right:12px;width:40px}.challenger-preview-info{display:flex;flex-direction:column}.challenger-name{color:#fff;font-size:14px;font-weight:700}.challenger-level{color:#b3d9ff;font-size:12px}.notification-message{background:#ffffff1a;border-left:3px solid #4a90e2;border-radius:6px;color:#e6f3ff;font-size:13px;font-style:italic;margin-top:10px;padding:10px}.notification-actions{background:#0003;display:flex;gap:8px;padding:12px 15px}.notification-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.accept-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 2px 8px #27ae604d;color:#fff}.accept-btn:hover{box-shadow:0 4px 12px #27ae6066;transform:translateY(-1px)}.decline-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 8px #e74c3c4d;color:#fff}.decline-btn:hover{box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.details-btn{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 8px #f39c124d;color:#fff}.details-btn:hover{box-shadow:0 4px 12px #f39c1266;transform:translateY(-1px)}.notification-progress{background:#fff3;height:3px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#4a90e2,#357abd);box-shadow:0 0 10px #4a90e280;height:100%;transition:width .3s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width:480px){.challenge-notification{left:20px!important;right:20px!important;width:calc(100vw - 40px)}.notification-top-center{transform:none}.notification-actions{flex-direction:column;gap:6px}.notification-btn{padding:10px}}.player-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #333;border-radius:12px;height:auto;margin:4px;max-width:280px;min-height:160px;min-width:250px;overflow:visible;padding:12px;position:relative;transition:all .3s ease}.player-card.clickable{cursor:pointer}.player-card.clickable:hover{border-color:#4caf50;box-shadow:0 4px 20px #4caf504d;transform:translateY(-2px)}.player-card.current-user{background:linear-gradient(135deg,#1a2e4a,#16213e);border-color:#2196f3}.player-card.current-user:before{background:linear-gradient(90deg,#2196f3,#21cbf3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.player-card.disabled{cursor:not-allowed;opacity:.6}.player-card.loading{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border-color:#666}.player-card.error{background:linear-gradient(135deg,#4a1a1a,#2e1616);border-color:#f44336}.player-card.online{border-color:#4caf50}.player-card.offline{border-color:#666;opacity:.7}.player-card.in_battle{background:linear-gradient(135deg,#4a2e1a,#3e2616);border-color:#ff9800}.player-card.challenging{animation:pulse-challenge 2s infinite;border-color:#ffc107}@keyframes pulse-challenge{0%,to{border-color:#ffc107}50%{border-color:#ffd54f}}.player-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px;min-height:40px}.player-info{flex:1 1;min-width:0}.player-name{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:2px;overflow:hidden}.you-indicator{color:#2196f3;font-size:12px;font-weight:500;margin-left:4px}.player-meta{align-items:center;display:flex;gap:8px}.join-time{color:#888;font-size:11px}.player-status{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;margin-left:8px;width:24px}.player-status.loading{animation:pulse 1.5s infinite;background:#666}.player-status.error{background:#f44336;color:#fff}.card-container{align-items:flex-start;height:auto;margin-bottom:8px;min-height:80px;overflow:visible;position:relative}.card-container,.card-placeholder{display:flex;justify-content:center}.card-placeholder{align-items:center;background:#333;border-radius:8px;height:120px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #666;border-radius:50%;border-top-color:#2196f3;height:24px;width:24px}.card-error{align-items:center;background:#f443361a;border:1px dashed #f44336;border-radius:8px;display:flex;flex-direction:column;height:120px;justify-content:center;padding:12px;text-align:center}.error-icon{font-size:32px;margin-bottom:8px;opacity:.7}.error-text{color:#f44336;font-size:12px;font-weight:500}.universe-player-card{height:auto!important;margin:0;max-width:none!important;transform:scale(.55);transform-origin:top center;width:100%!important}.challenge-button-container{margin-top:6px;width:100%}.challenge-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:6px 10px;transition:all .15s ease;width:100%}.challenge-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.challenge-button:disabled{background:#666;cursor:not-allowed;opacity:.6}.battle-indicator{background:#ff9800e6;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:10}.battle-text{align-items:center;display:flex;gap:4px}.battle-text:before{content:"⚔️";font-size:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.player-card{margin:6px;max-width:250px;min-width:220px;padding:10px}.player-name{font-size:13px}.challenge-button{font-size:12px;padding:6px 10px}.universe-player-card{margin:0;transform:scale(.6);transform-origin:top center}}@media (prefers-contrast:high){.player-card{border-width:3px}.player-card.online{border-color:#0f0}.player-card.offline{border-color:grey}.player-card.in_battle{border-color:orange}}@media (prefers-reduced-motion:reduce){.challenge-button,.loading-spinner,.player-card{animation:none;transition:none}.player-card.challenging{animation:none;border-color:#ffc107}}.shop-temp{min-height:100vh;padding:24px;position:relative}.shop-temp-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.shop-temp-merchant{bottom:-450px;left:20px;opacity:0;pointer-events:auto;position:fixed;transform:scale(.7);transition:bottom .8s ease-in-out,opacity .8s ease-in-out,transform .8s ease-in-out;z-index:10}.shop-temp-merchant.visible{bottom:-80px;opacity:1;transform:scale(1)}.shop-temp-merchant.hidden{bottom:-450px;opacity:0;transform:scale(.7)}.merchant-image{cursor:pointer;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.5));max-height:400px;width:auto}.shop-temp-merchant.visible .merchant-image{animation:merchant-float 3s ease-in-out infinite}@keyframes merchant-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.merchant-dialog{animation:dialog-bounce .5s ease-out;background:#fff;border:3px solid #2c3e50;border-radius:20px;bottom:380px;box-shadow:0 4px 12px #0000004d;color:#333;font-size:14px;font-weight:700;max-width:300px;padding:12px 20px;text-align:center;white-space:nowrap}.merchant-dialog,.merchant-dialog:after{left:50%;position:absolute;transform:translateX(-50%)}.merchant-dialog:after{border-left:15px solid #0000;border-right:15px solid #0000;border-top:15px solid #fff;bottom:-15px;content:"";filter:drop-shadow(0 3px 2px rgba(0,0,0,.2));height:0;width:0}@keyframes dialog-bounce{0%{opacity:0;transform:translateX(-50%) translateY(20px)}60%{transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:900px){.shop-temp-merchant{left:0;margin-bottom:16px;position:relative;text-align:center}.merchant-image{max-height:250px}}.shop-temp-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border-radius:16px;box-shadow:0 4px 20px #0003;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.shop-temp-header h1{color:#fff;font-size:32px;margin:0;text-shadow:0 2px 4px #0000004d}.shop-temp-coins{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;box-shadow:0 2px 10px #ffd7004d;color:gold;font-size:24px;font-weight:700;padding:12px 24px}.shop-temp-notice{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:12px;box-shadow:0 2px 10px #f39c124d;color:#fff;font-weight:700;margin-bottom:24px;padding:16px;text-align:center}.shop-temp-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.shop-tab{background:#2c3e50f2;border:2px solid #3498db4d;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#bdc3c7;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;min-width:150px;padding:14px 20px;transition:all .3s ease}.shop-tab:hover{background:#34495ef2;border-color:#3498db99;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.shop-tab.active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;box-shadow:0 4px 16px #3498db66;color:#fff}.shop-tab.active:hover{box-shadow:0 6px 20px #3498db80;transform:translateY(-2px)}.shop-temp-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:24px}@media (max-width:900px){.shop-temp-content{grid-template-columns:1fr}}.shop-temp-items{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border-radius:16px;box-shadow:0 4px 20px #0003;padding:24px}.shop-temp-items h2{color:#fff;font-size:24px;margin:0 0 20px}.shop-temp-items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.shop-temp-item-card{background:linear-gradient(145deg,#34495ef2,#2c3e50f2);border:2px solid #3498db99;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .3s ease}.shop-temp-item-card:hover{border-color:#3498dbe6;box-shadow:0 8px 20px #3498db66;transform:translateY(-4px)}.shop-temp-item-icon{font-size:48px;text-align:center}.shop-temp-item-info h3{color:#ecf0f1;font-size:18px;margin:0 0 8px}.shop-temp-item-info p{color:#bdc3c7;font-size:14px;margin:0 0 8px}.shop-temp-item-price{color:#f39c12;font-size:16px;font-weight:700}.shop-temp-perk-meta{display:flex;gap:8px;margin-bottom:8px}.perk-category{background:#3498db33;color:#3498db}.perk-category,.perk-rarity{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.perk-rarity{background:#0003}.shop-temp-coming-soon{color:#bdc3c7;grid-column:1/-1;padding:60px 20px;text-align:center}.coming-soon-icon{font-size:80px;margin-bottom:20px;opacity:.5}.shop-temp-coming-soon h3{color:#ecf0f1;font-size:24px;margin:0 0 12px}.shop-temp-coming-soon p{font-size:16px;margin:0}.shop-temp-item-controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:auto}.shop-temp-item-controls button{border:none;border-radius:8px;cursor:pointer;font-size:20px;font-weight:700;height:40px;transition:all .2s ease;width:40px}.btn-add{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-add:hover:not(:disabled){box-shadow:0 4px 12px #27ae6066;transform:scale(1.1)}.btn-add:disabled{background:#95a5a6;cursor:not-allowed;opacity:.5}.btn-remove{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-remove:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c66;transform:scale(1.1)}.btn-remove:disabled{background:#95a5a6;cursor:not-allowed;opacity:.5}.cart-quantity{color:#fff;font-size:18px;font-weight:700;min-width:30px;text-align:center}.shop-temp-cart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border-radius:16px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;max-height:calc(100vh - 48px);padding:24px;position:-webkit-sticky;position:sticky;top:24px}.shop-temp-cart h2{color:#fff;font-size:24px;margin:0 0 20px}.shop-temp-empty-cart{align-items:center;color:#95a5a6;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.empty-cart-icon{font-size:64px;margin-bottom:16px;opacity:.5}.shop-temp-empty-cart p{font-size:16px;margin:0}.shop-temp-cart-items{flex:1 1;margin-bottom:16px;overflow-y:auto}.shop-temp-cart-item{align-items:center;background:#34495e80;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease}.shop-temp-cart-item:hover{background:#34495ecc}.cart-item-icon{font-size:32px}.cart-item-details{flex:1 1}.cart-item-name{color:#fff;font-weight:700;margin-bottom:4px}.cart-item-calc{color:#bdc3c7;font-size:14px}.btn-remove-from-cart{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-remove-from-cart:hover{background:#c0392b;transform:scale(1.1)}.shop-temp-cart-subtotal{background:#34495e80;border-radius:8px;color:#bdc3c7;display:flex;font-size:16px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.shop-temp-cart-subtotal span:last-child{color:#f39c12;font-weight:600}.shop-temp-cart-total{background:#34495ecc;border:2px solid #ffd7004d;border-radius:8px;color:#fff;display:flex;font-size:20px;justify-content:space-between;margin-bottom:16px;padding:16px}.shop-temp-cart-total span{color:gold;font-weight:700}.shop-temp-cart-actions{display:flex;gap:12px}.shop-temp-cart-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px;transition:all .3s ease}.btn-clear{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.btn-clear:hover{box-shadow:0 4px 12px #95a5a666;transform:translateY(-2px)}.btn-checkout{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-checkout:hover:not(:disabled){box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.btn-checkout:disabled{background:#95a5a6;cursor:not-allowed;opacity:.5}.shop-temp-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-nav{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 28px;transition:all .3s ease}.btn-nav:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.shop-temp-cart-items::-webkit-scrollbar{width:8px}.shop-temp-cart-items::-webkit-scrollbar-track{background:#34495e4d;border-radius:4px}.shop-temp-cart-items::-webkit-scrollbar-thumb{background:#3498db99;border-radius:4px}.shop-temp-cart-items::-webkit-scrollbar-thumb:hover{background:#3498dbcc}.theme-preview-card{align-items:center;background:linear-gradient(145deg,#34495ef2,#2c3e50f2);border:2px solid #3498db99;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px;transition:all .3s ease}.theme-preview-card:hover{border-color:#3498dbe6;box-shadow:0 8px 20px #3498db66;transform:translateY(-4px)}.theme-card-info{display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.theme-card-info h3{color:#ecf0f1;font-size:18px;margin:0}.theme-card-info p{color:#bdc3c7;font-size:14px;margin:0}.gauntlet-opponent-container{overflow:hidden;position:relative}.gauntlet-opponent-card{transition:transform .8s ease-in-out,opacity .8s ease-in-out}.gauntlet-opponent-card.slide-out{opacity:0;transform:translateX(-100%)}.gauntlet-opponent-card.slide-in{animation:slideInFromRight .8s ease-in-out forwards;opacity:0;transform:translateX(100%)}.gauntlet-opponent-card.idle{opacity:1;transform:translateX(0)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.gauntlet-transitioning{pointer-events:none}.gauntlet-transitioning .dice-container{opacity:.5;pointer-events:none}