@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";*,:before,:after{--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: rgb(59 130 246 / .5);--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;margin:0;min-width:320px;min-height:100vh}.container{width:100%}@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}}.connect-wallet-container button,[data-testid=connect-wallet-button],button[data-connect-wallet]{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-size:18px!important;font-weight:600!important;width:100%!important;min-height:56px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 14px #7c3aed66!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}.connect-wallet-container button:hover,[data-testid=connect-wallet-button]:hover,button[data-connect-wallet]:hover{background:linear-gradient(135deg,#6d28d9,#db2777)!important;box-shadow:0 6px 20px #7c3aed99!important;transform:translateY(-2px)!important}[data-theme=dark]{--tw-modal-bg: #1e1b4b !important;--tw-border-color: #7c3aed !important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.right-1{right:.25rem}.top-1{top:.25rem}.top-8{top:2rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.table{display:table}.grid{display:grid}.hidden{display:none}.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-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.\!cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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-1{gap:.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.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-t{border-top-width:1px}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-500\/30{border-color:#3b82f64d}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-600\/20{border-color:#4b556333}.border-gray-600\/30{border-color:#4b55634d}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-green-400\/30{border-color:#4ade804d}.border-green-500\/30{border-color:#22c55e4d}.border-indigo-400\/30{border-color:#818cf84d}.border-pink-400\/30{border-color:#f472b64d}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-purple-400\/30{border-color:#c084fc4d}.border-purple-500\/10{border-color:#a855f71a}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-400\/30{border-color:#facc154d}.border-yellow-500\/30{border-color:#eab3084d}.\!bg-slate-900\/50{background-color:#0f172a80!important}.bg-\[\#1e1a1a\]{--tw-bg-opacity: 1;background-color:rgb(30 26 26 / var(--tw-bg-opacity, 1))}.bg-\[\#fdf2e4\]{--tw-bg-opacity: 1;background-color:rgb(253 242 228 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/50{background-color:#37415180}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-400{--tw-bg-opacity: 1;background-color:rgb(129 140 248 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-500\/30{background-color:#a855f74d}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-purple-800\/20{background-color:#6b21a833}.bg-purple-800\/30{background-color:#6b21a84d}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.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-300{--tw-gradient-from: #93c5fd var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600\/20{--tw-gradient-from: rgb(37 99 235 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) 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: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-300{--tw-gradient-from: #d1d5db var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-400{--tw-gradient-from: #9ca3af var(--tw-gradient-from-position);--tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-800\/50{--tw-gradient-from: rgb(31 41 55 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-300{--tw-gradient-from: #86efac var(--tw-gradient-from-position);--tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600\/20{--tw-gradient-from: rgb(22 163 74 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-900\/90{--tw-gradient-from: rgb(20 83 45 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-300{--tw-gradient-from: #a5b4fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600\/20{--tw-gradient-from: rgb(79 70 229 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-800\/50{--tw-gradient-from: rgb(55 48 163 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 48 163 / 0) 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: rgb(251 146 60 / 0) 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: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-300{--tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from: #f472b6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 0) 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: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-600\/20{--tw-gradient-from: rgb(219 39 119 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-800\/50{--tw-gradient-from: rgb(157 23 77 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-300{--tw-gradient-from: #d8b4fe var(--tw-gradient-from-position);--tw-gradient-to: rgb(216 180 254 / 0) 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: rgb(192 132 252 / 0) 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: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600\/20{--tw-gradient-from: rgb(147 51 234 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-800\/50{--tw-gradient-from: rgb(107 33 168 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 33 168 / 0) 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: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-300{--tw-gradient-from: #fde047 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) 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: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-600\/20{--tw-gradient-from: rgb(202 138 4 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-pink-300{--tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f9a8d4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-cyan-300{--tw-gradient-to: #67e8f9 var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.to-cyan-600\/20{--tw-gradient-to: rgb(8 145 178 / .2) var(--tw-gradient-to-position)}.to-emerald-300{--tw-gradient-to: #6ee7b7 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-600\/20{--tw-gradient-to: rgb(5 150 105 / .2) var(--tw-gradient-to-position)}.to-emerald-900\/90{--tw-gradient-to: rgb(6 78 59 / .9) var(--tw-gradient-to-position)}.to-gray-500{--tw-gradient-to: #6b7280 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-indigo-600\/20{--tw-gradient-to: rgb(79 70 229 / .2) var(--tw-gradient-to-position)}.to-orange-300{--tw-gradient-to: #fdba74 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-orange-600\/20{--tw-gradient-to: rgb(234 88 12 / .2) var(--tw-gradient-to-position)}.to-pink-300{--tw-gradient-to: #f9a8d4 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-pink-600\/20{--tw-gradient-to: rgb(219 39 119 / .2) var(--tw-gradient-to-position)}.to-pink-800\/50{--tw-gradient-to: rgb(157 23 77 / .5) var(--tw-gradient-to-position)}.to-purple-300{--tw-gradient-to: #d8b4fe var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-purple-600\/20{--tw-gradient-to: rgb(147 51 234 / .2) var(--tw-gradient-to-position)}.to-purple-800\/50{--tw-gradient-to: rgb(107 33 168 / .5) var(--tw-gradient-to-position)}.to-rose-300{--tw-gradient-to: #fda4af var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-rose-600\/20{--tw-gradient-to: rgb(225 29 72 / .2) var(--tw-gradient-to-position)}.to-slate-300{--tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position)}.to-slate-500{--tw-gradient-to: #64748b var(--tw-gradient-to-position)}.to-slate-800\/50{--tw-gradient-to: rgb(30 41 59 / .5) var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.\!p-4{padding:1rem!important}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-6{padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.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-6xl{font-size:3.75rem;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-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-pink-300{--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);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 rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);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:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}#root{width:100%;margin:0;padding:0}button[data-aw-connect-wallet],button[data-tw=ConnectWallet],div[data-tw=ConnectWallet] button,.tw-connect-wallet button,button:has-text("Connect Wallet"),button:has-text("Sign in"){background:linear-gradient(135deg,#7c3aed,#ec4899)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-size:18px!important;font-weight:600!important;width:100%!important;min-height:56px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 14px #7c3aed66!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}button[data-aw-connect-wallet]:hover,button[data-tw=ConnectWallet]:hover,div[data-tw=ConnectWallet] button:hover,.tw-connect-wallet button:hover,button:has-text("Connect Wallet"):hover,button:has-text("Sign in"):hover{background:linear-gradient(135deg,#6d28d9,#db2777)!important;box-shadow:0 6px 20px #7c3aed99!important;transform:translateY(-2px)!important}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-pink-500:hover{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.hover\:border-purple-400\/40:hover{border-color:#c084fc66}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600\/50:hover{background-color:#4b556380}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700\/30:hover{background-color:#3741514d}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700\/30:hover{background-color:#7e22ce4d}.hover\:bg-purple-800\/30:hover{background-color:#6b21a84d}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-cyan-600:hover{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-600:hover{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-cyan-700:hover{--tw-gradient-to: #0e7490 var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.hover\:to-orange-700:hover{--tw-gradient-to: #c2410c var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:text-green-200:hover{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@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))}}@media (min-width: 1024px){.lg\:mb-12{margin-bottom:3rem}.lg\:mb-2{margin-bottom:.5rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-8{margin-bottom:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-2{height:.5rem}.lg\:h-auto{height:auto}.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-4{gap:1rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:rounded-2xl{border-radius:1rem}.lg\:p-2{padding:.5rem}.lg\:p-6{padding:1.5rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (prefers-color-scheme: dark){.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}}.ps-overlay{--ps-bg: #FDF6E3;--ps-card: #FFFFFF;--ps-text: #5D4E37;--ps-text-secondary: #8B7355;--ps-text-muted: #A89F91;--ps-accent-pink: #E8879B;--ps-accent-green: #7CB342;--ps-accent-orange: #CD8B62;--ps-border: #5D4E37;--ps-input-bg: #FCEBD5;--ps-shadow: 0 4px 20px rgba(139, 115, 85, .25)}:root.dark .ps-overlay{--ps-bg: #1e1a1a;--ps-card: #352e2e;--ps-text: #f5ebe0;--ps-text-secondary: #d5c4b4;--ps-text-muted: #8B7355;--ps-accent-pink: #f2a5b3;--ps-accent-green: #9cd49c;--ps-accent-orange: #e8985a;--ps-border: #5D4E37;--ps-input-bg: #2a2424;--ps-shadow: 0 4px 25px rgba(0, 0, 0, .5)}.ps-overlay{position:fixed;inset:0;background:#5d4e3780;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}:root.dark .ps-overlay{background:#1e1a1ab3}.ps-modal{background:var(--ps-card);border:3px solid var(--ps-border);border-radius:20px;box-shadow:5px 5px 0 var(--ps-border),var(--ps-shadow);width:100%;max-width:420px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;font-family:Fredoka,sans-serif;margin:auto}.ps-content{padding:1.5rem}.ps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.ps-header-title{display:flex;align-items:center;gap:.75rem}.ps-header-title h2{font-size:1.25rem;font-weight:700;color:var(--ps-text);margin:0}.ps-header-icon{width:1.5rem;height:1.5rem;color:var(--ps-accent-pink)}.ps-close-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--ps-input-bg);border:2px solid var(--ps-border);border-radius:50%;color:var(--ps-text-secondary);cursor:pointer;transition:all .2s ease}.ps-close-btn:hover{background:var(--ps-accent-pink);color:#fff;transform:rotate(90deg)}.ps-wallet-card{padding:1rem;background:var(--ps-input-bg);border:2px solid var(--ps-border);border-radius:12px;margin-bottom:1.25rem}.ps-wallet-label{font-size:.75rem;font-weight:600;color:var(--ps-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.ps-wallet-address{font-family:Courier New,monospace;font-size:.9rem;color:var(--ps-text);font-weight:600}.ps-field{margin-bottom:1.25rem}.ps-label{display:block;font-size:.875rem;font-weight:600;color:var(--ps-text);margin-bottom:.5rem}.ps-input{width:100%;padding:.875rem 1rem;background:var(--ps-input-bg);border:3px solid var(--ps-border);border-radius:12px;color:var(--ps-text);font-size:1rem;font-family:Fredoka,sans-serif;transition:all .2s ease;box-sizing:border-box}.ps-input:focus{outline:none;border-color:var(--ps-accent-pink);box-shadow:0 0 0 3px #e8879b33}.ps-input::-moz-placeholder{color:var(--ps-text-muted)}.ps-input::placeholder{color:var(--ps-text-muted)}.ps-field-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.ps-char-count{font-size:.75rem;color:var(--ps-text-muted)}.ps-error-hint{font-size:.75rem;color:var(--ps-accent-orange)}.ps-current-name{padding:.75rem 1rem;background:#7cb3421a;border:2px solid var(--ps-accent-green);border-radius:12px;margin-bottom:1.25rem}.ps-current-label{font-size:.7rem;font-weight:600;color:var(--ps-accent-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.ps-current-value{font-size:1rem;font-weight:600;color:var(--ps-text)}.ps-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem}.ps-message-error{background:#cd8b6226;border:2px solid var(--ps-accent-orange);color:var(--ps-accent-orange)}.ps-message-success{background:#7cb34226;border:2px solid var(--ps-accent-green);color:var(--ps-accent-green)}.ps-actions{display:flex;gap:.75rem;margin-bottom:1rem}.ps-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;border:3px solid var(--ps-border)}.ps-btn:disabled{opacity:.5;cursor:not-allowed}.ps-btn-secondary{background:var(--ps-input-bg);color:var(--ps-text-secondary)}.ps-btn-secondary:not(:disabled):hover{background:var(--ps-bg)}.ps-btn-primary{background:var(--ps-accent-pink);color:#fff;box-shadow:3px 3px 0 var(--ps-border)}.ps-btn-primary:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ps-border)}.ps-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.ps-help-text{font-size:.75rem;color:var(--ps-text-muted);text-align:center;line-height:1.4}@media (max-width: 640px){.ps-overlay{padding:.5rem}.ps-modal{max-width:100%;max-height:90vh;border-radius:16px;box-shadow:3px 3px 0 var(--ps-border),var(--ps-shadow)}.ps-content{padding:1.25rem}.ps-header{margin-bottom:1.25rem}.ps-header-title h2{font-size:1.1rem}.ps-header-icon{width:1.25rem;height:1.25rem}.ps-close-btn{width:2rem;height:2rem}.ps-wallet-card{padding:.875rem;margin-bottom:1rem}.ps-wallet-label{font-size:.7rem}.ps-wallet-address{font-size:.85rem}.ps-field{margin-bottom:1rem}.ps-label{font-size:.8rem}.ps-input{padding:.75rem .875rem;font-size:.95rem;border-width:2px}.ps-current-name{padding:.625rem .875rem;margin-bottom:1rem}.ps-actions{gap:.5rem}.ps-btn{padding:.75rem .875rem;font-size:.85rem;border-width:2px}.ps-btn-primary{box-shadow:2px 2px 0 var(--ps-border)}.ps-help-text{font-size:.7rem}}.th-overlay{--th-bg: #FDF6E3;--th-card: #FFFFFF;--th-card-inner: #FCEBD5;--th-text: #5D4E37;--th-text-secondary: #8B7355;--th-text-muted: #A89F91;--th-accent-pink: #E8879B;--th-accent-green: #7CB342;--th-accent-orange: #CD8B62;--th-accent-yellow: #F5C842;--th-accent-blue: #5B9BD5;--th-border: #5D4E37;--th-shadow: 0 4px 20px rgba(139, 115, 85, .25)}:root.dark .th-overlay{--th-bg: #1e1a1a;--th-card: #352e2e;--th-card-inner: #2a2424;--th-text: #f5ebe0;--th-text-secondary: #d5c4b4;--th-text-muted: #8B7355;--th-accent-pink: #f2a5b3;--th-accent-green: #9cd49c;--th-accent-orange: #e8985a;--th-accent-yellow: #f7d070;--th-accent-blue: #7ab8e8;--th-border: #5D4E37;--th-shadow: 0 4px 25px rgba(0, 0, 0, .5)}.th-overlay{position:fixed;inset:0;background:#5d4e3780;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:thFadeIn .2s ease}:root.dark .th-overlay{background:#1e1a1ab3}@keyframes thFadeIn{0%{opacity:0}to{opacity:1}}.th-modal{background:var(--th-card);border:3px solid var(--th-border);border-radius:20px;box-shadow:5px 5px 0 var(--th-border),var(--th-shadow);width:100%;max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:thSlideUp .3s ease;font-family:Fredoka,sans-serif;margin:auto}@keyframes thSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.th-header{padding:1.5rem;border-bottom:2px solid var(--th-border);background:var(--th-card)}.th-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.th-title{display:flex;align-items:center;gap:.75rem}.th-title h2{font-size:1.25rem;font-weight:700;color:var(--th-text);margin:0}.th-title-icon{width:1.5rem;height:1.5rem;color:var(--th-accent-yellow)}.th-close-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--th-card-inner);border:2px solid var(--th-border);border-radius:50%;color:var(--th-text-secondary);cursor:pointer;transition:all .2s ease}.th-close-btn:hover{background:var(--th-accent-pink);color:#fff;transform:rotate(90deg)}.th-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}@media (min-width: 640px){.th-stats-grid{grid-template-columns:repeat(4,1fr)}}.th-stat-card{background:var(--th-card-inner);border:2px solid var(--th-border);border-radius:12px;padding:.75rem 1rem}.th-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.th-stat-value{font-size:1.1rem;font-weight:700;color:var(--th-text)}.th-stat-earned .th-stat-label{color:var(--th-accent-green)}.th-stat-spent .th-stat-label{color:var(--th-accent-pink)}.th-stat-balance .th-stat-label{color:var(--th-accent-blue)}.th-stat-count .th-stat-label{color:var(--th-accent-yellow)}.th-controls{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.th-controls{flex-direction:row}}.th-search-wrapper{flex:1;position:relative}.th-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--th-text-muted)}.th-search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:var(--th-card-inner);border:2px solid var(--th-border);border-radius:10px;color:var(--th-text);font-size:.9rem;font-family:Fredoka,sans-serif;transition:all .2s ease;box-sizing:border-box}.th-search-input:focus{outline:none;border-color:var(--th-accent-pink)}.th-search-input::-moz-placeholder{color:var(--th-text-muted)}.th-search-input::placeholder{color:var(--th-text-muted)}.th-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--th-card-inner);border:2px solid var(--th-border);border-radius:10px;color:var(--th-text);font-size:.9rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease}.th-filter-btn:hover{background:var(--th-accent-pink);color:#fff}.th-chevron{transition:transform .2s ease}.th-chevron.rotated{transform:rotate(180deg)}.th-filter-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.th-filter-chip{padding:.5rem 1rem;background:var(--th-card-inner);border:2px solid var(--th-border);border-radius:20px;color:var(--th-text-secondary);font-size:.85rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease}.th-filter-chip:hover{border-color:var(--th-accent-pink)}.th-filter-chip.active{background:var(--th-accent-pink);border-color:var(--th-accent-pink);color:#fff}.th-transactions{flex:1;overflow-y:auto;padding:1rem 1.5rem;background:var(--th-card-inner)}.th-loading{text-align:center;padding:3rem 1rem;color:var(--th-text-secondary)}.th-spinner{width:2rem;height:2rem;border:3px solid var(--th-border);border-top-color:var(--th-accent-pink);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.th-empty{text-align:center;padding:3rem 1rem}.th-empty-icon{width:3rem;height:3rem;color:var(--th-text-muted);margin:0 auto 1rem}.th-empty-title{font-size:1.1rem;font-weight:600;color:var(--th-text);margin:0 0 .5rem}.th-empty-subtitle{font-size:.9rem;color:var(--th-text-muted);margin:0}.th-list{display:flex;flex-direction:column;gap:.75rem}.th-transaction-card{background:var(--th-card);border:2px solid var(--th-border);border-radius:12px;padding:1rem;transition:all .2s ease}.th-transaction-card:hover{box-shadow:3px 3px 0 var(--th-border)}.th-transaction-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.th-transaction-content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.th-transaction-left{display:flex;gap:.75rem;flex:1}.th-transaction-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.th-transaction-icon.earned{background:#7cb34226;color:var(--th-accent-green)}.th-transaction-icon.spent{background:#e8879b26;color:var(--th-accent-pink)}.th-transaction-info{flex:1;min-width:0}.th-transaction-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.th-transaction-title{font-size:.95rem;font-weight:600;color:var(--th-text);margin:0}.th-transaction-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.th-transaction-badge.earned{background:#7cb34233;color:var(--th-accent-green)}.th-transaction-badge.spent{background:#e8879b33;color:var(--th-accent-pink)}.th-transaction-meta{display:flex;flex-direction:column;gap:.25rem}.th-meta-row{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--th-text-muted)}.th-meta-highlight{color:var(--th-accent-pink)}.th-meta-address{font-family:Courier New,monospace;color:var(--th-accent-blue)}.th-transaction-right{text-align:right;flex-shrink:0}@media (max-width: 639px){.th-transaction-right{text-align:left;padding-left:3.25rem}}.th-transaction-amount{font-size:1.1rem;font-weight:700}.th-transaction-amount.earned{color:var(--th-accent-green)}.th-transaction-amount.spent{color:var(--th-accent-pink)}.th-details-btn{margin-top:.25rem;background:none;border:none;color:var(--th-accent-pink);font-size:.75rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:color .2s ease}.th-details-btn:hover{color:var(--th-accent-orange)}.th-footer{padding:1rem 1.5rem;border-top:2px solid var(--th-border);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--th-text-muted);background:var(--th-card)}.th-footer-link{display:flex;align-items:center;gap:.375rem}@media (max-width: 480px){.th-header{padding:1rem}.th-transactions{padding:.75rem 1rem}.th-title h2{font-size:1.1rem}.th-stat-value{font-size:1rem}.th-footer{padding:.75rem 1rem;font-size:.75rem}}.tn-overlay{--tn-bg: #FDF6E3;--tn-card: #FFFFFF;--tn-card-inner: #FCEBD5;--tn-text: #5D4E37;--tn-text-secondary: #8B7355;--tn-text-muted: #A89F91;--tn-accent-pink: #E8879B;--tn-accent-green: #7CB342;--tn-accent-orange: #CD8B62;--tn-accent-yellow: #F5C842;--tn-border: #5D4E37;--tn-shadow: 0 4px 20px rgba(139, 115, 85, .25)}:root.dark .tn-overlay{--tn-bg: #1e1a1a;--tn-card: #352e2e;--tn-card-inner: #2a2424;--tn-text: #f5ebe0;--tn-text-secondary: #d5c4b4;--tn-text-muted: #8B7355;--tn-accent-pink: #f2a5b3;--tn-accent-green: #9cd49c;--tn-accent-orange: #e8985a;--tn-accent-yellow: #f7d070;--tn-border: #5D4E37;--tn-shadow: 0 4px 25px rgba(0, 0, 0, .5)}.tn-overlay{position:fixed;inset:0;background:#5d4e3780;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:tnFadeIn .2s ease}:root.dark .tn-overlay{background:#1e1a1ab3}@keyframes tnFadeIn{0%{opacity:0}to{opacity:1}}.tn-modal{background:var(--tn-card);border:3px solid var(--tn-border);border-radius:20px;box-shadow:5px 5px 0 var(--tn-border),var(--tn-shadow);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;animation:tnSlideUp .3s ease;font-family:Fredoka,sans-serif;padding:1.5rem;position:relative;margin:auto}@keyframes tnSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tn-close-btn{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--tn-card-inner);border:2px solid var(--tn-border);border-radius:50%;color:var(--tn-text-secondary);cursor:pointer;transition:all .2s ease}.tn-close-btn:hover{background:var(--tn-accent-pink);color:#fff;transform:rotate(90deg)}.tn-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--tn-text);margin:0 0 1.5rem}.tn-title-icon{width:1.5rem;height:1.5rem;color:var(--tn-accent-pink)}.tn-loading{text-align:center;padding:2rem;color:var(--tn-text-secondary)}.tn-empty{text-align:center;padding:2rem;background:var(--tn-card-inner);border:2px solid var(--tn-border);border-radius:12px;color:var(--tn-text-secondary)}.tn-empty-icon{width:3rem;height:3rem;margin:0 auto .75rem;opacity:.5;color:var(--tn-accent-pink)}.tn-empty p{margin:0;font-size:1rem}.tn-trades-list{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto;padding-right:.25rem}.tn-trade-card{background:var(--tn-card-inner);border:2px solid var(--tn-border);border-radius:12px;padding:1rem}.tn-trade-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tn-trade-from{flex:1}.tn-trade-sender{font-weight:700;color:var(--tn-text);font-size:.9rem;margin-bottom:.25rem}.tn-trade-date{font-size:.75rem;color:var(--tn-text-muted)}.tn-trade-badges{display:flex;gap:.5rem}.tn-badge{font-size:.65rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.tn-badge-onchain{background:#7cb34233;color:var(--tn-accent-green);border:1px solid var(--tn-accent-green)}.tn-badge-pending{background:#f5c84233;color:var(--tn-accent-orange);border:1px solid var(--tn-accent-orange)}.tn-trade-items{display:flex;align-items:center;background:var(--tn-card);border:2px solid var(--tn-border);border-radius:10px;padding:.75rem;margin-bottom:.75rem}.tn-trade-item{flex:1;text-align:center}.tn-trade-divider{font-size:1.25rem;color:var(--tn-accent-pink);padding:0 .75rem}.tn-item-label{font-size:.7rem;color:var(--tn-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.tn-item-name{font-weight:700;color:var(--tn-text);font-size:.9rem}.tn-item-name.tn-item-receive{color:var(--tn-accent-green)}.tn-item-category{font-size:.7rem;color:var(--tn-text-muted);text-transform:capitalize}.tn-trade-cost{text-align:center;font-size:.8rem;color:var(--tn-accent-orange);margin-bottom:1rem;padding:.5rem;background:#cd8b621a;border-radius:8px}.tn-onchain-label{color:var(--tn-accent-green);margin-left:.25rem}.tn-trade-actions{display:flex;gap:.75rem}.tn-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;border:2px solid}.tn-btn:disabled{opacity:.5;cursor:not-allowed}.tn-btn-reject{background:#e8879b26;border-color:var(--tn-accent-pink);color:var(--tn-accent-pink)}.tn-btn-reject:not(:disabled):hover{background:var(--tn-accent-pink);color:#fff}.tn-btn-accept{background:#7cb34233;border-color:var(--tn-accent-green);color:var(--tn-accent-green)}.tn-btn-accept:not(:disabled):hover{background:var(--tn-accent-green);color:#fff}@media (max-width: 640px){.tn-overlay{padding:.5rem}.tn-modal{padding:1.25rem;max-width:100%;max-height:90vh;border-radius:16px;box-shadow:3px 3px 0 var(--tn-border),var(--tn-shadow)}.tn-title{font-size:1.1rem;margin-bottom:1rem}.tn-title-icon{width:1.25rem;height:1.25rem}.tn-close-btn{width:2rem;height:2rem;top:.75rem;right:.75rem}.tn-empty{padding:1.5rem}.tn-empty-icon{width:2.5rem;height:2.5rem}.tn-trades-list{gap:.625rem;max-height:55vh}.tn-trade-card{padding:.875rem}.tn-trade-header{margin-bottom:.75rem}.tn-trade-sender{font-size:.85rem}.tn-trade-date{font-size:.7rem}.tn-badge{font-size:.6rem;padding:.2rem .4rem}.tn-trade-items{flex-direction:column;gap:.5rem;padding:.625rem}.tn-trade-divider{transform:rotate(90deg);padding:.25rem 0}.tn-trade-item{width:100%}.tn-item-label{font-size:.65rem}.tn-item-name{font-size:.85rem}.tn-trade-cost{font-size:.75rem;padding:.4rem;margin-bottom:.75rem}.tn-trade-actions{gap:.5rem}.tn-btn{padding:.625rem .75rem;font-size:.8rem}}.nav-container{--nav-bg: #FFFFFF;--nav-bg-alt: #FCEBD5;--nav-text: #5D4E37;--nav-text-secondary: #8B7355;--nav-accent-pink: #E8879B;--nav-accent-yellow: #F5C842;--nav-border: #5D4E37;--nav-shadow: 4px 4px 0 #5D4E37;--nav-shadow-sm: 2px 2px 0 #5D4E37}:root.dark .nav-container{--nav-bg: #2a2424;--nav-bg-alt: #352e2e;--nav-text: #f5ebe0;--nav-text-secondary: #d5c4b4;--nav-accent-pink: #f2a5b3;--nav-accent-yellow: #f7d070;--nav-border: #5D4E37;--nav-shadow: 4px 4px 0 #5D4E37;--nav-shadow-sm: 2px 2px 0 #5D4E37}.nav-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:95%;max-width:80rem;background:var(--nav-bg);border:3px solid var(--nav-border);border-radius:1rem;z-index:50;box-shadow:var(--nav-shadow);transition:all .3s ease;font-family:Fredoka,sans-serif}.nav-inner{max-width:80rem;margin:0 auto;padding:.5rem 1rem}@media (min-width: 640px){.nav-inner{padding:.75rem 1.5rem}}.nav-desktop{display:none;align-items:center;justify-content:space-between}@media (min-width: 1280px){.nav-desktop{display:flex}}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:2rem;width:auto;-o-object-fit:contain;object-fit:contain}@media (min-width: 768px){.nav-logo-img{height:2.5rem}}.nav-logo-fallback{display:none;height:2rem;padding:0 .75rem;background:linear-gradient(135deg,#f5c842,#cd8b62);border-radius:.5rem;align-items:center;justify-content:center}.nav-logo-fallback span{color:#fff;font-weight:700;font-size:1rem}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{position:relative;display:flex;align-items:center;padding:.5rem .75rem;border-radius:.75rem;font-weight:600;transition:all .3s ease;overflow:hidden;text-decoration:none;border:2px solid var(--nav-border);background:var(--nav-bg-alt);color:var(--nav-text)}.nav-link:hover{background:var(--nav-accent-pink);color:#fff}.nav-link.active{background:var(--nav-accent-pink);color:#fff;box-shadow:var(--nav-shadow-sm)}.nav-link-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.nav-link-text{font-size:.875rem;white-space:nowrap;max-width:0;margin-left:0;overflow:hidden;transition:all .3s ease}.nav-link:hover .nav-link-text{max-width:10rem;margin-left:.5rem}.nav-tooltip{position:absolute;visibility:hidden;background:var(--nav-border);color:#fff;font-size:.75rem;border-radius:.5rem;padding:.25rem .5rem;bottom:-3rem;left:50%;transform:translate(-50%);white-space:nowrap;z-index:10;border:2px solid var(--nav-border)}@media (min-width: 1024px){.nav-link:hover .nav-tooltip{visibility:visible}}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-theme-btn{position:relative;padding:.5rem;background:transparent;border:none;color:var(--nav-text);cursor:pointer;transition:all .3s ease}.nav-theme-btn:hover{color:var(--nav-accent-pink);transform:scale(1.1)}.nav-theme-icon{width:1.5rem;height:1.5rem}.nav-theme-icon.sun{color:var(--nav-accent-yellow)}.nav-bell-btn{position:relative;padding:.5rem;background:transparent;border:none;color:var(--nav-text);cursor:pointer;transition:color .2s ease}.nav-bell-btn:hover{color:var(--nav-accent-pink)}.nav-bell-icon{width:1.5rem;height:1.5rem}.nav-balance{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--nav-accent-yellow);border-radius:.75rem;border:2px solid var(--nav-border);box-shadow:var(--nav-shadow-sm);min-width:6.25rem}.nav-balance-icon{width:1.25rem;height:1.25rem}.nav-balance-value{font-size:1.125rem;font-weight:700;color:var(--nav-border);text-align:right;flex:1}.nav-wallet-container{position:relative}.nav-wallet-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--nav-accent-pink);border-radius:.75rem;border:2px solid var(--nav-border);box-shadow:var(--nav-shadow-sm);cursor:pointer;transition:all .2s ease}.nav-wallet-btn:hover{box-shadow:3px 3px 0 var(--nav-border);transform:translateY(-2px)}.nav-wallet-icon{width:1.5rem;height:1.5rem;color:#fff}.nav-wallet-info{text-align:left}.nav-wallet-name{color:#fff;font-weight:600;font-size:.875rem}.nav-wallet-status{color:#fffc;font-size:.75rem}.nav-wallet-chevron{width:1rem;height:1rem;color:#fff}.nav-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:16rem;background:var(--nav-bg);border-radius:.75rem;border:3px solid var(--nav-border);overflow:hidden;z-index:10;box-shadow:var(--nav-shadow)}.nav-dropdown-header{padding:1rem;border-bottom:2px solid var(--nav-border)}.nav-dropdown-wallet-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.nav-dropdown-wallet-icon{width:2rem;height:2rem;color:var(--nav-accent-pink)}.nav-dropdown-wallet-title{color:var(--nav-text);font-weight:600}.nav-dropdown-wallet-subtitle{color:var(--nav-text-secondary);font-size:.75rem}.nav-dropdown-address-label{font-size:.75rem;color:var(--nav-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.nav-dropdown-address-box{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--nav-bg-alt);border-radius:.5rem;border:1px solid var(--nav-border)}.nav-dropdown-address{flex:1;font-family:monospace;font-size:.75rem;color:var(--nav-text)}.nav-dropdown-copy-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--nav-accent-pink);border:1px solid var(--nav-border);border-radius:.25rem;cursor:pointer;transition:background .2s ease}.nav-dropdown-copy-btn:hover{background:#d4778a}.nav-dropdown-copy-icon{width:1rem;height:1rem;color:#fff}.nav-dropdown-copy-text{color:#fff;font-size:.75rem}.nav-dropdown-menu{border-bottom:2px solid var(--nav-border)}.nav-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--nav-text);font-weight:500;font-family:Fredoka,sans-serif;cursor:pointer;transition:background .2s ease;text-align:left}.nav-dropdown-item:hover{background:var(--nav-bg-alt)}.nav-dropdown-item-icon{width:1rem;height:1rem}.nav-dropdown-item.danger{color:#ef4444}.nav-dropdown-item.danger:hover{background:#ef44441a}.nav-mobile{display:block;padding:.25rem 0}@media (min-width: 1280px){.nav-mobile{display:none}}.nav-mobile-header{display:flex;align-items:center;justify-content:space-between}.nav-mobile-logo{display:flex;align-items:center;text-decoration:none}.nav-mobile-logo-img{width:4rem;height:1.25rem;-o-object-fit:contain;object-fit:contain}.nav-mobile-logo-fallback{display:none;width:4rem;height:1.25rem;background:var(--nav-accent-yellow);border-radius:.25rem;border:1px solid var(--nav-border);align-items:center;justify-content:center}.nav-mobile-logo-fallback span{color:var(--nav-border);font-weight:700;font-size:.75rem}.nav-mobile-right{display:flex;align-items:center;gap:.5rem}.nav-mobile-balance{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--nav-accent-yellow);border-radius:.5rem;border:2px solid var(--nav-border);box-shadow:var(--nav-shadow-sm)}.nav-mobile-balance-icon{width:1rem;height:1rem}.nav-mobile-balance-value{font-size:.875rem;font-weight:700;color:var(--nav-border)}.nav-mobile-menu-btn{padding:.5rem;background:transparent;border:none;color:var(--nav-text);cursor:pointer;transition:color .2s ease}.nav-mobile-menu-btn:hover{color:var(--nav-accent-pink)}.nav-mobile-menu-icon{width:1.25rem;height:1.25rem}.nav-mobile-dropdown{position:absolute;left:1rem;right:1rem;top:100%;margin-top:.5rem;background:var(--nav-bg);border-radius:.75rem;border:3px solid var(--nav-border);box-shadow:var(--nav-shadow);z-index:50;overflow:hidden}.nav-mobile-nav{padding:.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.nav-mobile-link{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:.75rem;transition:all .2s ease;text-decoration:none;border:2px solid transparent;color:var(--nav-text)}.nav-mobile-link:hover{background:var(--nav-bg-alt)}.nav-mobile-link.active{background:var(--nav-accent-pink);color:#fff;border-color:var(--nav-border)}.nav-mobile-link-icon{width:1.25rem;height:1.25rem;margin-bottom:.25rem}.nav-mobile-link-text{font-size:.75rem;font-weight:600;text-align:center;line-height:1.2}.nav-mobile-actions{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;border-top:2px solid var(--nav-border);background:var(--nav-bg-alt)}.nav-mobile-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:.5rem;color:var(--nav-text);font-family:Fredoka,sans-serif;cursor:pointer;transition:background .2s ease}.nav-mobile-action-btn:hover{background:var(--nav-bg)}.nav-mobile-action-icon{width:1rem;height:1rem}.nav-mobile-action-icon.sun{color:var(--nav-accent-yellow)}.nav-mobile-action-text{font-size:.75rem;font-weight:600}.nav-mobile-account{border-top:2px solid var(--nav-border)}.nav-mobile-account-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--nav-text);font-weight:500;font-size:.875rem;font-family:Fredoka,sans-serif;cursor:pointer;transition:background .2s ease;text-align:left}.nav-mobile-account-item:hover{background:var(--nav-bg-alt)}.nav-mobile-account-item-icon{width:1rem;height:1rem}.nav-mobile-account-item.danger{color:#ef4444}.nav-mobile-account-item.danger:hover{background:#ef44441a}.nav-overlay{position:fixed;inset:0;z-index:0}.nav-mobile-overlay{position:fixed;inset:0;z-index:40}.quest-hub-container{--quest-bg: #FDF5E6;--quest-surface: #FFFFFF;--quest-surface-light: #FCEBD5;--quest-accent: #E8879B;--quest-accent-secondary: #F5C842;--quest-accent-tertiary: #F5A442;--quest-accent-glow: rgba(232, 135, 155, .3);--quest-success: #7CC47E;--quest-warning: #F5A442;--quest-danger: #ef4444;--quest-text: #5D4E37;--quest-text-muted: #8B7355;--quest-border: #5D4E37;--quest-radius: 16px;--quest-radius-sm: 10px;--quest-card-shadow: 4px 4px 0 #5D4E37;--quest-xp-color: #2A68B2}:root.dark .quest-hub-container{--quest-bg: #1e1a1a;--quest-surface: #2a2424;--quest-surface-light: #352e2e;--quest-accent: #f2a5b3;--quest-accent-secondary: #f7d070;--quest-accent-tertiary: #e8985a;--quest-accent-glow: rgba(242, 165, 179, .3);--quest-success: #9cd49c;--quest-warning: #e8985a;--quest-danger: #f87171;--quest-text: #f5ebe0;--quest-text-muted: #d5c4b4;--quest-border: #5D4E37;--quest-card-shadow: 4px 4px 0 rgba(0, 0, 0, .4);--quest-xp-color: #6ba3d9}.quest-hub-container,.quest-hub-container *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.quest-hub-container{min-height:100vh;padding:80px 2rem 2rem;background:var(--quest-bg);background-image:radial-gradient(circle at 10% 20%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%),radial-gradient(circle at 20% 70%,rgba(245,164,66,.08) 0%,transparent 20%);color:var(--quest-text);box-sizing:border-box;font-family:Fredoka,sans-serif;position:relative}.quest-hub-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}:root.dark .quest-hub-container:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23f5ebe0' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E")}.quest-hub-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.quest-hub-header{text-align:center;margin-bottom:2.5rem;padding:2rem;background:var(--quest-surface);border-radius:20px;border:3px solid var(--quest-border);box-shadow:6px 6px 0 var(--quest-border);position:relative;overflow:hidden}.quest-hub-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--quest-accent),var(--quest-accent-secondary),var(--quest-accent-tertiary))}.quest-hub-header h1{font-size:2.5rem;font-weight:700;color:var(--quest-text);margin:0 0 .5rem;letter-spacing:-.5px;text-shadow:2px 2px 0px rgba(255,255,255,.8)}:root.dark .quest-hub-header h1{text-shadow:none}.quest-hub-header p{color:var(--quest-text-muted);font-size:1.1rem;margin:0;font-weight:500}.quest-hub-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.quest-sidebar-card{background:var(--quest-surface);border:3px solid var(--quest-border);border-radius:var(--quest-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--quest-card-shadow);transition:all .2s ease}.quest-sidebar-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--quest-border)}.quest-sidebar-card.social{border-color:var(--quest-xp-color)}.quest-sidebar-card.tracker{border-color:var(--quest-success)}.quest-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.quest-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--quest-border)}.quest-card-icon.gold{background:linear-gradient(135deg,var(--quest-accent-secondary) 0%,var(--quest-accent-tertiary) 100%)}.quest-card-icon.pink{background:linear-gradient(135deg,var(--quest-accent) 0%,#c06c7e 100%)}.quest-card-icon.green{background:linear-gradient(135deg,var(--quest-success) 0%,#5aa35c 100%)}.quest-card-icon.blue{background:linear-gradient(135deg,var(--quest-xp-color) 0%,#1e4d82 100%)}.quest-card-icon svg{width:22px;height:22px;color:#fff}.quest-card-title{font-size:1.15rem;font-weight:700;color:var(--quest-text);margin:0}.quest-card-subtitle{font-size:.85rem;color:var(--quest-text-muted);margin:0}.quest-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px dashed rgba(93,78,55,.2)}.quest-stat-row:last-child{border-bottom:none}.quest-stat-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--quest-text-muted)}.quest-stat-label svg{width:16px;height:16px}.quest-stat-value{font-size:.95rem;font-weight:600;color:var(--quest-text)}.quest-stat-value.success{color:var(--quest-success)}.quest-stat-value.warning{color:var(--quest-accent-tertiary)}.quest-stat-value.transferring{color:var(--quest-accent-secondary);animation:pulse 1.5s ease-in-out infinite}.quest-progress-container{margin:1rem 0}.quest-progress-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--quest-text-muted);margin-bottom:.5rem}.quest-progress-track{height:10px;background:var(--quest-surface-light);border-radius:5px;border:2px solid var(--quest-border);overflow:hidden}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--quest-accent) 0%,var(--quest-accent-secondary) 100%);border-radius:3px;transition:width .5s ease}.quest-progress-fill.success{background:linear-gradient(90deg,var(--quest-success) 0%,var(--quest-accent-secondary) 100%)}.quest-social-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--quest-surface-light);border:2px solid var(--quest-border);border-radius:var(--quest-radius-sm);margin-bottom:.75rem;text-decoration:none;transition:all .2s ease}.quest-social-link:last-child{margin-bottom:0}.quest-social-link:hover{background:var(--quest-surface);transform:translate(4px);box-shadow:2px 2px 0 var(--quest-border)}.quest-social-link-content{display:flex;align-items:center;gap:.75rem}.quest-social-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid var(--quest-border)}.quest-social-icon.twitter{background:#1da1f2}.quest-social-icon.discord{background:#5865f2}.quest-social-icon svg{width:16px;height:16px;color:#fff}.quest-social-link-text h4{font-size:.9rem;font-weight:600;color:var(--quest-text);margin:0}.quest-social-link-text p{font-size:.75rem;color:var(--quest-text-muted);margin:0}.quest-social-link>svg{width:16px;height:16px;color:var(--quest-text-muted);transition:transform .2s ease}.quest-social-link:hover>svg{transform:translate(4px);color:var(--quest-accent)}.quest-cat-universe-card{background:linear-gradient(135deg,var(--quest-surface) 0%,rgba(232,135,155,.1) 100%);border:3px solid var(--quest-accent);border-radius:var(--quest-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:4px 4px 0 var(--quest-accent)}.quest-cat-universe-card p{color:var(--quest-text-muted);font-size:.9rem;margin-bottom:1rem}.quest-feature-list{list-style:none;padding:0;margin:0 0 1rem}.quest-feature-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:var(--quest-text-muted)}.quest-feature-list li span:first-child{font-size:1rem}.quest-universe-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;background:var(--quest-accent);color:#fff;border:3px solid var(--quest-border);border-radius:var(--quest-radius-sm);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--quest-border);font-family:Fredoka,sans-serif}.quest-universe-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--quest-border)}.quest-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quest-section-header h2{font-size:1.75rem;font-weight:700;color:var(--quest-text);margin:0}.quest-section-header p{font-size:.9rem;color:var(--quest-text-muted);margin:0}.quest-card{background:var(--quest-surface)!important;border:3px solid var(--quest-border);border-radius:var(--quest-radius);padding:1.5rem;margin-bottom:1rem;transition:all .2s ease;box-shadow:var(--quest-card-shadow)}.quest-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--quest-border)}.quest-card.completed{border-color:var(--quest-success);background:linear-gradient(135deg,var(--quest-surface) 0%,rgba(124,196,126,.15) 100%)!important}.quest-card.in-progress{border-color:var(--quest-accent-secondary);background:linear-gradient(135deg,var(--quest-surface) 0%,rgba(245,200,66,.15) 100%)!important}.quest-card-top{display:flex;gap:1rem;margin-bottom:1rem}.quest-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--quest-border)}.quest-icon-wrapper svg{width:24px;height:24px;color:#fff}.quest-icon-wrapper.green{background:linear-gradient(135deg,#7cc47e,#5aa35c)}.quest-icon-wrapper.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.quest-icon-wrapper.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.quest-icon-wrapper.orange{background:linear-gradient(135deg,#fb923c,#f97316)}.quest-icon-wrapper.pink{background:linear-gradient(135deg,#f472b6,#ec4899)}.quest-card-info{flex:1}.quest-card-info h3{font-size:1.15rem;font-weight:700;color:var(--quest-text);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.quest-card-info p{font-size:.9rem;color:var(--quest-text-muted);margin:0}.quest-difficulty{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;border:2px solid var(--quest-border)}.quest-difficulty.easy{background:#7cc47e33;color:#4a8c4d}:root.dark .quest-difficulty.easy{color:var(--quest-success)}.quest-difficulty.medium{background:#f5c84233;color:#9a7a1a}:root.dark .quest-difficulty.medium{color:var(--quest-accent-secondary)}.quest-difficulty.hard{background:#e8879b33;color:#a65a6d}:root.dark .quest-difficulty.hard{color:var(--quest-accent)}.quest-difficulty.special{background:#7cc47e33;color:#4a8c4d}.quest-rewards{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0;align-items:center}.quest-reward{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500}.quest-reward svg{width:14px;height:14px}.quest-reward.xp{color:var(--quest-xp-color)}.quest-reward.token{color:var(--quest-accent-secondary)}.quest-card-progress{margin:1rem 0}.quest-card-progress .progress-text{display:flex;justify-content:space-between;font-size:.8rem;color:var(--quest-text-muted);margin-bottom:.4rem}.quest-card-progress .progress-bar{height:8px;background:var(--quest-surface-light);border-radius:4px;border:1px solid var(--quest-border);overflow:hidden}.quest-card-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--quest-accent) 0%,var(--quest-accent-secondary) 100%);border-radius:3px;transition:width .3s ease}.quest-card-progress .progress-fill.complete{background:var(--quest-success)}.quest-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;background:var(--quest-accent);color:#fff;border:2px solid var(--quest-border);border-radius:var(--quest-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 0 var(--quest-border);font-family:Fredoka,sans-serif;text-decoration:none}.quest-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--quest-border)}.quest-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--quest-border)}.quest-btn:disabled{opacity:.5;cursor:not-allowed}.quest-btn.completed{background:var(--quest-success);cursor:default}.quest-btn.social{background:var(--quest-xp-color)}.quest-btn.purchase{background:var(--quest-accent-tertiary)}.quest-completed-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#7cc47e33;color:var(--quest-success);border-radius:var(--quest-radius-sm);font-size:.85rem;font-weight:600;border:2px solid var(--quest-success)}.quest-completed-badge svg{width:16px;height:16px}.quest-transaction-status{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--quest-radius-sm);font-size:.8rem;border:2px solid}.quest-transaction-status.success{background:#7cc47e26;border-color:var(--quest-success);color:var(--quest-success)}.quest-transaction-status.failed{background:#ef444426;border-color:var(--quest-danger);color:var(--quest-danger)}.quest-transaction-status.pending{background:#f5c84226;border-color:var(--quest-accent-secondary);color:var(--quest-text)}.quest-transaction-status a{color:inherit;text-decoration:underline}.quest-coming-soon{opacity:.7;position:relative}.quest-coming-soon:after{content:"Coming Soon";position:absolute;top:1rem;right:1rem;background:var(--quest-accent);color:#fff;padding:.25rem .75rem;border-radius:100px;font-size:.7rem;font-weight:600;border:2px solid var(--quest-border)}.quest-device-feature{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.85rem;color:var(--quest-text-muted)}.quest-device-feature svg{width:16px;height:16px;color:var(--quest-success)}@media (max-width: 1024px){.quest-hub-grid{grid-template-columns:1fr}.quest-hub-container{padding:80px 1.5rem 1.5rem}}@media (max-width: 768px){.quest-hub-header h1{font-size:2rem}.quest-hub-header{padding:1.5rem}.quest-card{padding:1.25rem}.quest-card-top{flex-direction:column;gap:.75rem}.quest-icon-wrapper{width:40px;height:40px}.quest-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.quest-hub-container{padding:70px 1rem 1rem}.quest-hub-header h1{font-size:1.75rem}.quest-sidebar-card{padding:1.25rem}.quest-rewards{flex-direction:column;align-items:flex-start}}.qm-overlay{--qm-bg: #FDF6E3;--qm-card: #FFFFFF;--qm-card-inner: #FCEBD5;--qm-text: #5D4E37;--qm-text-secondary: #8B7355;--qm-text-muted: #A89F91;--qm-accent-pink: #E8879B;--qm-accent-green: #7CB342;--qm-accent-orange: #CD8B62;--qm-accent-yellow: #F5C842;--qm-accent-blue: #60a5fa;--qm-border: #5D4E37;--qm-shadow: 0 4px 20px rgba(139, 115, 85, .25)}:root.dark .qm-overlay{--qm-bg: #1e1a1a;--qm-card: #352e2e;--qm-card-inner: #2a2424;--qm-text: #f5ebe0;--qm-text-secondary: #d5c4b4;--qm-text-muted: #8B7355;--qm-accent-pink: #f2a5b3;--qm-accent-green: #9cd49c;--qm-accent-orange: #e8985a;--qm-accent-yellow: #f7d070;--qm-accent-blue: #93c5fd;--qm-border: #5D4E37;--qm-shadow: 0 4px 25px rgba(0, 0, 0, .5)}.qm-overlay{position:fixed;inset:0;background:#5d4e3780;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:qmFadeIn .2s ease}:root.dark .qm-overlay{background:#1e1a1ab3}@keyframes qmFadeIn{0%{opacity:0}to{opacity:1}}.qm-modal{background:var(--qm-card);border:3px solid var(--qm-border);border-radius:20px;box-shadow:5px 5px 0 var(--qm-border),var(--qm-shadow);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:qmSlideUp .3s ease;font-family:Fredoka,sans-serif;padding:1.5rem;position:relative}.qm-modal.wide{max-width:560px}@keyframes qmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qm-close-btn{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--qm-bg);border:2px solid var(--qm-border);border-radius:50%;color:var(--qm-text-secondary);cursor:pointer;transition:all .2s ease}.qm-close-btn svg{width:1.25rem;height:1.25rem}.qm-close-btn:hover{background:var(--qm-accent-pink);color:#fff;transform:rotate(90deg)}.qm-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--qm-text);margin:0 0 .25rem}.qm-title-wrapper{margin-bottom:1.5rem}.qm-subtitle{font-size:.9rem;color:var(--qm-text-muted);margin:0;padding-left:3.25rem}.qm-title-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--qm-border)}.qm-title-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.qm-title-icon.pink{background:linear-gradient(135deg,#f472b6,#ec4899)}.qm-title-icon.green{background:linear-gradient(135deg,#7cc47e,#5aa35c)}.qm-title-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.qm-title-icon svg{width:22px;height:22px;color:#fff}.qm-body{color:var(--qm-text)}.qm-inner-card{background:var(--qm-card-inner);border:2px solid var(--qm-border);border-radius:12px;padding:1rem;margin-bottom:1rem}.qm-quiz-option{width:100%;text-align:left;padding:1rem;margin-bottom:.5rem;background:var(--qm-card-inner);border:2px solid var(--qm-border);border-radius:12px;color:var(--qm-text);font-weight:500;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease}.qm-quiz-option:hover{transform:translate(4px);background:var(--qm-card);border-color:var(--qm-accent-blue)}.qm-result{display:flex;align-items:center;gap:.75rem;border:2px solid;border-radius:12px;padding:1rem;margin-bottom:1rem}.qm-result.success{background:#7cb34226;border-color:var(--qm-accent-green)}.qm-result.error{background:#ef444426;border-color:#ef4444}.qm-result-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qm-result-icon.success{background:var(--qm-accent-green)}.qm-result-icon.error{background:#ef4444}.qm-result-icon svg{width:24px;height:24px;color:#fff}.qm-result h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.qm-result.success h4{color:var(--qm-accent-green)}.qm-result.error h4{color:#ef4444}.qm-result p{margin:0;font-size:.9rem;color:var(--qm-text-secondary)}.qm-form-group{margin-bottom:1rem}.qm-label{display:block;font-size:.85rem;font-weight:600;color:var(--qm-text-secondary);margin-bottom:.5rem}.qm-input{width:100%;background:var(--qm-card);border:2px solid var(--qm-border);border-radius:10px;padding:.75rem 1rem;font-size:.95rem;font-family:Fredoka,sans-serif;color:var(--qm-text);transition:all .2s ease}.qm-input:focus{outline:none;border-color:var(--qm-accent-pink);box-shadow:0 0 0 3px #e8879b26}.qm-input::-moz-placeholder{color:var(--qm-text-muted)}.qm-input::placeholder{color:var(--qm-text-muted)}.qm-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-size:.95rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;border:2px solid var(--qm-border)}.qm-btn:disabled{opacity:.5;cursor:not-allowed}.qm-btn-primary{background:var(--qm-accent-pink);color:#fff;box-shadow:3px 3px 0 var(--qm-border)}.qm-btn-primary:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--qm-border)}.qm-btn-primary:not(:disabled):active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--qm-border)}.qm-btn-secondary{background:var(--qm-card-inner);color:var(--qm-text);box-shadow:2px 2px 0 var(--qm-border)}.qm-btn-secondary:not(:disabled):hover{background:var(--qm-card)}.qm-btn-success{background:var(--qm-accent-green);color:#fff;box-shadow:3px 3px 0 var(--qm-border)}.qm-btn-success:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--qm-border)}.qm-progress-track{height:8px;background:var(--qm-card);border-radius:4px;border:1px solid var(--qm-border);overflow:hidden}.qm-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.qm-avatar{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;border:3px solid var(--qm-border);box-shadow:3px 3px 0 var(--qm-border)}.qm-avatar.pink{background:linear-gradient(135deg,#f472b6,#a855f7)}.qm-avatar.green{background:linear-gradient(135deg,#7cc47e,#10b981)}.qm-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.qm-action-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;border-radius:12px;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;border:2px solid var(--qm-border);box-shadow:2px 2px 0 var(--qm-border);color:#fff}.qm-action-btn:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--qm-border)}.qm-action-btn:disabled{opacity:.5;cursor:not-allowed}.qm-action-btn .emoji{font-size:1.5rem}.qm-action-btn .label{font-size:.8rem;font-weight:600}.qm-action-btn .xp{font-size:.7rem;opacity:.8}.qm-action-btn.pink{background:var(--qm-accent-pink)}.qm-action-btn.green{background:var(--qm-accent-green)}.qm-action-btn.blue{background:var(--qm-accent-blue)}.qm-footer{text-align:center;font-size:.8rem;color:var(--qm-text-muted);margin-top:1rem;padding-top:1rem;border-top:2px dashed rgba(93,78,55,.2)}.qm-badge{display:inline-block;padding:.25rem .6rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;border:2px solid var(--qm-border)}.qm-badge.easy{background:#7cc47e33;color:var(--qm-accent-green)}.qm-badge.medium{background:#f5c84233;color:var(--qm-accent-orange)}.qm-badge.hard{background:#e8879b33;color:var(--qm-accent-pink)}.qm-xp-badge{display:inline-flex;align-items:center;gap:.25rem;color:var(--qm-accent-blue);font-weight:600;font-size:.9rem}.qm-xp-badge svg{width:16px;height:16px}.qm-feature-list{list-style:none;padding:0;margin:0}.qm-feature-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem;color:var(--qm-text-secondary)}.qm-feature-list li svg{width:16px;height:16px;color:var(--qm-accent-green);flex-shrink:0}.qm-btn-row{display:flex;gap:.75rem;margin-top:1rem}.qm-btn-row .qm-btn{flex:1}@media (max-width: 480px){.qm-overlay{padding:.5rem}.qm-modal{padding:1.25rem;max-width:100%;border-radius:16px;box-shadow:3px 3px 0 var(--qm-border),var(--qm-shadow)}.qm-title{font-size:1.25rem}.qm-title-icon{width:36px;height:36px}.qm-title-icon svg{width:18px;height:18px}.qm-subtitle{padding-left:2.75rem;font-size:.8rem}.qm-close-btn{width:2rem;height:2rem;top:.75rem;right:.75rem;font-size:1.25rem}.qm-avatar{width:80px;height:80px;font-size:2.5rem}.qm-action-grid{gap:.5rem}.qm-action-btn{padding:.75rem .25rem}.qm-action-btn .emoji{font-size:1.25rem}.qm-quiz-option{padding:.875rem;font-size:.9rem}}.sw-overlay{--sw-bg: #FDF6E3;--sw-card: #FFFFFF;--sw-card-inner: #FCEBD5;--sw-text: #5D4E37;--sw-text-secondary: #8B7355;--sw-text-muted: #A89F91;--sw-accent-pink: #E8879B;--sw-accent-green: #7CB342;--sw-accent-orange: #CD8B62;--sw-accent-yellow: #F5C842;--sw-border: #5D4E37;--sw-shadow: 0 4px 20px rgba(139, 115, 85, .25)}:root.dark .sw-overlay{--sw-bg: #1e1a1a;--sw-card: #352e2e;--sw-card-inner: #2a2424;--sw-text: #f5ebe0;--sw-text-secondary: #d5c4b4;--sw-text-muted: #8B7355;--sw-accent-pink: #f2a5b3;--sw-accent-green: #9cd49c;--sw-accent-orange: #e8985a;--sw-accent-yellow: #f7d070;--sw-border: #5D4E37;--sw-shadow: 0 4px 25px rgba(0, 0, 0, .5)}.sw-overlay{position:fixed;inset:0;background:#5d4e3780;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:swFadeIn .2s ease}:root.dark .sw-overlay{background:#1e1a1ab3}@keyframes swFadeIn{0%{opacity:0}to{opacity:1}}.sw-modal{background:var(--sw-card);border:3px solid var(--sw-border);border-radius:20px;box-shadow:5px 5px 0 var(--sw-border),var(--sw-shadow);width:100%;max-width:420px;max-height:90vh;overflow-y:hidden;animation:swSlideUp .3s ease;font-family:Fredoka,sans-serif;padding:1.5rem;position:relative}@keyframes swSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sw-close-btn{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--sw-bg);border:2px solid var(--sw-border);border-radius:50%;color:var(--sw-text-secondary);cursor:pointer;transition:all .2s ease}.sw-close-btn svg{width:1.25rem;height:1.25rem}.sw-close-btn:hover{background:var(--sw-accent-pink);color:#fff;transform:rotate(90deg)}.sw-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--sw-text);margin:0 0 1.5rem}.sw-title-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:2px solid var(--sw-border)}.sw-title-icon svg{width:22px;height:22px;color:#fff}.sw-wheel-container{position:relative;width:100%;min-height:300px;margin:0 auto 2.5rem;display:flex;justify-content:center;align-items:center}.sw-wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:10;filter:drop-shadow(2px 2px 0 var(--sw-border))}.sw-wheel-svg{width:100%;height:100%;filter:drop-shadow(3px 3px 0 var(--sw-border))}.sw-wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:var(--sw-card);border:3px solid var(--sw-border);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--sw-border);z-index:5}.sw-wheel-center svg{width:20px;height:20px;color:var(--sw-accent-pink)}.sw-prizes-card{background:var(--sw-card-inner);padding:1rem;border-radius:12px;border:2px solid var(--sw-border);margin-bottom:1rem}.sw-prizes-title{font-size:.8rem;font-weight:700;color:var(--sw-text);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.sw-prizes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sw-prize-item{display:flex;align-items:center;gap:.5rem}.sw-prize-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--sw-border);flex-shrink:0}.sw-prize-label{font-size:.85rem;font-weight:600;color:var(--sw-text)}.sw-prize-prob{font-size:.75rem;color:var(--sw-text-muted)}.sw-result{display:flex;align-items:center;gap:.75rem;background:#7cb34226;border:2px solid var(--sw-accent-green);border-radius:12px;padding:1rem;margin-bottom:1rem;animation:swBounce .5s ease}@keyframes swBounce{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.sw-result-icon{font-size:2rem}.sw-result h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--sw-accent-green)}.sw-result p{margin:0;font-size:.9rem;color:var(--sw-text)}.sw-result strong{color:var(--sw-accent-pink)}.sw-spin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border-radius:12px;font-size:1rem;font-weight:700;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;border:3px solid var(--sw-border);background:var(--sw-accent-pink);color:#fff;box-shadow:3px 3px 0 var(--sw-border)}.sw-spin-btn:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--sw-border)}.sw-spin-btn:not(:disabled):active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--sw-border)}.sw-spin-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--sw-text-muted)}@media (max-width: 480px){.sw-overlay{padding:.5rem}.sw-modal{padding:1.25rem;max-width:100%;border-radius:16px;box-shadow:3px 3px 0 var(--sw-border),var(--sw-shadow)}.sw-title{font-size:1.25rem;margin-bottom:1rem}.sw-title-icon{width:36px;height:36px}.sw-title-icon svg{width:18px;height:18px}.sw-close-btn{width:2rem;height:2rem;top:.75rem;right:.75rem;font-size:1.25rem}.sw-wheel-container{width:200px;height:200px;margin-bottom:1rem}.sw-wheel-center{width:40px;height:40px}.sw-wheel-center svg{width:16px;height:16px}.sw-prizes-card{padding:.75rem}.sw-prizes-title{font-size:.75rem}.sw-prize-label{font-size:.8rem}.sw-prize-prob{font-size:.7rem}.sw-spin-btn{padding:.75rem;font-size:.9rem}}.quest-pet-mood{font-size:1.25rem;font-weight:600;text-align:center;padding:1rem;margin:1rem 0;background:var(--quest-surface-light);border-radius:var(--quest-radius-sm);border:2px dashed var(--quest-border)}:root{--lb-bg: #fdf6e3;--lb-card: #ffffff;--lb-card-hover: #fcebd5;--lb-border: #5d4e37;--lb-border-highlight: #8b7355;--lb-accent: #e8879b;--lb-accent-secondary: #f5c842;--lb-gold: #f5c842;--lb-silver: #a8a8a8;--lb-bronze: #cd8b62;--lb-success: #7cb342;--lb-text: #5d4e37;--lb-text-secondary: #8b7355;--lb-text-muted: #a89f91;--lb-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 25c-1.5-2-4-3-6-2s-3 3-2 5c.5 1 1.5 2 3 2.5-1 .5-1.8 1.5-2 2.5-.5 2 .5 4 2.5 5s4 0 5-2c.5-1 .5-2 0-3 1.5.5 3 0 4-1 2-1.5 2-4 1-6s-3.5-2.5-5.5-1z' fill='%235D4E37' fill-opacity='0.03'/%3E%3C/svg%3E")}:root.dark{--lb-bg: #1e1a1a;--lb-card: #352e2e;--lb-card-hover: #2a2424;--lb-border: #5d4e37;--lb-border-highlight: #8b7355;--lb-accent: #f2a5b3;--lb-accent-secondary: #f7d070;--lb-gold: #f7d070;--lb-silver: #a8a8a8;--lb-bronze: #e8985a;--lb-success: #9cd49c;--lb-text: #f5ebe0;--lb-text-secondary: #d5c4b4;--lb-text-muted: #8b7355;--lb-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 25c-1.5-2-4-3-6-2s-3 3-2 5c.5 1 1.5 2 3 2.5-1 .5-1.8 1.5-2 2.5-.5 2 .5 4 2.5 5s4 0 5-2c.5-1 .5-2 0-3 1.5.5 3 0 4-1 2-1.5 2-4 1-6s-3.5-2.5-5.5-1z' fill='%23f5ebe0' fill-opacity='0.03'/%3E%3C/svg%3E")}.leaderboard-container{min-height:100vh;background:var(--lb-bg);background-image:var(--lb-pattern);color:var(--lb-text);position:relative}.leaderboard-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.leaderboard-content{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative;z-index:1}.page-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:1.5rem;padding-top:1rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--lb-text);margin:0;padding-bottom:.5rem}.skeleton{background:linear-gradient(110deg,var(--lb-card-hover) 8%,rgba(139,115,85,.12) 18%,var(--lb-card-hover) 33%);background-size:300% 100%;position:relative;overflow:hidden;border-radius:8px;animation:skeleton-shimmer 1.8s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-text{height:2rem;width:90px;border-radius:8px}.skeleton-champion-card{pointer-events:none;opacity:.85}.skeleton-avatar{width:56px;height:56px;border-radius:12px}.skeleton-rank-badge{position:absolute;bottom:-6px;right:-6px;width:26px;height:26px;border-radius:50%}.skeleton-name{height:1.2rem;width:130px;margin-bottom:.6rem;border-radius:6px}.skeleton-username{height:.9rem;width:90px;border-radius:5px}.skeleton-medal{width:75px;height:75px;border-radius:50%}.skeleton-stat-label{height:.65rem;width:45px;margin:0 auto .4rem;border-radius:4px}.skeleton-stat-value{height:1.5rem;width:55px;margin:0 auto;border-radius:8px}.skeleton-extra{height:1.2rem;width:80px;border-radius:8px}.skeleton-sort-tabs{height:48px;width:280px;border-radius:14px;border:3px solid var(--lb-border);box-shadow:3px 3px 0 var(--lb-border)}.skeleton-header-title{height:1.5rem;width:160px;border-radius:8px}.skeleton-header-meta{height:1.1rem;width:200px;border-radius:6px}.skeleton-table tbody tr{border-bottom:1px solid rgba(93,78,55,.15)}.skeleton-row td{padding:1rem 1.25rem}.skeleton-rank-circle{width:32px;height:32px;border-radius:50%}.skeleton-player-avatar{width:40px;height:40px;border-radius:10px;flex-shrink:0}.skeleton-player-name{height:1rem;width:120px;margin-bottom:.4rem;border-radius:5px}.skeleton-player-id{height:.8rem;width:75px;border-radius:4px}.skeleton-data-cell{height:1rem;width:65px;border-radius:5px}.skeleton-data-cell-sm{height:1rem;width:40px;border-radius:5px}.skeleton-status-badge{height:1.6rem;width:75px;border-radius:100px}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:var(--lb-card);border:3px solid var(--lb-border);color:var(--lb-text);padding:.6rem 1.25rem;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;box-shadow:3px 3px 0 var(--lb-border)}.refresh-btn:hover{background:var(--lb-card-hover);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--lb-border)}.refresh-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--lb-border)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{width:16px;height:16px}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;margin-top:3rem}.overview-card{background:var(--lb-card);border:3px solid var(--lb-border);border-radius:16px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;min-width:0;overflow:hidden;box-shadow:4px 4px 0 var(--lb-border);transition:all .2s ease}.overview-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--lb-border)}.overview-card>div:first-child{min-width:0;flex:1}.overview-value{font-size:1.75rem;font-weight:700;color:var(--lb-text);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-label{font-size:.75rem;color:var(--lb-text-muted);margin-top:.35rem;white-space:nowrap}.overview-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--lb-border)}.overview-icon.purple{background:#e8879b33;color:var(--lb-accent)}.overview-icon.blue{background:#5d4e371a;color:var(--lb-text)}.overview-icon.yellow{background:#f5c84240;color:#b8860b}.overview-icon.green{background:#7cb34233;color:var(--lb-success)}.overview-icon svg{width:22px;height:22px}.top-champions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1rem;margin-bottom:2rem}.champion-card{background:var(--lb-card);border:3px solid var(--lb-border);border-radius:20px;padding:1.5rem;position:relative;transition:all .2s ease;box-shadow:5px 5px 0 var(--lb-border)}.champion-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--lb-border)}.champion-card.first{border-color:var(--lb-gold);box-shadow:5px 5px 0 var(--lb-gold)}.champion-card.first:hover{box-shadow:7px 7px 0 var(--lb-gold)}.champion-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.champion-avatar-wrapper{position:relative;flex-shrink:0}.champion-avatar{width:56px;height:56px;border-radius:12px;background:var(--lb-card-hover);display:flex;align-items:center;justify-content:center;font-size:2rem}.champion-rank-badge{position:absolute;bottom:-6px;right:-6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--lb-card)}.champion-rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.champion-rank-badge.silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#000}.champion-rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.champion-info{flex:1;min-width:0}.champion-name{font-size:1.1rem;font-weight:600;color:var(--lb-text);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champion-username{font-size:.8rem;color:var(--lb-text-muted)}.champion-medal{width:70px;height:90px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.medal-icon{font-size:4.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.champion-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--lb-border)}.champion-stat{text-align:center}.champion-stat-label{font-size:.65rem;color:var(--lb-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.champion-stat-value{font-size:1.25rem;font-weight:700;color:var(--lb-text)}.champion-extras{display:flex;gap:1rem}.champion-extra{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--lb-text-secondary)}.champion-extra svg{width:16px;height:16px}.champion-extra.tokens svg{color:var(--lb-gold)}.champion-extra.xp svg{color:var(--lb-accent)}.sort-section{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.sort-tabs-inner{display:flex;background:var(--lb-card);border:3px solid var(--lb-border);border-radius:14px;padding:.35rem;gap:.25rem;box-shadow:3px 3px 0 var(--lb-border)}.sort-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--lb-text-secondary);font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.sort-tab:hover{color:var(--lb-text);background:var(--lb-card-hover)}.sort-tab.active{background:var(--lb-accent);color:#fff;border:2px solid var(--lb-border)}.sort-tab svg{width:14px;height:14px}.ranking-section{background:var(--lb-card);border:3px solid var(--lb-border);border-radius:20px;overflow:hidden;box-shadow:5px 5px 0 var(--lb-border)}.ranking-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:3px solid var(--lb-border);background:var(--lb-card-hover)}.ranking-header h2{font-size:1.25rem;font-weight:700;color:var(--lb-text);margin:0}.ranking-meta{display:flex;align-items:center;gap:1rem}.ranking-count{font-size:.85rem;color:var(--lb-text-muted)}.toggle-btn{display:flex;align-items:center;gap:.4rem;background:var(--lb-card);border:2px solid var(--lb-border);color:var(--lb-text);padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:var(--lb-card-hover);transform:translateY(-1px)}.toggle-btn svg{width:14px;height:14px}.ranking-table-wrapper{overflow-x:auto}.ranking-table{width:100%;border-collapse:collapse}.ranking-table thead{background:var(--lb-card-hover);border-bottom:2px solid var(--lb-border)}.ranking-table th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--lb-text);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ranking-table tbody tr{border-bottom:1px solid rgba(93,78,55,.2);transition:background .2s ease}.ranking-table tbody tr:last-child{border-bottom:none}.ranking-table tbody tr:hover{background:var(--lb-card-hover)}.ranking-table td{padding:.875rem 1.25rem;white-space:nowrap}.rank-cell{display:flex;align-items:center;gap:.5rem}.rank-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.rank-number.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.rank-number.silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#000}.rank-number.bronze{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.rank-number.default{background:var(--lb-card-hover);color:var(--lb-text-secondary)}.player-cell{display:flex;align-items:center;gap:.75rem}.player-avatar{width:36px;height:36px;border-radius:8px;background:var(--lb-card-hover);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.player-info h4{font-size:.9rem;font-weight:500;color:var(--lb-text);margin:0 0 .15rem}.player-id{font-size:.75rem;color:var(--lb-text-muted)}.data-value{font-size:.9rem;font-weight:500;color:var(--lb-text)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:100px;font-size:.7rem;font-weight:500}.status-badge.online{background:#22c55e26;color:var(--lb-success)}.status-badge.offline{background:#64646426;color:var(--lb-text-muted)}.status-dot{width:6px;height:6px;border-radius:50%}.status-badge.online .status-dot{background:var(--lb-success);animation:pulse 2s ease-in-out infinite}.status-badge.offline .status-dot{background:var(--lb-text-muted)}.pagination-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border-top:3px solid var(--lb-border);background:var(--lb-card-hover)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;background:var(--lb-card);border:2px solid var(--lb-border);color:var(--lb-text);cursor:pointer;transition:all .2s ease;font-weight:600}.pagination-btn:hover:not(:disabled){background:var(--lb-accent);border-color:var(--lb-border);color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-nav{width:36px;height:36px;border-radius:8px;position:relative}.pagination-nav svg{width:16px;height:16px}.pagination-nav .double-chevron{position:absolute;margin-left:6px}.pagination-pages{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.pagination-page{min-width:36px;height:36px;border-radius:10px;font-size:.875rem;padding:0 .5rem}.pagination-page.active{background:var(--lb-accent);border-color:var(--lb-border);color:#fff;font-weight:700;box-shadow:2px 2px 0 var(--lb-border)}.pagination-ellipsis{color:var(--lb-text-muted);padding:0 .5rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination-info{font-size:.8rem;color:var(--lb-text-secondary);font-weight:600}.pagination-page:not(.active):hover{background:var(--lb-card-hover);border-color:var(--lb-accent);color:var(--lb-accent)}.mobile-rankings{display:none;padding:1rem;gap:.75rem}.mobile-rank-card{background:var(--lb-card);border:3px solid var(--lb-border);border-radius:16px;padding:1rem;box-shadow:3px 3px 0 var(--lb-border)}.mobile-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.mobile-player{display:flex;align-items:center;gap:.6rem}.mobile-rank{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.mobile-avatar{font-size:1.5rem}.mobile-player-info h4{font-size:.9rem;font-weight:500;color:var(--lb-text);margin:0}.mobile-player-info span{font-size:.7rem;color:var(--lb-text-muted)}.mobile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.mobile-stat{text-align:center}.mobile-stat-label{font-size:.6rem;color:var(--lb-text-muted);text-transform:uppercase;margin-bottom:.2rem}.mobile-stat-value{font-size:.85rem;font-weight:600;color:var(--lb-text)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--lb-border);border-top-color:var(--lb-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p,.empty-state p{color:var(--lb-text-secondary);font-size:.9rem}.empty-state svg{width:48px;height:48px;color:var(--lb-accent);margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.1rem;font-weight:600;color:var(--lb-text);margin:0 0 .5rem}@media (max-width: 1024px){.leaderboard-content{padding:2rem 1.5rem 4rem}.stats-overview{grid-template-columns:repeat(2,1fr)}.top-champions{grid-template-columns:1fr}.champion-card.first{order:-1}.champion-medal{width:60px;height:80px}.medal-icon{font-size:3.5rem}}@media (max-width: 768px){.leaderboard-content{padding:1rem 1rem 4rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem}.stats-overview{grid-template-columns:1fr 1fr;gap:.75rem}.overview-card{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.overview-card>div:first-child{width:100%}.overview-value{font-size:1.25rem;white-space:normal;word-break:break-word}.overview-label{font-size:.65rem}.overview-icon{width:36px;height:36px;align-self:flex-end;margin-top:-2rem}.overview-icon svg{width:18px;height:18px}.champion-stats{grid-template-columns:repeat(3,1fr)}.ranking-table-wrapper{display:none}.mobile-rankings{display:flex;flex-direction:column}.ranking-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.sort-section{justify-content:flex-start;margin-bottom:1rem}.pagination-section{padding:1rem;gap:.75rem}.pagination-controls{gap:.35rem}.pagination-nav,.pagination-page{width:32px;height:32px;min-width:32px}.pagination-nav svg{width:14px;height:14px}.pagination-page{font-size:.8rem}.pagination-pages{gap:.15rem;margin:0 .25rem}.pagination-info{font-size:.75rem}}.avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.champion-avatar .avatar-img{border-radius:12px}.player-avatar .avatar-img{border-radius:8px}.mobile-avatar{width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--lb-card-hover)}.mobile-avatar .avatar-img{border-radius:8px}.chat-container{--chat-bg: var(--bg-cream, #fdf5e6);--chat-card: var(--card-white, #ffffff);--chat-text: var(--text-dark, #5d4e37);--chat-text-secondary: var(--text-medium, #8b7355);--chat-text-muted: var(--text-light, #a89880);--chat-accent-pink: var(--accent-pink, #e8879b);--chat-accent-yellow: var(--accent-yellow, #f5c842);--chat-accent-orange: var(--accent-orange, #f5a442);--chat-accent-green: var(--accent-green, #7cc47e);--chat-border: var(--text-dark, #5d4e37);--chat-shadow: 0 4px 20px rgba(139, 115, 85, .15);--chat-shadow-hover: 0 8px 30px rgba(139, 115, 85, .25)}:root.dark .chat-container{--chat-bg: #1e1a1a;--chat-card: #2a2424;--chat-text: #f5ebe0;--chat-text-secondary: #d5c4b4;--chat-text-muted: #a89888;--chat-accent-pink: #f2a5b3;--chat-accent-yellow: #f7d070;--chat-accent-orange: #e8985a;--chat-accent-green: #9cd49c;--chat-border: #4a4040;--chat-shadow: 0 4px 25px rgba(0, 0, 0, .5);--chat-shadow-hover: 0 8px 35px rgba(242, 165, 179, .2)}.chat-container,.chat-container *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.chat-container{height:calc(100vh - 90px);overflow:hidden;background:var(--chat-bg);background-image:radial-gradient(circle at 10% 20%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%),radial-gradient(circle at 20% 70%,rgba(245,164,66,.08) 0%,transparent 20%);font-family:Fredoka,sans-serif;color:var(--chat-text);padding:1rem 1rem 6rem;position:relative;display:flex;flex-direction:column}.chat-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.chat-content{max-width:1400px;width:100%;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0}.chat-header{margin-bottom:1rem;flex-shrink:0}.chat-title{font-size:1.75rem;font-weight:700;color:var(--chat-text);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;text-shadow:2px 2px 0px rgba(255,255,255,.8)}.chat-title-icon{color:var(--chat-accent-pink);width:1.75rem;height:1.75rem}.chat-subtitle{color:var(--chat-text-secondary);font-size:1rem;font-weight:500}.chat-connection-status{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.chat-status-dot{width:.5rem;height:.5rem;background:var(--chat-accent-green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-status-text{font-size:.875rem;color:var(--chat-accent-green);font-weight:500}.chat-grid{display:grid;grid-template-columns:1fr;gap:1rem;flex:1;min-height:0;overflow:hidden}@media (min-width: 1024px){.chat-grid{grid-template-columns:260px 1fr}}.chat-sidebar{display:none;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden;padding-right:.25rem;min-height:0}@media (min-width: 1024px){.chat-sidebar{display:flex}}.chat-sidebar::-webkit-scrollbar{width:6px}.chat-sidebar::-webkit-scrollbar-track{background:transparent}.chat-sidebar::-webkit-scrollbar-thumb{background:var(--chat-text-muted);border-radius:3px}.chat-sidebar::-webkit-scrollbar-thumb:hover{background:var(--chat-accent-pink)}.chat-card{background:var(--chat-card);border:3px solid var(--chat-border);border-radius:12px;box-shadow:3px 3px 0 var(--chat-border);padding:.875rem;flex-shrink:0}.chat-card-title{font-size:.875rem;font-weight:600;color:var(--chat-text);display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.chat-card-icon{width:.875rem;height:.875rem;color:var(--chat-accent-pink)}.chat-room-list{display:flex;flex-direction:column;gap:.375rem;max-height:160px;overflow-y:auto}.chat-room-btn{width:100%;text-align:left;padding:.5rem .75rem;border-radius:8px;border:2px solid transparent;background:var(--chat-bg);color:var(--chat-text-secondary);font-family:Fredoka,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-room-btn:hover{background:var(--chat-card);border-color:var(--chat-text-muted)}.chat-room-btn.active{background:linear-gradient(135deg,var(--chat-accent-pink) 0%,var(--chat-accent-orange) 100%);color:#fff;border-color:var(--chat-border);box-shadow:2px 2px 0 var(--chat-border)}.chat-room-btn-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem}.chat-room-btn-icon{width:.875rem;height:.875rem}.chat-room-btn-meta{font-size:.7rem;opacity:.75}.chat-user-list{display:flex;flex-direction:column;gap:.25rem;max-height:120px;overflow-y:auto}.chat-user-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;background:transparent;border:2px solid transparent}.chat-user-item:hover{background:var(--chat-bg);border-color:var(--chat-text-muted)}.chat-user-item.active{background:#e8879b26;border-color:var(--chat-accent-pink)}.chat-user-avatar-wrapper{position:relative;flex-shrink:0}.chat-user-avatar{font-size:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--chat-card-hover)}.chat-user-avatar .chat-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.chat-user-status{position:absolute;bottom:-2px;right:-2px;width:.625rem;height:.625rem;border-radius:50%;border:2px solid var(--chat-card)}.chat-user-status.online{background:var(--chat-accent-green)}.chat-user-status.away{background:var(--chat-accent-yellow)}.chat-user-status.offline{background:var(--chat-text-muted)}.chat-user-info{flex:1;min-width:0}.chat-user-name{font-size:.8rem;font-weight:600;color:var(--chat-text);display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user-meta{font-size:.7rem;color:var(--chat-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-unread-badge{background:var(--chat-accent-pink);color:#fff;font-size:.65rem;font-weight:600;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.chat-unread-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--chat-accent-pink);margin-left:.375rem;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.chat-no-users{text-align:center;padding:1rem;color:var(--chat-text-muted);font-size:.875rem}.chat-no-trades{color:var(--chat-text-muted);font-size:.875rem;padding:.5rem 0}.chat-trades-list{display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto}.chat-trade-item{padding:.75rem;border-radius:10px;background:var(--chat-bg);border:2px solid var(--chat-text-muted)}.chat-trade-title{font-size:.875rem;font-weight:600;color:var(--chat-text);margin-bottom:.25rem}.chat-trade-info{font-size:.75rem;color:var(--chat-text-secondary)}.chat-trade-info span{color:var(--chat-text)}.chat-trade-actions{display:flex;gap:.5rem;margin-top:.75rem}.chat-trade-btn{flex:1;padding:.5rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;border:2px solid}.chat-trade-btn.accept{background:#7cc47e33;border-color:var(--chat-accent-green);color:var(--chat-accent-green)}.chat-trade-btn.accept:hover{background:var(--chat-accent-green);color:#fff}.chat-trade-btn.reject{background:#e8879b33;border-color:var(--chat-accent-pink);color:var(--chat-accent-pink)}.chat-trade-btn.reject:hover{background:var(--chat-accent-pink);color:#fff}.chat-refresh-btn{background:transparent;border:none;font-size:.75rem;color:var(--chat-text-muted);cursor:pointer;font-family:Fredoka,sans-serif;font-weight:500}.chat-refresh-btn:hover{color:var(--chat-text)}.chat-main{display:flex;flex-direction:column;background:var(--chat-card);border:3px solid var(--chat-border);border-radius:12px;box-shadow:3px 3px 0 var(--chat-border);overflow:hidden;min-height:0;flex:1}.chat-main-header{padding:.75rem 1rem;border-bottom:3px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between;background:var(--chat-card);flex-shrink:0}.chat-main-header-info{display:flex;align-items:center;gap:.75rem}.chat-main-header-icon{width:1.25rem;height:1.25rem;color:var(--chat-accent-pink)}.chat-main-header-title{font-size:1rem;font-weight:600;color:var(--chat-text)}.chat-main-header-meta{font-size:.8rem;color:var(--chat-text-secondary)}.chat-main-header-actions{display:flex;align-items:center;gap:.5rem}.chat-action-btn{padding:.4rem;border-radius:8px;background:var(--chat-bg);border:2px solid var(--chat-text-muted);color:var(--chat-text-secondary);cursor:pointer;transition:all .2s ease}.chat-action-btn:hover{border-color:var(--chat-accent-pink);color:var(--chat-accent-pink)}.chat-trade-action-btn{font-size:.75rem;padding:.4rem .75rem;border-radius:8px;background:#e8879b26;border:2px solid var(--chat-accent-pink);color:var(--chat-accent-pink);cursor:pointer;font-family:Fredoka,sans-serif;font-weight:600;transition:all .2s ease}.chat-trade-action-btn:hover{background:var(--chat-accent-pink);color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:0;background:var(--chat-bg)}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--chat-text-secondary)}.chat-empty-icon{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5;color:var(--chat-accent-pink)}.chat-system-message{display:flex;justify-content:center;margin:1rem 0}.chat-system-message-content{background:var(--chat-card);color:var(--chat-text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;border:2px solid var(--chat-text-muted)}.chat-message{display:flex;gap:.75rem}.chat-message.sent{flex-direction:row-reverse}.chat-message-avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--chat-accent-pink) 0%,var(--chat-accent-orange) 100%);display:flex;align-items:center;justify-content:center;font-size:.875rem;border:2px solid var(--chat-border);overflow:hidden}.chat-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.chat-message-content{flex:1;max-width:70%}.chat-message.sent .chat-message-content{text-align:right}.chat-message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-message.sent .chat-message-header{justify-content:flex-end}.chat-message-author{font-size:.875rem;font-weight:600;color:var(--chat-text);display:flex;align-items:center;gap:.25rem}.chat-message-time{font-size:.75rem;color:var(--chat-text-muted)}.chat-message-bubble{display:inline-block;padding:.75rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.4;position:relative;border:2px solid var(--chat-border)}.chat-message:not(.sent) .chat-message-bubble{background:var(--chat-card);color:var(--chat-text);border-radius:16px 16px 16px 4px}.chat-message.sent .chat-message-bubble{background:linear-gradient(135deg,var(--chat-accent-pink) 0%,var(--chat-accent-orange) 100%);color:#fff;border-radius:16px 16px 4px;border-color:var(--chat-border)}.chat-message-bubble.deleted{background:var(--chat-bg);color:var(--chat-text-muted);font-style:italic}.chat-message-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.chat-message-bubble:hover .chat-message-actions{opacity:1}.chat-reaction-btn{font-size:.75rem;cursor:pointer;transition:transform .2s ease;background:none;border:none;padding:.125rem}.chat-reaction-btn:hover{transform:scale(1.2)}.chat-delete-btn{background:none;border:none;color:var(--chat-accent-pink);cursor:pointer;opacity:.75;padding:.125rem}.chat-delete-btn:hover{opacity:1}.chat-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.chat-reaction-pill{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;border:2px solid;cursor:pointer;transition:all .2s ease;background:none;font-family:Fredoka,sans-serif}.chat-reaction-pill.active{background:#e8879b33;border-color:var(--chat-accent-pink);color:var(--chat-accent-pink)}.chat-reaction-pill:not(.active){background:var(--chat-bg);border-color:var(--chat-text-muted);color:var(--chat-text-secondary)}.chat-reaction-pill:not(.active):hover{border-color:var(--chat-accent-pink)}.chat-input-area{padding:1rem;border-top:3px solid var(--chat-border);background:var(--chat-card)}.chat-input-wrapper{display:flex;gap:.75rem}.chat-input-container{flex:1;position:relative}.chat-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border-radius:25px;border:3px solid var(--chat-border);background:var(--chat-bg);color:var(--chat-text);font-size:.9rem;font-family:Fredoka,sans-serif;outline:none;transition:all .2s ease}.chat-input:focus{border-color:var(--chat-accent-pink);box-shadow:0 0 0 3px #e8879b33}.chat-input::-moz-placeholder{color:var(--chat-text-muted)}.chat-input::placeholder{color:var(--chat-text-muted)}.chat-emoji-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--chat-text-muted);cursor:pointer;transition:color .2s ease}.chat-emoji-btn:hover{color:var(--chat-accent-pink)}.chat-send-btn{padding:.75rem 1.5rem;border-radius:25px;background:linear-gradient(135deg,var(--chat-accent-pink) 0%,var(--chat-accent-orange) 100%);color:#fff;border:3px solid var(--chat-border);font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:3px 3px 0 var(--chat-border)}.chat-send-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--chat-border)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-icon{width:1rem;height:1rem}.chat-mobile-selector{display:block;margin-bottom:1rem}@media (min-width: 1024px){.chat-mobile-selector{display:none}}.chat-mobile-header{background:var(--chat-card);border:3px solid var(--chat-border);border-radius:12px;padding:.75rem;box-shadow:3px 3px 0 var(--chat-border)}.chat-mobile-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;text-align:left;font-family:Fredoka,sans-serif}.chat-mobile-info{display:flex;align-items:center;gap:.75rem}.chat-mobile-icon{width:1.25rem;height:1.25rem;color:var(--chat-accent-pink)}.chat-mobile-title{font-size:.9rem;font-weight:600;color:var(--chat-text)}.chat-mobile-meta{font-size:.75rem;color:var(--chat-text-muted)}.chat-mobile-chevron{width:1.25rem;height:1.25rem;color:var(--chat-accent-pink)}.chat-mobile-rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.chat-mobile-room-btn{padding:.5rem;border-radius:10px;border:2px solid transparent;background:var(--chat-bg);color:var(--chat-text-secondary);text-align:left;cursor:pointer;font-family:Fredoka,sans-serif;transition:all .2s ease}.chat-mobile-room-btn.active{background:linear-gradient(135deg,var(--chat-accent-pink) 0%,var(--chat-accent-orange) 100%);color:#fff;border-color:var(--chat-border)}.chat-mobile-room-btn:not(.active):hover{background:var(--chat-card);border-color:var(--chat-text-muted)}.chat-mobile-dropdown{margin-top:.75rem;max-height:60vh;overflow-y:auto}.chat-mobile-tabs{display:flex;gap:.25rem;background:var(--chat-bg);border-radius:10px;padding:.25rem;margin-bottom:.75rem}.chat-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border:none;border-radius:8px;background:transparent;color:var(--chat-text-secondary);font-size:.75rem;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease}.chat-mobile-tab:hover{background:var(--chat-card)}.chat-mobile-tab.active{background:var(--chat-accent-pink);color:#fff}.chat-mobile-tab svg{width:.875rem;height:.875rem}.chat-mobile-users{display:flex;flex-direction:column;gap:.375rem;max-height:40vh;overflow-y:auto}.chat-mobile-trades{display:flex;flex-direction:column;gap:.5rem}.chat-mobile-trades-header{display:flex;justify-content:flex-end;margin-bottom:.25rem}.chat-role-icon{width:.75rem;height:.75rem}.chat-role-icon.admin{color:var(--chat-accent-yellow)}.chat-role-icon.expert{color:#60a5fa}.chat-role-icon.helper{color:var(--chat-accent-green)}.chat-trade-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.chat-trade-modal{width:100%;max-width:48rem;background:var(--chat-card);border:3px solid var(--chat-border);border-radius:20px;overflow:hidden;box-shadow:8px 8px 0 var(--chat-border)}.chat-trade-modal-header{padding:1rem;border-bottom:3px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between;background:var(--chat-bg)}.chat-trade-modal-user{display:flex;align-items:center;gap:.75rem}.chat-trade-modal-avatar{font-size:1.5rem}.chat-trade-modal-name{font-weight:600;color:var(--chat-text)}.chat-trade-modal-cost{font-size:.75rem;color:var(--chat-text-secondary)}.chat-trade-modal-cost span{color:var(--chat-accent-green)}.chat-trade-modal-close{background:none;border:none;font-size:1.5rem;color:var(--chat-text-secondary);cursor:pointer}.chat-trade-modal-close:hover{color:var(--chat-text)}.chat-trade-modal-body{padding:1rem;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.chat-trade-modal-body{grid-template-columns:repeat(2,1fr)}}.chat-trade-section-title{font-weight:600;color:var(--chat-text);margin-bottom:.75rem}.chat-trade-inventory{max-height:18rem;overflow-y:auto;padding-right:.25rem}.chat-trade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 640px){.chat-trade-grid{grid-template-columns:repeat(3,1fr)}}.chat-trade-item-btn{padding:.75rem;border-radius:12px;border:2px solid var(--chat-text-muted);background:var(--chat-bg);text-align:left;cursor:pointer;transition:all .2s ease;font-family:Fredoka,sans-serif}.chat-trade-item-btn:hover{border-color:var(--chat-accent-pink)}.chat-trade-item-btn.selected{background:#e8879b26;border-color:var(--chat-accent-pink)}.chat-trade-item-emoji{font-size:1.5rem;margin-bottom:.5rem}.chat-trade-item-name{font-size:.75rem;font-weight:600;color:var(--chat-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-trade-item-category{font-size:.65rem;color:var(--chat-text-secondary);text-transform:capitalize}.chat-trade-empty{text-align:center;padding:1.5rem;color:var(--chat-text-secondary);font-size:.875rem}.chat-trade-modal-footer{padding:1rem;border-top:3px solid var(--chat-border);display:flex;flex-direction:column;gap:.75rem;background:var(--chat-bg)}@media (min-width: 640px){.chat-trade-modal-footer{flex-direction:row;align-items:center;justify-content:space-between}}.chat-trade-summary{font-size:.875rem;color:var(--chat-text-secondary)}.chat-trade-summary span{font-weight:600;color:var(--chat-text)}.chat-trade-confirm-btn{width:100%;padding:.75rem 1.25rem;border-radius:25px;background:linear-gradient(135deg,var(--chat-accent-pink) 0%,var(--chat-accent-orange) 100%);color:#fff;border:3px solid var(--chat-border);font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--chat-border)}@media (min-width: 640px){.chat-trade-confirm-btn{width:auto}}.chat-trade-confirm-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--chat-border)}.chat-trade-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.chat-no-users,.chat-no-trades{text-align:center;padding:1rem;color:var(--chat-text-muted);font-size:.875rem}.chat-messages::-webkit-scrollbar,.chat-user-list::-webkit-scrollbar,.chat-trades-list::-webkit-scrollbar,.chat-trade-inventory::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.chat-user-list::-webkit-scrollbar-track,.chat-trades-list::-webkit-scrollbar-track,.chat-trade-inventory::-webkit-scrollbar-track{background:var(--chat-bg);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb,.chat-user-list::-webkit-scrollbar-thumb,.chat-trades-list::-webkit-scrollbar-thumb,.chat-trade-inventory::-webkit-scrollbar-thumb{background:var(--chat-text-muted);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.chat-user-list::-webkit-scrollbar-thumb:hover,.chat-trades-list::-webkit-scrollbar-thumb:hover,.chat-trade-inventory::-webkit-scrollbar-thumb:hover{background:var(--chat-accent-pink)}.chat-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;backdrop-filter:blur(8px)}.chat-modal{width:100%;max-width:48rem;background:#fdf5e6;border:3px solid #5d4e37;border-radius:16px;box-shadow:6px 6px #5d4e37;overflow:hidden}:root.dark .chat-modal{background:#2a2424;border-color:#4a4040;box-shadow:6px 6px #4a4040}.chat-modal-header{padding:1rem;border-bottom:3px solid #5d4e37;display:flex;align-items:center;justify-content:space-between;background:#fdf5e6}:root.dark .chat-modal-header{border-color:#4a4040;background:#2a2424}.chat-modal-header-info{display:flex;align-items:center;gap:.75rem}.chat-modal-avatar{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--chat-card-hover)}.chat-modal-avatar .chat-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.chat-modal-title{font-size:1rem;font-weight:600;color:#5d4e37}:root.dark .chat-modal-title{color:#f5ebe0}.chat-modal-meta{font-size:.75rem;color:#8b7355}:root.dark .chat-modal-meta{color:#d5c4b4}.chat-modal-tag{color:var(--chat-accent-green);font-weight:600}.chat-modal-close{background:none;border:none;font-size:1.5rem;color:var(--chat-text-muted);cursor:pointer;transition:color .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.chat-modal-close:hover{color:var(--chat-accent-pink)}.chat-modal-body{padding:1rem;display:grid;grid-template-columns:1fr;gap:1.5rem;background:#fdf5e6}:root.dark .chat-modal-body{background:#2a2424}@media (min-width: 1024px){.chat-modal-body{grid-template-columns:1fr 1fr}}.chat-modal-section-title{font-size:.875rem;font-weight:600;color:#5d4e37;margin-bottom:.75rem}:root.dark .chat-modal-section-title{color:#f5ebe0}.chat-modal-grid{max-height:18rem;overflow-y:auto;padding-right:.25rem}.chat-modal-footer{padding:1rem;border-top:3px solid #5d4e37;display:flex;flex-direction:column;gap:.75rem;background:#fdf5e6}:root.dark .chat-modal-footer{border-color:#4a4040;background:#2a2424}@media (min-width: 640px){.chat-modal-footer{flex-direction:row;align-items:center;justify-content:space-between}}.chat-modal-summary{font-size:.875rem;color:#8b7355}:root.dark .chat-modal-summary{color:#d5c4b4}.chat-modal-summary-value{color:#5d4e37;font-weight:600}:root.dark .chat-modal-summary-value{color:#f5ebe0}.chat-modal-confirm-btn{width:100%;padding:.75rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#e8879b,#f5a442);color:#fff;border:3px solid #5d4e37;font-weight:600;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px #5d4e37}:root.dark .chat-modal-confirm-btn{border-color:#4a4040;box-shadow:3px 3px #4a4040}@media (min-width: 640px){.chat-modal-confirm-btn{width:auto}}.chat-modal-confirm-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px #5d4e37}:root.dark .chat-modal-confirm-btn:hover:not(:disabled){box-shadow:5px 5px #4a4040}.chat-modal-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.chat-inventory-empty{text-align:center;padding:2rem 1rem;color:var(--chat-text-muted);font-size:.875rem}.chat-inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 640px){.chat-inventory-grid{grid-template-columns:repeat(3,1fr)}}.chat-inventory-item{padding:.75rem;border-radius:12px;border:2px solid #a89880;background:#fdf5e6;text-align:left;cursor:pointer;transition:all .2s ease;font-family:Fredoka,sans-serif}:root.dark .chat-inventory-item{border-color:#a89888;background:#1e1a1a}.chat-inventory-item:hover{border-color:#e8879b;background:#fff}:root.dark .chat-inventory-item:hover{border-color:#f2a5b3;background:#2a2424}.chat-inventory-item.selected{border-color:#e8879b;background:#e8879b26;box-shadow:2px 2px #5d4e37}:root.dark .chat-inventory-item.selected{border-color:#f2a5b3;box-shadow:2px 2px #4a4040}.chat-inventory-item-image{width:100%;height:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;border-radius:8px;background:transparent;border:2px solid #a89880;overflow:hidden}:root.dark .chat-inventory-item-image{background:#f5ebe0;border-color:#a89888}.chat-inventory-item-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.chat-inventory-item-emoji{font-size:1.75rem;display:flex;align-items:center;justify-content:center}.chat-inventory-item-name{font-size:.75rem;font-weight:600;color:#5d4e37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem}:root.dark .chat-inventory-item-name{color:#f5ebe0}.chat-inventory-item-category{font-size:.65rem;color:#a89880;text-transform:capitalize}:root.dark .chat-inventory-item-category{color:#a89888}@media (max-width: 768px){.chat-container{padding:.5rem .5rem 5rem;height:calc(100vh - 70px)}.chat-grid{gap:.5rem}.chat-mobile-header{padding:.5rem}.chat-mobile-rooms{max-height:50vh;overflow-y:auto}.chat-mobile-room-btn{padding:.625rem;font-size:.825rem}.chat-main{border-radius:10px}.chat-main-header{padding:.5rem .75rem}.chat-main-header-title{font-size:.9rem}.chat-main-header-meta{font-size:.7rem;display:none}.chat-messages{padding:.75rem;gap:.5rem}.chat-message-content{max-width:85%}.chat-message-bubble{padding:.6rem .85rem;font-size:.85rem;border-radius:14px}.chat-message-avatar{width:1.75rem;height:1.75rem;font-size:.75rem}.chat-message-author{font-size:.75rem}.chat-message-time{font-size:.65rem}.chat-input-area{padding:.75rem}.chat-input-wrapper{gap:.5rem}.chat-input{padding:.6rem 2rem .6rem .85rem;font-size:.85rem;border-radius:20px;border-width:2px}.chat-send-btn{padding:.6rem 1rem;font-size:.85rem;border-radius:20px;border-width:2px;box-shadow:2px 2px 0 var(--chat-border)}.chat-send-btn span{display:none}.chat-send-icon{width:1.125rem;height:1.125rem}.chat-system-message-content{padding:.4rem .75rem;font-size:.75rem}.chat-action-btn{padding:.3rem}.chat-trade-action-btn{padding:.35rem .5rem;font-size:.7rem}}@media (max-width: 480px){.chat-container{padding:.375rem}.chat-main-header-info{gap:.5rem}.chat-main-header-icon{width:1rem;height:1rem}.chat-message{gap:.5rem}.chat-message-avatar{width:1.5rem;height:1.5rem}.chat-message-content{max-width:88%}.chat-message-bubble{padding:.5rem .75rem;font-size:.8rem}.chat-input{padding:.5rem 1.75rem .5rem .75rem;font-size:.8rem}.chat-send-btn{padding:.5rem .75rem}}@media (min-width: 768px) and (max-width: 1023px){.chat-container{padding:.75rem .75rem 6rem}.chat-mobile-header{padding:.625rem}.chat-mobile-rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.chat-message-content{max-width:75%}}@media (max-width: 1023px){.hidden.lg\\:block{display:block!important}}.login-container{--login-bg: #FDF5E6;--login-surface: #FFFFFF;--login-surface-light: #FCEBD5;--login-accent: #E8879B;--login-accent-secondary: #F5C842;--login-accent-tertiary: #F5A442;--login-accent-glow: rgba(232, 135, 155, .3);--login-success: #7CC47E;--login-warning: #F5A442;--login-danger: #ef4444;--login-text: #5D4E37;--login-text-muted: #8B7355;--login-border: #5D4E37;--login-radius: 16px;--login-card-shadow: 4px 4px 0 #5D4E37}:root.dark .login-container{--login-bg: #1e1a1a;--login-surface: #2a2424;--login-surface-light: #352e2e;--login-accent: #f2a5b3;--login-accent-secondary: #f7d070;--login-accent-tertiary: #e8985a;--login-accent-glow: rgba(242, 165, 179, .3);--login-success: #9cd49c;--login-warning: #e8985a;--login-danger: #f87171;--login-text: #f5ebe0;--login-text-muted: #d5c4b4;--login-border: #5D4E37;--login-card-shadow: 4px 4px 0 rgba(0, 0, 0, .4)}.login-container,.login-container *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.login-container{min-height:100vh;padding:2rem;background:var(--login-bg);background-image:radial-gradient(circle at 10% 20%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%),radial-gradient(circle at 20% 70%,rgba(245,164,66,.08) 0%,transparent 20%);color:var(--login-text);font-family:Fredoka,sans-serif;display:flex;align-items:center;justify-content:center;position:relative}.login-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}:root.dark .login-container:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23f5ebe0' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E")}.login-content{max-width:1200px;width:100%;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2rem}.login-logo-container{width:300px;height:100px;margin:0 auto 1.5rem}.login-logo-container img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(1089%) hue-rotate(357deg) brightness(97%) contrast(87%)}:root.dark .login-logo-container img{filter:none}.login-subtitle{font-size:1.25rem;color:var(--login-text-muted);font-weight:500;margin-bottom:1.5rem}.login-stats-row{display:none;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media (min-width: 640px){.login-stats-row{display:grid}}.login-stat-card{background:var(--login-surface);border:3px solid var(--login-border);border-radius:var(--login-radius);padding:1.25rem;text-align:center;position:relative;box-shadow:var(--login-card-shadow)}.login-stat-card.green{border-color:var(--login-success)}.login-stat-card.yellow{border-color:var(--login-accent-secondary)}.login-stat-card.pink{border-color:var(--login-accent)}.login-stat-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.login-stat-label{font-weight:600;font-size:.9rem}.login-stat-label.green{color:var(--login-success)}.login-stat-label.yellow{color:var(--login-accent-secondary)}.login-stat-label.pink{color:var(--login-accent)}.login-stat-value{font-size:2rem;font-weight:700;color:var(--login-text);margin-bottom:.25rem}.login-stat-desc{font-size:.85rem;color:var(--login-text-muted)}.login-stat-badge{position:absolute;top:8px;right:8px;background:var(--login-success);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:12px;font-weight:600}.login-stat-pulse{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.login-stat-pulse.yellow{background:var(--login-accent-secondary)}.login-stat-pulse.pink{background:var(--login-accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.login-main-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 1024px){.login-main-grid{grid-template-columns:1fr 1fr;gap:3rem}}.login-info-card{background:var(--login-surface);border:3px solid var(--login-border);border-radius:20px;padding:2rem;box-shadow:var(--login-card-shadow)}.login-info-card.yellow-border{border-color:var(--login-accent-secondary)}.login-info-card.pink-border{border-color:var(--login-accent)}.login-token-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.login-token-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--login-accent-secondary) 0%,var(--login-accent-tertiary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--login-border)}.login-token-icon svg{width:28px;height:28px;color:#fff}.login-token-title{font-size:1.5rem;font-weight:700;color:var(--login-text);margin:0}.login-token-subtitle{color:var(--login-accent-secondary);font-weight:500}.login-token-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.login-token-stat-label{font-size:.85rem;color:var(--login-text-muted)}.login-token-stat-value{font-size:1.25rem;font-weight:700;color:var(--login-text)}.login-features-title{font-size:1.5rem;font-weight:700;color:var(--login-text);margin:0 0 1.5rem}.login-features-list{display:flex;flex-direction:column;gap:1rem}.login-feature-item{display:flex;align-items:center;gap:1rem}.login-feature-icon{width:36px;height:36px;background:var(--login-surface-light);border:2px solid var(--login-border);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-feature-icon.yellow svg{color:var(--login-accent-secondary)}.login-feature-icon.green svg{color:var(--login-success)}.login-feature-icon.pink svg{color:var(--login-accent)}.login-feature-icon.blue svg{color:#60a5fa}.login-feature-text{font-size:1rem;color:var(--login-text);font-weight:500}.login-connect-card{background:var(--login-surface);border:3px solid var(--login-border);border-radius:20px;padding:2.5rem;box-shadow:6px 6px 0 var(--login-border);text-align:center}.login-connect-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.login-connect-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--login-accent) 0%,var(--login-accent-tertiary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--login-border)}.login-connect-icon svg{width:36px;height:36px;color:#fff}.login-connect-title{font-size:1.75rem;font-weight:700;color:var(--login-text);margin:0 0 .75rem}.login-connect-subtitle{font-size:1rem;color:var(--login-text-muted);margin-bottom:2rem;line-height:1.5}.login-connect-button-wrapper{margin-bottom:1.5rem}.login-connect-hint{font-size:.9rem;color:var(--login-text-muted)}.login-connect-options{background:var(--login-surface-light);border:2px solid var(--login-border);border-radius:var(--login-radius);padding:1.25rem;margin-top:1.5rem}.login-connect-options-title{font-size:1rem;font-weight:600;color:var(--login-text);margin:0 0 1rem;text-align:center}.login-connect-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.login-connect-option{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--login-text)}.login-connect-option svg{width:16px;height:16px}.login-connected-info{background:#7cc47e26;border:2px solid var(--login-success);border-radius:var(--login-radius);padding:1rem;margin-bottom:1.5rem}.login-connected-row{display:flex;align-items:center;gap:.75rem}.login-connected-dot{width:12px;height:12px;background:var(--login-success);border-radius:50%}.login-connected-label{color:var(--login-success);font-weight:600}.login-connected-address{font-family:monospace;font-size:.9rem;color:var(--login-text)}.login-redirecting{text-align:center;margin-bottom:1rem}.login-redirecting-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.login-redirecting-text{font-weight:600;color:var(--login-text)}.login-spinner{width:24px;height:24px;border:3px solid var(--login-surface-light);border-top-color:var(--login-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.login-disconnect-btn{width:100%;padding:.75rem;background:transparent;border:none;color:var(--login-text-muted);font-size:.9rem;cursor:pointer;transition:color .2s;font-family:Fredoka,sans-serif}.login-disconnect-btn:hover{color:var(--login-text)}.login-clear-btn{width:100%;padding:.75rem;background:transparent;border:none;color:var(--login-danger);font-size:.9rem;cursor:pointer;transition:color .2s;font-family:Fredoka,sans-serif}.login-clear-btn:hover{color:#dc2626}.login-mobile-token-card{display:block;margin-bottom:1.5rem}@media (min-width: 1024px){.login-mobile-token-card{display:none}}.login-desktop-token-card{display:none}@media (min-width: 1024px){.login-desktop-token-card{display:block}}@media (max-width: 480px){.login-container{padding:.75rem}.login-logo-container{width:180px;height:60px}.login-subtitle{font-size:.9rem;padding:0 .5rem}.login-info-card,.login-connect-card{padding:1.25rem;border-radius:16px}.login-connect-title{font-size:1.25rem}.login-connect-subtitle{font-size:.9rem}.login-connect-icon{width:60px;height:60px}.login-connect-icon svg{width:28px;height:28px}.login-token-header{flex-direction:column;text-align:center;gap:.75rem}.login-token-icon{width:48px;height:48px}.login-token-icon svg{width:24px;height:24px}.login-token-title{font-size:1.25rem}.login-token-stats{gap:1rem}.login-token-stat-value{font-size:1.1rem}.login-features-title{font-size:1.25rem}.login-feature-item{gap:.75rem}.login-feature-icon{width:32px;height:32px}.login-feature-icon svg{width:16px;height:16px}.login-feature-text{font-size:.9rem}.login-connect-options-grid{grid-template-columns:1fr;gap:.5rem}.login-connect-option{font-size:.8rem}.login-main-grid{gap:1.25rem}}@media (min-width: 481px) and (max-width: 640px){.login-container{padding:1rem}.login-logo-container{width:250px;height:85px}.login-subtitle{font-size:1rem}.login-info-card,.login-connect-card{padding:1.5rem}.login-connect-title{font-size:1.5rem}}@media (min-width: 641px) and (max-width: 768px){.login-logo-container{width:350px;height:115px}.login-stats-row{gap:1rem}.login-stat-card{padding:1rem}.login-stat-value{font-size:1.5rem}.login-stat-desc{font-size:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.login-logo-container{width:450px;height:145px}.login-main-grid{gap:2rem}}@media (min-width: 1025px){.login-logo-container{width:550px;height:180px}.login-main-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (min-width: 1280px){.login-logo-container{width:600px;height:200px}.login-content{max-width:1400px}}[data-testid=tw-modal-title-icon] img,.tw-connected-wallet__modal img,[class*=Modal] img[src*=Miaoo],div[role=dialog] img[src*=Miaoo]{filter:brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(1089%) hue-rotate(357deg) brightness(97%) contrast(87%)!important}:root.dark [data-testid=tw-modal-title-icon] img,:root.dark .tw-connected-wallet__modal img,:root.dark [class*=Modal] img[src*=Miaoo],:root.dark div[role=dialog] img[src*=Miaoo]{filter:none!important}.genesis-mint-container{--gm-bg-primary: #FDF6E3;--gm-bg-secondary: #FCEBD5;--gm-bg-card: #FFFFFF;--gm-text-primary: #5D4E37;--gm-text-secondary: #8B7355;--gm-text-muted: #A89F91;--gm-accent-primary: #E8879B;--gm-accent-secondary: #F5C842;--gm-accent-tertiary: #CD8B62;--gm-accent-success: #7CB342;--gm-border-color: #5D4E37;--gm-card-shadow: 0 4px 20px rgba(139, 115, 85, .15);--gm-card-shadow-hover: 0 8px 30px rgba(139, 115, 85, .25);--gm-gradient-primary: linear-gradient(135deg, #E8879B 0%, #CD8B62 100%);--gm-gradient-secondary: linear-gradient(135deg, #F5C842 0%, #CD8B62 100%);--gm-overlay-bg: rgba(253, 246, 227, .03);--gm-progress-bg: rgba(93, 78, 55, .1)}:root.dark .genesis-mint-container{--gm-bg-primary: #1e1a1a;--gm-bg-secondary: #2a2424;--gm-bg-card: #352e2e;--gm-text-primary: #f5ebe0;--gm-text-secondary: #d5c4b4;--gm-text-muted: #8B7355;--gm-accent-primary: #f2a5b3;--gm-accent-secondary: #f7d070;--gm-accent-tertiary: #e8985a;--gm-accent-success: #9cd49c;--gm-border-color: #5D4E37;--gm-card-shadow: 0 4px 25px rgba(0, 0, 0, .5);--gm-card-shadow-hover: 0 8px 35px rgba(242, 165, 179, .2);--gm-gradient-primary: linear-gradient(135deg, #f2a5b3 0%, #e8985a 100%);--gm-gradient-secondary: linear-gradient(135deg, #f7d070 0%, #e8985a 100%);--gm-overlay-bg: rgba(30, 26, 26, .03);--gm-progress-bg: rgba(245, 235, 224, .1)}.genesis-mint-container,.genesis-mint-container *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.genesis-mint-container{min-height:100vh;background:var(--gm-bg-primary);background-image:radial-gradient(circle at 10% 20%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%),radial-gradient(circle at 20% 70%,rgba(245,164,66,.08) 0%,transparent 20%);padding:2rem 2rem 4rem;position:relative;overflow:hidden;font-family:Fredoka,sans-serif;color:var(--gm-text-primary)}.genesis-mint-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.genesis-mint-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.mint-section{text-align:center;display:flex;flex-direction:column;align-items:center}.genesis-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:var(--gm-text-primary);animation:fadeInDown .8s ease}.gradient-text{color:var(--gm-accent-primary)}.genesis-subtitle{font-size:1.25rem;color:var(--gm-text-secondary);margin-bottom:3rem;animation:fadeInUp .8s ease}.mint-card{background:var(--gm-bg-card);border-radius:24px;padding:3rem;width:100%;max-width:500px;margin:0 auto 4rem;box-shadow:var(--gm-card-shadow)}.rough-border-container.mint-card{display:block;margin-left:auto;margin-right:auto}.mint-info{margin-bottom:2rem}.info-row{display:flex;justify-content:space-between;padding:1rem;margin-bottom:.5rem;background:var(--gm-bg-secondary);border-radius:12px;border:2px solid var(--gm-border-color)}.info-label{color:var(--gm-text-secondary);font-weight:500}.info-value{color:var(--gm-accent-primary);font-weight:700}.mint-button{width:100%;padding:1.25rem 2rem;font-size:1.125rem;font-weight:700;color:#5d4e37;background:var(--gm-accent-primary);border:3px solid var(--gm-border-color);border-radius:25px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:3px 3px 0 var(--gm-border-color);font-family:Fredoka,sans-serif}.mint-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--gm-border-color)}.mint-button:disabled{opacity:.6;cursor:not-allowed}.mint-button.minting{background:var(--gm-accent-tertiary)}.spinner{width:20px;height:20px;border:3px solid var(--gm-bg-secondary);border-top-color:#5d4e37;border-radius:50%;animation:spin .8s linear infinite}.error-message{margin-top:1rem;padding:1.25rem 1.5rem;background:var(--gm-bg-secondary);border:3px solid var(--gm-accent-tertiary);border-radius:16px;color:var(--gm-accent-tertiary);font-size:.95rem;font-weight:500;text-align:center;line-height:1.5;font-family:Fredoka,sans-serif;box-shadow:3px 3px 0 var(--gm-accent-tertiary)}.error-message:before{content:"😿 ";font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem;width:100%}.feature-card{background:var(--gm-bg-card);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;box-shadow:var(--gm-card-shadow)}.feature-card:hover{transform:translateY(-5px);border-color:var(--gm-accent-primary);box-shadow:var(--gm-card-shadow-hover)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--gm-text-primary)}.feature-card p{color:var(--gm-text-secondary);font-size:.875rem;line-height:1.6}.lootbox-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);position:relative;gap:1.5rem;padding:1rem 0}.lootbox{width:200px;height:200px;position:relative;animation:float 3s ease-in-out infinite}.box-front{width:100%;height:100%;position:relative;background:var(--gm-gradient-secondary);border-radius:20px;border:4px solid var(--gm-border-color);box-shadow:var(--gm-card-shadow);display:flex;align-items:center;justify-content:center;overflow:hidden}.box-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:rotate 8s linear infinite}.box-particles{position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.6"/><circle cx="80" cy="30" r="1.5" fill="white" opacity="0.4"/><circle cx="50" cy="70" r="2.5" fill="white" opacity="0.5"/><circle cx="30" cy="80" r="1" fill="white" opacity="0.3"/><circle cx="70" cy="50" r="2" fill="white" opacity="0.7"/></svg>');animation:drift 15s linear infinite}.box-content{position:relative;z-index:2;text-align:center}.mystery-icon{font-size:6rem;animation:pulse 2s ease-in-out infinite}.opening-text{margin-top:1rem;font-size:1.5rem;font-weight:700;color:var(--gm-text-primary);animation:blink 1s ease-in-out infinite}.lootbox.opening{animation:shake .5s ease-in-out,explode .5s ease-in-out .5s forwards}.reveal-particles{position:absolute;top:50%;left:50%;width:0;height:0}.particle{position:absolute;width:10px;height:10px;background:var(--gm-gradient-primary);border-radius:50%;animation:explodeParticle 1s ease-out forwards;animation-delay:var(--delay);opacity:0}.minting-progress{width:100%;max-width:700px;padding:1.5rem;background:var(--gm-bg-card);border-radius:20px;box-shadow:var(--gm-card-shadow)}.progress-stages{display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative}.progress-stages:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:2px;background:var(--gm-text-muted);z-index:0}.progress-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;z-index:1}.stage-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease;background:var(--gm-bg-secondary);border:2px solid var(--gm-border-color)}.progress-stage.pending .stage-indicator{background:var(--gm-bg-secondary);border-color:var(--gm-text-muted);color:var(--gm-text-muted)}.progress-stage.active .stage-indicator{background:var(--gm-accent-primary);border-color:var(--gm-border-color);color:var(--gm-bg-card);animation:pulse 2s ease-in-out infinite;box-shadow:0 0 15px #e8879b66}.progress-stage.completed .stage-indicator{background:var(--gm-accent-success);border-color:var(--gm-border-color);color:var(--gm-text-primary);box-shadow:0 0 10px #7cc47e4d}.stage-number{font-size:1rem}.checkmark{font-size:1.25rem}.stage-label{font-size:.75rem;color:var(--gm-text-muted);text-align:center;max-width:100px;line-height:1.2;transition:color .3s ease}.progress-stage.active .stage-label{color:var(--gm-accent-primary);font-weight:600}.progress-stage.completed .stage-label{color:var(--gm-accent-success)}.progress-bar-container{width:100%;height:8px;background:var(--gm-bg-secondary);border-radius:10px;overflow:hidden;margin-bottom:1rem;border:1px solid var(--gm-text-muted)}.progress-bar-fill{height:100%;background:var(--gm-gradient-secondary);border-radius:10px;transition:width .3s ease}.progress-status{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.status-text{font-size:.875rem;color:var(--gm-text-secondary);font-weight:500}.status-percentage{font-size:1rem;font-weight:700;color:var(--gm-accent-primary)}.reveal-section{padding:2rem;animation:fadeIn 1s ease}.reveal-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:3rem;color:var(--gm-text-primary);animation:slideDown .8s ease}.nft-display{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto}.nft-image-container{position:relative;aspect-ratio:1;border-radius:24px;overflow:hidden;background:var(--gm-bg-card);box-shadow:var(--gm-card-shadow)}.nft-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:fadeIn .5s ease}.nft-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gm-text-muted)}.loading-spinner{width:50px;height:50px;border:4px solid var(--gm-bg-secondary);border-top-color:var(--gm-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.token-id-badge{position:absolute;top:1rem;right:1rem;background:var(--gm-accent-secondary);color:var(--gm-text-primary);padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:1.25rem;border:3px solid var(--gm-border-color)}.nft-details{display:flex;flex-direction:column;gap:1rem;animation:slideRight .8s ease}.nft-name{font-size:1.75rem;font-weight:800;color:var(--gm-text-primary);margin-bottom:.5rem}.traits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.trait-card{background:var(--gm-bg-secondary);border-radius:16px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;transition:all .3s ease}.trait-card:hover{border-color:var(--gm-accent-primary);transform:translateY(-2px)}.trait-label{display:block;font-size:.7rem;color:var(--gm-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.35rem}.trait-value{display:block;font-size:.95rem;color:var(--gm-text-primary);font-weight:700}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.view-button{flex:1;padding:1rem;text-align:center;border-radius:25px;font-weight:600;text-decoration:none;transition:all .3s ease;border:3px solid var(--gm-border-color);font-family:Fredoka,sans-serif}.view-button.opensea{background:var(--gm-bg-secondary);color:var(--gm-accent-primary)}.view-button.opensea:hover{background:var(--gm-accent-primary);color:var(--gm-bg-card);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--gm-border-color)}.view-button.etherscan{background:var(--gm-bg-secondary);color:var(--gm-accent-tertiary)}.view-button.etherscan:hover{background:var(--gm-accent-tertiary);color:var(--gm-bg-card);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--gm-border-color)}.mint-another-button{width:100%;padding:1.25rem;font-size:1.125rem;font-weight:700;color:var(--gm-bg-card);background:var(--gm-accent-secondary);border:3px solid var(--gm-border-color);border-radius:25px;cursor:pointer;transition:all .3s ease;margin-top:1rem;font-family:Fredoka,sans-serif;box-shadow:3px 3px 0 var(--gm-border-color)}.mint-another-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--gm-border-color)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drift{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-5deg)}75%{transform:translate(10px) rotate(5deg)}}@keyframes explode{to{transform:scale(0);opacity:0}}@keyframes explodeParticle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 968px){.nft-display{grid-template-columns:1fr}.genesis-title{font-size:2.5rem}.traits-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}@media (max-width: 640px){.genesis-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.lootbox{width:250px;height:250px}.mystery-icon{font-size:4rem}.minting-progress{padding:1rem}.progress-stages{gap:.5rem}.stage-indicator{width:32px;height:32px;font-size:.75rem}.stage-label{font-size:.65rem;max-width:70px}.status-text{font-size:.75rem}.status-percentage{font-size:.875rem}}.xp-award-banner{background:var(--gm-accent-secondary);color:var(--gm-bg-card);padding:1rem 2rem;border-radius:25px;font-size:1.5rem;font-weight:700;margin:1.5rem auto;max-width:400px;border:3px solid var(--gm-border-color);box-shadow:3px 3px 0 var(--gm-border-color);animation:xpPulse 2s ease-in-out infinite;text-align:center;font-family:Fredoka,sans-serif}@keyframes xpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.cat-minting-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:2rem}.animation-container{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.cat-canvas-animated{width:300px;height:300px;border-radius:50%;position:relative;z-index:2;box-shadow:0 0 40px #e8879b99,0 0 80px #f5a44266,0 0 120px #f5c8424d;animation:catPulse 2s ease-in-out infinite,catRotate 8s linear infinite;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border:4px solid #5D4E37}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(232,135,155,.4) 0%,rgba(245,164,66,.3) 30%,rgba(245,200,66,.2) 60%,transparent 100%);animation:glowPulse 2s ease-in-out infinite alternate;z-index:1}.particles-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:0}.floating-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#e8879bcc,#f5a44266);border-radius:50%;top:50%;left:50%;animation:floatParticle var(--duration) ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 10px #e8879b99}.minting-text{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.text-glow{font-size:1.75rem;font-weight:800;color:#5d4e37;animation:textPulse 2s ease-in-out infinite;position:relative;font-family:Fredoka,sans-serif}.text-glow:after{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;color:#e8879b;filter:blur(15px);opacity:.5}.trait-shuffle{font-size:1.1rem;color:#8b7355;font-weight:600;animation:shuffleText .6s ease-in-out infinite;letter-spacing:2px;text-transform:uppercase;font-family:Fredoka,sans-serif}.trait-shuffle:before{content:"✨ ";animation:sparkle 1.5s ease-in-out infinite}.trait-shuffle:after{content:" ✨";animation:sparkle 1.5s ease-in-out infinite;animation-delay:.75s}@keyframes catPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #e8879b99,0 0 80px #f5a44266,0 0 120px #f5c8424d}50%{transform:scale(1.05);box-shadow:0 0 60px #e8879bcc,0 0 100px #f5a44299,0 0 140px #f5c84266}}@keyframes catRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(30deg)}}@keyframes glowPulse{0%{transform:translate(-50%,-50%) scale(.95);opacity:.5}to{transform:translate(-50%,-50%) scale(1.05);opacity:.8}}@keyframes floatParticle{0%,to{transform:translate(0) scale(.5);opacity:0}10%{opacity:1}50%{transform:translate(var(--x),var(--y)) scale(1);opacity:.8}90%{opacity:1}to{opacity:0}}@keyframes textPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes shuffleText{0%,to{opacity:1}50%{opacity:.6}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 640px){.animation-container{width:320px;height:320px}.cat-canvas-animated{width:240px;height:240px}.glow-effect{width:280px;height:280px}.rotating-ring{width:300px;height:300px}.text-glow{font-size:1.4rem}.trait-shuffle{font-size:.9rem}}:root{--bg-cream: #FDF5E6;--bg-warm: #FCEBD5;--bg-white: #FFFFFF;--text-dark: #5D4E37;--text-medium: #8B7355;--text-light: #A89880;--accent-pink: #E8879B;--accent-yellow: #F5C842;--accent-orange: #F5A442;--accent-green: #7CC47E;--card-white: #FFFFFF;--card-shadow: 0 4px 20px rgba(139, 115, 85, .15);--card-shadow-hover: 0 8px 30px rgba(139, 115, 85, .25)}:root.dark{--bg-cream: #1e1a1a;--bg-warm: #2a2424;--bg-white: #352e2e;--text-dark: #f5ebe0;--text-medium: #d5c4b4;--text-light: #a89888;--accent-pink: #f2a5b3;--accent-yellow: #f7d070;--accent-orange: #e8985a;--accent-green: #9cd49c;--card-white: #2a2424;--card-shadow: 0 4px 25px rgba(0, 0, 0, .5);--card-shadow-hover: 0 8px 35px rgba(242, 165, 179, .2)}.profile-container,.profile-container *,.featured-cat-card,.cat-card,.section-header h2,.profile-hero h1,.profile-subtitle{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.profile-container{width:100%;min-height:100vh;background:var(--bg-cream);background-image:radial-gradient(circle at 10% 20%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%),radial-gradient(circle at 20% 70%,rgba(245,164,66,.08) 0%,transparent 20%);font-family:Fredoka,sans-serif;color:var(--text-dark);padding-bottom:4rem;position:relative}.profile-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.profile-hero{position:relative;padding:5rem 2rem 3rem;text-align:center;z-index:1;margin-bottom:2rem}.profile-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.profile-hero h1{font-size:3rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark);text-shadow:2px 2px 0px rgba(255,255,255,.8);letter-spacing:.02em}.profile-subtitle{font-size:1.2rem;color:var(--text-medium);font-weight:500}.featured-section,.collection-section{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;position:relative;z-index:1}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header h2{font-size:1.8rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:.75rem}.section-badge{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-orange) 100%);color:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 3px 10px #f5a4424d}.featured-cat-card{background:var(--card-white);overflow:hidden}.featured-cat-card>div:last-child{display:grid;grid-template-columns:45% 55%}.featured-cat-image{position:relative;background:var(--bg-white);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:280px}.featured-cat-image img{width:100%;height:100%;padding:.5rem;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.genesis-badge.featured{position:absolute;top:12px;right:12px;background:var(--accent-yellow);color:var(--text-dark);padding:.4rem .8rem;border-radius:4px;font-weight:700;font-size:.75rem;letter-spacing:.05em;border:2px solid var(--text-dark);z-index:10}.best-shot-ribbon{position:absolute;bottom:15px;left:15px;background:var(--card-white);color:var(--accent-pink);padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.85rem;letter-spacing:.05em;border:2px solid var(--text-dark);display:flex;align-items:center;gap:.5rem;z-index:10}.best-shot-ribbon:after{content:"🎀"}.featured-cat-info{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.featured-cat-info h3{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-dark)}.featured-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.featured-stat{background:var(--bg-cream);text-align:center}.featured-stat.highlight{background:linear-gradient(135deg,#f5c84233,#f5a44233)}.featured-stat-label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-medium);margin-bottom:.4rem;font-weight:600}.featured-stat-value{font-size:1.2rem;font-weight:700;color:var(--text-dark)}.xp-progress-bar{margin-bottom:1.5rem}.xp-progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:var(--text-medium);font-weight:500}.xp-progress-track{height:12px;background:var(--bg-cream);border-radius:6px;overflow:hidden;border:2px solid var(--text-light)}.xp-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-yellow) 0%,var(--accent-orange) 100%);border-radius:4px;position:relative}.view-details-btn{align-self:flex-start;background:var(--text-dark);color:var(--card-white);padding:.9rem 1.8rem;border-radius:25px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease;font-family:Fredoka,sans-serif}.view-details-btn:hover{background:var(--accent-pink);transform:translateY(-2px)}.sort-tabs-inner{display:flex;background:var(--card-white);border:3px solid var(--text-dark);border-radius:14px;padding:.35rem;gap:.25rem;box-shadow:3px 3px 0 var(--text-dark)}.sort-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-medium);font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;font-family:Fredoka,sans-serif}.sort-tab:hover{color:var(--text-dark);background:var(--bg-cream)}.sort-tab.active{background:var(--accent-pink);color:#fff;border:2px solid var(--text-dark)}.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2.5rem;padding-top:1rem}.cat-card{background:var(--card-white);overflow:hidden;transition:all .3s ease}.cat-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)}.cat-card-image{padding:.5rem;height:220px;background:var(--bg-white);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cat-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.cat-placeholder{font-size:4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.genesis-badge{position:absolute;top:10px;right:10px;background:var(--accent-yellow);color:var(--text-dark);padding:.25rem .6rem;border-radius:4px;font-size:.65rem;font-weight:700;border:2px solid var(--text-dark);z-index:5}.cat-card-info{padding:1.25rem}.cat-card-info h3{font-size:1.15rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark)}.cat-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.stat-pill{background:var(--bg-cream);text-align:center;min-width:70px}.stat-pill .stat-label{display:block;font-size:.55rem;text-transform:uppercase;color:var(--text-medium);font-weight:600;margin-bottom:.15rem}.stat-pill .stat-value{display:block;font-size:.9rem;font-weight:700;color:var(--text-dark)}.stat-pill.level{color:var(--text-dark)}:root.dark .stat-pill.level .stat-value{color:var(--accent-yellow)}.stat-pill.xp{color:var(--text-dark)}.stat-pill.xp .stat-value{color:#36c}:root.dark .stat-pill.xp .stat-value{color:var(--accent-yellow)}.stat-pill.rarity{background:linear-gradient(135deg,#9b59b626,#8e44ad33)}.stat-pill.rarity .stat-value{color:#9b59b6}:root.dark .stat-pill.rarity .stat-value{color:#bb8fce}.featured-stat.rarity{background:linear-gradient(135deg,#9b59b633,#8e44ad40)}.featured-stat.rarity .featured-stat-value{color:#9b59b6}:root.dark .featured-stat.rarity .featured-stat-value{color:#bb8fce}.stat-icon-mini{font-size:.85rem}.mini-progress-bar{height:6px;background:var(--bg-cream);border-radius:3px;overflow:hidden;margin-bottom:.75rem;border:1px solid var(--text-light)}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green) 0%,var(--accent-yellow) 100%);border-radius:2px}.cat-breed{background:var(--bg-cream);text-align:center;display:inline-block}.cat-breed .stat-label{display:block;font-size:.55rem;text-transform:uppercase;color:var(--text-medium);font-weight:600;margin-bottom:.15rem}.cat-breed .stat-value{display:block;font-size:.9rem;font-weight:700;color:var(--text-dark)}.profile-message{text-align:center;padding:5rem 2rem;background:var(--card-white);border-radius:12px;border:3px solid var(--text-dark);max-width:500px;margin:3rem auto;position:relative;z-index:1}.profile-message:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;background:var(--accent-yellow);border-radius:50%;border:3px solid var(--text-dark)}.profile-message h2{color:var(--text-dark);font-weight:700;font-size:1.75rem;margin-bottom:.75rem}.profile-message p{color:var(--text-medium);font-size:1.1rem;margin-bottom:2rem}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-state{transform:rotate(-1deg)}.profile-container .primary-button,.profile-message .primary-button{background:var(--accent-pink);color:#fff;border:3px solid var(--text-dark);padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:25px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.6rem;font-family:Fredoka,sans-serif;box-shadow:3px 3px 0 var(--text-dark)}.profile-container .primary-button:hover,.profile-message .primary-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--text-dark)}.loading-spinner{width:50px;height:50px;border:4px solid var(--bg-cream);border-top:4px solid var(--accent-pink);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (max-width: 1024px){.featured-cat-card{grid-template-columns:1fr}.featured-cat-image{height:280px;border-right:none;border-bottom:3px solid var(--text-dark)}.featured-cat-info{padding:2rem}}@media (max-width: 768px){.profile-hero h1{font-size:2.2rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.featured-stats{grid-template-columns:1fr;gap:.75rem}.cats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}}@media (max-width: 480px){.profile-hero{padding:3.5rem 1.5rem 2rem}.cats-grid{grid-template-columns:1fr;padding:0 .5rem}.featured-section,.collection-section{padding:0 1rem}}.profile-footer-decoration{clear:both;text-align:center;margin-top:-10px;width:100%;height:60px;background-image:url(/images/Background%20Image%201053x19.png);background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%}.profile-footer-decoration img{display:none}.skeleton{background-color:var(--card-white);position:relative;overflow:hidden;border-radius:12px;border:2px solid var(--text-light)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0 0,#fff6,#fff0);animation:shimmer 1.5s infinite}:root.dark .skeleton:after{background:linear-gradient(90deg,#fff0 0,#ffffff0d,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-featured{height:400px;margin-bottom:2rem;border-radius:16px;border-width:4px}.skeleton-card{height:380px;border-radius:16px;border-width:3px}.skeleton-title{height:2rem;background:var(--bg-cream);border-radius:4px;margin-bottom:.5rem;border:none}.listed-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--accent-green) 0%,#5cb85c 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #5cb85c66;z-index:2;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sell-cat-btn{width:100%;margin-top:.75rem;padding:.6rem 1rem;border:2px solid var(--accent-orange);border-radius:25px;background:linear-gradient(135deg,var(--bg-warm) 0%,var(--bg-cream) 100%);color:var(--accent-orange);font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.sell-cat-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-orange) 0%,#e8985a 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f5a44266}.sell-cat-btn:disabled,.sell-cat-btn.listed{background:linear-gradient(135deg,var(--accent-green) 0%,#5cb85c 100%);border-color:var(--accent-green);color:#fff;cursor:default;opacity:.9}.marketplace-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1rem;background:linear-gradient(135deg,var(--accent-pink) 0%,#d87088 100%);color:#fff;border:none;border-radius:25px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.marketplace-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8879b66}.listing-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.listing-modal{background:var(--card-white);border-radius:24px;padding:1.5rem;max-width:420px;width:100%;box-shadow:6px 6px 0 var(--text-dark);animation:slideUp .3s ease;position:relative;border:3px solid var(--text-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:2px solid var(--text-light);background:var(--bg-cream);color:var(--text-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.modal-close-btn:hover{background:var(--text-dark);border-color:var(--text-dark);color:#fff}.modal-close-btn svg{width:18px;height:18px}.modal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-right:2.5rem}.modal-header .modal-icon{font-size:1.25rem}.modal-header h2{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin:0}.modal-cat-preview{display:flex;gap:1rem;padding:1rem;background:var(--bg-warm);border-radius:16px;margin-bottom:1.25rem;border:2px solid var(--text-light)}.cat-image-wrapper{width:90px;height:90px;flex-shrink:0;border-radius:12px;overflow:hidden;border:3px solid var(--accent-pink);background:var(--accent-yellow)}.cat-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cat-placeholder-modal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--text-dark)}.modal-cat-info{flex:1;display:flex;flex-direction:column;justify-content:center}.modal-cat-info h3{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.modal-cat-info p{font-size:.9rem;color:var(--text-medium);margin:0 0 .5rem}.genesis-tag{display:inline-block;background:linear-gradient(135deg,var(--accent-yellow) 0%,#e8c94f 100%);color:var(--text-dark);padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px;border:2px solid var(--text-dark)}.listing-price-input{margin-bottom:1.25rem}.listing-price-input label{display:block;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.listing-price-input input{width:100%;padding:.85rem 1rem;background:var(--bg-cream);border:2px solid var(--text-light);border-radius:12px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-dark);outline:none;transition:border-color .3s ease}.listing-price-input input:focus{border-color:var(--accent-orange)}.listing-price-input input::-moz-placeholder{color:var(--text-light);font-weight:500}.listing-price-input input::placeholder{color:var(--text-light);font-weight:500}.listing-modal-actions{display:flex;gap:.75rem;margin-bottom:1rem}.modal-btn-cancel{flex:.8;padding:.85rem 1rem;background:var(--accent-pink);border:none;border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.modal-btn-cancel:hover{background:#d77090;transform:translateY(-2px)}.modal-btn-confirm{flex:1.2;padding:.85rem 1rem;background:var(--bg-cream);border:2px solid var(--text-light);border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.modal-btn-confirm:hover:not(:disabled){background:var(--accent-orange);border-color:var(--accent-orange);color:#fff;transform:translateY(-2px)}.modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.listing-note{font-size:.85rem;color:var(--text-medium);text-align:center;padding:.85rem 1rem;background:#6ba3d61f;border-radius:12px;line-height:1.5}.listing-success-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-green) 0%,#5cb85c 100%);color:#fff;padding:1rem 2rem;border-radius:30px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;box-shadow:0 8px 30px #5cb85c66;z-index:1001;display:flex;align-items:center;gap:.5rem;animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.listing-notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:16px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;z-index:1001;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 30px #0003;animation:slideDown .3s ease}.listing-notification.success{background:linear-gradient(135deg,var(--accent-green) 0%,#5cb85c 100%);color:#fff}.listing-notification.error{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.listing-notification .tx-link{color:#fff;text-decoration:underline;font-weight:600;margin-left:.5rem}.listing-notification .tx-link:hover{opacity:.8}.listing-notification button{background:#fff3;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0 .5rem;border-radius:50%;margin-left:.5rem}.listing-notification button:hover{background:#ffffff4d}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.listing-note{font-size:.85rem;color:var(--text-light);text-align:center;margin-top:1rem;padding:.75rem;background:#6ba3d61a;border-radius:8px}@media (max-width: 480px){.listing-modal{padding:1.5rem;margin:1rem}.modal-cat-preview{flex-direction:column;align-items:center;text-align:center}.listing-modal-actions{flex-direction:column}.price-suggestions{justify-content:center}}.chain-badge{position:absolute;bottom:10px;left:10px;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;z-index:2;cursor:help}.chain-badge.verified{background:#7cc47ee6;color:#fff;box-shadow:0 2px 8px #5cb85c66}.chain-badge.not-found{background:#f59e0be6;color:#fff;box-shadow:0 2px 8px #f59e0b66;animation:pulse-warning 2s ease-in-out infinite}.chain-badge.mismatch{background:#ef4444e6;color:#fff;box-shadow:0 2px 8px #ef444466;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.chain-warning-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:2px solid #f59e0b;padding:.75rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:100;box-shadow:0 -4px 20px #0000001a}.chain-warning-banner .warning-icon{font-size:1.2rem}.chain-warning-banner .warning-text{color:#92400e;font-weight:500;font-size:.9rem}.chain-warning-banner .verify-btn{padding:.4rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:20px;font-family:Fredoka,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.chain-warning-banner .verify-btn:hover{background:#d97706}.chain-warning-banner .verify-btn:disabled{opacity:.6;cursor:not-allowed}.approval-modal .approval-info{background:var(--bg-warm);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.approval-modal .approval-info p{color:var(--text-medium);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.approval-modal .approval-benefits{display:flex;flex-direction:column;gap:.5rem}.approval-modal .benefit{color:var(--accent-green);font-weight:600;font-size:.9rem}:root.dark .chain-warning-banner{background:linear-gradient(135deg,#422006,#713f12);border-top-color:#f59e0b}:root.dark .chain-warning-banner .warning-text{color:#fef3c7}:root.dark .chain-badge.not-found,:root.dark .chain-badge.mismatch{background:#f59e0bf2}:root{--details-bg: #FDF5E6;--details-surface: #FFFFFF;--details-surface-light: #FCEBD5;--details-accent: #E8879B;--details-accent-glow: rgba(232, 135, 155, .3);--details-success: #7CC47E;--details-text: #5D4E37;--details-text-muted: #8B7355;--details-border: #5D4E37;--details-border-light: rgba(93, 78, 55, .3);--details-radius: 16px;--details-radius-sm: 10px;--details-secondary: #F5C842;--details-tertiary: #F5A442}:root.dark{--details-bg: #1e1a1a;--details-surface: #352e2e;--details-surface-light: #2a2424;--details-accent: #f2a5b3;--details-accent-glow: rgba(242, 165, 179, .3);--details-success: #9cd49c;--details-text: #f5ebe0;--details-text-muted: #d5c4b4;--details-border: #5D4E37;--details-border-light: rgba(93, 78, 55, .5);--details-secondary: #f7d070;--details-tertiary: #e8985a}.details-wrapper{height:100vh;padding-top:70px;background:var(--details-bg);background-image:radial-gradient(circle at 20% 80%,rgba(232,135,155,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,200,66,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(124,196,126,.05) 0%,transparent 40%);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;font-family:Fredoka,sans-serif;transition:background-color .4s ease,color .4s ease}.details-wrapper:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.12'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.details-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--details-surface);border-bottom:3px solid var(--details-border);position:relative;z-index:10}.back-btn{display:flex;align-items:center;gap:.5rem;background:var(--details-surface-light);border:3px solid var(--details-border);color:var(--details-text);padding:.6rem 1rem;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:Fredoka,sans-serif;transition:all .3s ease;box-shadow:3px 3px 0 var(--details-border)}.back-btn:hover{background:var(--details-accent)!important;color:#fff!important;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--details-border);opacity:1!important;visibility:visible!important}.back-btn:hover .back-icon,.back-btn:hover .back-text{color:#fff!important;opacity:1!important}.cat-title{text-align:center}.cat-title h1{font-size:1.4rem;font-weight:700;color:var(--details-text);margin:0 0 .3rem}.cat-meta{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.level-badge{background:var(--details-accent);color:var(--details-surface);padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;border:2px solid var(--details-border)}.genesis-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;border:2px solid var(--details-border);display:flex;align-items:center;gap:.3rem}.equipped-count{color:var(--details-text-muted);font-size:.8rem}.header-spacer{width:80px}.details-main{display:grid;grid-template-columns:1fr 1.2fr;flex:1;min-height:0;overflow:hidden;position:relative;z-index:1}.character-showcase{display:flex;flex-direction:column;justify-content:flex-start;padding:.8rem;padding-bottom:80px;gap:.8rem;overflow-y:auto;background:var(--details-surface-light);border-right:3px solid var(--details-border)}.top-row{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1rem}.cat-display-area{display:flex;flex-direction:column;align-items:center;flex:1;max-width:380px}.stats-sidebar{display:flex;flex-direction:column;gap:.6rem;width:240px;flex-shrink:0}.bottom-actions-row{display:flex;flex-direction:column;gap:.6rem;width:100%}@media (max-width: 1024px){.character-showcase{border-right:none;border-bottom:3px solid var(--details-border);padding:.5rem}.top-row{flex-direction:column;align-items:center}.cat-display-area{max-width:280px}.stats-sidebar{width:100%;max-width:280px}.bottom-actions-row{flex-direction:column}}.character-frame{position:relative;background:var(--details-surface);border-radius:20px;padding:.8rem;border:3px solid var(--details-border);box-shadow:4px 4px 0 var(--details-border);width:100%;max-width:400px}.character-canvas{width:100%;height:auto;border-radius:16px;background:var(--details-surface-light)}.character-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.equipped-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.equip-indicator{width:36px;height:36px;border-radius:50%;background:var(--details-surface-light);border:2px solid var(--details-border);display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:.4;transition:all .2s ease}.equip-indicator.active{opacity:1;border-color:var(--details-accent)}.indicator-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:grayscale(1);transition:filter .2s ease}.equip-indicator.active .indicator-icon{filter:grayscale(0)}.stats-unified{width:100%;max-width:380px;background:var(--details-surface);border:3px solid var(--details-border);border-radius:14px;padding:.75rem 1rem;box-shadow:4px 4px 0 var(--details-border);display:flex;flex-direction:column;gap:.5rem}.xp-section{display:flex;flex-direction:column;gap:.4rem}.xp-header{display:flex;justify-content:space-between;align-items:center}.xp-label{font-size:.9rem;font-weight:700;color:var(--details-text)}.xp-level{font-size:.8rem;font-weight:600;color:var(--details-text-muted)}.xp-bar-track{height:22px;background:var(--details-surface-light);border-radius:11px;overflow:hidden;border:2px solid var(--details-border-light);position:relative}.xp-bar-fill{height:100%;border-radius:9px;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);box-shadow:0 0 12px #8b5cf680;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center;min-width:40px}.xp-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.xp-bar-text{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:1}.xp-detail{font-size:.7rem;color:var(--details-text-muted);text-align:right}.stats-divider{height:2px;background:var(--details-border-light);margin:.25rem 0;border-radius:1px}.attributes-section{display:flex;flex-direction:column;gap:.4rem}.attr-title{font-size:.85rem;font-weight:700;color:var(--details-text)}.attributes-row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.attr-chip{display:flex;align-items:center;gap:.25rem;background:var(--details-surface-light);border:2px solid var(--details-border-light);border-radius:16px;padding:.3rem .6rem;transition:all .2s ease}.attr-chip:hover{transform:translateY(-2px);border-color:var(--details-accent);box-shadow:0 3px 8px var(--details-accent-glow)}.attr-chip .attr-icon{font-size:.8rem}.attr-val{font-size:.8rem;font-weight:700}.attr-val.power{color:#ef4444}.attr-val.speed{color:#fbbf24}.attr-val.stamina{color:#22c55e}.attr-val.luck{color:#10b981}.attr-val.focus{color:#f472b6}.attr-val.efficiency{color:#8b5cf6}.stats-mini{display:none}.xp-progress-section{width:100%;max-width:400px;background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem 1rem;box-shadow:4px 4px 0 var(--details-border)}.xp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.xp-title{font-size:.85rem;font-weight:700;color:var(--details-text);text-transform:uppercase;letter-spacing:.5px}.xp-level-text{font-size:.8rem;font-weight:600;color:var(--details-accent)}.xp-bar-container{display:flex;flex-direction:column;gap:.3rem}.xp-bar-track{width:100%;height:14px;background:var(--details-surface-light);border-radius:7px;overflow:hidden;border:2px solid var(--details-border-light)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:5px;transition:width .5s ease}.xp-progress-text{font-size:.7rem;color:var(--details-text-muted);text-align:right;font-weight:500}.attributes-panel{width:100%;max-width:400px;background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem 1rem;box-shadow:4px 4px 0 var(--details-border)}.attributes-title{font-size:.85rem;font-weight:700;color:var(--details-text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .6rem}.attribute-bars{display:flex;flex-direction:column;gap:.5rem}.attribute-bar-item{display:flex;flex-direction:column;gap:.2rem}.attr-bar-header{display:flex;align-items:center;gap:.4rem}.attr-bar-icon{font-size:.85rem}.attr-bar-label{font-size:.75rem;font-weight:600;color:var(--details-text);flex:1}.attr-bar-value{font-size:.75rem;font-weight:700;color:var(--details-text-muted)}.attr-bar-track{width:100%;height:8px;background:var(--details-surface-light);border-radius:4px;overflow:hidden;border:1px solid var(--details-border-light)}.attr-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.attr-bar-fill.power{background:linear-gradient(90deg,#ef4444,#f87171)}.attr-bar-fill.speed{background:linear-gradient(90deg,#eab308,#fbbf24)}.attr-bar-fill.stamina{background:linear-gradient(90deg,#22c55e,#4ade80)}.attr-bar-fill.luck{background:linear-gradient(90deg,#10b981,#34d399)}.attr-bar-fill.focus{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.attr-bar-fill.efficiency{background:linear-gradient(90deg,#6366f1,#818cf8)}.xp-under-cat{margin-top:.8rem;padding:.6rem .8rem;background:var(--details-surface-light);border-radius:10px;border:2px solid var(--details-border-light)}.xp-under-cat .xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.xp-under-cat .xp-title{font-size:.85rem;font-weight:700;color:var(--details-text)}.xp-under-cat .xp-level-text{font-size:.8rem;font-weight:600;color:var(--details-accent)}.xp-under-cat .xp-bar-track{height:12px;border-radius:6px;background:var(--details-surface);border:1px solid var(--details-border-light);overflow:hidden}.xp-under-cat .xp-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:5px;transition:width .5s ease}.xp-under-cat .xp-progress-text{display:block;font-size:.7rem;color:var(--details-text-muted);text-align:right;margin-top:.2rem}.xp-rarity-row{display:flex;gap:.6rem;margin-top:.8rem}.xp-rarity-row .xp-under-cat{flex:1;margin-top:0;padding:.6rem .8rem;background:var(--details-surface-light);border-radius:10px;border:2px solid var(--details-border-light)}.rarity-score-box{flex:1;background:var(--details-surface-light);border:2px solid var(--details-border-light);border-radius:10px;padding:.6rem .8rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.rarity-score-box .rarity-score-header{display:flex;align-items:center;gap:.4rem}.rarity-score-box .rarity-icon{font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.rarity-score-box .rarity-label{font-size:.7rem;font-weight:600;color:var(--details-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.rarity-score-box .rarity-value{font-size:1.4rem;font-weight:800;color:var(--details-accent)}@media (max-width: 480px){.xp-rarity-row{flex-direction:column}}.attributes-stacked{background:var(--details-surface);border:3px solid var(--details-border);border-radius:14px;padding:.8rem 1rem;box-shadow:4px 4px 0 var(--details-border);display:flex;flex-direction:column;gap:.8rem}.attr-stacked-item{display:flex;flex-direction:column;gap:.3rem}.attr-stacked-header{display:flex;align-items:center;gap:.4rem}.attr-icon-small{font-size:.9rem}.attr-name{font-size:.85rem;font-weight:600;color:var(--details-text);flex:1}.attr-val{font-size:.85rem;font-weight:700;color:var(--details-accent)}.attr-bar-track.stacked{width:100%;height:10px;border-radius:5px;background:var(--details-surface-light);border:1px solid var(--details-border-light);overflow:hidden}.farming-sidebar{background:var(--details-surface);border:3px solid var(--details-border);border-radius:14px;padding:.8rem 1rem;box-shadow:4px 4px 0 var(--details-border);display:flex;flex-direction:column;gap:.6rem}.farming-sidebar-header{display:flex;justify-content:space-between;align-items:center}.farming-label-sidebar{font-size:.85rem;font-weight:600;color:var(--details-text-muted)}.farming-value-sidebar{font-size:1rem;font-weight:800;color:var(--details-success)}.claim-btn-sidebar{width:100%;background:var(--details-surface-light);color:var(--details-text-muted);border:2px solid var(--details-border);padding:.6rem 1rem;border-radius:10px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:not-allowed;transition:all .2s ease}.claim-btn-sidebar.active{background:var(--details-success);color:#fff;cursor:pointer;box-shadow:3px 3px 0 var(--details-border)}.claim-btn-sidebar.active:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--details-border)}.redemption-sidebar{background:linear-gradient(135deg,#6366f1,#4f46e5);border:3px solid var(--details-border);border-radius:14px;padding:1rem;box-shadow:4px 4px 0 var(--details-border);display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.redemption-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.redemption-title{font-size:.9rem;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.redemption-status{font-size:.85rem;font-weight:700;padding:.25rem .6rem;border-radius:8px;border:2px solid rgba(0,0,0,.2)}.redemption-status.loading{background:#fff3;color:#fff}.redemption-status.eligible{background:#10b981;color:#fff;animation:pulse 2s ease-in-out infinite}.redemption-status.redeemed{background:#ffffff4d;color:#fff}.redemption-status.ineligible{background:#fff3;color:#fffc;font-size:.75rem}.redemption-info{background:#ffffff26;border-radius:10px;padding:.8rem;border:2px solid rgba(255,255,255,.2)}.redemption-desc{font-size:.75rem;color:#ffffffe6;margin-bottom:.6rem;line-height:1.4}.redemption-calc{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.calc-label{font-size:.85rem;font-weight:600;color:#fff}.calc-arrow{font-size:1.2rem;color:#ffffffb3}.calc-reward{font-size:1rem;font-weight:800;color:#fbbf24;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.redeem-btn-sidebar{width:100%;background:#fff3;color:#ffffff80;border:2px solid rgba(255,255,255,.3);padding:.7rem 1rem;border-radius:10px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:not-allowed;transition:all .2s ease}.redeem-btn-sidebar.active{background:#fbbf24;color:#1e293b;cursor:pointer;border:2px solid rgba(0,0,0,.2);box-shadow:3px 3px #0003}.redeem-btn-sidebar.active:hover{transform:translateY(-2px);box-shadow:4px 4px #0003;background:#fcd34d}.redeem-btn-sidebar:disabled{cursor:not-allowed;opacity:.6}.redemption-completed{background:#ffffff26;border-radius:10px;padding:.8rem;border:2px solid rgba(255,255,255,.2);text-align:center}.completed-text{font-size:.85rem;color:#ffffffe6;margin-bottom:.4rem}.completed-amount{font-size:1.1rem;font-weight:800;color:#fbbf24;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.redemption-locked{background:#ffffff1a;border-radius:10px;padding:.8rem;border:2px solid rgba(255,255,255,.15)}.locked-text{font-size:.8rem;color:#fffc;margin-bottom:.6rem;text-align:center}.locked-progress{display:flex;flex-direction:column;gap:.4rem}.locked-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.locked-fill{height:100%;background:linear-gradient(90deg,#10b981,#14b8a6);border-radius:4px;transition:width .3s ease}.locked-label{font-size:.75rem;color:#ffffffb3;text-align:center;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.rarity-score-display{background:linear-gradient(135deg,#9b59b6,#8e44ad,#7d3c98);border:3px solid var(--details-border);border-radius:14px;padding:.8rem 1rem;box-shadow:4px 4px 0 var(--details-border);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.rarity-score-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:rarity-shimmer 3s infinite;pointer-events:none}@keyframes rarity-shimmer{0%{transform:translate(-50%) translateY(-50%) rotate(0)}to{transform:translate(50%) translateY(50%) rotate(0)}}.rarity-score-header{display:flex;align-items:center;gap:.5rem}.rarity-icon{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rarity-label{font-size:.9rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.rarity-value{font-size:1.6rem;font-weight:800;color:#fff;position:relative;z-index:1}.xp-progress-section.compact{background:var(--details-surface);border:2px solid var(--details-border);border-radius:12px;padding:.7rem .8rem;box-shadow:3px 3px 0 var(--details-border)}.xp-progress-section.compact .xp-header{margin-bottom:.4rem}.xp-progress-section.compact .xp-title{font-size:.9rem;font-weight:700}.xp-progress-section.compact .xp-level-text{font-size:.85rem}.xp-progress-section.compact .xp-bar-track{height:14px;border-radius:7px}.xp-progress-section.compact .xp-progress-text{font-size:.75rem;margin-top:.3rem}.attributes-compact{background:var(--details-surface);border:2px solid var(--details-border);border-radius:12px;padding:.7rem .8rem;box-shadow:3px 3px 0 var(--details-border);display:flex;flex-direction:column;gap:.5rem}.attr-row{display:flex;align-items:center;gap:.5rem}.attr-compact-icon{font-size:1rem;width:22px;text-align:center}.attr-bar-track.compact{flex:1;height:10px;border-radius:5px}.attr-compact-val{font-size:.8rem;font-weight:700;color:var(--details-text);min-width:26px;text-align:right}.action-buttons-compact{display:flex;flex-direction:column;gap:.5rem}.farming-compact{display:flex;align-items:center;justify-content:space-between;background:var(--details-surface);border:2px solid var(--details-border);border-radius:10px;padding:.6rem .8rem;box-shadow:3px 3px 0 var(--details-border)}.farming-value-small{font-size:.9rem;font-weight:700;color:var(--details-text)}.claim-btn-small{background:var(--details-surface-light);color:var(--details-text-muted);border:2px solid var(--details-border);padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:700;font-family:inherit;cursor:not-allowed;transition:all .2s ease}.claim-btn-small.active{background:var(--details-success);color:#fff;cursor:pointer;box-shadow:2px 2px 0 var(--details-border)}.claim-btn-small.active:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--details-border)}.save-btn-compact{width:100%;padding:.7rem .8rem;font-size:.9rem;font-weight:700;font-family:inherit;background:var(--details-accent);color:#fff;border:2px solid var(--details-border);border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--details-border)}.save-btn-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:4px 4px 0 var(--details-border)}.save-btn-compact:disabled{opacity:.6;cursor:not-allowed}.save-btn-compact.saving{background:var(--details-secondary)}.save-btn-compact.success{background:var(--details-success)}.save-status-compact{padding:.4rem;border-radius:6px;background:var(--details-surface);border:1px solid var(--details-border-light);text-align:center}.save-status-compact p{margin:0;font-size:.65rem;color:var(--details-text-muted)}.save-status-compact.success{background:#10b98126;border-color:#10b9814d}.save-status-compact.success p{color:#10b981}.save-status-compact.error{background:#ef444426;border-color:#ef44444d}.save-status-compact.error p{color:#f87171}.farming-wide{flex:1;display:flex;align-items:center;gap:1rem;background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.6rem 1rem;box-shadow:4px 4px 0 var(--details-border)}.farming-label-wide{font-size:.85rem;font-weight:600;color:var(--details-text-muted)}.farming-value-wide{font-size:1rem;font-weight:800;color:var(--details-text);flex:1}.claim-btn-wide{background:var(--details-surface-light);color:var(--details-text-muted);border:2px solid var(--details-border);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:not-allowed;transition:all .2s ease}.claim-btn-wide.active{background:var(--details-success);color:#fff;cursor:pointer;box-shadow:2px 2px 0 var(--details-border)}.claim-btn-wide.active:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--details-border)}.save-btn-wide{padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;font-family:inherit;background:var(--details-accent);color:#fff;border:3px solid var(--details-border);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 0 var(--details-border);white-space:nowrap}.save-btn-wide:hover:not(:disabled){transform:translateY(-2px);box-shadow:5px 5px 0 var(--details-border)}.save-btn-wide:disabled{opacity:.6;cursor:not-allowed}.save-btn-wide.saving{background:var(--details-secondary)}.save-btn-wide.success{background:var(--details-success)}.save-status-wide{flex:1;padding:.5rem 1rem;border-radius:8px;background:var(--details-surface);border:1px solid var(--details-border-light);text-align:center}.save-status-wide p{margin:0;font-size:.8rem;color:var(--details-text-muted)}.save-status-wide.success{background:#10b98126;border-color:#10b9814d}.save-status-wide.success p{color:#10b981}.save-status-wide.error{background:#ef444426;border-color:#ef44444d}.save-status-wide.error p{color:#f87171}.blockchain-save-section{width:100%;max-width:300px;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.save-blockchain-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:700;font-family:inherit;background:var(--details-accent);color:#fff;border:3px solid var(--details-border);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:4px 4px 0 var(--details-border)}.save-blockchain-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--details-border)}.save-blockchain-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--details-border)}.save-blockchain-btn:disabled{opacity:.6;cursor:not-allowed}.save-blockchain-btn.saving{background:var(--details-secondary);box-shadow:4px 4px 0 var(--details-border)}.save-blockchain-btn.success{background:var(--details-success);box-shadow:4px 4px 0 var(--details-border)}.save-blockchain-btn.error{background:#ef4444;box-shadow:4px 4px 0 var(--details-border)}.btn-icon{font-size:1.1rem}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.save-status{padding:.8rem;border-radius:var(--details-radius-sm);background:var(--details-surface-light);text-align:center;font-size:.85rem}.save-status p{margin:0;color:var(--details-text-muted)}.save-status.success{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.save-status.success p{color:#10b981}.save-status.error{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.save-status.error p{color:#f87171}.save-links{display:flex;gap:1rem;justify-content:center;margin-top:.6rem}.save-links a{color:#10b981;font-size:.8rem;text-decoration:none;transition:opacity .2s}.save-links a:hover{opacity:.8;text-decoration:underline}.accessory-panel{display:flex;flex-direction:column;background:var(--details-surface);overflow:hidden}.category-tabs{display:flex;gap:0;padding:0;background:var(--details-surface-light);border-bottom:3px solid var(--details-border)}.category-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;background:transparent;border:none;color:var(--details-text-muted);cursor:pointer;position:relative;transition:all .2s ease;font-family:Fredoka,sans-serif}.category-tab:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:4px;background:var(--details-accent);border-radius:2px 2px 0 0;transition:width .2s ease}.category-tab:hover,.category-tab.active{color:var(--details-text);background:var(--details-surface)}.category-tab.active:after{width:60%}.tab-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease}.category-tab:hover .tab-icon{transform:scale(1.15)}.tab-label{font-size:.75rem;font-weight:500}.tab-count{position:absolute;top:6px;right:10px;background:var(--details-accent);color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:8px;font-weight:600}.category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--details-border)}.category-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;color:var(--details-text);margin:0}.category-header-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.quick-unequip{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.4rem .8rem;border-radius:var(--details-radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.quick-unequip:hover{background:#ef444440;border-color:#ef444480}.items-container{flex:1;overflow-y:auto;padding:1rem;background:var(--details-surface-light)}.items-container::-webkit-scrollbar{width:6px}.items-container::-webkit-scrollbar-track{background:transparent}.items-container::-webkit-scrollbar-thumb{background:var(--details-surface-light);border-radius:3px}.items-container::-webkit-scrollbar-thumb:hover{background:var(--details-accent)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,110px));gap:.8rem;padding-bottom:2rem;justify-content:start}.item-card{position:relative;background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%;box-shadow:3px 3px 0 var(--details-border)}.item-card:hover{transform:translateY(-4px);border-color:var(--details-accent);box-shadow:4px 4px 0 var(--details-accent)}.item-card.equipped{border-color:var(--details-success);background:var(--details-surface);box-shadow:none}.item-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;padding:.3rem;overflow:hidden}.item-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .4s ease}.item-card:hover .item-image img{transform:scale(1.15) rotate(2deg)}.item-name{font-size:.85rem;font-weight:700;text-align:center;color:var(--details-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.item-card:hover .item-name{color:var(--details-text)}.item-card.equipped .item-name{color:var(--details-success);font-weight:600}.equipped-check{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--details-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;box-shadow:0 4px 10px #0000004d;border:2px solid var(--details-surface);z-index:5}.empty-category{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--details-text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-category p{font-size:1rem;margin-bottom:.5rem}.empty-hint{font-size:.85rem;opacity:.6}.image-error:before{content:"📷";font-size:2rem;opacity:.3}.mobile-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--details-surface);border-top:3px solid var(--details-border);padding:.5rem;gap:0;z-index:100}.mobile-tab{flex:1;padding:.8rem .5rem;background:transparent;border:none;color:var(--details-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;border-radius:8px;font-family:Fredoka,sans-serif}.mobile-tab.active{color:var(--details-text);background:var(--details-surface-light);border:2px solid var(--details-border)}.mobile-tab.has-equipped:after{content:"";position:absolute;top:4px;right:calc(50% - 16px);width:6px;height:6px;background:var(--details-success);border-radius:50%}.mobile-tab .tab-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.details-loading,.details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--details-text);gap:1rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--details-surface-light);border-top-color:var(--details-accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:32px;height:32px}.details-error h2{font-size:1.5rem}.details-error button{background:var(--details-accent);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:var(--details-radius-sm);cursor:pointer;font-weight:500;transition:opacity .2s}.details-error button:hover{opacity:.9}@media (max-width: 1024px){.details-wrapper{padding-bottom:70px}.details-main{grid-template-columns:1fr;grid-template-rows:auto 1fr}.character-showcase{padding:1rem;flex-direction:column;align-items:center;gap:1rem}.character-frame{max-width:300px}.xp-progress-section,.attributes-panel{max-width:350px}.stats-mini{display:none}.accessory-panel{border-left:none;border-top:3px solid var(--details-border)}.category-tabs{display:none}.mobile-tabs{display:flex}}@media (max-width: 768px){.details-header{padding:.8rem 1rem}.back-text{display:none}.back-btn{padding:.6rem}.cat-title h1{font-size:1.1rem}.header-spacer{width:40px}.character-showcase{padding:.8rem}.character-frame{max-width:280px;padding:.75rem}.xp-progress-section,.attributes-panel{max-width:280px;padding:.6rem .8rem}.attributes-title,.xp-title{font-size:.75rem}.attr-bar-label,.attr-bar-value{font-size:.7rem}.attr-bar-track{height:6px}.xp-bar-track{height:12px}.equipped-indicators{gap:.3rem}.equip-indicator{width:28px;height:28px;font-size:.8rem}.items-container{padding:.8rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem}}@media (max-width: 480px){.character-frame,.xp-progress-section,.attributes-panel{max-width:240px}.items-grid{grid-template-columns:repeat(3,1fr)}.item-card{padding:.5rem}.item-name{font-size:.65rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.items-grid{animation:fadeIn .3s ease-out}.exit-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.exit-modal{background:var(--details-surface);border-radius:var(--details-radius);padding:2rem;max-width:420px;width:90%;text-align:center;border:3px solid var(--details-border);box-shadow:0 10px 40px #0000004d;animation:modalBounce .3s ease-out}@keyframes modalBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.exit-modal-icon{font-size:3rem;margin-bottom:1rem}.exit-modal h3{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;color:var(--details-text);margin:0 0 .75rem}.exit-modal p{color:var(--details-text-muted);font-size:.95rem;line-height:1.5;margin:0 0 .5rem}.exit-modal-warning{color:var(--details-accent);font-weight:500;font-size:.9rem!important;margin-bottom:1.5rem!important}.exit-modal-buttons{display:flex;flex-direction:column;gap:.75rem}.exit-modal-btn{padding:.9rem 1.5rem;border-radius:var(--details-radius-sm);font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.exit-modal-btn.save-btn{background:linear-gradient(135deg,var(--details-accent),#d46b80);color:#fff;border-color:var(--details-border)}.exit-modal-btn.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--details-accent-glow)}.exit-modal-btn.save-btn:disabled{opacity:.7;cursor:not-allowed}.exit-modal-btn.cancel-btn{background:var(--details-surface-light);color:var(--details-text);border-color:var(--details-border-light)}.exit-modal-btn.cancel-btn:hover,.exit-modal-btn.cancel-btn:hover:not(:disabled){background:var(--details-surface-light)!important;color:var(--details-text)!important;border-color:var(--details-border-light)!important;transform:translateY(-2px)}@media (max-width: 480px){.exit-modal{padding:1.5rem;margin:1rem}.exit-modal h3{font-size:1.25rem}.exit-modal p{font-size:.9rem}.exit-modal-btn{padding:.8rem 1.25rem;font-size:.9rem}}.farming-section{width:100%;max-width:300px;margin-top:1rem;display:flex;align-items:center;justify-content:space-between;background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem 1rem;box-shadow:4px 4px 0 var(--details-border)}.farming-info{display:flex;flex-direction:column}.farming-label{font-size:.75rem;color:var(--details-text-muted);font-weight:600;text-transform:uppercase}.farming-value{font-size:1.1rem;color:var(--details-text);font-weight:800}.claim-xp-btn{background:var(--details-surface-light);color:var(--details-text-muted);border:2px solid var(--details-border);padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:not-allowed;transition:all .2s ease}.claim-xp-btn.active{background:var(--details-success);color:#fff;border-color:var(--details-border);cursor:pointer;box-shadow:2px 2px 0 var(--details-border)}.claim-xp-btn.active:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--details-border)}.claim-xp-btn.active:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--details-border)}.xp-label{color:#8b5cf6}.bar-fill.xp{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.xp-text-detail{font-size:.7rem;color:var(--details-text-muted);text-align:right;margin-top:-2px;font-weight:500}.cat-name-display{display:flex;align-items:center;justify-content:center;gap:.8rem}.edit-name-btn{background:transparent;border:none;color:var(--details-text-muted);cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-name-btn:hover{background:var(--details-surface-light);color:var(--details-accent);transform:scale(1.1)}.cat-name-edit{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.3rem;height:38px}.cat-name-input{background:var(--details-surface);border:2px solid var(--details-accent);color:var(--details-text);font-size:1.2rem;font-weight:700;font-family:Fredoka,sans-serif;padding:.3rem .8rem;border-radius:12px;outline:none;width:200px;text-align:center;box-shadow:0 2px 8px #0000000d}.cat-name-input:focus{box-shadow:0 0 0 3px var(--details-accent-glow)}.icon-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:#fff;box-shadow:0 2px 5px #0000001a}.icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.save-btn{background:var(--details-success)}.save-btn:hover{background:#6ab06c}.cancel-btn{background:#ef4444}.cancel-btn:hover{background:#dc2626}.store-container{--store-bg: #FDF5E6;--store-surface: #FFFFFF;--store-surface-light: #FCEBD5;--store-accent: #E8879B;--store-accent-secondary: #F5C842;--store-accent-tertiary: #F5A442;--store-accent-glow: rgba(232, 135, 155, .3);--store-success: #7CC47E;--store-warning: #F5A442;--store-danger: #ef4444;--store-text: #5D4E37;--store-text-muted: #8B7355;--store-border: #5D4E37;--store-radius: 16px;--store-radius-sm: 10px;--store-card-shadow: 4px 4px 0 #5D4E37}:root.dark .store-container{--store-bg: #1e1a1a;--store-surface: #2a2424;--store-surface-light: #352e2e;--store-accent: #f2a5b3;--store-accent-secondary: #f7d070;--store-accent-tertiary: #e8985a;--store-accent-glow: rgba(242, 165, 179, .3);--store-success: #9cd49c;--store-warning: #e8985a;--store-danger: #f87171;--store-text: #f5ebe0;--store-text-muted: #d5c4b4;--store-border: #5D4E37;--store-card-shadow: 4px 4px 0 rgba(0, 0, 0, .4)}.store-container,.store-container *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.store-container{min-height:100vh;padding:80px 2rem 2rem;background:var(--store-bg);background-image:radial-gradient(circle at 10% 20%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%),radial-gradient(circle at 20% 70%,rgba(245,164,66,.08) 0%,transparent 20%);color:var(--store-text);box-sizing:border-box;font-family:Fredoka,sans-serif;position:relative}.store-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}:root.dark .store-container:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23f5ebe0' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E")}.store-header{text-align:center;margin-bottom:2.5rem;padding:2rem;background:var(--store-surface);border-radius:20px;border:3px solid var(--store-border);box-shadow:6px 6px 0 var(--store-border);position:relative;overflow:hidden;z-index:1}.store-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--store-accent),var(--store-accent-secondary),var(--store-accent-tertiary))}.store-header h1{font-size:2.5rem;font-weight:800;color:var(--store-accent-tertiary);margin:0 0 .5rem;letter-spacing:-.5px;text-shadow:2px 2px 0px rgba(255,255,255,.8)}:root.dark .store-header h1{text-shadow:none}.store-header p{color:var(--store-text-muted);font-size:1rem;margin:0;font-weight:500}.store-tabs{display:flex;justify-content:center;gap:0;margin-bottom:2rem;background:var(--store-surface);border-radius:var(--store-radius);padding:.5rem;border:3px solid var(--store-border);box-shadow:var(--store-card-shadow);max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.store-tab{flex:1;padding:1rem 1.5rem;background:transparent;border:none;color:var(--store-text-muted);cursor:pointer;font-weight:600;font-size:.9rem;border-radius:var(--store-radius-sm);transition:all .2s ease;position:relative;font-family:Fredoka,sans-serif}.store-tab:hover{color:var(--store-text);background:var(--store-surface-light)}.store-tab.active{background:var(--store-accent);color:#fff;border:2px solid var(--store-border);box-shadow:2px 2px 0 var(--store-border);transform:translateY(-2px)}.category-filters{display:flex;justify-content:center;gap:.5rem;margin-bottom:2.5rem;background:var(--store-surface);border-radius:var(--store-radius);padding:.75rem;border:3px solid var(--store-border);box-shadow:var(--store-card-shadow);max-width:800px;margin-left:auto;margin-right:auto;flex-wrap:wrap;position:relative;z-index:1}.filter-pill{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem 1rem;background:transparent;border:none;border-radius:var(--store-radius-sm);color:var(--store-text-muted);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;position:relative;min-width:70px;font-family:Fredoka,sans-serif}.filter-pill:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--store-accent);border-radius:2px;transition:width .2s ease}.filter-pill:hover{color:var(--store-text);background:var(--store-surface-light)}.filter-pill:hover img{transform:scale(1.15)}.filter-pill.active{color:var(--store-text);background:var(--store-surface-light);border:2px solid var(--store-border)}.filter-pill.active:after{width:60%}.filter-pill img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.store-content{max-width:1400px;margin:0 auto;padding:0 1rem 2rem;position:relative;z-index:1}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,220px);justify-content:center;gap:1.5rem;animation:fadeIn .3s ease-out;max-width:1200px;margin:0 auto}.item-card{position:relative;background:var(--store-surface);border:3px solid var(--store-border);border-radius:var(--store-radius);padding:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;box-shadow:var(--store-card-shadow)}.item-card:hover{transform:translate(-2px,-4px);box-shadow:6px 8px 0 var(--store-border)}.item-card.expanded{border-color:var(--store-accent);box-shadow:6px 8px 0 var(--store-border);transform:translate(-2px,-4px)}.item-card-clickable{position:relative;cursor:pointer}.expand-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--store-surface-light);border:2px solid var(--store-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--store-text-muted);transition:all .2s ease;z-index:5}.item-card:hover .expand-indicator{background:var(--store-accent);color:#fff}.item-expanded-details{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--store-border);animation:slideDown .3s ease-out}.sale-history-mini{background:var(--store-surface-light);border-radius:var(--store-radius-sm);padding:.75rem;border:2px solid var(--store-border)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-title{font-size:.8rem;font-weight:600;color:var(--store-text)}.history-count{font-size:.7rem;color:var(--store-text-muted)}.history-stats{display:flex;gap:.5rem;margin-bottom:.75rem}.history-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.4rem;background:var(--store-surface);border-radius:6px;border:1px solid var(--store-border)}.history-stat .stat-label{font-size:.6rem;color:var(--store-text-muted);text-transform:uppercase}.history-stat .stat-value{font-size:.85rem;font-weight:600;color:var(--store-accent-tertiary)}.mini-graph{display:flex;align-items:flex-end;justify-content:space-around;height:50px;gap:4px}.mini-bar-wrapper{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center}.mini-bar{width:100%;max-width:20px;background:linear-gradient(180deg,var(--store-accent) 0%,var(--store-accent-secondary) 100%);border-radius:3px 3px 0 0;transition:height .3s ease;min-height:5px}.sale-history-loading,.sale-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:var(--store-text-muted);gap:.5rem}.sale-history-empty .empty-icon{font-size:1.5rem;opacity:.5}.mini-spinner{width:20px;height:20px;border:2px solid var(--store-surface-light);border-top-color:var(--store-accent);border-radius:50%;animation:spin 1s linear infinite}.item-image-container{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:#fff;border-radius:var(--store-radius-sm);padding:.5rem;overflow:hidden;border:2px solid var(--store-border)}.store-item-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:all .3s ease}.item-card:hover .store-item-image{transform:scale(1.1) rotate(2deg)}.item-emoji{font-size:4rem;text-align:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.item-details{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.item-details h3{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:var(--store-text);line-height:1.3;text-align:center}.item-rarity{display:inline-block;padding:.25rem 1rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.5px;border:2px solid var(--store-border);min-width:80px;text-align:center}.rarity-common{background:#f5f5f5;color:#666}.rarity-uncommon{background:#d4edda;color:#155724}.rarity-rare{background:#cce5ff;color:#004085}.rarity-epic{background:#e2d4f0;color:#563d7c}.rarity-legendary{background:linear-gradient(135deg,#fff3cd,#ffeeba);color:#856404}.item-price{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:2px solid var(--store-border)}.price-tag{font-size:1rem;font-weight:700;color:var(--store-accent-tertiary);font-family:Fredoka,sans-serif;white-space:nowrap;text-align:center}.buy-btn{width:100%;padding:.6rem 1rem;background:var(--store-accent);color:#fff;border:2px solid var(--store-border);border-radius:var(--store-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 0 var(--store-border);text-align:center;font-family:Fredoka,sans-serif}.buy-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--store-border)}.buy-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--store-border)}.buy-btn:disabled{opacity:.5;cursor:not-allowed}.buy-btn.bg-red-500{background:var(--store-danger)}.buy-btn.bg-red-500:hover:not(:disabled){box-shadow:3px 3px 0 var(--store-border)}.cat-accordion{background:var(--store-surface);border-radius:var(--store-radius);border:3px solid var(--store-border);overflow:hidden;box-shadow:var(--store-card-shadow)}.cat-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:var(--store-surface-light);border-bottom:2px solid var(--store-border)}.cat-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--store-text)}.cat-accessories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,200px));gap:1.25rem;padding:1.5rem;justify-content:start;background:var(--store-surface)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#5d4e3799;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--store-surface);padding:2rem;border-radius:20px;width:100%;max-width:480px;border:3px solid var(--store-border);box-shadow:8px 8px 0 var(--store-border);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--store-text);text-align:center}.seller-input{width:100%;padding:1rem 1.25rem;background:var(--store-surface-light);border:2px solid var(--store-border);border-radius:var(--store-radius-sm);color:var(--store-text);font-size:1.1rem;font-weight:500;transition:all .2s ease;box-sizing:border-box;font-family:Fredoka,sans-serif}.seller-input:focus{outline:none;border-color:var(--store-accent);box-shadow:0 0 0 3px var(--store-accent-glow)}.seller-input::-moz-placeholder{color:var(--store-text-muted)}.seller-input::placeholder{color:var(--store-text-muted)}.cat-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0;max-height:280px;overflow-y:auto;padding-right:.5rem}.cat-selector::-webkit-scrollbar{width:6px}.cat-selector::-webkit-scrollbar-track{background:transparent}.cat-selector::-webkit-scrollbar-thumb{background:var(--store-text-muted);border-radius:3px}.cat-option{padding:1rem;background:var(--store-surface-light);border:2px solid var(--store-border);border-radius:var(--store-radius-sm);cursor:pointer;text-align:center;transition:all .2s ease;color:var(--store-text);font-family:Fredoka,sans-serif}.cat-option:hover{border-color:var(--store-accent);background:var(--store-surface)}.cat-option.selected{border-color:var(--store-accent);background:var(--store-surface);box-shadow:2px 2px 0 var(--store-border)}.text-center{text-align:center}.py-20{padding-top:5rem;padding-bottom:5rem}.col-span-full{grid-column:1 / -1}.bg-red-500\/20{background:#ef444426;border:2px solid var(--store-danger);border-radius:var(--store-radius-sm)}.text-red-500,.text-red-400{color:var(--store-danger)}.text-gray-400,.text-gray-500{color:var(--store-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.store-container{padding:80px 1.5rem 1.5rem}.items-grid{gap:1.25rem}.items-grid>.item-card{flex:0 0 200px}}@media (max-width: 768px){.store-container{padding:70px 1rem 1rem}.store-header{padding:1.5rem 1rem;margin-bottom:1.5rem}.store-header h1{font-size:1.75rem}.store-tabs{flex-direction:column;gap:.5rem;padding:.5rem}.store-tab{padding:.8rem 1rem}.category-filters{padding:.5rem;gap:.25rem}.filter-pill{padding:.6rem .8rem;min-width:60px}.filter-pill img{width:24px;height:24px}.items-grid{gap:1rem}.items-grid>.item-card{flex:0 0 calc(50% - .5rem);min-width:150px}.item-card{padding:1rem}.item-image-container{height:100px}.item-details h3{font-size:.95rem}.modal-content{margin:1rem;padding:1.5rem}.cat-accessories-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}}@media (max-width: 480px){.store-header h1{font-size:1.5rem}.items-grid{gap:.75rem}.items-grid>.item-card{flex:0 0 calc(50% - .375rem);min-width:140px}.item-card{padding:.75rem}.item-image-container{height:80px;padding:.5rem}.item-details h3{font-size:.85rem}.price-tag{font-size:.9rem}.buy-btn{padding:.5rem .75rem;font-size:.75rem}}.w-4{width:16px}.h-4{height:16px}.inline-block{display:inline-block}.mr-1{margin-right:.25rem}.opacity-80{opacity:.8}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.rounded{border-radius:var(--store-radius-sm)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-amber-400{color:var(--store-accent-tertiary)}.font-mono{font-family:Fredoka,sans-serif}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.gap-2{gap:.5rem}.flex{display:flex}.flex-1{flex:1}.bg-gray-600{background:var(--store-surface-light);border:2px solid var(--store-border)}.bg-gray-600:hover{background:var(--store-surface)}.bg-green-600{background:var(--store-success);width:100%;padding:.6rem 1rem;border:2px solid var(--store-border);border-radius:var(--store-radius-sm);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 0 var(--store-border);font-family:Fredoka,sans-serif}.bg-green-600:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--store-border)}.bg-blue-600{background:var(--store-accent)}.bg-blue-600:hover{background:#d77588}.py-3{padding-top:.75rem;padding-bottom:.75rem}.w-full{width:100%}.uppercase{text-transform:uppercase}.bg-slate-800{background:var(--store-surface)}.bg-slate-900\/50{background:#fdf5e680}.view-listings-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--store-accent);color:#fff;border:2px solid var(--store-border);border-radius:var(--store-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 0 var(--store-border);white-space:nowrap;font-family:Fredoka,sans-serif}.view-listings-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--store-border)}.view-listings-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--store-border)}.detail-modal-overlay{position:fixed;inset:0;background:#5d4e3799;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.detail-modal-content{background:var(--store-surface);border:3px solid var(--store-border);border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:8px 8px 0 var(--store-border);animation:slideUp .3s ease}.detail-modal-content::-webkit-scrollbar{display:none}.detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid var(--store-border);background:var(--store-surface-light)}.detail-modal-preview{display:flex;align-items:center;gap:1rem}.detail-modal-image{width:70px;height:70px;background:#fff;border-radius:var(--store-radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:2px solid var(--store-border)}.detail-modal-image .store-item-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.detail-modal-image .item-image-container{width:100%;height:100%}.detail-modal-title h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--store-text)}.detail-modal-category{font-size:.8rem;color:var(--store-text-muted);text-transform:capitalize}.detail-modal-price-section{display:flex;align-items:center;gap:1rem}.detail-modal-price{font-size:1.25rem;font-weight:700;color:var(--store-accent-tertiary);font-family:Fredoka,sans-serif}.detail-modal-close{width:32px;height:32px;background:var(--store-surface);border:2px solid var(--store-border);border-radius:50%;color:var(--store-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.detail-modal-close:hover{background:var(--store-danger);border-color:var(--store-border);color:#fff}.detail-section{padding:1.25rem 1.5rem;border-bottom:2px solid var(--store-border)}.detail-section:last-of-type{border-bottom:none}.detail-section-title{font-size:.75rem;font-weight:600;color:var(--store-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fcebd5!important;border-radius:var(--store-radius-sm);border:2px solid var(--store-border)!important}:root.dark .store-container .detail-item{background:#352e2e!important}.detail-label{font-size:.7rem;color:#8b7355!important;text-transform:uppercase;letter-spacing:.3px;font-weight:600}:root.dark .store-container .detail-label{color:#d5c4b4!important}.detail-value{font-size:.95rem;font-weight:600;color:#5d4e37!important}:root.dark .store-container .detail-value{color:#f5ebe0!important}.seller-value{color:#e8879b!important}.detail-value.rarity-common{color:#5d4e37!important;background:transparent!important}.detail-value.rarity-uncommon{color:#155724!important;background:transparent!important}.detail-value.rarity-rare{color:#004085!important;background:transparent!important}.detail-value.rarity-epic{color:#563d7c!important;background:transparent!important}.detail-value.rarity-legendary{color:#856404!important;background:transparent!important}.detail-value.rarity-luxury{color:#c45a00!important;background:transparent!important}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fcebd5!important;border:2px solid #5D4E37!important;border-radius:var(--store-radius-sm);box-shadow:2px 2px #5d4e37}:root.dark .store-container .stat-box{background:#352e2e!important;box-shadow:2px 2px #0006}.stat-icon{font-size:1.5rem}.stat-value-large{font-size:1rem;font-weight:700;color:#5d4e37!important}:root.dark .store-container .stat-value-large{color:#f5ebe0!important}.stat-box .stat-label{font-size:.65rem;color:#8b7355!important;text-transform:uppercase;font-weight:600}:root.dark .store-container .stat-box .stat-label{color:#d5c4b4!important}.sale-history-container{background:var(--store-surface-light);border-radius:var(--store-radius-sm);padding:1.25rem;min-height:120px;border:2px solid var(--store-border)}.sale-history-graph{width:100%}.graph-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--store-accent) 0%,var(--store-accent-secondary) 100%);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:10px}.bar-label{font-size:.65rem;color:var(--store-text-muted);margin-top:.35rem}.sale-history-loading,.sale-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--store-text-muted);gap:.75rem}.sale-history-empty .empty-icon{font-size:2rem;opacity:.5}.detail-spinner{width:32px;height:32px;border:3px solid var(--store-surface);border-top-color:var(--store-accent);border-radius:50%;animation:spin 1s linear infinite}.detail-modal-actions{display:flex;justify-content:flex-end;padding:1.25rem 1.5rem;background:var(--store-surface-light);border-top:2px solid var(--store-border)}.buy-now-btn{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:var(--store-success);color:#fff;border:2px solid var(--store-border);border-radius:var(--store-radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--store-border);font-family:Fredoka,sans-serif}.buy-now-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--store-border)}.cancel-listing-btn{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:#ef444426;border:2px solid var(--store-danger);color:var(--store-danger);border-radius:var(--store-radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:Fredoka,sans-serif}.cancel-listing-btn:hover:not(:disabled){background:var(--store-danger);color:#fff;transform:translate(-1px,-1px)}.cancel-listing-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{font-size:1rem}@media (max-width: 768px){.detail-modal-content{max-height:85vh}.detail-modal-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-modal-price-section{width:100%;justify-content:space-between}.detail-grid,.stats-grid{grid-template-columns:1fr}.stat-box{padding:.75rem}.graph-bars{height:80px}}@media (max-width: 480px){.detail-modal-preview{flex-direction:column;align-items:flex-start}.detail-modal-image{width:60px;height:60px}.buy-now-btn,.cancel-listing-btn{width:100%;justify-content:center}}.my-listings-container{--ml-bg: #FDF5E6;--ml-surface: #FFFFFF;--ml-surface-light: #FCEBD5;--ml-accent-pink: #E8879B;--ml-accent-yellow: #F5C842;--ml-accent-orange: #F5A442;--ml-accent-green: #7CC47E;--ml-text: #5D4E37;--ml-text-muted: #8B7355;--ml-border: #5D4E37;--ml-shadow: 0 4px 20px rgba(139, 115, 85, .15);--ml-shadow-hover: 0 8px 30px rgba(139, 115, 85, .25);--ml-danger: #e74c3c}:root.dark .my-listings-container{--ml-bg: #1e1a1a;--ml-surface: #2a2424;--ml-surface-light: #352e2e;--ml-accent-pink: #f2a5b3;--ml-accent-yellow: #f7d070;--ml-accent-orange: #e8985a;--ml-accent-green: #9cd49c;--ml-text: #f5ebe0;--ml-text-muted: #d5c4b4;--ml-border: #5D4E37;--ml-shadow: 0 4px 25px rgba(0, 0, 0, .5);--ml-shadow-hover: 0 8px 35px rgba(242, 165, 179, .2);--ml-danger: #f87171}.my-listings-container,.my-listings-container *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.my-listings-container{min-height:100vh;padding:80px 2rem 2rem;background:var(--ml-bg);background-image:radial-gradient(circle at 10% 20%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%),radial-gradient(circle at 20% 70%,rgba(245,164,66,.08) 0%,transparent 20%);color:var(--ml-text);font-family:Fredoka,sans-serif;box-sizing:border-box;position:relative}.my-listings-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}:root.dark .my-listings-container:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23f5ebe0' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E")}.listings-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;margin-bottom:2rem;background:var(--ml-surface);border-radius:20px;border:3px solid var(--ml-border);box-shadow:5px 5px 0 var(--ml-border);flex-wrap:wrap;gap:1.5rem;position:relative;z-index:1}.back-btn{display:flex;align-items:center;gap:.5rem;background:var(--ml-surface-light);border:2px solid var(--ml-border);color:var(--ml-text);padding:.6rem 1rem;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;font-family:Fredoka,sans-serif;box-shadow:2px 2px 0 var(--ml-border)}.back-btn:hover{background:var(--ml-accent-pink);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ml-border)}.back-icon{font-size:1.1rem}.header-content{flex:1;text-align:center}.header-content h1{font-size:2rem;font-weight:700;color:var(--ml-accent-orange);margin:0;letter-spacing:-.5px}.header-subtitle{color:var(--ml-text-muted);font-size:.95rem;margin:.5rem 0 0;font-weight:500}.header-stats{display:flex;gap:1rem}.stat-pill{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;background:var(--ml-surface-light);border:2px solid var(--ml-border);border-radius:12px;box-shadow:2px 2px 0 var(--ml-border)}.stat-pill .stat-value{font-size:1.5rem;font-weight:700;color:var(--ml-accent-pink)}.stat-pill .stat-label{font-size:.75rem;color:var(--ml-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.listings-message,.listings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--ml-text);gap:1rem;padding:2rem;position:relative;z-index:1}.listings-empty .empty-icon{font-size:4rem;opacity:.8}.listings-empty h2{font-size:1.5rem;margin:0;color:var(--ml-text)}.listings-empty p{color:var(--ml-text-muted);margin:0}.primary-button{display:flex;align-items:center;gap:.5rem;background:var(--ml-accent-pink);color:#fff;border:3px solid var(--ml-border);padding:.8rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--ml-border);margin-top:1rem;font-family:Fredoka,sans-serif}.primary-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ml-border)}.loading-spinner{width:48px;height:48px;border:4px solid var(--ml-surface-light);border-top-color:var(--ml-accent-pink);border-radius:50%;animation:spin 1s linear infinite}.listings-grid{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;position:relative;z-index:1}.listing-card{background:var(--ml-surface);border:3px solid var(--ml-border);border-radius:16px;overflow:hidden;transition:all .2s ease;box-shadow:3px 3px 0 var(--ml-border)}.listing-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ml-border)}.listing-card.expanded{border-color:var(--ml-accent-pink);box-shadow:5px 5px 0 var(--ml-border)}.listing-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;cursor:pointer;transition:background .2s ease}.listing-card-header:hover{background:var(--ml-surface-light)}.listing-preview{display:flex;align-items:center;gap:1rem}.listing-image-container{width:60px;height:60px;background:#fff;border-radius:12px;border:2px solid var(--ml-border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.listing-item-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.listing-card:hover .listing-item-image{transform:scale(1.1)}.item-emoji{font-size:2rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.item-emoji.fallback{display:none}.listing-basic-info{display:flex;flex-direction:column;gap:.25rem}.listing-name{font-size:1.1rem;font-weight:700;color:var(--ml-text);margin:0}.listing-category{font-size:.8rem;color:var(--ml-text-muted);text-transform:capitalize;font-weight:500}.listing-price-section{display:flex;align-items:center;gap:1rem}.listing-price{font-size:1.1rem;font-weight:700;color:var(--ml-accent-orange);font-family:Fredoka,sans-serif}.expand-icon{font-size:.75rem;color:var(--ml-text-muted);transition:transform .3s ease}.listing-card.expanded .expand-icon{transform:rotate(180deg)}.listing-expanded{padding:0 1.25rem 1.25rem;border-top:2px solid var(--ml-border);animation:slideDown .3s ease-out}.detail-section{margin-top:1.25rem}.section-title{font-size:.85rem;font-weight:700;color:var(--ml-accent-pink);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.section-title:after{content:"";flex:1;height:2px;background:var(--ml-border)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--ml-surface-light);border-radius:10px;border:2px solid var(--ml-border)}.detail-label{font-size:.75rem;color:var(--ml-text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.detail-value{font-size:.95rem;font-weight:600;color:var(--ml-text)}.detail-value.seller{color:var(--ml-accent-pink)}.rarity-common{color:#8b7355!important}.rarity-uncommon{color:var(--ml-accent-green)!important}.rarity-rare{color:#3b82f6!important}.rarity-epic{color:#a855f7!important}.rarity-legendary{color:var(--ml-accent-orange)!important}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--ml-surface-light);border:2px solid var(--ml-border);border-radius:12px}.stat-box .stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column;gap:.1rem}.stat-value-large{font-size:1.1rem;font-weight:700;color:var(--ml-text)}.stat-box .stat-label{font-size:.7rem;color:var(--ml-text-muted);text-transform:uppercase;font-weight:600}.sale-graph{background:var(--ml-surface-light);border-radius:12px;border:2px solid var(--ml-border);padding:1rem}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.graph-title{font-size:.9rem;font-weight:700;color:var(--ml-text)}.graph-count{font-size:.75rem;color:var(--ml-text-muted);font-weight:500}.graph-bars{display:flex;align-items:flex-end;justify-content:space-around;height:100px;gap:.5rem}.graph-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px}.graph-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--ml-accent-pink) 0%,var(--ml-accent-orange) 100%);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:10px}.bar-label{font-size:.65rem;color:var(--ml-text-muted);margin-top:.35rem;font-weight:500}.sale-graph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--ml-surface-light);border-radius:12px;border:2px solid var(--ml-border);color:var(--ml-text-muted)}.sale-graph-empty .empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6}.sale-graph-empty p{margin:0;font-size:.9rem;font-weight:500}.listing-actions{display:flex;justify-content:flex-end;margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid var(--ml-border)}.cancel-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:#e74c3c26;border:2px solid var(--ml-danger);color:var(--ml-danger);border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:Fredoka,sans-serif;box-shadow:2px 2px 0 var(--ml-border)}.cancel-btn:hover:not(:disabled){background:var(--ml-danger);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ml-border)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn .btn-icon{font-size:.85rem}.btn-spinner{width:16px;height:16px;border:2px solid rgba(231,76,60,.3);border-top-color:var(--ml-danger);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.my-listings-container{padding:70px 1rem 1rem}.listings-header{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.back-btn{align-self:flex-start}.header-content{text-align:center}.header-content h1{font-size:1.5rem}.header-stats{justify-content:center}.detail-grid,.stats-grid{grid-template-columns:1fr}.listing-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.listing-price-section{width:100%;justify-content:space-between}}@media (max-width: 480px){.listing-preview{flex-direction:column;align-items:flex-start}.listing-image-container{width:80px;height:80px}.graph-bars{height:80px}.stat-box{padding:.75rem;gap:.5rem}.stat-box .stat-icon{font-size:1.25rem}.stat-value-large{font-size:1rem}}:root{--bg-cream: #FDF5E6;--bg-warm: #FCEBD5;--bg-white: #FFFFFF;--text-dark: #5D4E37;--text-medium: #8B7355;--text-light: #A89880;--accent-pink: #E8879B;--accent-yellow: #F5C842;--accent-orange: #F5A442;--accent-green: #7CC47E;--accent-blue: #6BA3D6;--card-white: #FFFFFF;--card-shadow: 0 4px 20px rgba(139, 115, 85, .15);--card-shadow-hover: 0 8px 30px rgba(139, 115, 85, .25)}:root.dark{--bg-cream: #1e1a1a;--bg-warm: #2a2424;--bg-white: #352e2e;--text-dark: #f5ebe0;--text-medium: #d5c4b4;--text-light: #a89888;--accent-pink: #f2a5b3;--accent-yellow: #f7d070;--accent-orange: #e8985a;--accent-green: #9cd49c;--accent-blue: #7eb8e8;--card-white: #2a2424;--card-shadow: 0 4px 25px rgba(0, 0, 0, .5);--card-shadow-hover: 0 8px 35px rgba(242, 165, 179, .2)}.marketplace-container{width:100%;min-height:100vh;background:var(--bg-cream);background-image:radial-gradient(circle at 10% 20%,rgba(245,200,66,.08) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(232,135,155,.08) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(124,196,126,.08) 0%,transparent 20%);font-family:Fredoka,sans-serif;color:var(--text-dark);padding-bottom:4rem;position:relative}.marketplace-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.marketplace-hero,.marketplace-tabs,.marketplace-filters,.listings-grid,.empty-marketplace,.my-listings-section,.recent-sales-section,.marketplace-notification,.purchase-status-overlay,.marketplace-message{position:relative;z-index:1}.marketplace-hero{position:relative;padding:4rem 2rem 2rem;text-align:center;margin-bottom:1rem}.marketplace-hero-content{max-width:800px;margin:0 auto}.marketplace-hero h1{font-size:2.8rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark);text-shadow:2px 2px 0px rgba(255,255,255,.8)}.marketplace-subtitle{font-size:1.15rem;color:var(--text-medium);font-weight:500;margin-bottom:1.5rem}.user-balance-display{display:inline-flex;align-items:center;gap:.75rem;background:var(--card-white);padding:.75rem 1.5rem;border-radius:25px;box-shadow:var(--card-shadow);border:2px solid var(--accent-yellow)}.balance-label{color:var(--text-medium);font-weight:500}.balance-value{color:var(--accent-orange);font-weight:700;font-size:1.2rem}.marketplace-notification{max-width:600px;margin:0 auto 1rem;padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.marketplace-notification.error{background:#fee2e2;color:#dc2626;border:2px solid #fecaca}.marketplace-notification.success{background:#dcfce7;color:#16a34a;border:2px solid #bbf7d0}.marketplace-notification button{margin-left:auto;background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.6;transition:opacity .2s}.marketplace-notification button:hover{opacity:1}.marketplace-tabs{display:flex;justify-content:center;gap:.75rem;padding:0 2rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{padding:.75rem 1.5rem;border:2px solid var(--text-light);border-radius:25px;background:var(--card-white);color:var(--text-medium);font-family:Fredoka,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.tab-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.tab-btn.active{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.tab-btn.sell-btn{background:linear-gradient(135deg,var(--accent-green) 0%,#5fb461 100%);border-color:var(--accent-green);color:#fff}.tab-btn.sell-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #7cc47e66}.marketplace-filters{max-width:1200px;margin:0 auto 2rem;padding:0 2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-box{position:relative;flex:1;min-width:250px}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid var(--text-light);border-radius:12px;background:var(--card-white);color:var(--text-dark);font-family:Fredoka,sans-serif;font-size:.95rem;transition:border-color .3s}.search-box input:focus{outline:none;border-color:var(--accent-orange)}.search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:var(--text-medium);font-weight:500;font-size:.9rem}.filter-group select{padding:.6rem 1rem;border:2px solid var(--text-light);border-radius:10px;background:var(--card-white);color:var(--text-dark);font-family:Fredoka,sans-serif;font-size:.9rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--accent-orange)}.sort-order-btn{width:36px;height:36px;border:2px solid var(--text-light);border-radius:8px;background:var(--card-white);color:var(--text-dark);font-size:1rem;cursor:pointer;transition:all .2s}.sort-order-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.refresh-btn{padding:.6rem 1rem;border:2px solid var(--accent-blue);border-radius:10px;background:var(--card-white);color:var(--accent-blue);font-family:Fredoka,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.refresh-btn:hover{background:var(--accent-blue);color:#fff}.listings-grid{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.listing-card{background:var(--card-white);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.listing-card:hover{transform:translateY(-5px)}.listing-card.my-listing{position:relative}.listing-image{position:relative;height:200px;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;overflow:hidden}.listing-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.listing-card:hover .listing-image img{transform:scale(1.05)}.listing-image .cat-placeholder{font-size:4rem}.genesis-badge{position:absolute;top:10px;right:10px;background:var(--accent-yellow);color:var(--text-dark);padding:.3rem .6rem;border-radius:4px;font-weight:700;font-size:.7rem;letter-spacing:.05em;border:2px solid var(--text-dark)}.listing-expiry{position:absolute;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.my-listing-badge{position:absolute;top:10px;left:10px;background:var(--accent-orange);color:#fff;padding:.3rem .6rem;border-radius:4px;font-weight:700;font-size:.7rem;letter-spacing:.05em}.listing-info{padding:1.25rem}.listing-name{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-stats{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.listing-stats .stat{background:var(--bg-cream);padding:.35rem .6rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;min-width:55px}.listing-stats .stat-label{font-size:.65rem;color:var(--text-light);text-transform:uppercase;font-weight:600}.listing-stats .stat-value{font-size:.9rem;color:var(--text-dark);font-weight:700}.listing-stats .stat.rarity{background:linear-gradient(135deg,#9b59b626,#9b59b640)}.listing-stats .stat.rarity .stat-value{color:#9b59b6}.listing-breed{display:inline-block;background:var(--bg-warm);color:var(--text-medium);padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.listing-seller{font-size:.8rem;color:var(--text-light);margin-bottom:.75rem}.listing-price{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:linear-gradient(135deg,#f5c84226,#f5a44233);border-radius:10px;margin-bottom:.75rem}.price-label{font-size:.8rem;color:var(--text-medium);font-weight:500}.price-value{font-size:1.1rem;color:var(--accent-orange);font-weight:700}.buy-button{width:100%;padding:.85rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-green) 0%,#5fb461 100%);color:#fff;font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.buy-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #7cc47e66}.buy-button:disabled{cursor:not-allowed;opacity:.7}.buy-button.insufficient{background:linear-gradient(135deg,#9ca3af,#6b7280)}.buy-button.loading{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-orange) 100%)}.loading-spinner{animation:spin 1s linear infinite}.my-listing-actions{display:flex;gap:.5rem;flex-wrap:wrap}.my-listing-actions button{flex:1;padding:.65rem;border:2px solid;border-radius:10px;font-family:Fredoka,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.edit-btn{border-color:var(--accent-blue);background:var(--card-white);color:var(--accent-blue)}.edit-btn:hover{background:var(--accent-blue);color:#fff}.cancel-btn-marketplace{border-color:var(--accent-pink);background:var(--card-white);color:var(--accent-pink)}.cancel-btn-marketplace:hover{background:var(--accent-pink);color:#fff}.empty-marketplace{text-align:center;padding:4rem 2rem;max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-marketplace h3{font-size:1.5rem;color:var(--text-dark);margin-bottom:.5rem}.empty-marketplace p{color:var(--text-medium);margin-bottom:1.5rem}.primary-button{padding:.85rem 2rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-orange) 0%,#e8985a 100%);color:#fff;font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f5a44266}.recent-sales-section{max-width:1200px;margin:3rem auto 0;padding:0 2rem}.recent-sales-section h2{font-size:1.8rem;color:var(--text-dark);text-align:center;margin-bottom:2rem}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.how-step{background:var(--card-white);padding:1.5rem;border-radius:16px;text-align:center;box-shadow:var(--card-shadow);transition:transform .3s}.how-step:hover{transform:translateY(-5px)}.step-icon{font-size:2.5rem;margin-bottom:.75rem}.how-step h4{font-size:1.1rem;color:var(--text-dark);margin-bottom:.5rem}.how-step p{font-size:.9rem;color:var(--text-medium);line-height:1.5}.skeleton{background:linear-gradient(90deg,var(--bg-warm) 25%,var(--bg-cream) 50%,var(--bg-warm) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.listing-skeleton{height:380px}.marketplace-message{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.marketplace-message h2{font-size:1.8rem;color:var(--text-dark);margin-bottom:.5rem}.marketplace-message p{color:var(--text-medium)}@media (max-width: 768px){.marketplace-hero h1{font-size:2rem}.marketplace-filters{flex-direction:column}.search-box{width:100%}.filter-group{width:100%;justify-content:space-between}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.marketplace-tabs{flex-direction:column;align-items:stretch}.tab-btn{text-align:center}}@media (max-width: 480px){.marketplace-hero{padding:2rem 1rem 1rem}.marketplace-hero h1{font-size:1.6rem}.listings-grid{grid-template-columns:1fr;padding:0 1rem}.how-it-works-grid{grid-template-columns:1fr}}.on-chain-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-blue),#4a90d9);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem;vertical-align:middle}.on-chain-balance{font-size:.85rem;color:var(--text-light);margin-left:.5rem}.tx-link{margin-left:.75rem;color:inherit;text-decoration:underline;font-weight:600}.tx-link:hover{opacity:.8}.purchase-status-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.purchase-status-content{background:var(--card-white);padding:2rem 3rem;border-radius:20px;text-align:center;box-shadow:0 10px 40px #0000004d;animation:popIn .3s ease}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.purchase-spinner{font-size:3rem;animation:spin 1.5s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.purchase-status-content p{font-size:1.1rem;color:var(--text-dark);font-weight:500;margin:0}.purchase-price-display{font-size:1.2rem!important;color:var(--accent-orange)!important;font-weight:600!important;margin-top:.5rem!important}.purchase-note{font-size:.85rem!important;color:var(--text-light)!important;margin-top:.75rem!important;opacity:.8}.on-chain-indicator{background:linear-gradient(135deg,#6ba3d633,#7cc47e33);color:var(--accent-blue);padding:.35rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;margin-top:.5rem;text-align:center}.seller-approval-warning{background:#fef3c7;border:2px solid #fbbf24;color:#92400e;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;margin-top:.5rem}.chain-verified-badge{display:inline-flex;align-items:center;gap:.25rem;background:#7cc47e33;color:var(--accent-green);padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600}.chain-not-found-badge{display:inline-flex;align-items:center;gap:.25rem;background:#ef444426;color:#dc2626;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600}.empty-icon.cat-icon,.empty-icon.box-icon{width:80px;height:80px;margin:0 auto 1rem;background-size:contain;background-repeat:no-repeat;background-position:center}.empty-icon.cat-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%238B7355' d='M32 8c-2 0-4 1-5 3l-3-5c-1-1-3-1-4 0s-1 3 0 4l4 6c-8 2-14 9-14 18 0 10 9 18 22 22 13-4 22-12 22-22 0-9-6-16-14-18l4-6c1-1 1-3 0-4s-3-1-4 0l-3 5c-1-2-3-3-5-3z'/%3E%3Ccircle fill='%235D4E37' cx='24' cy='28' r='3'/%3E%3Ccircle fill='%235D4E37' cx='40' cy='28' r='3'/%3E%3Cpath fill='%23E8879B' d='M32 32c-2 0-3 1-3 2 0 2 3 3 3 3s3-1 3-3c0-1-1-2-3-2z'/%3E%3Cpath fill='none' stroke='%235D4E37' stroke-width='1.5' d='M29 36c-1 1-2 2-2 3M35 36c1 1 2 2 2 3'/%3E%3C/svg%3E")}.empty-icon.box-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23F5C842' d='M8 20l24-12 24 12v24L32 56 8 44V20z'/%3E%3Cpath fill='%23E8985A' d='M32 32L8 20v24l24 12V32z'/%3E%3Cpath fill='%23FCEBD5' d='M32 32l24-12v24L32 56V32z'/%3E%3Cpath fill='none' stroke='%235D4E37' stroke-width='2' d='M8 20l24 12 24-12M32 32v24'/%3E%3C/svg%3E")}.step-icon{width:48px;height:48px;margin:0 auto .75rem;background:linear-gradient(135deg,var(--accent-orange),var(--accent-yellow));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:3px solid var(--text-dark);box-shadow:3px 3px 0 var(--text-dark)}.notification-icon{font-size:1.1rem;font-weight:700}.loading-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.purchase-spinner{width:48px;height:48px;border:4px solid var(--bg-warm);border-radius:50%;border-top-color:var(--accent-orange);animation:spin .8s linear infinite;margin:0 auto 1rem}.cat-placeholder{font-size:3rem;color:var(--accent-yellow);display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-warm) 0%,var(--bg-cream) 100%)}.search-container{--search-bg: #FDF6E3;--search-card: #FFFFFF;--search-card-inner: #FCEBD5;--search-text: #5D4E37;--search-text-secondary: #8B7355;--search-text-muted: #A89F91;--search-accent-pink: #E8879B;--search-accent-green: #7CB342;--search-accent-orange: #CD8B62;--search-accent-yellow: #F5C842;--search-border: #5D4E37;--search-shadow: 4px 4px 0 #5D4E37}:root.dark .search-container{--search-bg: #1e1a1a;--search-card: #352e2e;--search-card-inner: #2a2424;--search-text: #f5ebe0;--search-text-secondary: #d5c4b4;--search-text-muted: #8B7355;--search-accent-pink: #f2a5b3;--search-accent-green: #9cd49c;--search-accent-orange: #e8985a;--search-accent-yellow: #f7d070;--search-border: #5D4E37;--search-shadow: 4px 4px 0 #5D4E37}.search-container{padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto;color:var(--search-text);font-family:Fredoka,sans-serif;min-height:100vh;position:relative}.search-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}:root.dark .search-container:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23f5ebe0' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='20' r='8'/%3E%3Ccircle cx='18' cy='32' r='5'/%3E%3Ccircle cx='42' cy='32' r='5'/%3E%3Ccircle cx='22' cy='44' r='4'/%3E%3Ccircle cx='38' cy='44' r='4'/%3E%3C/g%3E%3C/svg%3E")}.search-header{text-align:center;margin-bottom:2rem}.search-header h1{font-size:2.5rem;color:var(--search-text);margin-bottom:1.5rem;font-weight:700}.search-bar-wrapper{max-width:600px;margin:0 auto;position:relative}.search-input{width:100%;padding:1rem 1.5rem;background:var(--search-card);border:3px solid var(--search-border);border-radius:16px;color:var(--search-text);font-size:1rem;font-family:Fredoka,sans-serif;outline:none;box-shadow:var(--search-shadow);transition:all .2s ease;box-sizing:border-box}.search-input:focus{border-color:var(--search-accent-pink);box-shadow:4px 4px 0 var(--search-accent-pink)}.search-input::-moz-placeholder{color:var(--search-text-muted)}.search-input::placeholder{color:var(--search-text-muted)}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-top:2rem;position:relative;z-index:1}.player-card{background:var(--search-card);border:3px solid var(--search-border);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:3px 3px 0 var(--search-border);position:relative;z-index:1}.player-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--search-border)}.player-avatar{width:4rem;height:4rem;border-radius:50%;background:var(--search-accent-pink);border:2px solid var(--search-border);margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.player-name{font-weight:700;font-size:1rem;margin-bottom:.5rem;color:var(--search-text)}.player-wallet{font-size:.8rem;color:var(--search-text-muted);font-family:monospace}.modal-overlay{position:fixed;inset:0;background:#5d4e3780;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}:root.dark .modal-overlay{background:#1e1a1ab3}.profile-modal{background:var(--search-card);border:3px solid var(--search-border);border-radius:20px;width:100%;max-width:800px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:5px 5px 0 var(--search-border)}.close-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--search-card-inner);border:2px solid var(--search-border);border-radius:50%;color:var(--search-text-secondary);font-size:1.5rem;line-height:1;padding-bottom:2px;cursor:pointer;flex-shrink:0;margin-left:auto}.close-btn:hover{background:var(--search-accent-pink);color:#fff}.modal-content{padding:1.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--search-border)}.modal-header h2{color:var(--search-text);font-size:1.25rem;font-weight:700;margin:0}.modal-subtitle{color:var(--search-text-muted);font-size:.9rem;margin:0 0 1rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:1.5rem}.inventory-item{background:var(--search-card-inner);border:2px solid var(--search-border);border-radius:12px;padding:.875rem;text-align:center;cursor:pointer;transition:all .2s ease}.inventory-item:hover{border-color:var(--search-accent-pink);background:var(--search-card)}.inventory-item.selected{border-color:var(--search-accent-green);background:#7cb34226;box-shadow:3px 3px 0 var(--search-accent-green)}.item-image-container{width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.inventory-item-image{max-width:100%;max-height:80px;-o-object-fit:contain;object-fit:contain}.item-emoji{font-size:2.5rem;display:flex;align-items:center;justify-content:center;height:80px}.item-name{font-size:.8rem;color:var(--search-text-secondary);font-weight:600}.no-items{text-align:center;padding:2rem;color:var(--search-text-muted);font-size:1rem}.trade-controls{display:flex;justify-content:space-between;align-items:center;background:var(--search-card-inner);padding:1rem;border-radius:12px;border:2px solid var(--search-border);margin-top:1.5rem;gap:1rem}.trade-controls>div{color:var(--search-text);font-size:.9rem}.trade-btn{background:var(--search-accent-pink);border:2px solid var(--search-border);padding:.875rem 1.5rem;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;font-size:.9rem;font-family:Fredoka,sans-serif;transition:all .2s ease;box-shadow:3px 3px 0 var(--search-border)}.trade-btn:disabled{opacity:.5;cursor:not-allowed}.trade-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--search-border)}.section-title{font-size:1rem;color:var(--search-accent-pink);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}@media (max-width: 640px){.search-container{padding:5rem 1rem 1rem}.search-header h1{font-size:1.75rem}.search-input{padding:.875rem 1rem;font-size:.9rem}.players-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.player-card{padding:1rem}.player-avatar{width:3rem;height:3rem;font-size:1.25rem}.modal-content{padding:1.25rem}.inventory-grid{grid-template-columns:repeat(3,1fr)}.trade-controls{flex-direction:column;text-align:center}.trade-btn{width:100%}}.playground-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.playground-container.dark{color:#f5f5f5}.playground-header{text-align:center;margin-bottom:2rem}.playground-header h1{font-family:Fredoka,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.playground-header p{font-size:1.1rem;opacity:.8}.playground-content{display:flex;gap:2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.game-wrapper{background:#1a1a2e;border-radius:16px;padding:1rem;box-shadow:0 10px 40px #0000004d,0 0 0 3px #ffffff1a,inset 0 0 60px #0003;position:relative;overflow:hidden}.game-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff6b6b);background-size:400% 400%;animation:gradientShift 4s ease infinite;border-radius:18px;z-index:-1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-canvas{display:block;border-radius:8px;image-rendering:pixelated;image-rendering:crisp-edges;background:#0f0f23}.loading-screen{width:960px;height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f23;border-radius:8px;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#48dbfb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.controls-panel{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;min-width:200px;border:2px solid rgba(255,255,255,.15)}.playground-container.dark .controls-panel{background:#0000004d}.controls-panel h3{font-family:Fredoka,sans-serif;font-size:1.3rem;margin-bottom:1rem;text-align:center}.control-keys{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.key-row{display:flex;gap:.5rem}kbd{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background:linear-gradient(180deg,#3a3a5a,#2a2a4a);border:2px solid #4a4a6a;border-radius:8px;font-family:Fredoka,monospace;font-size:1.1rem;font-weight:600;color:#fff;box-shadow:0 4px #1a1a3a,0 6px 10px #0000004d;transition:all .1s ease}kbd:hover{transform:translateY(2px);box-shadow:0 2px #1a1a3a,0 4px 6px #0000004d}.control-hint{text-align:center;font-size:.85rem;opacity:.7;margin-bottom:1rem}.debug-toggles{display:flex;flex-direction:column;gap:.75rem}.debug-toggle{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:.75rem}.debug-toggle.leaves-toggle{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.debug-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.debug-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#ff6b6b;cursor:pointer}.debug-toggle.leaves-toggle input[type=checkbox]{accent-color:#4CAF50}.playground-info{background:#48dbfb1a;border:2px solid rgba(72,219,251,.3);border-radius:16px;padding:1.5rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.playground-info h3{font-family:Fredoka,sans-serif;font-size:1.3rem;margin-bottom:1rem}.playground-info ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.playground-info li{font-size:.95rem;padding:.5rem;background:#ffffff0d;border-radius:8px}@media (max-width: 768px){.playground-container{padding:1rem}.playground-header h1{font-size:1.8rem}.playground-content{flex-direction:column;align-items:center}.game-wrapper{padding:.5rem}.game-canvas,.loading-screen{width:100%;max-width:480px;height:auto;aspect-ratio:960 / 640}.controls-panel{width:100%;max-width:400px}.playground-info ul{grid-template-columns:1fr}}.cat-tooltip{position:fixed;z-index:1000;background:linear-gradient(135deg,#2d2d44,#1a1a2e);border:2px solid #feca57;border-radius:12px;padding:.75rem 1rem;min-width:160px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;pointer-events:none;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cat-tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.15)}.cat-emoji{font-size:1.5rem}.cat-name{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;color:#feca57}.cat-tooltip-info{display:flex;flex-direction:column;gap:.35rem}.cat-stat{display:flex;justify-content:space-between;align-items:center;gap:1rem}.stat-label{font-size:.8rem;color:#fff9}.stat-value{font-size:.85rem;font-weight:500;color:#fff;text-transform:capitalize}.cat-tooltip-hint{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.15);font-size:.75rem;color:#48dbfb;text-align:center}.cat-playground-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.cat-playground-container.dark{color:#f5f5f5}.cat-playground-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff6b6b4d}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.cat-title{display:flex;align-items:center;gap:.75rem}.cat-emoji-large{font-size:2.5rem}.cat-title h1{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;background:linear-gradient(135deg,#feca57,#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.cat-badge{background:linear-gradient(135deg,#48dbfb,#0abde3);color:#fff;padding:.5rem 1rem;border-radius:20px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #48dbfb4d}.cat-playground-content{display:flex;gap:2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.cat-game-wrapper{background:#1a1a2e;border-radius:16px;padding:1rem;box-shadow:0 10px 40px #0000004d,0 0 0 3px #feca574d,inset 0 0 60px #0003;position:relative;overflow:hidden}.cat-game-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#feca57,#ff9f43,#ff6b6b,#feca57);background-size:400% 400%;animation:catGradientShift 4s ease infinite;border-radius:18px;z-index:-1}@keyframes catGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cat-info-panel{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;min-width:280px;max-width:320px;border:2px solid rgba(254,202,87,.3)}.cat-playground-container.dark .cat-info-panel{background:#0000004d}.cat-info-panel h3{font-family:Fredoka,sans-serif;font-size:1.5rem;margin-bottom:1rem;color:#feca57;text-align:center}.cat-info-panel h4{font-family:Fredoka,sans-serif;font-size:1.1rem;margin-bottom:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.cat-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff0d;border-radius:8px}.detail-label{font-size:.9rem;opacity:.7}.detail-value{font-weight:600;color:#feca57}.cat-options{margin-top:1rem}.option-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;cursor:pointer;font-size:.9rem}.option-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#4CAF50;cursor:pointer}.cat-actions{margin-top:1rem}.action-hint{font-size:.85rem;opacity:.7;line-height:1.5;background:#48dbfb1a;border:1px solid rgba(72,219,251,.2);padding:.75rem;border-radius:8px}.cat-playground-error{text-align:center;padding:4rem 2rem}.cat-playground-error h2{font-family:Fredoka,sans-serif;font-size:2rem;margin-bottom:1rem}.cat-playground-error p{margin-bottom:2rem;opacity:.7}.cat-playground-container .loading-screen{width:720px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f23;border-radius:8px;color:#fff}.cat-playground-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#feca57;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.cat-playground-container{padding:1rem}.cat-playground-header{flex-direction:column;text-align:center}.cat-title h1{font-size:1.5rem}.cat-playground-content{flex-direction:column;align-items:center}.cat-game-wrapper{padding:.5rem}.cat-playground-container .game-canvas,.cat-playground-container .loading-screen{width:100%;max-width:480px;height:auto;aspect-ratio:960 / 640}.cat-info-panel{width:100%;max-width:400px}}.action-button{width:100%;padding:.75rem 1rem;border:none;border-radius:10px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-button.washroom-action{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 4px 12px #00b8944d}.action-button.washroom-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89466}.bathroom-popup-overlay{--bp-bg: #FDF6E3;--bp-card: #FFFFFF;--bp-card-inner: #FCEBD5;--bp-text: #5D4E37;--bp-text-secondary: #8B7355;--bp-accent-teal: #00b894;--bp-accent-pink: #E8879B;--bp-border: #5D4E37;--bp-shadow: 0 4px 20px rgba(139, 115, 85, .25);position:fixed;inset:0;background:#5d4e3780;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:bpFadeIn .2s ease}.cat-playground-container.dark .bathroom-popup-overlay{--bp-bg: #1e1a1a;--bp-card: #352e2e;--bp-card-inner: #2a2424;--bp-text: #f5ebe0;--bp-text-secondary: #d5c4b4;--bp-accent-teal: #00cec9;--bp-accent-pink: #f2a5b3;--bp-border: #5D4E37;--bp-shadow: 0 4px 25px rgba(0, 0, 0, .5);background:#1e1a1ab3}@keyframes bpFadeIn{0%{opacity:0}to{opacity:1}}.bathroom-popup{background:var(--bp-card);border:3px solid var(--bp-border);border-radius:20px;box-shadow:5px 5px 0 var(--bp-border),var(--bp-shadow);width:100%;max-width:400px;padding:1.5rem;text-align:center;font-family:Fredoka,sans-serif;animation:bpSlideUp .3s ease}@keyframes bpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bathroom-popup-icon{font-size:3.5rem;margin-bottom:.75rem;animation:bpBounce 1s ease infinite}@keyframes bpBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bathroom-popup h3{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;color:var(--bp-text);margin:0 0 .5rem}.bathroom-popup p{color:var(--bp-text-secondary);font-size:1rem;margin:0 0 1.25rem;line-height:1.5}.bathroom-popup-buttons{display:flex;gap:.75rem;justify-content:center}.popup-button{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:10px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid}.popup-button.yes-button{background:#00b89433;border-color:var(--bp-accent-teal);color:var(--bp-accent-teal)}.popup-button.yes-button:hover{background:var(--bp-accent-teal);color:#fff}.popup-button.no-button{background:#e8879b26;border-color:var(--bp-accent-pink);color:var(--bp-accent-pink)}.popup-button.no-button:hover{background:var(--bp-accent-pink);color:#fff}.restaurant-popup-overlay{--bp-accent-orange: #ff9f43}.cat-playground-container.dark .restaurant-popup-overlay{--bp-accent-orange: #feca57}.popup-button.yes-button.restaurant-yes{background:#ff9f4333;border-color:var(--bp-accent-orange);color:var(--bp-accent-orange)}.popup-button.yes-button.restaurant-yes:hover{background:var(--bp-accent-orange);color:#fff}.exit-popup-overlay{--bp-accent-green: #4CAF50}.cat-playground-container.dark .exit-popup-overlay{--bp-accent-green: #81C784}.popup-button.yes-button.exit-yes{background:#4caf5033;border-color:var(--bp-accent-green);color:var(--bp-accent-green)}.popup-button.yes-button.exit-yes:hover{background:var(--bp-accent-green);color:#fff}.cat-restaurant-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.cat-restaurant-container.dark{color:#f5f5f5}.cat-restaurant-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.cat-restaurant-container .back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#e17055,#d63031);color:#fff;border:none;border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #e170554d}.cat-restaurant-container .back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e1705566}.cat-restaurant-container .cat-title{display:flex;align-items:center;gap:.75rem}.cat-restaurant-container .cat-emoji-large{font-size:2.5rem}.cat-restaurant-container .cat-title h1{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;background:linear-gradient(135deg,#e17055,#fdcb6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.cat-restaurant-container .cat-badge{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;padding:.5rem 1rem;border-radius:20px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #00b8944d}.cat-restaurant-content{display:flex;gap:2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.cat-game-wrapper.restaurant-theme{background:#2d2319;border-radius:16px;padding:1rem;box-shadow:0 10px 40px #0000004d,0 0 0 3px #e170554d,inset 0 0 60px #0003;position:relative;overflow:hidden}.cat-game-wrapper.restaurant-theme:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#e17055,#fdcb6e,#00b894,#e17055);background-size:400% 400%;animation:restaurantGradientShift 4s ease infinite;border-radius:18px;z-index:-1}@keyframes restaurantGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cat-info-panel.restaurant-panel{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;min-width:280px;max-width:320px;border:2px solid rgba(225,112,85,.3)}.cat-restaurant-container.dark .cat-info-panel.restaurant-panel{background:#2d231980}.cat-info-panel.restaurant-panel h3{font-family:Fredoka,sans-serif;font-size:1.5rem;margin-bottom:1rem;color:#fdcb6e;text-align:center}.cat-info-panel.restaurant-panel h4{font-family:Fredoka,sans-serif;font-size:1.1rem;margin-bottom:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);color:#e17055}.cat-restaurant-container .cat-details{display:flex;flex-direction:column;gap:.5rem}.cat-restaurant-container .detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff0d;border-radius:8px}.cat-restaurant-container .detail-label{font-size:.9rem;opacity:.7}.cat-restaurant-container .detail-value{font-weight:600;color:#fdcb6e}.cat-restaurant-container .cat-options{margin-top:1rem}.cat-restaurant-container .option-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:8px;cursor:pointer;font-size:.9rem}.cat-restaurant-container .option-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#00b894;cursor:pointer}.cat-restaurant-container .cat-actions{margin-top:1rem}.cat-restaurant-container .action-hint{font-size:.85rem;opacity:.7;line-height:1.5;background:#e170551a;border:1px solid rgba(225,112,85,.2);padding:.75rem;border-radius:8px}.cat-restaurant-error{text-align:center;padding:4rem 2rem}.cat-restaurant-error h2{font-family:Fredoka,sans-serif;font-size:2rem;margin-bottom:1rem}.cat-restaurant-error p{margin-bottom:2rem;opacity:.7}.cat-restaurant-container .loading-screen{width:720px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2d2319;border-radius:8px;color:#fff}.cat-restaurant-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#e17055;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.cat-restaurant-container{padding:1rem}.cat-restaurant-header{flex-direction:column;text-align:center}.cat-restaurant-container .cat-title h1{font-size:1.5rem}.cat-restaurant-content{flex-direction:column;align-items:center}.cat-game-wrapper.restaurant-theme{padding:.5rem}.cat-restaurant-container .game-canvas,.cat-restaurant-container .loading-screen{width:100%;max-width:480px;height:auto;aspect-ratio:960 / 640}.cat-info-panel.restaurant-panel{width:100%;max-width:400px}}.eat-popup-overlay{--eat-bg: #FDF6E3;--eat-card: #FFFFFF;--eat-text: #5D4E37;--eat-text-secondary: #8B7355;--eat-accent-orange: #FF9800;--eat-accent-pink: #E8879B;--eat-border: #5D4E37;--eat-shadow: 0 4px 20px rgba(139, 115, 85, .25);position:fixed;inset:0;background:#5d4e3780;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:eatFadeIn .2s ease}.cat-restaurant-container.dark .eat-popup-overlay{--eat-bg: #1e1a1a;--eat-card: #352e2e;--eat-text: #f5ebe0;--eat-text-secondary: #d5c4b4;--eat-accent-orange: #feca57;--eat-accent-pink: #f2a5b3;--eat-border: #5D4E37;--eat-shadow: 0 4px 25px rgba(0, 0, 0, .5);background:#1e1a1ab3}@keyframes eatFadeIn{0%{opacity:0}to{opacity:1}}.eat-popup{background:var(--eat-card);border:3px solid var(--eat-border);border-radius:20px;box-shadow:5px 5px 0 var(--eat-border),var(--eat-shadow);width:100%;max-width:400px;padding:1.5rem;text-align:center;font-family:Fredoka,sans-serif;animation:eatSlideUp .3s ease}@keyframes eatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.eat-popup-icon{font-size:3.5rem;margin-bottom:.75rem}.eat-popup h3{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;color:var(--eat-text);margin:0 0 .5rem}.eat-popup p{color:var(--eat-text-secondary);font-size:1rem;margin:0 0 .5rem;line-height:1.5}.eat-popup .cooldown-text{color:var(--eat-accent-orange);font-weight:600;margin-bottom:1rem}.eat-popup-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.eat-popup .popup-button{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:10px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid}.eat-popup .popup-button.yes-button.eat-yes{background:#ff980033;border-color:var(--eat-accent-orange);color:var(--eat-accent-orange)}.eat-popup .popup-button.yes-button.eat-yes:hover:not(:disabled){background:var(--eat-accent-orange);color:#fff}.eat-popup .popup-button.yes-button.eat-yes:disabled{opacity:.5;cursor:not-allowed}.eat-popup .popup-button.no-button{background:#e8879b26;border-color:var(--eat-accent-pink);color:var(--eat-accent-pink)}.eat-popup .popup-button.no-button:hover{background:var(--eat-accent-pink);color:#fff}.exit-popup-overlay{--eat-accent-red: #F44336}.cat-restaurant-container.dark .exit-popup-overlay{--eat-accent-red: #EF5350}.exit-popup .popup-button.yes-button.exit-yes{background:#f4433633;border-color:var(--eat-accent-red);color:var(--eat-accent-red)}.exit-popup .popup-button.yes-button.exit-yes:hover{background:var(--eat-accent-red);color:#fff}.cat-washroom-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.cat-washroom-container.dark{color:#f5f5f5}.cat-washroom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.cat-washroom-container .back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0984e34d}.cat-washroom-container .back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0984e366}.cat-washroom-container .cat-title{display:flex;align-items:center;gap:.75rem}.cat-washroom-container .cat-emoji-large{font-size:2.5rem}.cat-washroom-container .cat-title h1{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;background:linear-gradient(135deg,#0984e3,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.cat-washroom-container .cat-badge{background:linear-gradient(135deg,#00cec9,#81ecec);color:#fff;padding:.5rem 1rem;border-radius:20px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #00cec94d}.cat-washroom-content{display:flex;gap:2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.cat-game-wrapper.washroom-theme{background:#1a2a3a;border-radius:16px;padding:1rem;box-shadow:0 10px 40px #0000004d,0 0 0 3px #0984e34d,inset 0 0 60px #0003;position:relative;overflow:hidden}.cat-game-wrapper.washroom-theme:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0984e3,#00cec9,#74b9ff,#0984e3);background-size:400% 400%;animation:washroomGradientShift 4s ease infinite;border-radius:18px;z-index:-1}@keyframes washroomGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cat-info-panel.washroom-panel{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;min-width:280px;max-width:320px;border:2px solid rgba(9,132,227,.3)}.cat-washroom-container.dark .cat-info-panel.washroom-panel{background:#1a2a3a80}.cat-info-panel.washroom-panel h3{font-family:Fredoka,sans-serif;font-size:1.5rem;margin-bottom:1rem;color:#74b9ff;text-align:center}.cat-info-panel.washroom-panel h4{font-family:Fredoka,sans-serif;font-size:1.1rem;margin-bottom:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);color:#00cec9}.cat-washroom-container .cat-details{display:flex;flex-direction:column;gap:.5rem}.cat-washroom-container .detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff0d;border-radius:8px}.cat-washroom-container .detail-label{font-size:.9rem;opacity:.7}.cat-washroom-container .detail-value{font-weight:600;color:#74b9ff}.cat-washroom-container .cat-options{margin-top:1rem}.cat-washroom-container .option-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#00cec91a;border:1px solid rgba(0,206,201,.3);border-radius:8px;cursor:pointer;font-size:.9rem}.cat-washroom-container .option-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#00cec9;cursor:pointer}.cat-washroom-container .cat-actions{margin-top:1rem}.cat-washroom-container .action-hint{font-size:.85rem;opacity:.7;line-height:1.5;background:#0984e31a;border:1px solid rgba(9,132,227,.2);padding:.75rem;border-radius:8px}.cat-washroom-error{text-align:center;padding:4rem 2rem}.cat-washroom-error h2{font-family:Fredoka,sans-serif;font-size:2rem;margin-bottom:1rem}.cat-washroom-error p{margin-bottom:2rem;opacity:.7}.cat-washroom-container .loading-screen{width:720px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a2a3a;border-radius:8px;color:#fff}.cat-washroom-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#0984e3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.cat-washroom-container{padding:1rem}.cat-washroom-header{flex-direction:column;text-align:center}.cat-washroom-container .cat-title h1{font-size:1.5rem}.cat-washroom-content{flex-direction:column;align-items:center}.cat-game-wrapper.washroom-theme{padding:.5rem}.cat-washroom-container .game-canvas,.cat-washroom-container .loading-screen{width:100%;max-width:480px;height:auto;aspect-ratio:960 / 640}.cat-info-panel.washroom-panel{width:100%;max-width:400px}}.bath-popup-overlay{--bath-bg: #FDF6E3;--bath-card: #FFFFFF;--bath-text: #5D4E37;--bath-text-secondary: #8B7355;--bath-accent-cyan: #00BCD4;--bath-accent-pink: #E8879B;--bath-border: #5D4E37;--bath-shadow: 0 4px 20px rgba(139, 115, 85, .25);position:fixed;inset:0;background:#5d4e3780;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:bathFadeIn .2s ease}.cat-washroom-container.dark .bath-popup-overlay{--bath-bg: #1e1a1a;--bath-card: #352e2e;--bath-text: #f5ebe0;--bath-text-secondary: #d5c4b4;--bath-accent-cyan: #26C6DA;--bath-accent-pink: #f2a5b3;--bath-border: #5D4E37;--bath-shadow: 0 4px 25px rgba(0, 0, 0, .5);background:#1e1a1ab3}@keyframes bathFadeIn{0%{opacity:0}to{opacity:1}}.bath-popup{background:var(--bath-card);border:3px solid var(--bath-border);border-radius:20px;box-shadow:5px 5px 0 var(--bath-border),var(--bath-shadow);width:100%;max-width:400px;padding:1.5rem;text-align:center;font-family:Fredoka,sans-serif;animation:bathSlideUp .3s ease}@keyframes bathSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bath-popup-icon{font-size:3.5rem;margin-bottom:.75rem}.bath-popup h3{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;color:var(--bath-text);margin:0 0 .5rem}.bath-popup p{color:var(--bath-text-secondary);font-size:1rem;margin:0 0 .5rem;line-height:1.5}.bath-popup .cooldown-text{color:var(--bath-accent-cyan);font-weight:600;margin-bottom:1rem}.bath-popup-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.bath-popup .popup-button{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:10px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid}.bath-popup .popup-button.yes-button.bath-yes{background:#00bcd433;border-color:var(--bath-accent-cyan);color:var(--bath-accent-cyan)}.bath-popup .popup-button.yes-button.bath-yes:hover:not(:disabled){background:var(--bath-accent-cyan);color:#fff}.bath-popup .popup-button.yes-button.bath-yes:disabled{opacity:.5;cursor:not-allowed}.bath-popup .popup-button.no-button{background:#e8879b26;border-color:var(--bath-accent-pink);color:var(--bath-accent-pink)}.bath-popup .popup-button.no-button:hover{background:var(--bath-accent-pink);color:#fff}.toilet-popup-overlay{--bath-accent-purple: #9C27B0}.cat-washroom-container.dark .toilet-popup-overlay{--bath-accent-purple: #CE93D8}.toilet-popup .popup-button.yes-button.toilet-yes{background:#9c27b033;border-color:var(--bath-accent-purple);color:var(--bath-accent-purple)}.toilet-popup .popup-button.yes-button.toilet-yes:hover{background:var(--bath-accent-purple);color:#fff}.brush-popup-overlay{--bath-accent-green: #4CAF50}.cat-washroom-container.dark .brush-popup-overlay{--bath-accent-green: #81C784}.brush-popup .popup-button.yes-button.brush-yes{background:#4caf5033;border-color:var(--bath-accent-green);color:var(--bath-accent-green)}.brush-popup .popup-button.yes-button.brush-yes:hover{background:var(--bath-accent-green);color:#fff}.exit-popup-overlay{--bath-accent-red: #F44336}.cat-washroom-container.dark .exit-popup-overlay{--bath-accent-red: #EF5350}.exit-popup .popup-button.yes-button.exit-yes{background:#f4433633;border-color:var(--bath-accent-red);color:var(--bath-accent-red)}.exit-popup .popup-button.yes-button.exit-yes:hover{background:var(--bath-accent-red);color:#fff}.site-footer{clear:both;text-align:center;margin-top:-60px;width:100%;position:relative;z-index:10}.footer-svg{width:100%;height:80px;display:block}