@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;800&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,body{overscroll-behavior-y:none}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}}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.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}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-bottom-24{bottom:-6rem}.-left-24{left:-6rem}.-right-24{right:-6rem}.-top-24{top:-6rem}.bottom-10{bottom:2.5rem}.bottom-20{bottom:5rem}.bottom-\[6\%\]{bottom:6%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-8{top:2rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-2{margin:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/2\]{aspect-ratio:3/2}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[300px\]{height:300px}.h-\[300vh\]{height:300vh}.h-\[50px\]{height:50px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.max-h-\[78vh\]{max-height:78vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[300px\]{width:300px}.w-\[55\%\]{width:55%}.w-\[calc\(100\%\+1\.3px\)\]{width:calc(100% + 1.3px)}.min-w-0{min-width:0px}.min-w-\[90px\]{min-width:90px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[18rem\]{max-width:18rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[1\.4\]{flex:1.4}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.-translate-y-\[99\%\]{--tw-translate-y: -99%;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))}.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))}.scale-110{--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))}.scale-x-\[-1\]{--tw-scale-x: -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))}.transform{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 bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@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}.resize{resize:both}.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-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * 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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-xl{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-8{border-bottom-width:8px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[\#1a1616\]{--tw-border-opacity: 1;border-color:rgb(26 22 22 / var(--tw-border-opacity, 1))}.border-\[\#1aab29\]{--tw-border-opacity: 1;border-color:rgb(26 171 41 / var(--tw-border-opacity, 1))}.border-\[\#5D4E37\]{--tw-border-opacity: 1;border-color:rgb(93 78 55 / var(--tw-border-opacity, 1))}.border-\[\#5a5450\]{--tw-border-opacity: 1;border-color:rgb(90 84 80 / var(--tw-border-opacity, 1))}.border-\[\#C9B89B\]{--tw-border-opacity: 1;border-color:rgb(201 184 155 / var(--tw-border-opacity, 1))}.border-\[\#E8879B\]{--tw-border-opacity: 1;border-color:rgb(232 135 155 / var(--tw-border-opacity, 1))}.border-\[\#d0cdc6\]{--tw-border-opacity: 1;border-color:rgb(208 205 198 / var(--tw-border-opacity, 1))}.border-\[\#d89e24\]{--tw-border-opacity: 1;border-color:rgb(216 158 36 / var(--tw-border-opacity, 1))}.border-\[\#e0443e\]{--tw-border-opacity: 1;border-color:rgb(224 68 62 / var(--tw-border-opacity, 1))}.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-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / 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-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-pink-200{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity, 1))}.border-pink-400\/30{border-color:#f472b64d}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / 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-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/50{border-color:#ffffff80}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.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}.\!bg-slate-900\/50{background-color:#0f172a80!important}.bg-\[\#00C853\]{--tw-bg-opacity: 1;background-color:rgb(0 200 83 / var(--tw-bg-opacity, 1))}.bg-\[\#1a1616\]{--tw-bg-opacity: 1;background-color:rgb(26 22 22 / var(--tw-bg-opacity, 1))}.bg-\[\#1e1a1a\]{--tw-bg-opacity: 1;background-color:rgb(30 26 26 / var(--tw-bg-opacity, 1))}.bg-\[\#28c840\]{--tw-bg-opacity: 1;background-color:rgb(40 200 64 / var(--tw-bg-opacity, 1))}.bg-\[\#2979FF\]{--tw-bg-opacity: 1;background-color:rgb(41 121 255 / var(--tw-bg-opacity, 1))}.bg-\[\#2a2424\]{--tw-bg-opacity: 1;background-color:rgb(42 36 36 / var(--tw-bg-opacity, 1))}.bg-\[\#3a3430\]{--tw-bg-opacity: 1;background-color:rgb(58 52 48 / var(--tw-bg-opacity, 1))}.bg-\[\#3a3434\]{--tw-bg-opacity: 1;background-color:rgb(58 52 52 / var(--tw-bg-opacity, 1))}.bg-\[\#455A64\]{--tw-bg-opacity: 1;background-color:rgb(69 90 100 / var(--tw-bg-opacity, 1))}.bg-\[\#4CAF50\]{--tw-bg-opacity: 1;background-color:rgb(76 175 80 / var(--tw-bg-opacity, 1))}.bg-\[\#4a4440\]{--tw-bg-opacity: 1;background-color:rgb(74 68 64 / var(--tw-bg-opacity, 1))}.bg-\[\#5D4E37\]{--tw-bg-opacity: 1;background-color:rgb(93 78 55 / var(--tw-bg-opacity, 1))}.bg-\[\#5D4E37\]\/10{background-color:#5d4e371a}.bg-\[\#5D4E37\]\/15{background-color:#5d4e3726}.bg-\[\#5D4E37\]\/30{background-color:#5d4e374d}.bg-\[\#7CC47E\]{--tw-bg-opacity: 1;background-color:rgb(124 196 126 / var(--tw-bg-opacity, 1))}.bg-\[\#87CEEB\]{--tw-bg-opacity: 1;background-color:rgb(135 206 235 / var(--tw-bg-opacity, 1))}.bg-\[\#E8879B\]{--tw-bg-opacity: 1;background-color:rgb(232 135 155 / var(--tw-bg-opacity, 1))}.bg-\[\#E8879B\]\/10{background-color:#e8879b1a}.bg-\[\#E8879B\]\/30{background-color:#e8879b4d}.bg-\[\#F3F4F6\]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-\[\#F5C842\]{--tw-bg-opacity: 1;background-color:rgb(245 200 66 / var(--tw-bg-opacity, 1))}.bg-\[\#FDF5E6\]{--tw-bg-opacity: 1;background-color:rgb(253 245 230 / var(--tw-bg-opacity, 1))}.bg-\[\#FF4D4D\]{--tw-bg-opacity: 1;background-color:rgb(255 77 77 / var(--tw-bg-opacity, 1))}.bg-\[\#FFC107\]{--tw-bg-opacity: 1;background-color:rgb(255 193 7 / var(--tw-bg-opacity, 1))}.bg-\[\#fdf2e4\]{--tw-bg-opacity: 1;background-color:rgb(253 242 228 / var(--tw-bg-opacity, 1))}.bg-\[\#febc2e\]{--tw-bg-opacity: 1;background-color:rgb(254 188 46 / var(--tw-bg-opacity, 1))}.bg-\[\#ff5f57\]{--tw-bg-opacity: 1;background-color:rgb(255 95 87 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / 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-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-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / 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\/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-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / 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-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / 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-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / 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-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-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/70{background-color:#ffffffb3}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/20{background-color:#eab30833}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#E8879B\]{--tw-gradient-from: #E8879B var(--tw-gradient-from-position);--tw-gradient-to: rgb(232 135 155 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#F5C842\]{--tw-gradient-from: #F5C842 var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 200 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#f0eee9\]{--tw-gradient-from: #f0eee9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 238 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.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-white\/40{--tw-gradient-from: rgb(255 255 255 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 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-\[\#E8879B\]{--tw-gradient-to: #E8879B var(--tw-gradient-to-position)}.to-\[\#F5C842\]{--tw-gradient-to: #F5C842 var(--tw-gradient-to-position)}.to-\[\#e6e3dd\]{--tw-gradient-to: #e6e3dd var(--tw-gradient-to-position)}.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-transparent{--tw-gradient-to: transparent 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}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-4{padding:1rem!important}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.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-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-6{padding-bottom:1.5rem}.pl-9{padding-left:2.25rem}.pr-3{padding-right:.75rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.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-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#2a2424\]{--tw-text-opacity: 1;color:rgb(42 36 36 / var(--tw-text-opacity, 1))}.text-\[\#3a3430\]{--tw-text-opacity: 1;color:rgb(58 52 48 / var(--tw-text-opacity, 1))}.text-\[\#5D4037\]{--tw-text-opacity: 1;color:rgb(93 64 55 / var(--tw-text-opacity, 1))}.text-\[\#5D4E37\]{--tw-text-opacity: 1;color:rgb(93 78 55 / var(--tw-text-opacity, 1))}.text-\[\#7CC47E\]{--tw-text-opacity: 1;color:rgb(124 196 126 / var(--tw-text-opacity, 1))}.text-\[\#8B7355\]{--tw-text-opacity: 1;color:rgb(139 115 85 / var(--tw-text-opacity, 1))}.text-\[\#9CA3AF\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-\[\#E0D8CC\]{--tw-text-opacity: 1;color:rgb(224 216 204 / var(--tw-text-opacity, 1))}.text-\[\#E0D8CC\]\/40{color:#e0d8cc66}.text-\[\#E0D8CC\]\/45{color:#e0d8cc73}.text-\[\#E0D8CC\]\/55{color:#e0d8cc8c}.text-\[\#E0D8CC\]\/65{color:#e0d8cca6}.text-\[\#E0D8CC\]\/70{color:#e0d8ccb3}.text-\[\#E0D8CC\]\/75{color:#e0d8ccbf}.text-\[\#E0D8CC\]\/80{color:#e0d8cccc}.text-\[\#E8879B\]{--tw-text-opacity: 1;color:rgb(232 135 155 / var(--tw-text-opacity, 1))}.text-\[\#E8879B\]\/20{color:#e8879b33}.text-\[\#F5C842\]{--tw-text-opacity: 1;color:rgb(245 200 66 / var(--tw-text-opacity, 1))}.text-\[\#FDF5E6\]{--tw-text-opacity: 1;color:rgb(253 245 230 / var(--tw-text-opacity, 1))}.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-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / 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-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / 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-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / 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-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / 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-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / 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-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.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-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-\[0\.04\]{opacity:.04}.opacity-\[0\.05\]{opacity:.05}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-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-\[0_20px_50px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 20px 50px rgba(0,0,0,.1);--tw-shadow-colored: 0 20px 50px 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-\[0_20px_50px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow: 0 20px 50px rgba(0,0,0,.3);--tw-shadow-colored: 0 20px 50px 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-\[0_4px_0_\#1a1616\]{--tw-shadow: 0 4px 0 #1a1616;--tw-shadow-colored: 0 4px 0 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-\[2px_2px_0_\#5D4E37\]{--tw-shadow: 2px 2px 0 #5D4E37;--tw-shadow-colored: 2px 2px 0 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-\[6px_6px_0_\#5D4E37\]{--tw-shadow: 6px 6px 0 #5D4E37;--tw-shadow-colored: 6px 6px 0 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-\[inset_0_0_20px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: inset 0 0 20px rgba(0,0,0,.5);--tw-shadow-colored: inset 0 0 20px 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-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 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)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 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-\[\#E8879B\]\/30{--tw-shadow-color: rgb(232 135 155 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);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)}.blur-3xl{--tw-blur: blur(64px);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)}.blur-md{--tw-blur: blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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-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)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[mp\:ping\]{mp:ping}html:-webkit-full-screen .app-route-shell,html:fullscreen .app-route-shell{padding-top:0}#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}.placeholder\:text-white\/30::-moz-placeholder{color:#ffffff4d}.placeholder\:text-white\/30::placeholder{color:#ffffff4d}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;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\:-translate-y-1:hover{--tw-translate-y: -.25rem;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-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\:border-purple-400\/40:hover{border-color:#c084fc66}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:bg-\[\#7CC47E\]:hover{--tw-bg-opacity: 1;background-color:rgb(124 196 126 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#E8879B\]:hover{--tw-bg-opacity: 1;background-color:rgb(232 135 155 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#F5C842\]:hover{--tw-bg-opacity: 1;background-color:rgb(245 200 66 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#cccccc\]:hover{--tw-bg-opacity: 1;background-color:rgb(204 204 204 / var(--tw-bg-opacity, 1))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.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-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-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-\[\#3a3430\]:hover{--tw-text-opacity: 1;color:rgb(58 52 48 / var(--tw-text-opacity, 1))}.hover\:text-\[\#E8879B\]:hover{--tw-text-opacity: 1;color:rgb(232 135 155 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/50:hover{color:#ffffff80}.hover\:shadow-\[3px_3px_0_rgba\(0\,0\,0\,0\.3\)\]:hover{--tw-shadow: 3px 3px 0 rgba(0,0,0,.3);--tw-shadow-colored: 3px 3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-\[\#E8879B\]:focus{--tw-border-opacity: 1;border-color:rgb(232 135 155 / var(--tw-border-opacity, 1))}.focus\:bg-\[\#3f3a36\]:focus{--tw-bg-opacity: 1;background-color:rgb(63 58 54 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:translate-y-0\.5:active{--tw-translate-y: .125rem;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))}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-80:disabled{opacity:.8}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y: -.125rem;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))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;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))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;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))}.group:hover .group-hover\:border-\[\#E8879B\]{--tw-border-opacity: 1;border-color:rgb(232 135 155 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:bg-\[\#E8879B\]{--tw-bg-opacity: 1;background-color:rgb(232 135 155 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-\[\#E8879B\]{--tw-text-opacity: 1;color:rgb(232 135 155 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.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\:left-20{left:5rem}.md\:right-12{right:3rem}.md\:right-20{right:5rem}.md\:top-10{top:2.5rem}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:mt-5{margin-top:1.25rem}.md\:h-\[100px\]{height:100px}.md\:h-\[500px\]{height:500px}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-48{width:12rem}.md\:w-\[380px\]{width:380px}.md\:w-\[500px\]{width:500px}.md\:origin-left{transform-origin:left}.md\:scale-110{--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))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:gap-12{gap:3rem}.md\:gap-16{gap:4rem}.md\:gap-3{gap:.75rem}.md\:p-4{padding:1rem}.md\:p-8{padding:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[6rem\]{font-size:6rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@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-6xl{font-size:3.75rem;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}}.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:0;left:0;right:0;width:100%;max-width:none;background:var(--nav-bg);border:none;border-bottom:3px solid var(--nav-border);border-radius:0;z-index:50;box-shadow:none;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:-3px;right:-3px;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;width:calc(100% + 6px)}.nav-mobile-nav{padding:.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}@media (max-width: 400px){.nav-mobile-nav{grid-template-columns:repeat(3,1fr)}}.nav-mobile-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;border-radius:.5rem;transition:all .2s ease;text-decoration:none;border:2px solid transparent;color:var(--nav-text);height:100%;min-height:70px}.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;flex-shrink:0}.nav-mobile-link-text{font-size:.65rem;font-weight:600;text-align:center;line-height:1.1;white-space:normal;overflow:hidden;text-overflow:ellipsis;width:100%}.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);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-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--quest-text-muted);margin-bottom:.7rem}.quest-hub-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--quest-success);animation:pulse 1.8s ease-in-out infinite}.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-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.25rem}.quest-hub-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:var(--quest-surface-light);border:2px solid var(--quest-border);border-radius:100px;font-size:.82rem;font-weight:700;color:var(--quest-text);box-shadow:2px 2px 0 var(--quest-border)}.quest-hub-chip svg{width:15px;height:15px;color:var(--quest-accent)}.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);box-shadow:3px 3px 0 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);box-shadow:2px 2px 0 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);box-shadow:3px 3px 0 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);box-shadow:3px 3px 0 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);box-shadow:3px 3px 0 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)}.quest-hub-container{--qh-bg: #FDF5E6;--qh-warm: #FCEBD5;--qh-surface: #FFFFFF;--qh-text: #5D4E37;--qh-text-muted: #8B7355;--qh-text-light: #A89880;--qh-border: #5D4E37;--qh-pink: #E8879B;--qh-yellow: #F5C842;--qh-orange: #F5A442;--qh-green: #7CC47E;--qh-blue: #6BA3D6;--qh-purple: #a78bfa;--qh-xp: #2A68B2;--qh-danger: #ef4444;--qh-hard: 4px 4px 0 var(--qh-border);--qh-hard-sm: 3px 3px 0 var(--qh-border);--qh-hard-lg: 6px 6px 0 var(--qh-border)}:root.dark .quest-hub-container{--qh-bg: #1e1a1a;--qh-warm: #2a2424;--qh-surface: #2a2424;--qh-text: #f5ebe0;--qh-text-muted: #d5c4b4;--qh-text-light: #a89888;--qh-border: #5D4E37;--qh-pink: #f2a5b3;--qh-yellow: #f7d070;--qh-orange: #e8985a;--qh-green: #9cd49c;--qh-blue: #7eb8e8;--qh-xp: #6ba3d9;--qh-hard: 4px 4px 0 rgba(0,0,0,.45);--qh-hard-sm: 3px 3px 0 rgba(0,0,0,.45);--qh-hard-lg: 6px 6px 0 rgba(0,0,0,.45)}.qh-page{max-width:1320px;margin:0 auto;position:relative;z-index:1}.qh-hud{background:var(--qh-surface);border:3px solid var(--qh-border);border-radius:24px;box-shadow:var(--qh-hard-lg);padding:1.6rem 1.8rem;margin-bottom:2rem;position:relative;overflow:hidden}.qh-hud:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--qh-pink),var(--qh-yellow),var(--qh-orange),var(--qh-green),var(--qh-blue))}.qh-hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.qh-eyebrow{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--qh-text-muted);margin-bottom:.4rem}.qh-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--qh-green);animation:qh-pulse 1.8s ease-in-out infinite}@keyframes qh-pulse{0%,to{opacity:1}50%{opacity:.45}}.qh-hud-top h1{font-size:2.5rem;font-weight:700;margin:0;line-height:1;letter-spacing:-.5px;color:var(--qh-text)}.qh-tag{font-size:1.02rem;color:var(--qh-text-muted);font-weight:500;margin:.45rem 0 0}.qh-ticker{display:inline-flex;align-items:center;gap:.6rem;background:var(--qh-warm);border:2.5px solid var(--qh-border);border-radius:14px;padding:.6rem .95rem;box-shadow:var(--qh-hard-sm);white-space:nowrap}.qh-tk-coin{width:30px;height:30px;color:var(--qh-orange)}.qh-tk-name{font-weight:700;font-size:.9rem;color:var(--qh-text)}.qh-tk-price{font-weight:700;color:var(--qh-green);font-size:1.05rem}.qh-tk-up{display:inline-flex;align-items:center;gap:.2rem;color:var(--qh-green);font-size:.78rem;font-weight:700}.qh-hud-main{display:grid;grid-template-columns:auto 1fr;gap:1.8rem;align-items:center}.qh-ring{position:relative;width:170px;height:170px;flex-shrink:0}.qh-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.qh-ring-bg{fill:none;stroke:var(--qh-warm);stroke-width:14}.qh-ring-fill{fill:none;stroke:url(#qhXpGrad);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}.qh-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.qh-lv-label{font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--qh-text-muted);text-transform:uppercase}.qh-lv-num{font-size:3.2rem;font-weight:700;line-height:.9;color:var(--qh-text)}.qh-hud-right{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.qh-xpbar-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;white-space:nowrap}.qh-xpbar-top .l{font-size:.92rem;font-weight:600;color:var(--qh-text-muted)}.qh-xpbar-top .r{font-size:.92rem;font-weight:700;color:var(--qh-xp)}.qh-xp-track{height:18px;background:var(--qh-warm);border:2.5px solid var(--qh-border);border-radius:10px;overflow:hidden;position:relative}.qh-xp-fill{height:100%;background:linear-gradient(90deg,var(--qh-pink),var(--qh-yellow));border-radius:6px;width:0;transition:width 1s cubic-bezier(.2,.8,.2,1);position:relative}.qh-xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);animation:qh-shine 2.4s ease-in-out infinite}@keyframes qh-shine{0%{transform:translate(-100%)}60%,to{transform:translate(220%)}}.qh-hud-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.qh-hstat{background:var(--qh-warm);border:2.5px solid var(--qh-border);border-radius:16px;padding:.85rem .9rem;display:flex;flex-direction:column;gap:.45rem}.qh-hstat .hs-top{display:flex;align-items:center;gap:.55rem}.qh-hstat .hs-ic{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;border:2px solid var(--qh-border);color:#fff;box-shadow:2px 2px 0 var(--qh-border)}.qh-hstat.h-tok .hs-ic{background:var(--qh-yellow);color:var(--qh-text)}.qh-hstat.h-quest .hs-ic{background:var(--qh-pink)}.qh-hstat.h-earn .hs-ic{background:var(--qh-green)}.qh-hstat.h-pool .hs-ic{background:var(--qh-blue)}.qh-hstat .hs-num{font-size:1.45rem;font-weight:700;line-height:1;color:var(--qh-text)}.qh-hstat .hs-lbl{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--qh-text-muted)}.qh-layout{display:grid;grid-template-columns:320px 1fr;gap:1.8rem;align-items:start}.qh-rail{display:flex;flex-direction:column;gap:1.3rem;position:sticky;top:84px}.qh-card{background:var(--qh-surface);border:3px solid var(--qh-border);border-radius:18px;box-shadow:var(--qh-hard);padding:1.35rem;transition:transform .18s ease,box-shadow .18s ease}.qh-card.accent-blue{border-color:var(--qh-blue);box-shadow:4px 4px 0 var(--qh-blue)}.qh-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.qh-ch-text{min-width:0;display:flex;flex-direction:column;gap:.1rem}.qh-card-ic{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--qh-border);color:#fff;box-shadow:2px 2px 0 var(--qh-border)}.qh-card-ic.gold{background:linear-gradient(135deg,var(--qh-yellow),var(--qh-orange));color:var(--qh-text)}.qh-card-ic.pink{background:linear-gradient(135deg,var(--qh-pink),#c06c7e)}.qh-card-ic.blue{background:linear-gradient(135deg,var(--qh-xp),#1e4d82)}.qh-card-title{font-size:1.12rem;font-weight:700;margin:0;line-height:1.15;white-space:nowrap;color:var(--qh-text)}.qh-card-sub{font-size:.82rem;color:var(--qh-text-muted);margin:0;line-height:1.2}.qh-solo{font-size:1.12rem;font-weight:700;margin:0 0 .9rem;color:var(--qh-text)}.qh-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1.5px dashed rgba(139,115,85,.25)}.qh-row:last-child{border-bottom:none}.qh-row .rl{display:flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:.9rem;color:var(--qh-text-muted)}.qh-row .rv{font-size:.95rem;font-weight:700;color:var(--qh-text)}.qh-row .rv.green{color:var(--qh-green)}.qh-row .rv.orange{color:var(--qh-orange)}.qh-pool-bar{height:12px;background:var(--qh-warm);border:2px solid var(--qh-border);border-radius:7px;overflow:hidden;margin-top:.85rem}.qh-pool-fill{height:100%;background:linear-gradient(90deg,var(--qh-green),var(--qh-yellow));border-radius:4px}.qh-social{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;background:var(--qh-warm);border:2px solid var(--qh-border);border-radius:12px;margin-top:.7rem;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.qh-social:hover{transform:translate(3px);box-shadow:2px 2px 0 var(--qh-border)}.qh-social .sl-l{display:flex;align-items:center;gap:.7rem}.qh-social-ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--qh-border);color:#fff;flex-shrink:0}.qh-social-ic.tw{background:#1da1f2}.qh-social-ic.dc{background:#5865f2}.qh-social h4{margin:0;font-size:.9rem;font-weight:700;color:var(--qh-text);white-space:nowrap}.qh-social p{margin:0;font-size:.74rem;color:var(--qh-text-muted)}.qh-social .sl-arrow{color:var(--qh-text-muted);display:flex}.qh-main{display:flex;flex-direction:column;gap:1.6rem}.qh-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.qh-sec-head h2{font-size:1.7rem;font-weight:700;margin:0;white-space:nowrap;color:var(--qh-text)}.qh-sec-head p{font-size:.9rem;color:var(--qh-text-muted);margin:.25rem 0 0}.qh-tracker{display:flex;align-items:center;gap:.7rem}.qh-tracker .qt-bar{width:130px;height:12px;background:var(--qh-warm);border:2px solid var(--qh-border);border-radius:7px;overflow:hidden}.qh-tracker .qt-fill{height:100%;background:linear-gradient(90deg,var(--qh-green),var(--qh-yellow));transition:width .5s ease}.qh-tracker .qt-label{font-size:.85rem;font-weight:700;color:var(--qh-text-muted);white-space:nowrap}.qh-qfilter{display:flex;gap:.5rem}.qh-qftab{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;padding:.5rem 1.1rem;border:2.5px solid var(--qh-border);border-radius:13px;background:var(--qh-surface);color:var(--qh-text-muted);font-family:Fredoka,sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--qh-border);transition:transform .15s ease,background .2s ease,color .2s ease}.qh-qftab:hover{transform:translate(-1px,-1px)}.qh-qftab.active{background:var(--qh-pink);color:#fff}.qh-qftab .qf-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .35rem;border-radius:11px;background:var(--qh-warm);color:var(--qh-text);font-size:.74rem;border:2px solid var(--qh-border)}.qh-qftab.active .qf-count{background:#fff;color:var(--qh-pink)}.qh-quests{display:flex;flex-direction:column;gap:1rem}.qh-quest{background:var(--qh-surface);border:3px solid var(--qh-border);border-radius:18px;box-shadow:inset 7px 0 0 0 var(--qc, var(--qh-pink)),var(--qh-hard);padding:1.3rem 1.4rem 1.3rem 1.7rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.1rem;align-items:center;transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.qh-quest:hover{transform:translate(-2px,-2px);box-shadow:inset 7px 0 0 0 var(--qc, var(--qh-pink)),var(--qh-hard-lg)}.qh-quest.completed{border-color:var(--qh-green);background:linear-gradient(135deg,var(--qh-surface) 60%,rgba(124,196,126,.16))}.qh-quest.in-progress{border-color:var(--qh-yellow)}.qh-q-ic{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--qh-border);color:#fff;box-shadow:var(--qh-hard-sm);flex-shrink:0}.qh-q-ic.green{background:linear-gradient(135deg,#7cc47e,#5aa35c)}.qh-q-ic.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.qh-q-ic.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.qh-q-ic.orange{background:linear-gradient(135deg,#fb923c,#f97316)}.qh-q-ic.pink{background:linear-gradient(135deg,#f472b6,#ec4899)}.qh-q-body{min-width:0}.qh-q-eyebrow{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.qh-q-cat{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--qh-text-light)}.qh-q-name{font-size:1.2rem;font-weight:700;margin:0 0 .3rem;line-height:1.15;color:var(--qh-text)}.qh-q-desc{font-size:.9rem;color:var(--qh-text-muted);margin:0 0 .65rem}.qh-diff{display:inline-block;padding:.18rem .6rem;border-radius:100px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--qh-border)}.qh-diff.easy{background:#7cc47e40;color:#4a8c4d}.qh-diff.medium{background:#f5c84247;color:#9a7a1a}.qh-diff.hard{background:#e8879b40;color:#a65a6d}:root.dark .qh-diff.easy{color:var(--qh-green)}:root.dark .qh-diff.medium{color:var(--qh-yellow)}:root.dark .qh-diff.hard{color:var(--qh-pink)}.qh-q-rewards{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.qh-chip{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.32rem .7rem;border-radius:100px;font-size:.82rem;font-weight:700;border:2px solid var(--qh-border)}.qh-chip.xp{background:#2a68b221;color:var(--qh-xp)}.qh-chip.tok{background:#f5c84238;color:#9a7a1a}:root.dark .qh-chip.tok{color:var(--qh-yellow)}.qh-q-req{font-size:.82rem;color:var(--qh-text-light);margin-left:.2rem;display:inline-flex;align-items:center;gap:.3rem}.qh-ribbon{position:absolute;top:14px;right:-34px;transform:rotate(45deg);background:var(--qh-green);color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.08em;padding:.28rem 2.4rem;border-top:2px solid var(--qh-border);border-bottom:2px solid var(--qh-border);display:flex;align-items:center;gap:.25rem;z-index:4}.qh-q-action{flex-shrink:0}.qh-q-progress{grid-column:1 / -1;margin-top:.2rem}.qh-q-progress .pt{display:flex;justify-content:space-between;font-size:.78rem;color:var(--qh-text-muted);margin-bottom:.35rem;font-weight:600}.qh-q-progress .pbar{height:9px;background:var(--qh-warm);border:2px solid var(--qh-border);border-radius:6px;overflow:hidden}.qh-q-progress .pfill{height:100%;background:linear-gradient(90deg,var(--qh-pink),var(--qh-yellow));transition:width .3s ease}.qh-q-progress .pfill.complete{background:var(--qh-green)}.qh-quests-empty{background:var(--qh-surface);border:3px dashed var(--qh-border);border-radius:18px;padding:2.2rem;text-align:center;color:var(--qh-text-muted);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.qh-btn{font-family:Fredoka,sans-serif;font-weight:700;font-size:.9rem;border-radius:13px;cursor:pointer;white-space:nowrap;padding:.7rem 1.3rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:2.5px solid var(--qh-border);transition:transform .15s ease,box-shadow .15s ease,background .2s ease;box-shadow:var(--qh-hard-sm);color:#fff}.qh-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--qh-border)}.qh-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 var(--qh-border)}.qh-btn:disabled{opacity:.55;cursor:not-allowed}.qh-btn.btn-pink{background:var(--qh-pink);color:#fff}.qh-btn.btn-blue{background:var(--qh-xp);color:#fff}.qh-done-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;background:#7cc47e40;color:#4a8c4d;border:2.5px solid var(--qh-green);border-radius:13px;font-size:.88rem;font-weight:700}:root.dark .qh-done-badge{color:var(--qh-green)}.qh-complete-banner{background:linear-gradient(135deg,var(--qh-surface) 55%,rgba(245,200,66,.2));border:3px solid var(--qh-yellow);border-radius:18px;box-shadow:4px 4px 0 var(--qh-orange);padding:1.6rem;text-align:center}.qh-complete-banner h3{font-size:1.5rem;margin:.6rem 0 .3rem;color:var(--qh-text)}.qh-complete-banner p{color:var(--qh-text-muted);margin:0 0 .6rem}.qh-complete-banner .bonus{font-size:1.1rem;font-weight:700;color:var(--qh-orange)}.qh-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.qh-mini{background:var(--qh-surface);border:3px solid var(--qh-border);border-radius:18px;box-shadow:var(--qh-hard);padding:1.4rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .18s ease,box-shadow .18s ease}.qh-mini:hover{transform:translate(-2px,-2px);box-shadow:var(--qh-hard-lg)}.qh-mini-head{display:flex;align-items:center;gap:.8rem}.qh-mini-ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--qh-border);color:#fff;box-shadow:var(--qh-hard-sm);flex-shrink:0}.qh-mini-ic.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.qh-mini-ic.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.qh-mini-head h3{font-size:1.2rem;font-weight:700;margin:0;white-space:nowrap;color:var(--qh-text)}.qh-mini-head>div{min-width:0}.qh-mini-head p{font-size:.85rem;color:var(--qh-text-muted);margin:.1rem 0 0}.qh-mini-desc{font-size:.92rem;color:var(--qh-text-muted);margin:0}.qh-mini-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.qh-mini-meta .qh-mm-note{font-size:.82rem;color:var(--qh-text-light);white-space:nowrap;display:flex;align-items:center;gap:.3rem}.qh-mini-meta .qh-mm-note.green{color:var(--qh-green);font-weight:600}@media (max-width: 1080px){.qh-layout{grid-template-columns:1fr}.qh-rail{position:static;flex-direction:row;flex-wrap:wrap}.qh-rail .qh-card{flex:1;min-width:250px}.qh-hud-main{grid-template-columns:1fr;justify-items:center}.qh-hud-right{width:100%}}@media (max-width: 720px){.qh-hud-top h1{font-size:2rem}.qh-hud-stats{grid-template-columns:repeat(2,1fr)}.qh-quest{grid-template-columns:auto 1fr}.qh-quest .qh-q-action{grid-column:1 / -1}.qh-quest .qh-q-action .qh-btn,.qh-quest .qh-q-action .qh-done-badge{width:100%}.qh-mini-grid{grid-template-columns:1fr}}@media (max-width: 720px){.qh-hud{padding:1.2rem 1.1rem;border-radius:18px}.qh-hud-top{gap:.8rem}.qh-ticker{width:100%;justify-content:space-between}.qh-hud-main{gap:1.2rem}.qh-ring{width:140px;height:140px}.qh-lv-num{font-size:2.6rem}.qh-sec-head h2{font-size:1.4rem}.qh-tracker{width:100%}.qh-tracker .qt-bar{flex:1;width:auto}.qh-qfilter{flex-wrap:wrap}.qh-quest{padding:1.1rem 1rem 1.1rem 1.4rem;gap:.85rem}.qh-q-name{white-space:normal}}@media (max-width: 480px){.qh-hud-top h1{font-size:1.7rem}.qh-tag{font-size:.92rem}.qh-hud-stats{gap:.6rem}.qh-hstat{padding:.7rem}.qh-hstat .hs-num{font-size:1.2rem}.qh-ring{width:120px;height:120px}.qh-lv-num{font-size:2.2rem}.qh-rail{flex-direction:column}.qh-rail .qh-card{min-width:0;width:100%}.qh-quest{grid-template-columns:auto 1fr}.qh-q-ic{width:46px;height:46px;border-radius:12px}.qh-q-rewards{gap:.4rem}.qh-chip{font-size:.76rem;padding:.28rem .6rem}.qh-q-req{width:100%;margin-left:0}.qh-mini{padding:1.1rem}}@media (max-width: 380px){.qh-hud-stats{grid-template-columns:1fr}.qh-hud-top h1{font-size:1.5rem}}: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;overflow:hidden;border:2px solid var(--lb-border)}:root.dark .champion-avatar{background:#5d4e37;border-color:#8b7355}.champion-avatar .avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.champion-avatar .avatar-img.silhouette{filter:brightness(0) opacity(.3)}:root.dark .champion-avatar .avatar-img.silhouette{filter:brightness(0) invert(1) opacity(.5)}.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;table-layout:fixed}.ranking-table thead{background:var(--lb-card-hover);border-bottom:2px solid var(--lb-border)}.ranking-table th:nth-child(1){width:80px}.ranking-table th:nth-child(2){width:25%}.ranking-table th:nth-child(3){width:10%}.ranking-table th:nth-child(4){width:14%}.ranking-table th:nth-child(5){width:16%}.ranking-table th:nth-child(6){width:10%}.ranking-table th:nth-child(7){width:100px}.ranking-table th{padding:.875rem 1.25rem;text-align:center;font-size:.75rem;font-weight:700;color:var(--lb-text);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ranking-table th:first-child,.ranking-table th:nth-child(2){text-align:left}.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;text-align:center}.ranking-table td:first-child,.ranking-table td:nth-child(2){text-align:left}.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:40px;height:40px;min-width:40px;border-radius:10px;background:var(--lb-card-hover);display:flex;align-items:center;justify-content:center;font-size:1.25rem;overflow:hidden;border:2px solid var(--lb-border)}:root.dark .player-avatar{background:#5d4e37;border-color:#8b7355}.player-avatar .avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-avatar .avatar-img.silhouette{filter:brightness(0) opacity(.3)}:root.dark .player-avatar .avatar-img.silhouette{filter:brightness(0) invert(1) opacity(.5)}.player-info{min-width:0;flex:1;overflow:hidden}.player-info h4{font-size:.9rem;font-weight:500;color:var(--lb-text);margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player-id{font-size:.75rem;color:var(--lb-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.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)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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)}:root.dark .mobile-avatar{background:#5d4e37;border:2px solid #8b7355}.mobile-avatar .avatar-img{border-radius:8px}.mobile-avatar .avatar-img.silhouette{filter:brightness(0) opacity(.3)}:root.dark .mobile-avatar .avatar-img.silhouette{filter:brightness(0) invert(1) opacity(.5)}.chat-container{--cx-bg: var(--bg-cream, #fdf5e6);--cx-warm: var(--bg-warm, #fcebd5);--cx-card: var(--card-white, #ffffff);--cx-card-soft: #fffaf0;--cx-text: var(--text-dark, #5d4e37);--cx-text-med: var(--text-medium, #8b7355);--cx-text-light: var(--text-light, #a89880);--cx-accent: var(--accent-pink, #e8879b);--cx-accent-2: var(--accent-orange, #f5a442);--cx-accent-tint: rgba(232, 135, 155, .14);--cx-yellow: var(--accent-yellow, #f5c842);--cx-green: var(--accent-green, #7cc47e);--cx-blue: #6cb4e4;--cx-border: var(--text-dark, #5d4e37);--cx-border-soft: #e7d8c2;--cx-r-card: 16px;--cx-r-pill: 999px}:root.dark .chat-container{--cx-bg: #1e1a1a;--cx-warm: #2a2424;--cx-card: #2a2424;--cx-card-soft: #322b2b;--cx-text: #f5ebe0;--cx-text-med: #d5c4b4;--cx-text-light: #a89888;--cx-accent: #f2a5b3;--cx-accent-2: #e8985a;--cx-accent-tint: rgba(242, 165, 179, .16);--cx-yellow: #f7d070;--cx-green: #9cd49c;--cx-border: #4a4040;--cx-border-soft: #3a3232}.chat-container{height:calc(100vh - 112px);overflow:hidden;background:var(--cx-bg);font-family:Fredoka,sans-serif;color:var(--cx-text);padding:1.1rem;position:relative;display:flex;flex-direction:column}.chat-container *{box-sizing:border-box}.chat-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='%23D4C4A8' fill-opacity='0.10'%3E%3Ccircle cx='32' cy='22' r='8'/%3E%3Ccircle cx='20' cy='34' r='5'/%3E%3Ccircle cx='44' cy='34' r='5'/%3E%3Ccircle cx='24' cy='46' r='4'/%3E%3Ccircle cx='40' cy='46' r='4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.chat-content{flex:1;min-height:0;width:100%;position:relative;z-index:1;display:flex}.chat-shell{flex:1;min-height:0;max-width:1500px;width:100%;margin:0 auto;display:grid;grid-template-columns:288px minmax(0,1fr) 268px;gap:1.1rem}.chat-shell.no-aside{grid-template-columns:288px minmax(0,1fr)}.chat-container .panel{background:var(--cx-card);border:3px solid var(--cx-border);border-radius:var(--cx-r-card);box-shadow:4px 4px 0 var(--cx-border);display:flex;flex-direction:column;min-height:0}.chat-container .rail{overflow:hidden}.chat-container .rail-head{padding:.9rem .9rem .7rem;border-bottom:2px dashed var(--cx-border-soft)}.chat-container .rail-title{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;margin:0 0 .7rem;color:var(--cx-text)}.chat-container .rail-title svg{color:var(--cx-accent)}.chat-container .search{display:flex;align-items:center;gap:.5rem;background:var(--cx-bg);border:2px solid var(--cx-border-soft);border-radius:var(--cx-r-pill);padding:.45rem .8rem;color:var(--cx-text-light)}.chat-container .search input{border:none;background:none;outline:none;font-family:inherit;font-size:.85rem;color:var(--cx-text);width:100%}.chat-container .search input::-moz-placeholder{color:var(--cx-text-light)}.chat-container .search input::placeholder{color:var(--cx-text-light)}.chat-container .segmented{display:flex;gap:.25rem;padding:.5rem .7rem;background:var(--cx-card)}.chat-container .seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .4rem;border-radius:10px;border:2px solid transparent;background:var(--cx-bg);color:var(--cx-text-med);font-family:inherit;font-weight:600;font-size:.78rem;cursor:pointer;position:relative;transition:all .2s ease}.chat-container .seg-btn svg{width:15px;height:15px}.chat-container .seg-btn.active{background:linear-gradient(135deg,var(--cx-accent),var(--cx-accent-2));color:#fff;border-color:var(--cx-border);box-shadow:2px 2px 0 var(--cx-border)}.chat-container .seg-count{font-size:.7rem;background:var(--cx-accent);color:#fff;border-radius:var(--cx-r-pill);padding:0 .35rem;min-width:1.05rem;height:1.05rem;display:inline-grid;place-items:center}.chat-container .seg-btn.active .seg-count{background:#fff;color:var(--cx-accent)}.chat-container .rail-list{flex:1;min-height:0;overflow-y:auto;padding:.45rem .55rem .7rem;display:flex;flex-direction:column;gap:.4rem}.chat-container .room{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.45rem .6rem;border-radius:12px;border:2px solid transparent;background:var(--cx-bg);color:var(--cx-text);cursor:pointer;font-family:inherit;transition:all .2s ease}.chat-container .room:hover{border-color:var(--cx-border-soft);background:var(--cx-card-soft)}.chat-container .room.active{background:linear-gradient(135deg,var(--cx-accent),var(--cx-accent-2));color:#fff;border-color:var(--cx-border);box-shadow:3px 3px 0 var(--cx-border)}.chat-container .room-ic{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--cx-card);border:2px solid var(--cx-border-soft);color:var(--cx-accent)}.chat-container .room.active .room-ic{background:#ffffff38;border-color:#ffffff80;color:#fff}.chat-container .room-body{flex:1;min-width:0}.chat-container .room-name{font-weight:600;font-size:.92rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container .room-meta{font-size:.72rem;opacity:.8;display:flex;align-items:center;gap:.3rem}.chat-container .room.active .room-meta{opacity:.9}.chat-container .room-dotg{width:6px;height:6px;border-radius:50%;background:var(--cx-green)}.chat-container .badge{flex-shrink:0;background:var(--cx-accent);color:#fff;font-size:.68rem;font-weight:700;min-width:1.3rem;height:1.3rem;padding:0 .4rem;border-radius:var(--cx-r-pill);display:grid;place-items:center}.chat-container .room.active .badge{background:#fff;color:var(--cx-accent)}.chat-container .person{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.5rem .6rem;border-radius:12px;border:2px solid transparent;background:transparent;color:var(--cx-text);cursor:pointer;font-family:inherit;transition:all .2s ease}.chat-container .person:hover{background:var(--cx-bg);border-color:var(--cx-border-soft)}.chat-container .person.active{background:var(--cx-accent-tint);border-color:var(--cx-accent)}.chat-container .avatar{position:relative;flex-shrink:0;width:38px;height:38px;border-radius:50%;border:2px solid var(--cx-border);overflow:hidden;background:var(--cx-warm);display:grid;place-items:center;font-size:1.1rem}.chat-container .avatar img,.chat-container .avatar .chat-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-container .avatar.sm{width:30px;height:30px;font-size:.95rem}.chat-container .status{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--cx-card)}.chat-container .status.online{background:var(--cx-green)}.chat-container .status.away{background:var(--cx-yellow)}.chat-container .status.offline{background:var(--cx-text-light)}.chat-container .person-body{flex:1;min-width:0}.chat-container .person-name{display:flex;align-items:center;gap:.3rem;font-weight:600;font-size:.88rem;color:var(--cx-text)}.chat-container .person-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container .person-sub{font-size:.74rem;color:var(--cx-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.chat-container .trade{border:2px solid var(--cx-border-soft);border-radius:12px;background:var(--cx-bg);padding:.7rem}.chat-container .trade-top{display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.82rem;margin-bottom:.45rem;color:var(--cx-text)}.chat-container .trade-pill{font-size:.66rem;padding:.1rem .45rem;border-radius:var(--cx-r-pill);font-weight:600}.chat-container .trade-pill.in{background:#7cc47e33;color:var(--cx-green)}.chat-container .trade-pill.out{background:var(--cx-accent-tint);color:var(--cx-accent)}.chat-container .trade-swap{font-size:.78rem;color:var(--cx-text-med);line-height:1.5}.chat-container .trade-swap b{color:var(--cx-text);font-weight:600}.chat-container .trade-acts{display:flex;gap:.45rem;margin-top:.6rem}.chat-container .tbtn{flex:1;padding:.4rem;border-radius:9px;border:2px solid;font-family:inherit;font-weight:600;font-size:.76rem;cursor:pointer;transition:all .2s ease}.chat-container .tbtn.accept{background:#7cc47e2e;border-color:var(--cx-green);color:var(--cx-green)}.chat-container .tbtn.accept:hover{background:var(--cx-green);color:#fff}.chat-container .tbtn.reject{background:var(--cx-accent-tint);border-color:var(--cx-accent);color:var(--cx-accent)}.chat-container .tbtn.reject:hover{background:var(--cx-accent);color:#fff}.chat-container .empty-mini{text-align:center;color:var(--cx-text-light);font-size:.84rem;padding:1.4rem .5rem}.chat-container .empty-mini .ic{display:grid;place-items:center;margin-bottom:.3rem;opacity:.7}.chat-container .convo{overflow:hidden}.chat-container .convo-head{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:3px solid var(--cx-border);background:var(--cx-card)}.chat-container .convo-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;background:var(--cx-accent-tint);color:var(--cx-accent);border:2px solid var(--cx-border-soft)}.chat-container .convo-meta{flex:1;min-width:0}.chat-container .convo-name{font-size:1.05rem;font-weight:700;line-height:1.1;display:flex;align-items:center;gap:.35rem;color:var(--cx-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container .convo-sub{font-size:.78rem;color:var(--cx-text-med);display:flex;align-items:center;gap:.35rem}.chat-container .convo-acts{display:flex;align-items:center;gap:.5rem}.chat-container .icon-btn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:2px solid var(--cx-border-soft);background:var(--cx-bg);color:var(--cx-text-med);cursor:pointer;transition:all .2s ease}.chat-container .icon-btn:hover{border-color:var(--cx-accent);color:var(--cx-accent)}.chat-container .pill-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--cx-r-pill);border:2px solid var(--cx-accent);background:var(--cx-accent-tint);color:var(--cx-accent);font-family:inherit;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .2s ease}.chat-container .pill-btn:hover{background:var(--cx-accent);color:#fff}.chat-container .drawer-toggle{display:none}.chat-container .messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1.1rem 1.15rem 1.3rem;display:flex;flex-direction:column;gap:.2rem;background:var(--cx-bg)}.chat-container .day-divider{display:flex;align-items:center;gap:.7rem;margin:.4rem 0 .9rem;color:var(--cx-text-light);font-size:.74rem;font-weight:600}.chat-container .day-divider:before,.chat-container .day-divider:after{content:"";flex:1;height:2px;background:var(--cx-border-soft);border-radius:2px}.chat-container .sys{align-self:center;background:var(--cx-card);color:var(--cx-text-med);border:2px solid var(--cx-border-soft);padding:.3rem .85rem;border-radius:var(--cx-r-pill);font-size:.76rem;font-weight:500;margin:.35rem 0;text-align:center}.chat-container .msg{display:flex;gap:.65rem;padding:.28rem 0;max-width:74%;min-width:0}.chat-container .msg.sent{flex-direction:row-reverse;align-self:flex-end}.chat-container .msg-av{flex-shrink:0}.chat-container .msg-col{min-width:0}.chat-container .msg.sent .msg-col{align-items:flex-end;display:flex;flex-direction:column}.chat-container .msg-head{display:flex;align-items:center;gap:.4rem;margin:0 .2rem .18rem}.chat-container .msg.sent .msg-head{flex-direction:row-reverse}.chat-container .msg-author{font-weight:600;font-size:.82rem;display:flex;align-items:center;gap:.25rem;white-space:nowrap;color:var(--cx-text)}.chat-container .msg-time{font-size:.68rem;color:var(--cx-text-light)}.chat-container .role{width:14px;height:14px}.chat-container .role.admin{color:var(--cx-yellow)}.chat-container .role.expert{color:var(--cx-blue)}.chat-container .role.helper{color:var(--cx-green)}.chat-container .bubble{position:relative;display:block;width:-moz-fit-content;width:fit-content;padding:.6rem .85rem;border-radius:16px 16px 16px 5px;background:var(--cx-card);border:2px solid var(--cx-border);color:var(--cx-text);font-size:.9rem;line-height:1.4;box-shadow:2px 2px #5d4e371f;overflow-wrap:anywhere;max-width:100%}.chat-container .msg.sent .bubble{margin-left:auto;background:linear-gradient(135deg,var(--cx-accent),var(--cx-accent-2));color:#fff;border-radius:16px 16px 5px}.chat-container .bubble.deleted{font-style:italic;opacity:.6}.chat-container .reactions{display:flex;flex-wrap:wrap;gap:.3rem;margin:.35rem .1rem 0}.chat-container .msg.sent .reactions{justify-content:flex-end}.chat-container .react{display:inline-flex;align-items:center;gap:.2rem;font-size:.74rem;padding:.12rem .45rem;border-radius:var(--cx-r-pill);border:2px solid var(--cx-border-soft);background:var(--cx-card);color:var(--cx-text-med);cursor:pointer;font-family:inherit}.chat-container .react.mine{background:var(--cx-accent-tint);border-color:var(--cx-accent);color:var(--cx-accent)}.chat-container .react:hover{border-color:var(--cx-accent)}.chat-container .msg-tools{display:flex;gap:.15rem;align-self:center;opacity:0;transition:opacity .15s ease}.chat-container .msg:hover .msg-tools{opacity:1}.chat-container .tool{width:26px;height:26px;border-radius:8px;background:var(--cx-card);border:2px solid var(--cx-border-soft);cursor:pointer;font-size:.8rem;display:grid;place-items:center;color:var(--cx-text-med);transition:all .15s ease}.chat-container .tool:hover{border-color:var(--cx-accent);color:var(--cx-accent);transform:translateY(-1px)}.chat-container .tool.danger:hover{border-color:var(--cx-accent);color:#e05a72}.chat-container .messages.compact .msg{max-width:100%;align-self:stretch;gap:.55rem;padding:.12rem 0}.chat-container .messages.compact .msg.sent{flex-direction:row;align-self:stretch}.chat-container .messages.compact .msg.sent .msg-col{align-items:flex-start}.chat-container .messages.compact .msg.sent .msg-head{flex-direction:row}.chat-container .messages.compact .bubble{background:none;border:none;box-shadow:none;padding:.05rem .2rem;color:var(--cx-text);border-radius:0}.chat-container .messages.compact .msg.sent .reactions{justify-content:flex-start}.chat-container .empty-convo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cx-text-light);text-align:center;gap:.6rem;padding:2rem}.chat-container .empty-convo .ic{display:grid;place-items:center}.chat-container .composer{flex-shrink:0;padding:.8rem 1rem;border-top:3px solid var(--cx-border);background:var(--cx-card);display:flex;gap:.7rem;align-items:center}.chat-container .composer-field{flex:1;position:relative;display:flex;align-items:center;background:var(--cx-bg);border:3px solid var(--cx-border);border-radius:var(--cx-r-pill);padding:.1rem .5rem .1rem 1rem}.chat-container .composer-field:focus-within{border-color:var(--cx-accent);box-shadow:0 0 0 3px var(--cx-accent-tint)}.chat-container .composer-field input{flex:1;border:none;background:none;outline:none;font-family:inherit;font-size:.92rem;color:var(--cx-text);padding:.6rem 0}.chat-container .composer-field input::-moz-placeholder{color:var(--cx-text-light)}.chat-container .composer-field input::placeholder{color:var(--cx-text-light)}.chat-container .emoji-btn{background:none;border:none;cursor:pointer;color:var(--cx-text-light);display:grid;place-items:center;padding:.3rem}.chat-container .emoji-btn:hover{color:var(--cx-accent)}.chat-container .send-btn{display:flex;align-items:center;gap:.45rem;padding:.7rem 1.3rem;border-radius:var(--cx-r-pill);background:linear-gradient(135deg,var(--cx-accent),var(--cx-accent-2));color:#fff;border:3px solid var(--cx-border);font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:3px 3px 0 var(--cx-border);flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.chat-container .send-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--cx-border)}.chat-container .send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:3px 3px 0 var(--cx-border);transform:none}.chat-container .aside{gap:1.1rem;display:flex;flex-direction:column;min-height:0}.chat-container .aside .panel{overflow:hidden}.chat-container .aside-grow{flex:1 1 auto;min-height:0}.chat-container .aside-head{padding:.75rem .85rem;border-bottom:2px dashed var(--cx-border-soft);display:flex;align-items:center;justify-content:space-between}.chat-container .aside-head h3{margin:0;font-size:.92rem;font-weight:700;display:flex;align-items:center;gap:.4rem;color:var(--cx-text)}.chat-container .aside-head h3 svg{color:var(--cx-accent)}.chat-container .aside-list{padding:.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;min-height:0}.chat-container .refresh{background:none;border:none;color:var(--cx-text-light);font-family:inherit;font-weight:600;font-size:.74rem;cursor:pointer;display:flex;align-items:center;gap:.25rem}.chat-container .refresh:hover{color:var(--cx-accent)}.chat-container .scrim{display:none}@media (max-width: 1180px){.chat-shell{grid-template-columns:270px minmax(0,1fr)}.chat-container .aside{display:none}}@media (max-width: 860px){.chat-container{padding:0;height:calc(100vh - 112px)}.chat-shell{grid-template-columns:minmax(0,1fr);gap:0}.chat-container .convo{border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:none}.chat-container .rail{position:absolute;top:0;left:0;bottom:0;width:300px;max-width:86vw;z-index:60;border-top:none;border-bottom:none;border-left:none;border-radius:0 var(--cx-r-card) var(--cx-r-card) 0;box-shadow:6px 0 18px #0000002e;transform:translate(-104%);transition:transform .28s ease}.chat-container .rail.open{transform:translate(0)}.chat-container .scrim{display:block;position:absolute;inset:0;background:#0006;z-index:55;opacity:0;pointer-events:none;transition:opacity .25s ease}.chat-container .scrim.show{opacity:1;pointer-events:auto}.chat-container .drawer-toggle{display:grid}.chat-container .msg{max-width:88%}.chat-container .send-btn span{display:none}.chat-container .send-btn{padding:.7rem .85rem}}@media (max-width: 480px){.chat-container .convo-head{padding:.6rem .7rem;gap:.55rem}.chat-container .messages{padding:.8rem .7rem 1rem}.chat-container .composer{padding:.65rem .7rem;gap:.5rem}.chat-container .msg{max-width:92%}}.chat-container .rail-list::-webkit-scrollbar,.chat-container .messages::-webkit-scrollbar,.chat-container .aside-list::-webkit-scrollbar{width:7px}.chat-container .rail-list::-webkit-scrollbar-thumb,.chat-container .messages::-webkit-scrollbar-thumb,.chat-container .aside-list::-webkit-scrollbar-thumb{background:var(--cx-border-soft);border-radius:4px}.chat-container .rail-list::-webkit-scrollbar-thumb:hover,.chat-container .messages::-webkit-scrollbar-thumb:hover{background:var(--cx-accent)}.chat-container[data-density=cozy] .messages{gap:.05rem}.chat-container[data-density=cozy] .msg{padding:.16rem 0}.chat-container[data-density=cozy] .bubble{padding:.45rem .7rem}.chat-container[data-density=cozy] .room{padding:.45rem .6rem}.chat-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;font-family:Fredoka,sans-serif}.chat-modal{width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;background:var(--card-white, #ffffff);color:var(--text-dark, #5d4e37);border:3px solid var(--text-dark, #5d4e37);border-radius:18px;box-shadow:6px 6px 0 var(--text-dark, #5d4e37);overflow:hidden}:root.dark .chat-modal{background:#2a2424;color:#f5ebe0;border-color:#4a4040;box-shadow:6px 6px #4a4040}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-bottom:3px solid var(--text-dark, #5d4e37);background:var(--bg-warm, #fcebd5)}:root.dark .chat-modal-header{background:#322b2b;border-color:#4a4040}.chat-modal-header-info{display:flex;align-items:center;gap:.7rem;min-width:0}.chat-modal-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:2px solid var(--text-dark, #5d4e37);overflow:hidden;background:var(--bg-warm, #fcebd5);display:grid;place-items:center;font-size:1.3rem}.chat-modal-avatar .chat-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-modal-title{font-size:1.05rem;font-weight:700;line-height:1.2}.chat-modal-meta{font-size:.78rem;color:var(--text-medium, #8b7355)}.chat-modal-tag{color:var(--accent-pink, #e8879b);font-weight:600}.chat-modal-close{width:36px;height:36px;flex-shrink:0;border-radius:10px;border:2px solid var(--border-soft, #e7d8c2);background:var(--card-white, #ffffff);color:var(--text-medium, #8b7355);font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .2s ease}.chat-modal-close:hover{border-color:var(--accent-pink, #e8879b);color:var(--accent-pink, #e8879b)}.chat-modal-body{padding:1.1rem;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.chat-modal-section-title{font-size:.85rem;font-weight:700;margin-bottom:.6rem;color:var(--text-dark, #5d4e37)}:root.dark .chat-modal-section-title{color:#f5ebe0}.chat-modal-grid{min-height:60px}.chat-inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.chat-inventory-empty{text-align:center;color:var(--text-light, #a89880);font-size:.82rem;padding:1.2rem .5rem}.chat-inventory-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;border-radius:12px;border:2px solid var(--border-soft, #e7d8c2);background:var(--bg-cream, #fdf5e6);color:var(--text-dark, #5d4e37);cursor:pointer;font-family:inherit;transition:all .2s ease}.chat-inventory-item:hover{border-color:var(--accent-pink, #e8879b)}.chat-inventory-item.selected{background:#e8879b24;border-color:var(--accent-pink, #e8879b)}.chat-inventory-item-image{width:48px;height:48px;display:grid;place-items:center;font-size:1.6rem}.chat-inventory-item-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.chat-inventory-item-emoji{display:grid;place-items:center}.chat-inventory-item-name{font-size:.74rem;font-weight:600;text-align:center;line-height:1.2;word-break:break-word}.chat-inventory-item-category{font-size:.65rem;color:var(--text-light, #a89880);text-transform:capitalize}.chat-modal-footer{padding:.9rem 1.1rem;border-top:3px solid var(--text-dark, #5d4e37);background:var(--bg-warm, #fcebd5);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}:root.dark .chat-modal-footer{background:#322b2b;border-color:#4a4040}.chat-modal-summary{font-size:.82rem;color:var(--text-medium, #8b7355);line-height:1.5}.chat-modal-summary-value{color:var(--text-dark, #5d4e37);font-weight:600}:root.dark .chat-modal-summary-value{color:#f5ebe0}.chat-modal-confirm-btn{display:flex;align-items:center;gap:.45rem;padding:.7rem 1.3rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-pink, #e8879b),var(--accent-orange, #f5a442));color:#fff;border:3px solid var(--text-dark, #5d4e37);font-family:inherit;font-weight:600;font-size:.88rem;cursor:pointer;box-shadow:3px 3px 0 var(--text-dark, #5d4e37);transition:transform .2s ease,box-shadow .2s ease}.chat-modal-confirm-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--text-dark, #5d4e37)}.chat-modal-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}:root.dark .chat-modal-confirm-btn{border-color:#4a4040;box-shadow:3px 3px #4a4040}@media (max-width: 560px){.chat-modal-body{grid-template-columns:1fr}.chat-modal-footer{flex-direction:column;align-items:stretch}.chat-modal-confirm-btn{justify-content:center}}.landing-page{--landing-bg: #FDF5E6;--landing-surface: #FFFFFF;--landing-accent: #E8879B;--landing-accent-secondary: #F5C842;--landing-accent-tertiary: #F5A442;--landing-success: #7CC47E;--landing-purple: #9B7EDE;--landing-text: #5D4E37;--landing-text-muted: #8B7355;--landing-border: #5D4E37;--landing-radius: 16px;--landing-card-shadow: 4px 4px 0 #5D4E37}:root.dark .landing-page{--landing-bg: #1a1614;--landing-surface: #252020;--landing-accent: #f2a5b3;--landing-accent-secondary: #f7d070;--landing-accent-tertiary: #e8985a;--landing-success: #9cd49c;--landing-purple: #b8a5e8;--landing-text: #f5ebe0;--landing-text-muted: #d5c4b4;--landing-border: #5D4E37;--landing-card-shadow: 4px 4px 0 rgba(0, 0, 0, .4)}.landing-page{min-height:100vh;background:var(--landing-bg);color:var(--landing-text);font-family:Fredoka,sans-serif;overflow-x:hidden}.landing-content{position:relative}.gradient-text{background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-text{color:var(--landing-accent);font-weight:inherit}.landing-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;overflow:hidden;width:100%}.hero-columns{display:flex;align-items:center;justify-content:space-between;gap:4rem;position:relative;z-index:10;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.hero-content-left{flex:1;max-width:650px;text-align:left}.hero-content-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-width:400px}.hero-image-wrapper{position:relative;width:100%;max-width:550px;min-height:400px;display:flex;align-items:center;justify-content:center}.hero-main-cat{width:100%;max-width:500px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.hero-sticker{position:absolute;z-index:5;pointer-events:none}.hero-sticker--mint{top:10%;left:-3%}.hero-sticker--coin{top:24%;right:-5%}.hero-sticker--play{bottom:14%;left:1%}.hero-sticker-inner{display:inline-flex;align-items:center;gap:.45rem;background:var(--landing-surface);border:2.5px solid var(--landing-border);border-radius:50px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:var(--landing-text);box-shadow:3px 3px 0 var(--landing-border);white-space:nowrap}.hero-sticker--mint .hero-sticker-inner svg{color:var(--landing-accent)}.hero-sticker--coin .hero-sticker-inner svg{color:var(--landing-accent-tertiary)}.hero-sticker--play .hero-sticker-inner svg{color:var(--landing-success)}.landing-marquee{position:relative;z-index:2;overflow:hidden;background:var(--landing-accent);border-top:3px solid var(--landing-border);border-bottom:3px solid var(--landing-border);padding:.8rem 0;width:106%;margin-left:-3%;rotate:-1.2deg}.marquee-track{display:flex;width:-moz-max-content;width:max-content;animation:marquee-scroll 26s linear infinite}.marquee-content{display:flex;align-items:center;gap:1.5rem;padding-right:1.5rem}.marquee-item{font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}.landing-marquee svg{color:#ffffffbf;flex-shrink:0}@keyframes marquee-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-track,.badge-pulse{animation:none}}.hero-content{position:relative;z-index:10;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--landing-surface);border:2px solid var(--landing-border);border-radius:50px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--landing-text);margin-bottom:1.5rem;box-shadow:2px 2px 0 var(--landing-border)}.badge-pulse{width:10px;height:10px;border-radius:50%;background:var(--landing-success);box-shadow:0 0 #7cc47e99;animation:badge-pulse 2s ease-out infinite;flex-shrink:0}@keyframes badge-pulse{to{box-shadow:0 0 0 8px #7cc47e00}}.hero-logo{width:320px;max-width:80vw;height:auto;margin:0 0 1.5rem -12px;display:block;filter:brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(1089%) hue-rotate(357deg) brightness(97%) contrast(87%)}:root.dark .hero-logo{filter:none}.hero-headline{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1rem;color:var(--landing-text)}.headline-underline{position:relative;display:inline-block}.headline-squiggle{position:absolute;left:0;bottom:-.14em;width:100%;height:.22em;color:var(--landing-accent-secondary);opacity:.85;pointer-events:none}.hero-tagline{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--landing-text-muted);max-width:550px;margin:0 0 2rem;line-height:1.6}.hero-cta-group{margin-bottom:2rem}.connected-banner{display:inline-flex;align-items:center;gap:.75rem;background:var(--landing-success);color:#fff;padding:1rem 2rem;border-radius:16px;border:3px solid var(--landing-border);font-weight:600;font-size:1.1rem;box-shadow:var(--landing-card-shadow)}.landing-hero .hero-stats{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:wrap;background:none;border:none;border-radius:0;box-shadow:none;padding:0}.landing-hero .hero-stat{text-align:left}.hero-stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--landing-text)}.hero-stat-label{font-size:.85rem;color:var(--landing-text-muted)}.hero-stat-divider{width:2px;height:40px;background:var(--landing-border);opacity:.3}.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--landing-text-muted);font-size:.9rem}.story-section{padding:0;position:relative}.story-header{text-align:center;margin-bottom:4rem}.section-eyebrow{display:inline-block;background:var(--landing-accent);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1rem;border:2px solid var(--landing-border)}.section-headline{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--landing-text);line-height:1.2}.progress-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--landing-text-muted);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-bottom:1.5rem}.progress-track{position:relative;width:3px;height:280px;background:#5d4e3726;border-radius:3px;margin-bottom:1.5rem}.video-container{position:relative;background:var(--landing-surface);line-height:0;min-height:200px}.story-video{width:100%;height:auto;display:block;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease}.story-video.ready{opacity:1}.video-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;background:#f8f8f8}.video-loader.pink{background:#fff8fa}.video-loader.yellow{background:#fffef5}.video-loader.green{background:#f5fff5}.video-loader.orange{background:#fffaf5}.video-loader.purple{background:#faf5ff}.loader-spinner{width:32px;height:32px;border:3px solid var(--landing-accent);border-bottom-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;aspect-ratio:16/10;background:linear-gradient(135deg,#fef8fa,#fffef5,#f5fff8);color:var(--landing-text-muted);font-size:.95rem;font-weight:500}.video-error span{padding:.5rem 1rem;background:#5d4e3714;border-radius:8px}.why-section{padding:6rem 2rem;background:var(--landing-surface);border-top:3px solid var(--landing-border);border-bottom:3px solid var(--landing-border)}.why-header{text-align:center;margin-bottom:4rem}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 1rem}@media (max-width: 900px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.why-grid{grid-template-columns:1fr}}.why-card{background:var(--landing-bg);border:3px solid var(--landing-border);border-radius:20px;padding:2rem;text-align:center;box-shadow:var(--landing-card-shadow);transition:translate .2s ease,rotate .2s ease,box-shadow .2s ease}.why-card:nth-child(odd){rotate:-.75deg}.why-card:nth-child(2n){rotate:.75deg}.why-card:hover{rotate:0deg;translate:-3px -3px;box-shadow:7px 7px 0 var(--landing-border)}.why-card:hover .why-icon{animation:icon-wiggle .5s ease}@keyframes icon-wiggle{0%,to{rotate:0deg}25%{rotate:-8deg}75%{rotate:8deg}}.why-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:16px;display:flex;align-items:center;justify-content:center;border:3px solid var(--landing-border)}.why-icon.pink{background:var(--landing-accent);color:#fff}.why-icon.yellow{background:var(--landing-accent-secondary);color:var(--landing-text)}.why-icon.green{background:var(--landing-success);color:#fff}.why-icon.orange{background:var(--landing-accent-tertiary);color:#fff}.why-icon.purple{background:var(--landing-purple);color:#fff}.why-icon svg{width:28px;height:28px}.why-title{font-size:1.25rem;font-weight:700;color:var(--landing-text);margin-bottom:.5rem}.why-desc{font-size:.95rem;color:var(--landing-text-muted);line-height:1.5}.final-cta{padding:6rem 2rem}.cta-content{position:relative;max-width:700px;margin:0 auto;text-align:center;background:var(--landing-surface);border:4px solid var(--landing-border);border-radius:32px;padding:4rem 3rem;box-shadow:8px 8px 0 var(--landing-border)}.cta-content:before{content:"";position:absolute;inset:12px;border:3px dashed rgba(93,78,55,.2);border-radius:22px;pointer-events:none}.cta-headline{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--landing-text);margin-bottom:1rem;line-height:1.2}.cta-subtext{font-size:1.15rem;color:var(--landing-text-muted);margin-bottom:2rem}.cta-button-area{margin-bottom:1.5rem}.cta-note{font-size:.9rem;color:var(--landing-text-muted)}@media (max-width: 900px){.progress-label{writing-mode:horizontal-tb;transform:none;margin-bottom:0;margin-right:1.5rem}.progress-track{width:200px;height:3px;margin-bottom:0;margin-right:1.5rem}}@media (max-width: 1024px){.hero-columns{flex-direction:column-reverse;gap:3rem;text-align:center}.hero-content-left{text-align:center;max-width:800px}.hero-content-right{min-width:auto}.hero-logo{margin:0 auto 1.5rem}.hero-tagline{margin:0 auto 2rem}.landing-hero .hero-stats{justify-content:center}.hero-image-wrapper{max-width:400px;min-height:350px}.hero-sticker--mint{top:4%;left:4%}.hero-sticker--coin{top:16%;right:0}.hero-sticker--play{bottom:6%;left:8%}}@media (max-width: 600px){.landing-hero{padding:1.5rem}.hero-logo{width:260px}.landing-hero .hero-stats{gap:1rem}.hero-stat-value{font-size:1.4rem}.hero-stat-divider{height:30px}.hero-sticker{display:none}.landing-marquee{padding:.6rem 0}.marquee-item{font-size:.85rem}.story-section,.why-section,.final-cta{padding:4rem 1rem}.cta-content{padding:2.5rem 1.5rem;border-radius:24px}}html{scroll-behavior:smooth}.landing-page *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.cat-showcase-section{padding:6rem 2rem;background:linear-gradient(180deg,var(--landing-bg) 0%,var(--landing-surface) 100%);position:relative;overflow:hidden}.cat-showcase-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(232,135,155,.05) 0%,transparent 50%);pointer-events:none}.cat-display-area{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:20px 80px;min-width:0}.cat-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(232,135,155,.15) 0%,transparent 70%);pointer-events:none}.cat-image{width:85%;height:85%;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1}.cat-name{font-size:2rem;font-weight:700;color:var(--landing-text);margin-bottom:.5rem}@media (max-width: 600px){.cat-showcase-section{padding:4rem 1rem}.cat-name{font-size:1.5rem}}.cat-playground-container{max-width:100%;margin:0;padding:80px 2rem 2rem;height:100vh;box-sizing:border-box;overflow:hidden;background:var(--bg-cream);position:relative;font-family:Fredoka,sans-serif;display:flex;flex-direction:column}.cat-playground-container:before{content:"";position:absolute;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}.cat-playground-container.dark{color:#f5f5f5;background:#1e1a1a}.cat-playground-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:12px;font-family:Fredoka,sans-serif;font-size:.9rem;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:.5rem}.cat-emoji-large{font-size:1.8rem}.cat-title h1{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.cat-playground-container.dark .cat-title h1{color:#f5ebe0}.cat-badge{background:linear-gradient(135deg,#48dbfb,#0abde3);color:#fff;padding:.4rem .8rem;border-radius:20px;font-family:Fredoka,sans-serif;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #48dbfb4d}.cat-playground-content{display:flex;justify-content:center;align-items:center;gap:2rem;flex:1;width:100%;overflow:hidden;position:relative;z-index:1}.cat-game-wrapper{background:#fff;border-radius:20px;padding:1rem;box-shadow:8px 8px #5d4e37;border:4px solid #5D4E37;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;max-height:100%;max-width:100%}.cat-playground-container.dark .cat-game-wrapper{background:#2a2424;border-color:#f5ebe0;box-shadow:8px 8px #00000080}.cat-game-wrapper:before{display:none}.cat-info-panel{background:#fffc;backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;min-width:260px;max-width:300px;border:3px solid #5D4E37;box-shadow:6px 6px #5d4e3733}.cat-playground-container.dark .cat-info-panel{background:#1e1a1acc;border-color:#f5ebe0}.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-details-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.cat-details-image{width:120px;height:120px;border-radius:12px;overflow:hidden;background:#5bc0eb;border:3px solid #5D4E37;display:flex;align-items:center;justify-content:center}.cat-details-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cat-details-placeholder{font-size:3.5rem}.cat-details-name{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;color:#feca57;margin:0;text-align:center}.cat-details-stats{display:flex;gap:.5rem;width:100%}.cat-stat-badge{flex:1;padding:.4rem .5rem;border-radius:8px;border:2px solid;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.cat-stat-badge .stat-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.cat-stat-badge .stat-value{font-size:.9rem;font-weight:700}.cat-stat-badge.level{background:#5d4e3733;border-color:#5d4e37;color:#5d4e37}.cat-stat-badge.xp{background:#ff980033;border-color:#ff9800;color:#ff9800}.cat-stat-badge.rarity{background:#9c27b033;border-color:#9c27b0;color:#ce93d8}.session-xp-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#4caf5026;border:2px solid rgba(76,175,80,.4);border-radius:10px;margin-bottom:.75rem}.session-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8;color:#4caf50}.session-value{font-size:1.1rem;font-weight:700;color:#4caf50}.cat-playground-container:not(.dark) .cat-stat-badge.level{background:#5d4e371a;color:#5d4e37}.cat-playground-container:not(.dark) .cat-details-name{color:#5d4e37}.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:#fdf5e6;border-radius:12px;color:#5d4e37;border:3px solid #5D4E37;box-shadow:inset 0 0 20px #5d4e371a}.cat-playground-container .loading-spinner{width:60px;height:60px;border:5px solid #FCEBD5;border-top-color:#feca57;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@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}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.cat-chat-container{margin-top:15px;background:linear-gradient(135deg,#fdf5e6,#fcebd5);border:3px solid #5D4E37;border-radius:16px;padding:0;box-shadow:4px 4px #5d4e37;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.cat-playground-container.dark .cat-chat-container{background:linear-gradient(135deg,#2a2424,#352e2e);border-color:#f5ebe0;box-shadow:4px 4px #0006}.cat-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ff980026;border-bottom:2px solid rgba(93,78,55,.2)}.cat-chat-header-title{display:flex;align-items:center;gap:8px;margin:0;font-size:.95em;font-weight:600;color:#5d4e37}.cat-playground-container.dark .cat-chat-header-title{color:#f5ebe0}.cat-chat-header-title .chat-cat-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ff9800}.cat-chat-toggle-btn{background:#ff9800;border:2px solid #5D4E37;border-radius:8px;padding:6px 14px;color:#fff;font-weight:600;font-size:.8em;cursor:pointer;box-shadow:2px 2px #5d4e37;transition:all .2s ease;font-family:Fredoka,sans-serif}.cat-chat-toggle-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #5d4e37}.cat-chat-toggle-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #5d4e37}.cat-chat-body{padding:14px;animation:chatSlideDown .3s ease-out}@keyframes chatSlideDown{0%{opacity:0;max-height:0;padding:0 14px}to{opacity:1;max-height:500px;padding:14px}}.cat-chat-messages{max-height:220px;min-height:100px;overflow-y:auto;margin-bottom:12px;background:#fff;border:2px solid #D4C4A8;border-radius:12px;padding:10px;scroll-behavior:smooth}.cat-playground-container.dark .cat-chat-messages{background:#1e1a1a;border-color:#4a4040}.cat-chat-messages::-webkit-scrollbar{width:6px}.cat-chat-messages::-webkit-scrollbar-track{background:transparent}.cat-chat-messages::-webkit-scrollbar-thumb{background:#d4c4a8;border-radius:3px}.cat-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;color:#8b7355;text-align:center}.cat-chat-empty-icon{font-size:2.5rem;margin-bottom:8px;animation:floatBounce 2s ease-in-out infinite}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cat-chat-empty-text{margin:0;font-size:.85em;font-weight:500}.cat-chat-message{display:flex;margin-bottom:10px;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cat-chat-message.user{justify-content:flex-end}.cat-chat-message.user .cat-chat-bubble{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-radius:16px 16px 4px;border:2px solid #5D4E37;box-shadow:2px 2px #5d4e374d}.cat-chat-message.cat{justify-content:flex-start;gap:8px}.cat-chat-message.cat .cat-chat-bubble{background:#fdf5e6;color:#5d4e37;border-radius:16px 16px 16px 4px;border:2px solid #D4C4A8;animation:catMessagePop .4s cubic-bezier(.68,-.55,.265,1.55)}.cat-playground-container.dark .cat-chat-message.cat .cat-chat-bubble{background:#352e2e;color:#f5ebe0;border-color:#4a4040}@keyframes catMessagePop{0%{opacity:0;transform:scale(.8) translate(-10px)}50%{transform:scale(1.02) translate(0)}to{opacity:1;transform:scale(1) translate(0)}}.cat-chat-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:linear-gradient(135deg,#ff9800,#ffb74d);border:2px solid #5D4E37}.cat-chat-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.cat-chat-bubble{padding:10px 14px;max-width:85%;font-size:.85em;line-height:1.4;word-wrap:break-word;position:relative}.cat-chat-bubble-text{margin:0}.cat-chat-bubble-time{font-size:.7em;opacity:.7;margin-top:4px;text-align:right}.cat-chat-typing{display:flex;align-items:center;gap:8px;margin-bottom:10px;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cat-chat-typing-bubble{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#fdf5e6;border:2px solid #D4C4A8;border-radius:16px 16px 16px 4px}.cat-playground-container.dark .cat-chat-typing-bubble{background:#352e2e;border-color:#4a4040}.cat-chat-typing-dot{width:8px;height:8px;background:#8b7355;border-radius:50%;animation:typingDotBounce 1.4s infinite ease-in-out both}.cat-playground-container.dark .cat-chat-typing-dot{background:#d5c4b4}.cat-chat-typing-dot:nth-child(1){animation-delay:-.32s}.cat-chat-typing-dot:nth-child(2){animation-delay:-.16s}.cat-chat-typing-dot:nth-child(3){animation-delay:0}@keyframes typingDotBounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.cat-chat-input-area{display:flex;gap:8px}.cat-chat-input{flex:1;padding:10px 14px;border:2px solid #5D4E37;border-radius:20px;font-size:.85em;background:#fff;color:#5d4e37;outline:none;font-family:Fredoka,sans-serif;transition:all .2s ease}.cat-playground-container.dark .cat-chat-input{background:#1e1a1a;color:#f5ebe0;border-color:#4a4040}.cat-chat-input:focus{border-color:#ff9800;box-shadow:0 0 0 3px #ff980033}.cat-chat-input::-moz-placeholder{color:#8b7355;opacity:.7}.cat-chat-input::placeholder{color:#8b7355;opacity:.7}.cat-chat-input:disabled{opacity:.6;cursor:not-allowed}.cat-chat-send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#f57c00);border:2px solid #5D4E37;cursor:pointer;box-shadow:2px 2px #5d4e37;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff}.cat-chat-send-btn:hover:not(:disabled){transform:translate(-1px,-1px) scale(1.05);box-shadow:3px 3px #5d4e37}.cat-chat-send-btn:active:not(:disabled){transform:translate(1px,1px) scale(.98);box-shadow:1px 1px #5d4e37}.cat-chat-send-btn:disabled{background:#d4c4a8;cursor:not-allowed;opacity:.7}.cat-chat-send-btn svg{width:18px;height:18px}.cat-chat-send-btn.sending{animation:sendPulse .3s ease}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.cat-chat-trigger-container{margin-top:15px}.cat-chat-trigger-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#ff9800,#f57c00);border:3px solid #5D4E37;border-radius:12px;color:#fff;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:4px 4px #5d4e37;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cat-chat-trigger-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #5d4e37;filter:brightness(1.05)}.cat-chat-trigger-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #5d4e37}.cat-chat-popup-overlay{position:fixed;inset:0;background:#5d4e3799;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem;animation:popupFadeIn .25s ease}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.cat-playground-container.dark .cat-chat-popup-overlay{background:#1e1a1acc}.cat-chat-popup{width:100%;max-width:420px;max-height:80vh;background:#fdf5e6;border:4px solid #5D4E37;border-radius:20px;box-shadow:8px 8px #5d4e37;display:flex;flex-direction:column;overflow:hidden;animation:popupSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cat-playground-container.dark .cat-chat-popup{background:#2a2424;border-color:#f5ebe0;box-shadow:8px 8px #0006}.cat-chat-popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(135deg,#ff9800,#f57c00);border-bottom:3px solid #5D4E37}.cat-chat-popup-header-info{display:flex;align-items:center;gap:12px}.cat-chat-popup-avatar{width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #5D4E37;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.cat-chat-popup-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cat-chat-popup-title{margin:0;color:#fff;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.cat-chat-popup-subtitle{margin:2px 0 0;color:#ffffffe6;font-size:.8rem}.cat-chat-popup-close{width:36px;height:36px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cat-chat-popup-close:hover{background:#fff6;transform:scale(1.1)}.cat-chat-popup-messages{flex:1;min-height:250px;max-height:350px;overflow-y:auto;padding:16px;background:#fff;scroll-behavior:smooth}.cat-playground-container.dark .cat-chat-popup-messages{background:#1e1a1a}.cat-chat-popup-messages::-webkit-scrollbar{width:6px}.cat-chat-popup-messages::-webkit-scrollbar-track{background:transparent}.cat-chat-popup-messages::-webkit-scrollbar-thumb{background:#d4c4a8;border-radius:3px}.cat-chat-popup-input-area{display:flex;gap:10px;padding:14px 16px;background:#fcebd5;border-top:3px solid #5D4E37}.cat-playground-container.dark .cat-chat-popup-input-area{background:#352e2e;border-color:#4a4040}@media (max-width: 480px){.cat-chat-popup{max-width:100%;max-height:90vh;margin:.5rem;border-radius:16px}.cat-chat-popup-header{padding:12px 14px}.cat-chat-popup-avatar{width:40px;height:40px}.cat-chat-popup-title{font-size:1rem}.cat-chat-popup-messages{min-height:200px;max-height:300px}}.gm-root{--gm-bg: #FDF5E6;--gm-bg-warm: #FCEBD5;--gm-bg-deep: #F6E2C5;--gm-card: #FFFFFF;--gm-border: #5D4E37;--gm-border-light: rgba(93, 78, 55, .18);--gm-text: #5D4E37;--gm-text-mid: #8B7355;--gm-text-muted: #A89880;--gm-pink: #E8879B;--gm-yellow: #F5C842;--gm-orange: #F5A442;--gm-green: #7CC47E;--gm-purple: #B98AD1;--gm-blue: #6FB5D9;--gm-shadow: #5D4E37}:root.dark .gm-root{--gm-bg: #1e1a1a;--gm-bg-warm: #2a2424;--gm-bg-deep: #241f1f;--gm-card: #352e2e;--gm-border: #5D4E37;--gm-border-light: rgba(245, 235, 224, .1);--gm-text: #f5ebe0;--gm-text-mid: #d5c4b4;--gm-text-muted: #9a8a76;--gm-pink: #f2a5b3;--gm-yellow: #f7d070;--gm-orange: #e8985a;--gm-green: #9cd49c;--gm-purple: #c79fdd;--gm-blue: #8cc5e3;--gm-shadow: #14100d}.gm-root{width:100%;min-height:100vh;background:var(--gm-bg);font-family:Fredoka,sans-serif;color:var(--gm-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.gm-root *,.gm-root *:before,.gm-root *:after{box-sizing:border-box}.gm-root,.gm-root *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.gm-stage{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem 3rem;overflow:hidden}.gm-stage:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;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.18'%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")}.gm-aurora{position:absolute;z-index:0;pointer-events:none;width:720px;height:720px;left:50%;top:46%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(232,135,155,.42),transparent 70%),radial-gradient(closest-side,rgba(245,200,66,.34),transparent 70%);background-position:30% 40%,70% 60%;background-repeat:no-repeat;background-size:70% 70%,65% 65%;filter:blur(20px);animation:auroraDrift 14s ease-in-out infinite}:root.dark .gm-aurora{opacity:.55}@keyframes auroraDrift{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-50%,-52%) scale(1.12) rotate(8deg)}}.gm-grid{position:relative;z-index:2;width:100%;max-width:1180px;display:grid;grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:center}.gm-showcase{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.reel-wrap{position:relative}.reel-glow{position:absolute;inset:-28px;border-radius:40px;z-index:-1;background:radial-gradient(closest-side,rgba(245,164,66,.5),transparent 72%);filter:blur(10px);opacity:0;transition:opacity .4s ease}.reel-wrap.spinning .reel-glow,.reel-wrap.landed .reel-glow{opacity:1}.reel-frame{position:relative;width:380px;height:380px;border-radius:34px;overflow:hidden;background:var(--gm-bg-warm);border:4px solid var(--gm-border);box-shadow:8px 8px 0 var(--gm-shadow);animation:frameFloat 4s ease-in-out infinite}@keyframes frameFloat{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.6deg)}}.reel-wrap.spinning .reel-frame{animation:reelShake .18s linear infinite}@keyframes reelShake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}75%{transform:translate(3px,-2px)}}.reel-cat{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.12) translateY(8px);transition:opacity .5s ease,transform .5s ease}.reel-cat.active{opacity:1;transform:scale(1) translateY(0)}.reel-wrap.spinning .reel-cat{transition:none;filter:blur(1px) saturate(1.12)}.reel-wrap.spinning .reel-cat.active{transform:scale(1.03) translateY(0)}.reel-layer{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reel-wrap.spinning .reel-layer{filter:blur(.6px) saturate(1.12)}.reel-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.35) 48%,transparent 58%);background-size:250% 250%;animation:shineSweep 5.5s ease-in-out infinite;mix-blend-mode:screen}@keyframes shineSweep{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.reel-badge{position:absolute;top:.85rem;right:.85rem;z-index:3;display:flex;align-items:center;gap:.3rem;background:var(--gm-yellow);color:var(--gm-border);border:2.5px solid var(--gm-border);border-radius:20px;padding:.3rem .7rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:2px 2px 0 var(--gm-shadow)}.reel-wrap.spinning .reel-glow{opacity:1;animation:glowPulse .6s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.reel-wrap.slowing .reel-cat{filter:none!important;transition:opacity .18s ease,transform .18s ease}.reel-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#fffffff2,#fff0 62%)}.reel-frame.pop .reel-flash{animation:flashBurst .55s ease-out}@keyframes flashBurst{0%{opacity:0}16%{opacity:1}to{opacity:0}}.reel-frame.pop{animation:landPop .6s cubic-bezier(.2,1.45,.4,1)}@keyframes landPop{0%{transform:scale(1.16) rotate(-1deg)}40%{transform:scale(.93)}68%{transform:scale(1.05) rotate(.5deg)}to{transform:scale(1) rotate(-.6deg)}}.reel-sparks{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0}.reel-wrap.spinning .reel-sparks{opacity:1}.spark{position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 9px 1px var(--gm-yellow);opacity:0}.reel-wrap.spinning .spark{animation:sparkFly 1.05s ease-in-out infinite;animation-delay:var(--sd)}@keyframes sparkFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(1.15)}}.reel-caption{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center}.reel-name{font-size:1.35rem;font-weight:700;color:var(--gm-pink);display:flex;align-items:center;gap:.4rem}.reel-rarity{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:20px;border:2px solid var(--gm-border)}.rar-legendary{background:var(--gm-yellow);color:var(--gm-border)}.rar-epic{background:var(--gm-purple);color:#fff}.rar-rare{background:var(--gm-blue);color:#fff}.rar-common{background:var(--gm-bg-warm);color:var(--gm-text-mid)}.reel-sub{margin:0;font-size:.92rem;color:var(--gm-text-mid)}.reel-dots{display:flex;gap:.4rem}.reel-dot{width:9px;height:9px;border-radius:50%;background:var(--gm-bg-deep);border:1.5px solid var(--gm-text-muted);transition:all .3s ease}.reel-dot.active{background:var(--gm-pink);border-color:var(--gm-border);transform:scale(1.25)}.gm-console{display:flex;flex-direction:column;gap:1.15rem;min-width:0}.gm-console-body{display:flex;flex-direction:column;gap:1.15rem}.gm-eyebrow{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;background:var(--gm-card);border:2.5px solid var(--gm-border);border-radius:20px;padding:.35rem .9rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gm-text);box-shadow:2px 2px 0 var(--gm-shadow)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--gm-green);box-shadow:0 0 #7cc47eb3;animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #7cc47e99}70%{box-shadow:0 0 0 8px #7cc47e00}to{box-shadow:0 0 #7cc47e00}}.gm-title{font-size:3.4rem;font-weight:700;line-height:1;margin:0;color:var(--gm-text);letter-spacing:-.01em}.gm-title .accent{color:var(--gm-pink)}.gm-subtitle{margin:0;font-size:1.08rem;color:var(--gm-text-mid);line-height:1.45;max-width:30rem}.supply-card{background:var(--gm-card);border:3px solid var(--gm-border);border-radius:18px;padding:1rem 1.15rem;box-shadow:4px 4px 0 var(--gm-shadow)}.supply-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.6rem}.supply-label{font-size:.78rem;font-weight:600;color:var(--gm-text-muted);text-transform:uppercase;letter-spacing:.05em}.supply-count{font-size:1.05rem;font-weight:700;color:var(--gm-text)}.supply-count b{color:var(--gm-pink)}.supply-bar{height:14px;background:var(--gm-bg-deep);border:2px solid var(--gm-border);border-radius:10px;overflow:hidden}.supply-fill{height:100%;width:0%;background:repeating-linear-gradient(45deg,var(--gm-orange) 0 10px,var(--gm-yellow) 10px 20px);border-radius:8px;transition:width .8s cubic-bezier(.2,.8,.2,1)}.info-pills{display:flex;gap:.7rem;flex-wrap:wrap}.info-pill{flex:1;min-width:120px;background:var(--gm-bg-warm);border:2.5px solid var(--gm-border);border-radius:14px;padding:.65rem .85rem;display:flex;align-items:center;gap:.6rem;box-shadow:3px 3px 0 var(--gm-shadow)}.info-pill .pi{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--gm-border);background:var(--gm-card);color:var(--gm-pink)}.info-pill .pt{display:flex;flex-direction:column;line-height:1.15;min-width:0}.info-pill .pt span{font-size:.66rem;color:var(--gm-text-muted);text-transform:uppercase;letter-spacing:.04em}.info-pill .pt strong{font-size:.98rem;font-weight:700;color:var(--gm-text);white-space:nowrap}.mint-btn{position:relative;width:100%;padding:1.25rem 2rem;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;background:var(--gm-pink);border:3.5px solid var(--gm-border);border-radius:22px;cursor:pointer;box-shadow:6px 6px 0 var(--gm-shadow);display:flex;align-items:center;justify-content:center;gap:.6rem;overflow:hidden;letter-spacing:.01em}.mint-btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);animation:mintSheen 3.2s ease-in-out infinite}@keyframes mintSheen{0%{left:-60%}55%,to{left:130%}}.mint-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--gm-shadow);background:#ef96a8}.mint-btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 var(--gm-shadow)}.mint-btn:disabled{opacity:.6;cursor:not-allowed}.mint-reassure{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.82rem;color:var(--gm-text-muted)}.mint-reassure svg{color:var(--gm-green)}.feature-chips{display:flex;gap:.55rem;flex-wrap:wrap}.feature-chip{display:flex;align-items:center;gap:.4rem;background:var(--gm-card);border:2px solid var(--gm-border-light);border-radius:12px;padding:.45rem .7rem;font-size:.8rem;font-weight:600;color:var(--gm-text-mid)}.feature-chip svg{color:var(--gm-orange)}.gm-error{padding:.9rem 1.1rem;background:var(--gm-bg-warm);border:2.5px solid var(--gm-orange);border-radius:14px;color:var(--gm-orange);font-size:.9rem;font-weight:600;line-height:1.45;box-shadow:3px 3px 0 var(--gm-shadow)}.gm-progress{display:flex;flex-direction:column;gap:1.1rem}.progress-head h2{margin:0 0 .2rem;font-size:1.5rem;font-weight:700;color:var(--gm-text)}.progress-head p{margin:0;color:var(--gm-text-mid);font-size:.92rem}.stepper{display:flex;justify-content:space-between;position:relative;background:var(--gm-card);border:3px solid var(--gm-border);border-radius:18px;box-shadow:4px 4px 0 var(--gm-shadow);padding:1rem 1rem .85rem}.stepper:before{content:"";position:absolute;top:calc(1rem + 17px);left:13%;right:13%;height:3px;background:var(--gm-border-light);z-index:0;border-radius:3px}.step{display:flex;flex-direction:column;align-items:center;gap:.45rem;flex:1;position:relative;z-index:1;min-width:0}.step-ind{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:2.5px solid var(--gm-border);background:var(--gm-bg-warm);color:var(--gm-text-muted);transition:background .3s ease,color .3s ease,transform .3s ease}.step.active .step-ind{background:var(--gm-pink);color:#fff;animation:pulse 1.4s ease-in-out infinite}.step.done .step-ind{background:var(--gm-green);color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.step-label{font-size:.68rem;line-height:1.2;text-align:center;max-width:84px;color:var(--gm-text-muted);font-weight:600}.step.active .step-label{color:var(--gm-pink)}.step.done .step-label{color:var(--gm-green)}.progress-meter{height:15px;background:var(--gm-bg-deep);border:2.5px solid var(--gm-border);border-radius:12px;overflow:hidden}.progress-meter>div{height:100%;width:0%;background:repeating-linear-gradient(45deg,var(--gm-pink) 0 12px,var(--gm-orange) 12px 24px);transition:width .25s ease}.progress-status{display:flex;align-items:center;justify-content:space-between}.progress-status .st-text{font-size:.9rem;font-weight:600;color:var(--gm-text-mid)}.progress-status .st-pct{font-size:1.05rem;font-weight:700;color:var(--gm-pink)}.gm-reveal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem;background:#5d4e3773;backdrop-filter:blur(6px)}.gm-reveal.open{display:flex;animation:fadeIn .4s ease}.reveal-panel{position:relative;width:100%;max-width:960px;max-height:calc(100vh - 3rem);overflow:auto;background:var(--gm-bg);border:4px solid var(--gm-border);border-radius:28px;box-shadow:10px 10px 0 var(--gm-shadow);padding:2rem;animation:revealPop .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes revealPop{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reveal-title{text-align:center;font-size:2rem;font-weight:700;margin:0 0 .35rem;color:var(--gm-text)}.reveal-xp{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:0 auto 1.5rem;width:-moz-fit-content;width:fit-content;background:var(--gm-yellow);color:var(--gm-border);border:2.5px solid var(--gm-border);border-radius:20px;padding:.4rem 1.1rem;font-weight:700;box-shadow:3px 3px 0 var(--gm-shadow);animation:xpBob 2s ease-in-out infinite}@keyframes xpBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}.reveal-display{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.reveal-img-wrap{position:relative;border:3.5px solid var(--gm-border);border-radius:24px;overflow:hidden;background:var(--gm-bg-warm);box-shadow:6px 6px 0 var(--gm-shadow);aspect-ratio:1/1}.reveal-img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.reveal-img-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--gm-text-muted)}.reveal-token{position:absolute;top:.85rem;right:.85rem;background:var(--gm-pink);color:#fff;border:3px solid var(--gm-border);border-radius:10px;padding:.35rem .7rem;font-weight:700;font-size:1.05rem;box-shadow:2px 2px 0 var(--gm-shadow)}.reveal-rarity-tag{position:absolute;bottom:.85rem;left:.85rem;display:flex;align-items:center;gap:.3rem;border:2.5px solid var(--gm-border);border-radius:20px;padding:.3rem .75rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:2px 2px 0 var(--gm-shadow)}.reveal-info{display:flex;flex-direction:column;gap:1rem}.reveal-name-row{display:flex;align-items:center;gap:.6rem}.reveal-name{font-size:1.6rem;font-weight:700;color:var(--gm-text);margin:0}.reveal-edit{width:34px;height:34px;border-radius:50%;border:none;background:var(--gm-bg-warm);color:var(--gm-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reveal-edit:hover:not(:disabled){background:var(--gm-pink);color:#fff}.reveal-edit:disabled{opacity:.5;cursor:not-allowed}.reveal-edit.save{background:var(--gm-green);color:#fff}.cat-name-edit{display:flex;align-items:center;gap:.5rem}.cat-name-input{background:var(--gm-card);border:2.5px solid var(--gm-pink);color:var(--gm-text);font-size:1.2rem;font-weight:700;font-family:Fredoka,sans-serif;padding:.35rem .8rem;border-radius:12px;outline:none;width:220px;max-width:100%}.reveal-traits{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.trait{background:var(--gm-bg-warm);border:2px solid var(--gm-border);border-radius:14px;padding:.65rem .85rem;box-shadow:2px 2px 0 var(--gm-shadow)}.trait .tl{display:block;font-size:.62rem;color:var(--gm-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.2rem}.trait .tv{display:block;font-size:.92rem;color:var(--gm-text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reveal-links{display:flex;gap:.7rem}.reveal-link{flex:1;text-align:center;text-decoration:none;padding:.75rem;border-radius:16px;border:2.5px solid var(--gm-border);font-weight:700;font-size:.9rem;background:var(--gm-bg-warm);color:var(--gm-text);box-shadow:3px 3px 0 var(--gm-shadow);cursor:pointer}.reveal-link:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--gm-shadow);background:var(--gm-pink);color:#fff}.reveal-play{width:100%;padding:1.1rem;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;background:var(--gm-orange);border:3px solid var(--gm-border);border-radius:18px;cursor:pointer;box-shadow:5px 5px 0 var(--gm-shadow);display:flex;align-items:center;justify-content:center;gap:.5rem}.reveal-play:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--gm-shadow);background:#ffb84d}.reveal-again{width:100%;padding:.7rem;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:700;color:var(--gm-text);background:transparent;border:2.5px dashed var(--gm-border);border-radius:16px;cursor:pointer}.reveal-again:hover{background:var(--gm-bg-warm)}.spin-ring{width:28px;height:28px;border:3px solid var(--gm-border-light);border-top-color:var(--gm-pink);border-radius:50%;animation:spin .8s linear infinite}.spin-ring.small{width:16px;height:16px;border-width:2px;border-top-color:#fff}@media (max-width: 1080px){.gm-grid{gap:2.5rem}.reel-frame{width:340px;height:340px}.gm-title{font-size:2.9rem}}@media (max-width: 940px){.gm-stage{min-height:0;padding:2rem 1.25rem 3rem}.gm-grid{grid-template-columns:1fr;gap:2.25rem;justify-items:center;text-align:center}.gm-console{align-items:center}.gm-eyebrow{align-self:center}.gm-subtitle{margin-inline:auto}.gm-console-body{width:100%;max-width:460px}.gm-progress{width:100%;max-width:460px;text-align:left}.reveal-display{grid-template-columns:1fr}}@media (max-width: 720px){.gm-title{font-size:2.5rem}.reel-frame{width:320px;height:320px}.gm-subtitle{font-size:1rem}}@media (max-width: 520px){.gm-stage{padding:1.5rem 1rem 2.5rem}.gm-title{font-size:2.1rem}.reel-frame{width:248px;height:248px;border-radius:24px}.reel-name{font-size:1.2rem}.info-pills{flex-direction:column}.reveal-traits{grid-template-columns:1fr}.reveal-links{flex-direction:column}.reveal-panel{padding:1.4rem}.reveal-title{font-size:1.6rem}.progress-head h2{font-size:1.3rem}.stepper{padding:.85rem .6rem .7rem}.stepper:before{top:calc(.85rem + 15px);left:11%;right:11%}.step-ind{width:30px;height:30px;font-size:.82rem}.step-label{font-size:.58rem;max-width:58px}.mint-btn{font-size:1.2rem;padding:1.05rem 1.5rem}}@media (max-width: 380px){.reel-frame{width:210px;height:210px}.step-label{font-size:.52rem;max-width:48px}}.profile-container{--bg-cream: #FDF5E6;--bg-warm: #FCEBD5;--bg-deep: #F7EAD2;--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;--accent-purple: #9B59B6;--card-white: #FFFFFF;--hard: 4px 4px 0 var(--text-dark);--hard-sm: 3px 3px 0 var(--text-dark);--hard-lg: 6px 6px 0 var(--text-dark)}:root.dark .profile-container{--bg-cream: #1e1a1a;--bg-warm: #2a2424;--bg-deep: #241f1f;--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;--accent-purple: #bb8fce;--card-white: #2a2424}.profile-container{width:100%;min-height:100vh;background:var(--bg-cream);font-family:Fredoka,sans-serif;color:var(--text-dark);position:relative}.profile-container,.profile-container *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.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.13'%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}.page{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:2rem 2rem 5rem}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);gap:1.5rem;align-items:stretch;margin-bottom:2.5rem}.hero-card{background:var(--bg-white);border:3px solid var(--text-dark);border-radius:22px;box-shadow:var(--hard);padding:2rem 2.2rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-card.intro:after{content:"";position:absolute;right:-40px;bottom:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(232,135,155,.18),transparent 70%);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-medium);margin-bottom:.7rem}.hero-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green)}.hero-card h1{font-size:2.6rem;font-weight:700;margin:0 0 .5rem;color:var(--text-dark);line-height:1.05}.hero-card .sub{font-size:1.05rem;color:var(--text-medium);font-weight:500;margin:0 0 1.5rem;max-width:32ch}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn{font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;border-radius:14px;cursor:pointer;white-space:nowrap;padding:.85rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:3px solid var(--text-dark);transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.btn:disabled{cursor:default}.btn-green{background:var(--accent-green);color:#1f3d20;box-shadow:var(--hard)}.btn-green:hover{transform:translate(-2px,-2px);box-shadow:var(--hard-lg)}.btn-pink{background:var(--accent-pink);color:#fff;box-shadow:var(--hard)}.btn-pink:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--hard-lg)}.btn-pink:disabled{opacity:.6}.btn-ghost{background:var(--bg-white);color:var(--text-dark);box-shadow:var(--hard)}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:var(--hard-lg)}.btn-dark{background:var(--text-dark);color:var(--bg-white);box-shadow:var(--hard);border-color:var(--text-dark)}.btn-dark:hover{transform:translate(-2px,-2px);box-shadow:var(--hard-lg);background:var(--accent-pink);color:#fff}.btn-sell{background:var(--bg-white);color:var(--accent-orange);border-color:var(--accent-orange);box-shadow:4px 4px 0 var(--accent-orange)}.btn-sell:hover:not(:disabled){background:var(--accent-orange);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text-dark)}.btn-sell.listed{background:var(--accent-green);color:#fff;border-color:var(--text-dark);box-shadow:var(--hard);cursor:default}.hero-stats{background:var(--bg-white);border:3px solid var(--text-dark);border-radius:22px;box-shadow:var(--hard);padding:1.1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat{display:flex;flex-direction:column;justify-content:center;gap:.85rem;padding:1.15rem 1.2rem;border-radius:16px;border:2.5px solid var(--text-dark);background:var(--bg-cream)}.stat-row{display:flex;align-items:center;gap:.9rem}.stat-main{min-width:0}.stat .stat-ic{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;border:2.5px solid var(--text-dark);box-shadow:var(--hard-sm)}.stat.s-cats .stat-ic{background:var(--accent-pink);color:#fff}.stat.s-xp .stat-ic{background:var(--accent-orange);color:#fff}.stat.s-gen .stat-ic{background:var(--accent-yellow);color:var(--text-dark)}.stat.s-lvl .stat-ic{background:var(--accent-blue);color:#fff}.stat .stat-num{font-size:1.85rem;font-weight:700;line-height:1;color:var(--text-dark)}.stat .stat-lbl{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-medium);margin-top:.3rem}.stat-foot{font-size:.78rem;font-weight:600;color:var(--text-medium);padding-top:.7rem;border-top:2px dashed rgba(139,115,85,.28);display:flex;align-items:center;gap:.4rem}.stat .stat-foot:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-medium)}.stat.s-cats .stat-foot:before{background:var(--accent-pink)}.stat.s-xp .stat-foot:before{background:var(--accent-orange)}.stat.s-gen .stat-foot:before{background:var(--accent-yellow)}.stat.s-lvl .stat-foot:before{background:var(--accent-blue)}.section{margin-bottom:2.5rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.section-head h2{font-size:1.7rem;font-weight:700;margin:0;color:var(--text-dark);display:flex;align-items:center;gap:.7rem;white-space:nowrap}.section-head h2 svg{flex-shrink:0;color:var(--accent-pink)}.section-badge{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-orange));color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.82rem;font-weight:700;white-space:nowrap;border:2px solid var(--text-dark);box-shadow:var(--hard-sm)}.sort-tabs{display:flex;gap:.3rem;padding:.35rem;background:var(--bg-white);border:3px solid var(--text-dark);border-radius:16px;box-shadow:var(--hard-sm)}.sort-tab{padding:.5rem 1.1rem;border:none;background:transparent;color:var(--text-medium);font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;border-radius:11px;cursor:pointer;transition:all .2s ease}.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)}.featured{background:var(--bg-white);border:3px solid var(--text-dark);border-radius:24px;box-shadow:var(--hard-lg);overflow:hidden;display:grid;grid-template-columns:42% 58%}.featured-img{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;overflow:hidden;background:var(--bg-warm);cursor:pointer}.featured-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2;transition:transform .4s ease}.featured:hover .featured-img img{transform:scale(1.04)}.badge-genesis{position:absolute;top:16px;right:16px;z-index:3;background:var(--accent-yellow);color:var(--text-dark);padding:.4rem .85rem;border-radius:9px;font-weight:700;font-size:.78rem;letter-spacing:.05em;border:2.5px solid var(--text-dark);box-shadow:var(--hard-sm)}.ribbon-best{position:absolute;bottom:16px;left:16px;z-index:3;background:var(--bg-white);color:var(--accent-pink);padding:.45rem .9rem;border-radius:9px;font-weight:700;font-size:.8rem;letter-spacing:.04em;border:2.5px solid var(--text-dark);box-shadow:var(--hard-sm);display:flex;align-items:center;gap:.35rem;white-space:nowrap}.featured-body{padding:2.2rem 2.4rem;display:flex;flex-direction:column;justify-content:center}.featured-body h3{font-size:2rem;font-weight:700;margin:0 0 1.3rem;color:var(--text-dark)}.featured-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.6rem}.fstat{text-align:center;padding:.9rem .6rem;border-radius:14px;border:2.5px solid var(--text-dark);background:var(--bg-cream)}.fstat.hl{background:linear-gradient(135deg,#f5c44240,#f5a44240)}.fstat.rare{background:#9b59b624}.fstat .l{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-medium);font-weight:600;margin-bottom:.3rem}.fstat .v{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.fstat.rare .v{color:var(--accent-purple)}.progress-wrap{margin-bottom:1.6rem}.progress-top{display:flex;justify-content:space-between;gap:.5rem;white-space:nowrap;font-size:.85rem;color:var(--text-medium);font-weight:600;margin-bottom:.5rem}.progress-track{height:14px;background:var(--bg-cream);border:2.5px solid var(--text-dark);border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-yellow),var(--accent-orange));border-radius:4px}.featured-actions{display:flex;gap:.9rem}.featured-actions .btn{flex:1}.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.6rem}.cat-card{background:var(--bg-white);border:3px solid var(--text-dark);border-radius:18px;box-shadow:var(--hard);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.cat-card:hover{transform:translate(-3px,-3px);box-shadow:var(--hard-lg)}.cat-card-img{position:relative;height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:3px solid var(--text-dark);background:var(--bg-warm);cursor:pointer}.cat-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease}.cat-card:hover .cat-card-img img{transform:scale(1.05)}.cat-card-img .badge-genesis{top:12px;right:12px;font-size:.66rem;padding:.28rem .6rem}.badge-listed{position:absolute;top:12px;left:12px;z-index:3;background:var(--accent-green);color:#fff;padding:.28rem .7rem;border-radius:8px;font-size:.66rem;font-weight:700;letter-spacing:.05em;border:2px solid var(--text-dark);box-shadow:var(--hard-sm)}.cat-card-body{padding:1.1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.85rem}.cat-card-body h3{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.mini-stat{text-align:center;padding:.5rem .3rem;border-radius:11px;border:2px solid var(--text-dark);background:var(--bg-cream)}.mini-stat.xp{border-color:var(--accent-orange);background:#f5a4421a}.mini-stat.rare{border-color:var(--accent-purple);background:#9b59b61a}.mini-stat .l{display:block;font-size:.56rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-medium);font-weight:600;margin-bottom:.15rem}.mini-stat .v{font-size:1.05rem;font-weight:700;color:var(--text-dark)}.mini-stat.xp .v{color:var(--accent-orange)}.mini-stat.rare .v{color:var(--accent-purple)}.mini-bar{height:7px;background:var(--bg-cream);border:2px solid var(--text-dark);border-radius:5px;overflow:hidden}.mini-bar .fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-yellow))}.card-actions{display:flex;gap:.5rem}.mini-btn{flex:1;padding:.55rem .4rem;border-radius:12px;font-family:Fredoka,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;border:2px solid var(--text-dark);display:flex;align-items:center;justify-content:center;gap:.3rem;transition:transform .15s ease,background .2s ease;background:var(--bg-white);color:var(--text-dark)}.mini-btn:hover{transform:translateY(-2px)}.mini-btn.view:hover{background:var(--text-dark);color:var(--bg-white)}.mini-btn.sell{color:var(--accent-orange);border-color:var(--accent-orange)}.mini-btn.sell:hover:not(:disabled){background:var(--accent-orange);color:#fff}.mini-btn.sell.listed{background:var(--accent-green);color:#fff;border-color:var(--text-dark);cursor:default}.mini-btn.sell.listed:hover{transform:none}.mini-btn.refer{color:#c97a10;border-color:var(--accent-orange);background:#f5a4421a}.mini-btn.refer:hover{background:var(--accent-orange);color:#fff}:root.dark .mini-btn.refer{color:var(--accent-orange)}.cat-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-light)}.genesis-tag{display:inline-block;margin-top:.4rem;width:-moz-fit-content;width:fit-content;background:var(--accent-yellow);color:var(--text-dark);font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:.15rem .45rem;border-radius:5px;border:1.5px solid var(--text-dark)}.overlay{position:fixed;inset:0;z-index:1000;background:#281e148c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:prof-fade .2s ease}@keyframes prof-fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-white);border:3px solid var(--text-dark);border-radius:22px;box-shadow:var(--hard-lg);width:100%;max-width:420px;padding:1.6rem;position:relative;animation:prof-pop .25s ease}@keyframes prof-pop{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.modal h2{font-size:1.4rem;margin:0 0 1.2rem;color:var(--text-dark)}.modal-sub{font-size:.9rem;color:var(--text-medium);line-height:1.5;margin:0 0 1rem}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:2px solid var(--text-dark);background:var(--bg-cream);color:var(--text-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--accent-pink);color:#fff}.modal-preview{display:flex;gap:1rem;padding:1rem;background:var(--bg-warm);border:2.5px solid var(--text-dark);border-radius:16px;margin-bottom:1.2rem}.modal-preview .pic{width:84px;height:84px;flex-shrink:0;border-radius:12px;border:2.5px solid var(--text-dark);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-cream);color:var(--text-light)}.modal-preview .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-preview h3{margin:0 0 .2rem;font-size:1.2rem;color:var(--text-dark)}.modal-preview p{margin:0;font-size:.88rem;color:var(--text-medium)}.price-field{margin-bottom:1.2rem}.price-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.price-field input{width:100%;padding:.85rem 1rem;background:var(--bg-cream);border:2.5px solid var(--text-dark);border-radius:12px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-dark);outline:none}.price-field input:focus{border-color:var(--accent-orange)}.modal-actions{display:flex;gap:.75rem}.modal-note{margin-top:1rem;font-size:.82rem;color:var(--text-medium);text-align:center;padding:.8rem;background:#6ba3d61f;border-radius:12px;line-height:1.5}.approval-benefits{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.3rem}.benefit{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;color:var(--text-dark);background:var(--bg-cream);border:2px solid var(--text-dark);border-radius:12px;padding:.6rem .85rem}.benefit svg{color:var(--accent-green);flex-shrink:0}.empty{text-align:center;padding:4rem 2rem;max-width:520px;margin:2rem auto;background:var(--bg-white);border:3px solid var(--text-dark);border-radius:20px;box-shadow:var(--hard)}.empty-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:20px;background:var(--bg-warm);border:2.5px solid var(--text-dark);color:var(--text-medium);margin:0 auto 1.25rem}.empty h2{font-size:1.6rem;font-weight:700;margin:0 0 .5rem;color:var(--text-dark)}.empty p{font-size:1rem;color:var(--text-medium);margin:0}.empty .btn{margin-top:1.25rem}.skeleton{background:linear-gradient(110deg,var(--bg-warm) 8%,rgba(139,115,85,.12) 18%,var(--bg-warm) 33%);background-size:300% 100%;animation:prof-shimmer 1.8s ease-in-out infinite;border-radius:8px}.skeleton-card{height:360px;border-radius:18px}@keyframes prof-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 980px){.hero,.featured{grid-template-columns:1fr}.featured-img{min-height:300px}}@media (max-width: 720px){.page{padding:1.2rem 1rem 4rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-card h1{font-size:2.1rem}.hero-card{padding:1.5rem 1.6rem}.featured-body{padding:1.6rem 1.5rem}.modal-actions{flex-direction:column}}@media (max-width: 460px){.hero-stats{grid-template-columns:1fr}}: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:0;background:var(--details-bg);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:sticky;top:0;left:0;right:0;width:100%;z-index:20;box-sizing:border-box}.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 1fr;flex:1;min-height:0;overflow:hidden;position:relative;z-index:1;margin:.9rem 1rem 1rem;background:var(--details-surface);border:3px solid var(--details-border);border-radius:16px;box-shadow:5px 5px 0 var(--details-border)}.character-showcase{display:flex;flex-direction:column;justify-content:flex-start;padding:.8rem;padding-bottom:8px;gap:.8rem;overflow-y:auto;background:var(--details-surface-light);border-right:3px solid var(--details-border)}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.8rem;width:100%}.grid-cell{display:flex;flex-direction:column}.cat-cell .character-frame,.stats-cell .attributes-stacked,.xp-cell .xp-rarity-card,.claim-cell .farming-card,.redemption-cell .redemption-card,.play-cell .play-btn-grid{flex:1;height:100%}.xp-rarity-card{display:flex;gap:.8rem;background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem;box-shadow:4px 4px 0 var(--details-border);box-sizing:border-box;align-items:stretch}.xp-rarity-card .xp-under-cat{flex:7;background:var(--details-surface-light);border-radius:8px;padding:.6rem;border:2px solid var(--details-border-light)}.xp-rarity-card .rarity-score-box{flex:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.6rem;min-width:100px}.xp-rarity-card .rarity-score-box .rarity-label{white-space:nowrap;font-size:.7rem}.farming-card{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;box-sizing:border-box}.redemption-card{background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem;box-shadow:4px 4px 0 var(--details-border);box-sizing:border-box}.redemption-card.empty{display:flex;align-items:center;justify-content:center;color:var(--details-text-muted)}.play-btn-grid{width:100%;padding:.8rem 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:3px solid var(--details-border);border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:4px 4px 0 var(--details-border);transition:all .2s;font-family:inherit}.play-btn-grid:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--details-border);background:linear-gradient(135deg,#22c55e,#16a34a)}.play-btn-grid:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--details-border)}.actions-cell{display:flex;flex-direction:column;gap:.5rem}.actions-row{display:flex;gap:.5rem;width:100%}.actions-row>.play-btn-grid,.actions-row>.tama-btn-grid{flex:1 1 0;min-width:0}.actions-cell .play-btn-grid{flex:1}@media (max-width: 520px){.actions-row{flex-direction:column}}.tama-btn-grid{width:100%;padding:.8rem 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c084fc,#a855f7);color:#fff;border:3px solid var(--details-border);border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:4px 4px 0 var(--details-border);transition:all .2s;font-family:inherit;flex:1}.tama-btn-grid:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--details-border);background:linear-gradient(135deg,#a855f7,#9333ea)}.tama-btn-grid:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--details-border)}.save-btn-grid{width:100%;padding:.8rem 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0a0b0,#e07b91);color:#fff;border:3px solid var(--details-border);border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:4px 4px 0 var(--details-border);transition:all .2s;font-family:inherit;flex:1}.save-btn-grid:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--details-border);background:linear-gradient(135deg,#e07b91,#c9677a)}.save-btn-grid:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--details-border)}.save-btn-grid:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-btn-grid.saving{background:linear-gradient(135deg,#aaa,#888)}.save-btn-grid.success{background:linear-gradient(135deg,#4ade80,#22c55e)}.not-owner-placeholder{background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:1rem;box-shadow:4px 4px 0 var(--details-border);display:flex;align-items:center;justify-content:center;color:var(--details-text-muted);flex:1}@media (max-width: 768px){.showcase-grid{grid-template-columns:1fr}.character-showcase{border-right:none;border-bottom:3px solid var(--details-border);padding:.5rem}}.cat-cell{perspective:1000px}.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%;cursor:pointer;transition:transform .2s ease}.character-frame:hover{box-shadow:6px 6px 0 var(--details-border);transform:translate(-2px,-2px)}.char-flip-wrapper{position:relative;width:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.char-flip-wrapper.flipped{transform:rotateY(180deg)}.char-front,.char-back{width:100%;backface-visibility:hidden;border-radius:16px}.char-front{position:relative;z-index:2;background:var(--details-surface-light)}.char-back{position:absolute;inset:0;background:var(--details-surface-light);transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;padding:1rem;overflow-y:auto;border:2px dashed var(--details-border-light);border-radius:16px}.char-back h3{margin:0 0 .8rem;font-size:1.1rem;color:var(--details-text);border-bottom:2px solid var(--details-accent);padding-bottom:.25rem;flex-shrink:0}.equipped-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%;flex:1;align-content:start}.equipped-slot-card{background:var(--details-surface);border:2px solid var(--details-border-light);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.slot-icon-wrapper{background:var(--details-accent-glow);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.slot-icon-small{width:14px;height:14px}.equipped-image-preview img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;margin:.25rem 0}.equipped-name{font-size:.7rem;color:var(--details-text);font-weight:600;line-height:1.1}.empty-equip-message{grid-column:1 / -1;text-align:center;color:var(--details-text-muted);margin-top:2rem}.flip-hint-icon{position:absolute;top:10px;right:10px;font-size:1.2rem;opacity:.5;transition:opacity .2s;background:#ffffff80;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.character-frame:hover .flip-hint-icon{opacity:1}.flip-back-hint{margin-top:auto;font-size:.75rem;color:var(--details-text-muted);font-style:italic;padding-top:.5rem;flex-shrink:0;border-top:1px dashed var(--details-border-light);width:100%;text-align:center;padding:.5rem 0 0}.character-canvas{width:100%;height:auto;border-radius:16px;background:var(--details-surface-light);display:block}.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;width:100%;max-width:480px;background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem;box-shadow:4px 4px 0 var(--details-border);box-sizing:border-box}.xp-rarity-row .xp-under-cat{flex:1;margin-top:0;padding:0;background:transparent;border-radius:0;border:none}.rarity-score-box{flex:0 0 auto;min-width:100px;background:transparent;border:none;border-left:2px solid var(--details-border-light);border-radius:0;padding:0 0 0 .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:.6rem;width:100%;box-sizing:border-box}.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;width:100%;box-sizing:border-box}.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}.cat-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;width:100%}.action-block{background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem;box-shadow:4px 4px 0 var(--details-border);display:flex;flex-direction:column;min-height:100px}.redemption-block{grid-column:1 / span 1}.block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.block-title{font-weight:700;font-size:.9rem;color:var(--details-text-muted)}.status-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:600}.status-badge.loading{background:#e0e0e0;color:#555}.status-badge.redeemed{background:#dcfce7;color:#166534}.block-content{flex:1;display:flex;flex-direction:column;justify-content:center}.redemption-active{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.reward-display{display:flex;flex-direction:column}.reward-amount{font-size:1.4rem;font-weight:800;color:var(--details-accent);line-height:1}.reward-unit{font-size:.7rem;font-weight:600;color:var(--details-text-muted)}.action-btn-primary{background:var(--details-accent);color:#fff;border:2px solid var(--details-border);border-radius:8px;padding:.4rem .8rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--details-border);transition:all .2s;font-size:.9rem}.action-btn-primary:active{transform:translate(2px,2px);box-shadow:none}.redemption-done,.redemption-locked-simple{text-align:center;font-size:.9rem;color:var(--details-text-muted);background:#00000008;border-radius:6px;padding:.5rem}.play-block{grid-column:2 / span 1;padding:0;border:none;background:transparent;box-shadow:none}.play-big-btn{width:100%;height:100%;min-height:100px;background:linear-gradient(135deg,#4ade80,#22c55e);border:3px solid var(--details-border);border-radius:12px;box-shadow:4px 4px 0 var(--details-border);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.play-big-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--details-border)}.play-big-btn .btn-icon{font-size:2rem;margin-bottom:.2rem}.play-big-btn .btn-text{font-size:1.1rem;font-weight:800;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.redemption-block-full{background:var(--details-surface);border:3px solid var(--details-border);border-radius:12px;padding:.8rem;box-shadow:4px 4px 0 var(--details-border);margin-top:.8rem;width:100%;max-width:480px;box-sizing:border-box}.play-sidebar-block{margin-top:1rem;width:100%}.play-sidebar-btn{width:100%;padding:.8rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:3px solid var(--details-border);border-radius:10px;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:3px 3px 0 var(--details-border);transition:all .2s;font-family:inherit}.play-sidebar-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--details-border);background:linear-gradient(135deg,#22c55e,#16a34a)}.play-sidebar-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--details-border)}.btn-icon-small{font-size:1.2rem}.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}.play-actions-row{display:flex;justify-content:center;margin-top:.5rem;width:100%}.play-btn-wide{width:100%;max-width:300px;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,#2ecc71,#27ae60);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);display:flex;align-items:center;justify-content:center;gap:.5rem}.play-btn-wide:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--details-border);background:linear-gradient(135deg,#27ae60,#229954)}.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{height:auto;min-height:100vh;overflow:visible}.details-main{display:flex;flex-direction:column;flex:none;overflow:visible;margin:.9rem}.character-showcase{padding:1rem;gap:1rem;overflow:visible;border-right:none;border-bottom:3px solid var(--details-border)}.showcase-grid{grid-template-columns:1fr 1fr}.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);overflow:visible;min-height:50vh}.items-container{flex:none;overflow-y:visible}.category-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;min-width:96px;scroll-snap-align:start}.mobile-tabs{display:none}}@media (max-width: 768px){.details-header{padding:.8rem 1rem;flex-wrap:wrap;gap:.6rem .5rem}.back-text{display:none}.back-btn{padding:.6rem .7rem;order:1}.header-spacer{order:2;width:auto;min-width:0;margin-left:auto}.cat-title{order:3;flex-basis:100%;margin-top:.2rem}.cat-title h1{font-size:1.2rem}.showcase-grid{grid-template-columns:1fr}.details-main{margin:.6rem}.character-showcase{padding:.8rem;gap:.7rem}.character-frame{max-width:340px;width:100%;margin:0 auto;padding:.75rem}.xp-progress-section,.attributes-panel{max-width:340px;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:1rem}.items-grid{grid-template-columns:repeat(auto-fit,minmax(100px,150px));gap:.8rem}.category-tab{min-width:84px;padding:.8rem .4rem}.tab-label{font-size:.72rem}}@media (max-width: 480px){.character-frame,.xp-progress-section,.attributes-panel{max-width:300px}.items-grid{grid-template-columns:repeat(auto-fit,minmax(90px,140px))}.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}.icon-btn.cancel-btn{background:#e8879b;border:2px solid #5d4e37}.icon-btn.cancel-btn svg{color:#fff;stroke:#fff;stroke-width:2.5}.icon-btn.cancel-btn:hover{background:#ef4444}.skeleton{background-color:var(--details-surface);position:relative;overflow:hidden;border-radius:12px;border:2px solid var(--details-border-light)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0 0,#fff6,#fff0);animation:skeleton-shimmer 1.5s infinite}:root.dark .skeleton:after{background:linear-gradient(90deg,#fff0 0,#ffffff14,#fff0)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-btn{border-radius:25px}.skeleton-title{background:var(--details-surface-light);border:none}.skeleton-canvas{border:3px solid var(--details-border)}.customization-panel-skeleton{padding:1rem;background:var(--details-surface);overflow-y:auto}.details-content{display:grid;grid-template-columns:1fr 1.2fr;flex:1;min-height:0;overflow:hidden;position:relative;z-index:1;margin:.9rem 1rem 1rem;background:var(--details-surface);border:3px solid var(--details-border);border-radius:16px;box-shadow:5px 5px 0 var(--details-border)}.cat-canvas-section{display:flex;flex-direction:column;padding:1rem;background:var(--details-surface-light);border-right:3px solid var(--details-border)}.canvas-container{width:100%;max-width:400px;margin:0 auto}@media (max-width: 1024px){.details-content{grid-template-columns:1fr}.cat-canvas-section{border-right:none;border-bottom:3px solid var(--details-border)}.customization-panel-skeleton{padding:.75rem}}.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);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:.75rem;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:10}.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}.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)}@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}}@media (max-width: 768px){.store-container{padding:80px 1rem 2rem}.store-header h1{font-size:2rem}.store-tabs{flex-direction:column;gap:.5rem}.store-tab{width:100%;text-align:center}.items-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.item-card{padding:1rem}.item-image-container{height:100px}}@media (max-width: 480px){.store-header{padding:1.5rem 1rem}.store-header h1{font-size:1.75rem}.items-grid{grid-template-columns:1fr}.category-filters{gap:.5rem;padding:.5rem}.filter-pill{flex:1;min-width:calc(33.33% - .5rem)}}.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);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);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-main-tabs{display:flex;justify-content:center;gap:1rem;padding:0 2rem;margin-bottom:1.5rem;position:relative;z-index:10}.main-tab-btn{padding:1rem 2.5rem;border:3px solid var(--text-dark);border-radius:16px;background:var(--card-white);color:var(--text-dark);font-family:Fredoka,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 0 var(--text-dark);position:relative;overflow:hidden;z-index:2}.main-tab-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--text-dark)}.main-tab-btn.active{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-yellow) 100%);color:var(--text-dark);transform:translateY(-2px);box-shadow:6px 6px 0 var(--text-dark)}.main-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--text-dark)}.items-tab-content.embedded-store{position:relative;z-index:1}.items-tab-content.embedded-store .store-container{background:transparent;padding-top:0}.items-tab-content.embedded-store .store-header{display:none}.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;margin-bottom:2rem;background:var(--card-white);border-radius:16px;padding:.5rem;border:3px solid var(--text-dark);box-shadow:4px 4px 0 var(--text-dark);max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.tab-btn{flex:1;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-medium);cursor:pointer;font-weight:600;font-size:.9rem;border-radius:10px;transition:all .2s ease;position:relative;font-family:Fredoka,sans-serif}.tab-btn:hover{color:var(--text-dark);background:var(--bg-warm)}.tab-btn.active{background:#e8879b;color:#fff;border:2px solid var(--text-dark);box-shadow:2px 2px 0 var(--text-dark);transform:translateY(-2px)}.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-container{padding:5rem 1rem 1rem}.marketplace-hero h1{font-size:2rem}.marketplace-main-tabs{padding:0 1rem;gap:.75rem;flex-wrap:wrap}.main-tab-btn{padding:.85rem 1.5rem;font-size:1rem;flex:1;min-width:120px;text-align:center;box-shadow:3px 3px 0 var(--text-dark)}.marketplace-filters{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:0 .5rem;align-items:start}.search-box{grid-column:1 / -1;width:100%;max-width:none}.filter-group{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:.35rem;align-items:center}.filter-group label{width:100%;font-size:.85rem;margin-left:.25rem;margin-bottom:0}.filter-group select{flex:1;width:auto;min-width:0}.refresh-btn{grid-column:1 / -1;margin-top:.25rem;width:100%}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.marketplace-tabs{flex-direction:column;width:100%;gap:.75rem;max-width:100%;padding:.5rem}.tab-btn{width:100%;padding:.9rem;font-size:1rem;text-align:center;justify-content: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}.marketplace-main-tabs{gap:.5rem;padding:0}.main-tab-btn{padding:.75rem;font-size:.9rem}}.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:.5rem;font-weight:700}.search-subtitle{color:var(--search-text-secondary);font-size:.95rem;margin:0 0 1.5rem}.search-bar-wrapper{max-width:600px;margin:0 auto;position:relative;display:flex;align-items:center}.search-bar-icon{position:absolute;left:1.1rem;color:var(--search-text-muted);pointer-events:none}.search-input{width:100%;padding:1rem 1.5rem 1rem 3rem;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)}.search-results-meta{display:flex;align-items:center;gap:.4rem;margin-top:2rem;color:var(--search-text-secondary);font-size:.9rem;font-weight:600;position:relative;z-index:1}.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}.player-trade-hint{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.85rem;padding-top:.7rem;border-top:2px dashed var(--search-card-inner);color:var(--search-accent-pink);font-size:.78rem;font-weight:700}.search-results-meta+.players-grid{margin-top:1rem}.search-state-card{max-width:460px;margin:3rem auto 0;text-align:center;background:var(--search-card);border:3px solid var(--search-border);border-radius:20px;padding:2.75rem 2rem;box-shadow:5px 5px 0 var(--search-border);position:relative;z-index:1}.search-state-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:18px;background:var(--search-card-inner);border:2px solid var(--search-border);color:var(--search-text-secondary);margin:0 auto 1.1rem}.search-state-card h3{font-size:1.3rem;font-weight:700;color:var(--search-text);margin:0 0 .5rem}.search-state-card p{color:var(--search-text-secondary);font-size:.92rem;line-height:1.5;margin:0}.skeleton-card{cursor:default;pointer-events:none}.skeleton-card:hover{transform:none;box-shadow:3px 3px 0 var(--search-border)}.search-skel{background:linear-gradient(110deg,var(--search-card-inner) 8%,rgba(139,115,85,.12) 18%,var(--search-card-inner) 33%);background-size:300% 100%;animation:search-skel-shimmer 1.6s ease-in-out infinite;border-radius:8px}.search-skel-avatar{width:4rem;height:4rem;border-radius:50%;margin:0 auto 1rem}.search-skel-line{height:14px;margin:.5rem auto 0}@keyframes search-skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.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:90%;max-width:650px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:5px 5px 0 var(--search-border);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--search-text-muted);border-radius:50%;color:var(--search-text-muted);font-size:1.25rem;line-height:1;padding-bottom:2px;cursor:pointer;flex-shrink:0;margin-left:auto;transition:all .2s ease}.close-btn:hover{border-color:var(--search-accent-pink);color:var(--search-accent-pink);background:#e8879b1a;transform:rotate(90deg)}.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%}}:root{--bg-cream: #FDF5E6;--text-dark: #5D4E37}.playground-container{max-width:100%;margin:0;padding:80px 2rem 2rem;height:100vh;box-sizing:border-box;overflow:hidden;background:var(--bg-cream);position:relative;font-family:Fredoka,sans-serif;display:flex;flex-direction:column;align-items:center}.playground-container:before{content:"";position:absolute;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}.playground-container.dark{color:#f5f5f5;background:#1e1a1a}.playground-header{text-align:center;margin-bottom:.5rem;flex-shrink:0;position:relative;z-index:2}.playground-header-row{width:100%;display:flex;justify-content:flex-start;padding:0 1rem;margin-bottom:.5rem;max-width:1200px}.back-button{background:#ff9800;color:#fff;border:3px solid #5D4E37;box-shadow:4px 4px #5d4e37;padding:8px 16px;font-family:Fredoka,sans-serif;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:1rem}.back-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #5d4e37}.back-button:active{transform:translate(2px,2px);box-shadow:2px 2px #5d4e37}.playground-header h1{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.25rem;color:var(--text-dark)}.playground-header p{font-size:1rem;color:#8b7355;font-weight:500;margin:0}.playground-container.dark .playground-header h1{color:#f5ebe0}.playground-container.dark .playground-header p{color:#d5c4b4}.playground-content{display:flex;justify-content:center;align-items:center;flex:1;width:100%;overflow:hidden;position:relative;z-index:1}.game-wrapper{background:#fff;border-radius:20px;padding:1rem;box-shadow:8px 8px #5d4e37;border:4px solid #5D4E37;position:relative;overflow:hidden;margin-bottom:0;display:flex;justify-content:center;align-items:center;max-height:100%;max-width:100%}.playground-container.dark .game-wrapper{background:#2a2424;border-color:#f5ebe0;box-shadow:8px 8px #00000080}.playground-container.dark .game-canvas{border-color:#f5ebe0;background:#1e1a1a}.game-wrapper:before{display:none}.game-canvas{display:block;border-radius:12px;image-rendering:pixelated;image-rendering:crisp-edges;background:#88c070;border:3px solid #5D4E37;box-shadow:inset 0 0 20px #0000001a}.loading-screen{width:960px;height:576px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fdf5e6;border-radius:12px;color:#5d4e37}.loading-spinner{width:50px;height:50px;border:5px solid #FCEBD5;border-top-color:#e8879b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.controls-panel,.playground-info{display:none}@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-card{position:fixed;z-index:9999;background:#352e2e;border:3px solid #5D4E37;border-radius:16px;padding:1rem;display:flex;gap:1rem;min-width:420px;max-width:500px;box-shadow:6px 6px #0006;pointer-events:auto;animation:tooltipCardFadeIn .2s ease-out;font-family:Fredoka,sans-serif}@keyframes tooltipCardFadeIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-card-left{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tooltip-cat-image{width:140px;height:140px;border-radius:12px;overflow:hidden;background:#5bc0eb;border:3px solid #5D4E37;display:flex;align-items:center;justify-content:center}.tooltip-cat-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tooltip-cat-placeholder{font-size:4rem}.tooltip-breed-badge{background:#fbbf24;color:#1a1a1a;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.tooltip-breed-badge.genesis{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.tooltip-card-right{flex:1;display:flex;flex-direction:column;gap:.6rem}.tooltip-cat-name{font-size:1.4rem;font-weight:700;color:#f5ebe0;margin:0}.tooltip-stats-row{display:flex;gap:.5rem}.tooltip-stat-badge{flex:1;padding:.5rem .6rem;border-radius:8px;border:2px solid;display:flex;flex-direction:column;align-items:center;gap:.2rem}.tooltip-stat-badge .badge-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.tooltip-stat-badge .badge-value{font-size:1rem;font-weight:700}.tooltip-stat-badge.level{background:#2a2424;border-color:#5d4e37;color:#f5ebe0}.tooltip-stat-badge.xp{background:#ff980033;border-color:#ff9800;color:#ff9800}.tooltip-stat-badge.rarity{background:#9c27b033;border-color:#9c27b0;color:#ce93d8}.tooltip-breed-row{display:flex}.tooltip-stat-badge.breed{flex:0 0 auto;padding:.4rem 1rem;background:#2a2424;border-color:#5d4e37;color:#f5ebe0}.tooltip-progress{margin-top:.25rem}.tooltip-progress .progress-header{display:flex;justify-content:space-between;font-size:.75rem;color:#d5c4b4;margin-bottom:.3rem}.tooltip-progress .progress-bar-track{height:8px;background:#2a2424;border-radius:4px;overflow:hidden;border:1px solid #5D4E37}.tooltip-progress .progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff9800,#ffc107);border-radius:3px;transition:width .3s ease}.tooltip-view-btn{margin-top:.5rem;padding:.6rem 1.5rem;background:#f5ebe0;color:#352e2e;border:2px solid #5D4E37;border-radius:20px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.tooltip-view-btn:hover{background:#ff9800;color:#fff;border-color:#ff9800;transform:translate(4px)}.cat-tooltip-card.light{background:#fdf5e6;box-shadow:6px 6px #5d4e37}.cat-tooltip-card.light .tooltip-cat-name{color:#5d4e37}.cat-tooltip-card.light .tooltip-stat-badge.level{background:#fcebd5;color:#5d4e37}.cat-tooltip-card.light .tooltip-stat-badge.xp{background:#ff980026}.cat-tooltip-card.light .tooltip-stat-badge.rarity{background:#9c27b026}.cat-restaurant-container{max-width:100%;margin:0;padding:80px 2rem 2rem;height:100vh;box-sizing:border-box;overflow:hidden;background:var(--bg-cream);position:relative;font-family:Fredoka,sans-serif;display:flex;flex-direction:column}.cat-restaurant-container:before{content:"";position:absolute;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}.cat-restaurant-container.dark{color:#f5f5f5;background:#1e1a1a}.cat-restaurant-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.cat-restaurant-content{display:flex;justify-content:center;align-items:center;gap:2rem;flex:1;width:100%;overflow:hidden;position:relative;z-index:1}.cat-info-panel.restaurant-panel{background:#fffc;backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;min-width:260px;max-width:300px;border:3px solid #5D4E37;box-shadow:6px 6px #5d4e3733}.cat-restaurant-container.dark .cat-info-panel.restaurant-panel{background:#2d2319cc;border-color:#f5ebe0}.cat-info-panel.restaurant-panel h3{font-family:Fredoka,sans-serif;font-size:1.5rem;margin-bottom:1rem;color:#e17055;text-align:center}.cat-info-panel.restaurant-panel .cat-details-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.cat-info-panel.restaurant-panel .cat-details-image{width:120px;height:120px;border-radius:12px;overflow:hidden;background:#5bc0eb;border:3px solid #5D4E37;display:flex;align-items:center;justify-content:center}.cat-info-panel.restaurant-panel .cat-details-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cat-info-panel.restaurant-panel .cat-details-placeholder{font-size:3.5rem}.cat-info-panel.restaurant-panel .cat-details-name{font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:700;color:#e17055;margin:0;text-align:center}.cat-info-panel.restaurant-panel .cat-details-stats{display:flex;gap:.5rem;width:100%}.cat-info-panel.restaurant-panel .cat-stat-badge{flex:1;padding:.4rem .5rem;border-radius:8px;border:2px solid;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.cat-info-panel.restaurant-panel .cat-stat-badge .stat-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.cat-info-panel.restaurant-panel .cat-stat-badge .stat-value{font-size:.9rem;font-weight:700}.cat-info-panel.restaurant-panel .cat-stat-badge.level{background:#5d4e3733;border-color:#5d4e37;color:#5d4e37}.cat-info-panel.restaurant-panel .cat-stat-badge.xp{background:#ff980033;border-color:#ff9800;color:#ff9800}.cat-info-panel.restaurant-panel .cat-stat-badge.rarity{background:#9c27b033;border-color:#9c27b0;color:#ce93d8}.cat-info-panel.restaurant-panel .session-xp-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#4caf5026;border:2px solid rgba(76,175,80,.4);border-radius:10px;margin-bottom:.75rem}.cat-info-panel.restaurant-panel .session-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8;color:#4caf50}.cat-info-panel.restaurant-panel .session-value{font-size:1.1rem;font-weight:700;color:#4caf50}.cat-restaurant-container:not(.dark) .cat-stat-badge.level{background:#5d4e371a;color:#5d4e37}.cat-restaurant-container:not(.dark) .cat-details-name{color:#e17055}.cat-game-wrapper.restaurant-theme{background:#fff;border-radius:20px;padding:1rem;box-shadow:8px 8px #5d4e37;border:4px solid #5D4E37;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;max-height:100%;max-width:100%}.cat-game-wrapper.restaurant-theme:before{display:none}.cat-restaurant-container .loading-screen{width:720px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fdf5e6;border-radius:12px;color:#5d4e37;border:3px solid #5D4E37;box-shadow:inset 0 0 20px #5d4e371a}.cat-restaurant-container .loading-spinner{width:60px;height:60px;border:5px solid #FCEBD5;border-top-color:#e17055;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@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:100%;margin:0;padding:80px 2rem 2rem;height:100vh;box-sizing:border-box;overflow:hidden;background:var(--bg-cream);position:relative;font-family:Fredoka,sans-serif;display:flex;flex-direction:column}.cat-washroom-container:before{content:"";position:absolute;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}.cat-washroom-container.dark{color:#f5f5f5;background:#1e1a1a}.cat-washroom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.cat-washroom-content{display:flex;justify-content:center;align-items:center;gap:2rem;flex:1;width:100%;overflow:hidden;position:relative;z-index:1}.cat-info-panel.washroom-panel{background:#fffc;backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;min-width:260px;max-width:300px;border:3px solid #5D4E37;box-shadow:6px 6px #5d4e3733}.cat-washroom-container.dark .cat-info-panel.washroom-panel{background:#1e1a1acc;border-color:#f5ebe0}.cat-info-panel.washroom-panel h3{font-family:Fredoka,sans-serif;font-size:1.5rem;margin-bottom:1rem;color:#0984e3;text-align:center}.cat-game-wrapper.washroom-theme{background:#fff;border-radius:20px;padding:1rem;box-shadow:8px 8px #5d4e37;border:4px solid #5D4E37;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;max-height:100%;max-width:100%}.cat-game-wrapper.washroom-theme:before{display:none}.cat-washroom-container .loading-screen{width:720px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fdf5e6;border-radius:12px;color:#5d4e37;border:3px solid #5D4E37;box-shadow:inset 0 0 20px #5d4e371a}.cat-washroom-container .loading-spinner{width:60px;height:60px;border:5px solid #FCEBD5;border-top-color:#0984e3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@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}:root{--customize-bg: #FDF5E6;--customize-surface: #FFFFFF;--customize-surface-light: #FCEBD5;--customize-accent: #E8879B;--customize-accent-glow: rgba(232, 135, 155, .3);--customize-success: #7CC47E;--customize-text: #5D4E37;--customize-text-muted: #8B7355;--customize-border: #5D4E37;--customize-border-light: rgba(93, 78, 55, .3);--customize-radius: 16px;--customize-radius-sm: 10px;--customize-secondary: #F5C842}:root.dark{--customize-bg: #1e1a1a;--customize-surface: #352e2e;--customize-surface-light: #2a2424;--customize-accent: #f2a5b3;--customize-accent-glow: rgba(242, 165, 179, .3);--customize-success: #9cd49c;--customize-text: #f5ebe0;--customize-text-muted: #d5c4b4;--customize-border: #5D4E37;--customize-border-light: rgba(93, 78, 55, .5);--customize-secondary: #f7d070}.customize-wrapper{height:100vh;padding-top:20px;background:var(--customize-bg);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;font-family:Fredoka,sans-serif;transition:background-color .4s ease}.customize-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--customize-surface);border-bottom:3px solid var(--customize-border);position:relative;z-index:10}.customize-header .back-btn{display:flex;align-items:center;gap:.5rem;background:var(--customize-surface-light);border:3px solid var(--customize-border);color:var(--customize-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(--customize-border)}.customize-header .back-btn:hover{background:var(--customize-accent);color:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--customize-border)}.customize-title{text-align:center}.customize-title h1{font-size:1.4rem;font-weight:700;color:var(--customize-text);margin:0 0 .3rem}.customize-meta{display:flex;align-items:center;justify-content:center;gap:.6rem}.selected-count{color:var(--customize-text-muted);font-size:.8rem}.download-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:3px solid var(--customize-border);color:#fff;padding:.6rem 1.2rem;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(--customize-border)}.download-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--customize-border)}.customize-main{display:grid;grid-template-columns:1fr 1.2fr;flex:1;min-height:0;overflow:hidden;position:relative;z-index:1}.customize-wrapper .character-showcase{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;gap:1rem;overflow-y:auto;background:var(--customize-surface-light);border-right:3px solid var(--customize-border)}.customize-wrapper .cat-display-area{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:450px;width:100%}.customize-wrapper .character-frame{position:relative;background:var(--customize-surface);border-radius:20px;padding:1rem;border:3px solid var(--customize-border);box-shadow:4px 4px 0 var(--customize-border);width:100%;max-width:400px}.customize-wrapper .character-canvas{width:100%;height:auto;border-radius:16px;background:var(--customize-surface-light);display:block}.customize-wrapper .character-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner.small{width:30px;height:30px;border:3px solid var(--customize-border-light);border-top-color:var(--customize-accent);border-radius:50%;animation:spin 1s linear infinite}.reset-btn{background:var(--customize-surface);border:2px solid var(--customize-border-light);color:var(--customize-text);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:500;font-family:Fredoka,sans-serif;transition:all .2s ease}.reset-btn:hover{background:var(--customize-accent);color:#fff;border-color:var(--customize-border)}.customize-wrapper .accessory-panel{display:flex;flex-direction:column;background:var(--customize-surface);overflow:hidden}.customize-wrapper .category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--customize-surface-light);border-bottom:2px solid var(--customize-border-light)}.customize-wrapper .category-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;background:var(--customize-surface);border:2px solid var(--customize-border-light);border-radius:20px;cursor:pointer;font-family:Fredoka,sans-serif;font-weight:500;color:var(--customize-text);transition:all .2s ease}.customize-wrapper .category-tab:hover{border-color:var(--customize-accent);transform:translateY(-2px)}.customize-wrapper .category-tab.active{background:var(--customize-accent);color:#fff;border-color:var(--customize-border);box-shadow:2px 2px 0 var(--customize-border)}.customize-wrapper .category-tab.has-selected{border-color:var(--customize-success)}.customize-wrapper .category-tab.has-selected:after{content:"✓";font-size:.7rem;margin-left:.2rem;color:var(--customize-success)}.customize-wrapper .category-tab.active.has-selected:after{color:#fff}.tab-emoji{font-size:1.1rem}.customize-wrapper .tab-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.customize-wrapper .tab-label{font-size:.8rem}.customize-wrapper .tab-count{background:var(--customize-surface-light);color:var(--customize-text-muted);padding:.1rem .4rem;border-radius:10px;font-size:.7rem;font-weight:600}.customize-wrapper .category-tab.active .tab-count{background:#ffffff4d;color:#fff}.customize-wrapper .items-container{flex:1;overflow-y:auto;padding:1rem}.customize-wrapper .items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}.customize-wrapper .item-card{position:relative;background:var(--customize-surface-light);border:2px solid var(--customize-border-light);border-radius:12px;padding:.8rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.customize-wrapper .item-card:hover{border-color:var(--customize-accent);transform:translateY(-3px);box-shadow:0 4px 12px var(--customize-accent-glow)}.customize-wrapper .item-card.selected{border-color:var(--customize-success);background:#7cc47e1a;box-shadow:0 0 0 2px var(--customize-success)}.customize-wrapper .item-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;background:var(--customize-surface);border-radius:8px;overflow:hidden}.customize-wrapper .item-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.customize-wrapper .item-image.image-error{background:var(--customize-border-light)}.customize-wrapper .item-image.image-error:after{content:"🖼️";font-size:1.5rem;opacity:.3}.customize-wrapper .item-name{font-size:.75rem;font-weight:500;color:var(--customize-text);line-height:1.2;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.customize-wrapper .selected-check{position:absolute;top:6px;right:6px;width:22px;height:22px;background:var(--customize-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.customize-wrapper .empty-category{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--customize-text-muted);text-align:center}.customize-wrapper .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.customize-wrapper .mobile-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--customize-surface);border-top:3px solid var(--customize-border);padding:.75rem;z-index:100;justify-content:space-around}.customize-wrapper .mobile-tab{width:50px;height:50px;border-radius:50%;background:var(--customize-surface-light);border:2px solid var(--customize-border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.customize-wrapper .mobile-tab.active{background:var(--customize-accent);border-color:var(--customize-border);box-shadow:2px 2px 0 var(--customize-border)}.customize-wrapper .mobile-tab .tab-icon{width:24px;height:24px}.customize-wrapper .mobile-tab .tab-emoji{font-size:1.2rem}.customize-wrapper .mobile-tab.has-selected{border-color:var(--customize-success)}@media (max-width: 1024px){.customize-main{grid-template-columns:1fr;grid-template-rows:auto 1fr}.customize-wrapper .character-showcase{border-right:none;border-bottom:3px solid var(--customize-border);padding:1rem}.customize-wrapper .cat-display-area{max-width:300px}.customize-wrapper .category-tabs{display:none}.customize-wrapper .mobile-tabs{display:flex}.customize-wrapper .items-container{padding-bottom:80px}}@media (max-width: 640px){.customize-header{flex-direction:column;gap:.75rem;padding:.75rem}.customize-header .back-btn,.download-btn{width:100%;justify-content:center}.customize-title h1{font-size:1.2rem}.customize-wrapper .items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.customize-wrapper .item-image{width:60px;height:60px}}.customize-wrapper .category-tab.notcoded-tab,.customize-wrapper .mobile-tab.notcoded-tab{border-color:#e0a93b}.customize-wrapper .category-tab.notcoded-tab.active,.customize-wrapper .mobile-tab.notcoded-tab.active{background:#e0a93b24;border-color:#e0a93b}.customize-wrapper .notcoded-tab .tab-icon-svg{color:#d8862a}.customize-wrapper .notcoded-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.78rem;line-height:1.5;color:var(--customize-text);background:#e0a93b1f;border:1px solid rgba(224,169,59,.45);border-radius:10px;padding:.6rem .8rem;margin:0 0 .9rem}.customize-wrapper .notcoded-note .nc-add{color:#1f9d57;font-weight:700}.customize-wrapper .notcoded-note .nc-missing{color:#d8542a;font-weight:700}.customize-wrapper .item-card.notcoded-card.selectable{cursor:pointer}.customize-wrapper .item-card.notcoded-card.is-missing{cursor:not-allowed}.customize-wrapper .item-card.notcoded-card.is-missing:hover{transform:none;box-shadow:none}.customize-wrapper .item-card.notcoded-card.is-missing{border-color:#d8542a8c;background:#d8542a0f}.customize-wrapper .nc-missing-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;color:#d8542a;font-size:.6rem;text-transform:uppercase;letter-spacing:.5px}.customize-wrapper .nc-meta{font-size:.62rem;color:var(--customize-text);opacity:.65;margin-top:2px}.customize-wrapper .nc-badge{margin-top:5px;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:6px}.customize-wrapper .nc-badge.nc-add{color:#1f9d57;background:#1f9d5724}.customize-wrapper .nc-badge.nc-missing{color:#d8542a;background:#d8542a24}:root{--ref-bg: #FDF5E6;--ref-bg-warm: #FCEBD5;--ref-card: #FFFFFF;--ref-border: #5D4E37;--ref-border-light: rgba(93, 78, 55, .18);--ref-text: #5D4E37;--ref-text-mid: #8B7355;--ref-text-muted: #A89880;--ref-pink: #E8879B;--ref-yellow: #F5C842;--ref-orange: #F5A442;--ref-green: #7CC47E;--ref-shadow: #5D4E37}:root.dark{--ref-bg: #1e1a1a;--ref-bg-warm: #2a2424;--ref-card: #352e2e;--ref-border: #5D4E37;--ref-border-light: rgba(245, 235, 224, .1);--ref-text: #f5ebe0;--ref-text-mid: #d5c4b4;--ref-text-muted: #9a8a76;--ref-pink: #f2a5b3;--ref-yellow: #f7d070;--ref-orange: #e8985a;--ref-green: #9cd49c;--ref-shadow: #2a211a}.ref-container,.ref-container *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.ref-container{width:100%;min-height:100vh;background:var(--ref-bg);font-family:Fredoka,sans-serif;color:var(--ref-text);position:relative}.ref-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}.ref-content{max-width:1160px;margin:0 auto;padding:2rem 1.5rem 5rem;position:relative;z-index:1}.ref-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.5rem 0}.ref-page-header h1{font-size:2.4rem;font-weight:700;margin:0;color:var(--ref-text);text-shadow:2px 2px 0 rgba(255,255,255,.6)}:root.dark .ref-page-header h1{text-shadow:none}.ref-page-header p{margin:.25rem 0 0;font-size:.95rem;color:var(--ref-text-mid)}.ref-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.ref-stat-card{background:var(--ref-card);border:3px solid var(--ref-border);border-radius:16px;padding:1.25rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:4px 4px 0 var(--ref-shadow);transition:transform .2s ease,box-shadow .2s ease}.ref-stat-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ref-shadow)}.ref-stat-value{font-size:1.9rem;font-weight:700;color:var(--ref-text);line-height:1.05}.ref-stat-label{font-size:.78rem;color:var(--ref-text-muted);margin-top:.35rem}.ref-stat-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ref-border);flex-shrink:0}.ref-stat-icon.purple{background:#e8879b33;color:var(--ref-pink)}.ref-stat-icon.pink{background:#e8879b26;color:var(--ref-pink)}.ref-stat-icon.yellow{background:#f5c84240;color:#b8860b}:root.dark .ref-stat-icon.yellow{color:var(--ref-yellow)}.ref-how-banner{display:flex;align-items:stretch;gap:.75rem;background:var(--ref-card);border:3px solid var(--ref-border);border-radius:16px;padding:1rem 1.25rem;margin-bottom:2rem;box-shadow:4px 4px 0 var(--ref-shadow)}.ref-how-step{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0}.ref-how-step>div{display:flex;flex-direction:column;min-width:0}.ref-how-step strong{font-size:.95rem;font-weight:700;color:var(--ref-text)}.ref-how-step span{font-size:.78rem;color:var(--ref-text-muted)}.ref-how-num{width:32px;height:32px;border-radius:50%;background:var(--ref-pink);color:#fff;font-size:.92rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--ref-border)}.ref-how-arrow{display:flex;align-items:center;color:var(--ref-text-muted);flex-shrink:0}.ref-section-card{background:var(--ref-card);border:3px solid var(--ref-border);border-radius:20px;overflow:hidden;box-shadow:5px 5px 0 var(--ref-shadow);margin-bottom:2rem}.ref-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.5rem;border-bottom:3px solid var(--ref-border);background:var(--ref-bg-warm)}.ref-section-header h2{font-size:1.25rem;font-weight:700;color:var(--ref-text);margin:0;display:flex;align-items:center;gap:.55rem}.ref-section-header h2 svg{color:var(--ref-pink)}.ref-badge{background:linear-gradient(135deg,var(--ref-yellow) 0%,var(--ref-orange) 100%);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;border:2px solid var(--ref-border);box-shadow:2px 2px 0 var(--ref-shadow);white-space:nowrap}.ref-count{font-size:.85rem;color:var(--ref-text-muted);font-weight:600;white-space:nowrap}.ref-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.1rem;padding:1.4rem}.ref-link-card{display:flex;flex-direction:column;gap:1rem;background:var(--ref-bg);border:2.5px solid var(--ref-border);border-radius:16px;padding:1.1rem 1.15rem;box-shadow:3px 3px 0 var(--ref-shadow);transition:transform .15s ease,box-shadow .15s ease}.ref-link-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ref-shadow)}.ref-link-top{display:flex;align-items:flex-start;gap:.85rem}.ref-link-avatar{width:56px;height:56px;border-radius:14px;overflow:hidden;border:2.5px solid var(--ref-border);background:var(--ref-bg-warm);flex-shrink:0;display:flex;align-items:center;justify-content:center}.ref-link-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ref-link-avatar-placeholder{color:var(--ref-text-muted)}.ref-link-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.ref-link-name{font-size:1.02rem;font-weight:700;color:var(--ref-text);display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.ref-genesis-tag{background:var(--ref-yellow);color:var(--ref-border);font-size:.56rem;font-weight:700;letter-spacing:.06em;padding:.18rem .4rem;border-radius:5px;border:1.5px solid var(--ref-border)}.ref-link-meta{font-size:.8rem;color:var(--ref-text-muted);font-weight:600}.ref-link-reward{display:flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:700;color:var(--ref-orange);background:#f5a4421f;border:1.5px solid var(--ref-orange);padding:.3rem .65rem;border-radius:9px;flex-shrink:0;white-space:nowrap}.ref-copy-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.7rem 1.1rem;border:2.5px solid var(--ref-border);border-radius:12px;background:var(--ref-card);color:var(--ref-text);font-family:Fredoka,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:3px 3px 0 var(--ref-shadow);transition:all .15s ease}.ref-copy-btn:hover{background:var(--ref-orange);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ref-shadow)}.ref-copy-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ref-shadow)}.ref-copy-btn.copied{background:var(--ref-green);color:#fff}.ref-history-list{padding:.4rem}.ref-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.25rem;padding:1rem 1.1rem;border-radius:14px;transition:background .15s ease}.ref-history-row:hover{background:var(--ref-bg-warm)}.ref-history-row+.ref-history-row{border-top:1px solid var(--ref-border-light)}.ref-history-flow{display:flex;align-items:center;gap:.85rem;min-width:0}.ref-history-cat{display:flex;align-items:center;gap:.65rem;min-width:0}.ref-history-cat.clickable{cursor:pointer}.ref-history-cat.clickable:hover .ref-history-thumb{border-color:var(--ref-pink)}.ref-history-thumb{width:46px;height:46px;border-radius:12px;overflow:hidden;border:2.5px solid var(--ref-border);background:var(--ref-bg-warm);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ref-text-muted);transition:border-color .15s ease}.ref-history-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ref-history-cat-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.ref-history-role{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.referrer-role{color:var(--ref-orange)}.minted-role{color:var(--ref-green)}.ref-history-cat-name{font-size:.92rem;font-weight:700;color:var(--ref-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.ref-history-arrow{color:var(--ref-text-muted);display:flex;flex-shrink:0}.ref-history-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.ref-history-pill{padding:.28rem .7rem;border-radius:20px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.pill-you{background:#f5a4421f;color:var(--ref-orange);border:1.5px solid var(--ref-orange)}.pill-friend{background:#7cc47e24;color:var(--ref-green);border:1.5px solid var(--ref-green)}.ref-xp-chip{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,var(--ref-yellow),var(--ref-orange));color:#fff;padding:.28rem .7rem;border-radius:20px;font-size:.74rem;font-weight:700;border:1.5px solid var(--ref-border);white-space:nowrap}.ref-xp-chip.xp-green{background:linear-gradient(135deg,var(--ref-green),#5aaa5e)}.ref-history-date{display:flex;align-items:center;gap:.3rem;color:var(--ref-text-muted);font-size:.76rem;font-weight:600;white-space:nowrap}.ref-empty-state{text-align:center;padding:3.5rem 2rem}.ref-empty-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:18px;background:var(--ref-bg-warm);border:2px solid var(--ref-border-light);color:var(--ref-text-muted);margin:0 auto 1rem}.ref-empty-state h3{font-size:1.35rem;font-weight:700;margin:0 0 .5rem}.ref-empty-state p{color:var(--ref-text-mid);font-size:.95rem;max-width:380px;margin:0 auto 1.5rem;line-height:1.5}.ref-primary-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.5rem;background:var(--ref-pink);color:#fff;border:3px solid var(--ref-border);border-radius:12px;font-family:Fredoka,sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:3px 3px 0 var(--ref-shadow);transition:all .15s ease}.ref-primary-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ref-shadow)}.ref-primary-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ref-shadow)}.ref-empty-page{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:2rem;position:relative;z-index:1}.ref-lock-card{background:var(--ref-card);border:3px solid var(--ref-border);border-radius:20px;text-align:center;padding:3.5rem 2.5rem;max-width:400px;width:100%;box-shadow:5px 5px 0 var(--ref-shadow)}.ref-lock-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:var(--ref-bg-warm);border:2px solid var(--ref-border);color:var(--ref-text-mid);margin:0 auto 1.5rem}.ref-lock-card h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.ref-lock-card p{color:var(--ref-text-mid);font-size:.95rem}.skeleton{background:linear-gradient(110deg,var(--ref-bg-warm) 8%,rgba(139,115,85,.12) 18%,var(--ref-bg-warm) 33%);background-size:300% 100%;animation:skel-shimmer 1.8s ease-in-out infinite;border-radius:8px}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 760px){.ref-how-banner{flex-direction:column;gap:.65rem;padding:1rem 1.15rem}.ref-how-step{width:100%}.ref-how-arrow{transform:rotate(90deg);align-self:center}}@media (max-width: 720px){.ref-content{padding:1.5rem 1rem 4rem}.ref-page-header{padding:.5rem 0 1.25rem}.ref-page-header h1{font-size:1.85rem}.ref-stats-grid{grid-template-columns:1fr;gap:.75rem}.ref-stat-card{padding:1rem 1.15rem}.ref-stat-value{font-size:1.6rem}.ref-links-grid{grid-template-columns:1fr;padding:1rem;gap:.9rem}.ref-section-header{padding:1rem 1.15rem;flex-wrap:wrap;gap:.6rem}.ref-section-header h2{font-size:1.1rem}.ref-history-row{grid-template-columns:1fr;gap:.85rem;padding:.95rem}.ref-history-meta{justify-content:flex-start}.ref-history-cat-name{max-width:120px}}@media (max-width: 420px){.ref-history-flow{flex-wrap:wrap}.ref-history-arrow{transform:rotate(90deg)}}.pawpass-container{--pp-bg: #FDF5E6;--pp-bg-soft: #FAEED9;--pp-surface: #FFFFFF;--pp-surface-soft: #FCEBD5;--pp-surface-warm: #FFF4DE;--pp-pink: #E8879B;--pp-pink-soft: #F8D4DC;--pp-pink-deep: #D86A82;--pp-amber: #F5A442;--pp-amber-soft: #F5C842;--pp-amber-pale: #FFE8B8;--pp-cream: #FDF5E6;--pp-text: #5D4E37;--pp-text-muted: #8B7355;--pp-border: #5D4E37;--pp-border-soft: #C9B89B;--pp-success: #7CC47E;--pp-radius: 24px;--pp-radius-md: 18px;--pp-radius-sm: 14px;--pp-radius-xs: 10px;--pp-shadow-lg: 6px 6px 0 var(--pp-border);--pp-shadow: 4px 4px 0 var(--pp-border);--pp-shadow-sm: 3px 3px 0 var(--pp-border);--pp-shadow-xs: 2px 2px 0 var(--pp-border)}:root.dark .pawpass-container{--pp-bg: #1e1a1a;--pp-bg-soft: #221d1d;--pp-surface: #2a2424;--pp-surface-soft: #352e2e;--pp-surface-warm: #3d342e;--pp-pink: #f2a5b3;--pp-pink-soft: #5a3a44;--pp-pink-deep: #f2a5b3;--pp-amber: #e8985a;--pp-amber-soft: #f7d070;--pp-amber-pale: #4a3a24;--pp-text: #f5ebe0;--pp-text-muted: #d5c4b4;--pp-border: #1a1212;--pp-border-soft: #4a3a3a;--pp-shadow-lg: 6px 6px 0 rgba(0, 0, 0, .5);--pp-shadow: 4px 4px 0 rgba(0, 0, 0, .45);--pp-shadow-sm: 3px 3px 0 rgba(0, 0, 0, .45);--pp-shadow-xs: 2px 2px 0 rgba(0, 0, 0, .45)}.pawpass-container,.pawpass-container *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .25s ease}.pawpass-container{min-height:100vh;padding:2rem 2rem 4rem;background:var(--pp-bg);color:var(--pp-text);font-family:Fredoka,sans-serif;position:relative;overflow-x:hidden}.pawpass-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.13'%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 .pawpass-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")}.pawpass-decor{position:absolute;pointer-events:none;opacity:.32;animation:pp-float 6s ease-in-out infinite;z-index:1}.pawpass-decor svg{width:36px;height:36px;stroke-width:1.8}.pawpass-decor-1{top:6%;left:3%;animation-delay:0s}.pawpass-decor-1 svg{color:var(--pp-amber)}.pawpass-decor-2{top:12%;right:5%;animation-delay:1.5s}.pawpass-decor-2 svg{width:26px;height:26px;color:var(--pp-pink)}.pawpass-decor-3{top:55%;left:2%;animation-delay:3s;transform:rotate(-25deg)}.pawpass-decor-3 svg{color:var(--pp-pink)}.pawpass-decor-4{top:68%;right:3%;animation-delay:4.5s}.pawpass-decor-4 svg{width:32px;height:32px;color:var(--pp-amber)}.pawpass-decor-5{top:38%;right:8%;animation-delay:2.5s}.pawpass-decor-5 svg{width:22px;height:22px;color:var(--pp-pink-deep)}@keyframes pp-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}.pawpass-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s ease}.pawpass-container[data-theme] .pawpass-atmosphere{opacity:1}.pawpass-container[data-theme=space] .pawpass-atmosphere{background:radial-gradient(circle at 15% 12%,rgba(139,109,255,.22) 0%,transparent 38%),radial-gradient(circle at 88% 22%,rgba(232,135,220,.18) 0%,transparent 42%),radial-gradient(circle at 50% 85%,rgba(90,63,199,.16) 0%,transparent 45%),linear-gradient(180deg,rgba(60,40,120,.05) 0%,transparent 50%)}:root.dark .pawpass-container[data-theme=space] .pawpass-atmosphere{background:radial-gradient(circle at 15% 12%,rgba(139,109,255,.38) 0%,transparent 38%),radial-gradient(circle at 88% 22%,rgba(232,135,220,.28) 0%,transparent 42%),radial-gradient(circle at 50% 85%,rgba(90,63,199,.32) 0%,transparent 45%)}.pawpass-container[data-theme=winter] .pawpass-atmosphere{background:radial-gradient(circle at 20% 8%,rgba(199,234,250,.55) 0%,transparent 42%),radial-gradient(circle at 82% 15%,rgba(143,196,230,.35) 0%,transparent 45%),radial-gradient(circle at 50% 95%,rgba(220,240,250,.5) 0%,transparent 40%),linear-gradient(180deg,rgba(220,240,250,.15) 0%,transparent 60%)}:root.dark .pawpass-container[data-theme=winter] .pawpass-atmosphere{background:radial-gradient(circle at 20% 8%,rgba(120,180,220,.25) 0%,transparent 42%),radial-gradient(circle at 82% 15%,rgba(100,160,200,.22) 0%,transparent 45%)}.pawpass-container[data-theme=summer] .pawpass-atmosphere{background:radial-gradient(circle at 85% 8%,rgba(255,220,80,.45) 0%,transparent 32%),radial-gradient(circle at 85% 8%,rgba(255,180,80,.32) 0%,transparent 55%),conic-gradient(from 200deg at 85% 8%,transparent 0deg,rgba(255,220,100,.12) 30deg,transparent 60deg,rgba(255,220,100,.12) 90deg,transparent 120deg,rgba(255,220,100,.12) 150deg,transparent 180deg),radial-gradient(circle at 15% 95%,rgba(255,139,111,.18) 0%,transparent 45%)}:root.dark .pawpass-container[data-theme=summer] .pawpass-atmosphere{background:radial-gradient(circle at 85% 8%,rgba(247,208,112,.32) 0%,transparent 32%),radial-gradient(circle at 15% 95%,rgba(255,168,144,.18) 0%,transparent 45%)}.pawpass-container[data-theme=drip] .pawpass-atmosphere{background:radial-gradient(circle at 12% 18%,rgba(76,198,164,.28) 0%,transparent 40%),radial-gradient(circle at 88% 80%,rgba(227,195,87,.32) 0%,transparent 42%),linear-gradient(135deg,rgba(76,198,164,.06) 0%,transparent 50%,rgba(227,195,87,.06) 100%)}:root.dark .pawpass-container[data-theme=drip] .pawpass-atmosphere{background:radial-gradient(circle at 12% 18%,rgba(122,219,181,.28) 0%,transparent 40%),radial-gradient(circle at 88% 80%,rgba(232,201,108,.28) 0%,transparent 42%)}.pawpass-container[data-theme=royal] .pawpass-atmosphere{background:radial-gradient(circle at 50% 0%,rgba(183,133,224,.32) 0%,transparent 45%),radial-gradient(circle at 8% 80%,rgba(212,166,55,.22) 0%,transparent 38%),radial-gradient(circle at 92% 78%,rgba(110,63,165,.2) 0%,transparent 38%)}:root.dark .pawpass-container[data-theme=royal] .pawpass-atmosphere{background:radial-gradient(circle at 50% 0%,rgba(211,177,237,.3) 0%,transparent 45%),radial-gradient(circle at 8% 80%,rgba(232,193,78,.22) 0%,transparent 38%),radial-gradient(circle at 92% 78%,rgba(150,100,200,.22) 0%,transparent 38%)}.pawpass-particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.pawpass-particle{position:absolute;top:-40px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(var(--pp-scale, 1));will-change:transform,opacity}.pawpass-particle svg{width:100%;height:100%;stroke-width:1.8}.pawpass-particles[data-particle=snow] .pawpass-particle{animation:pp-snow-fall linear infinite;color:#4a9ed4;filter:drop-shadow(0 0 4px rgba(150,210,240,.5))}:root.dark .pawpass-particles[data-particle=snow] .pawpass-particle{color:#b8dff0;filter:drop-shadow(0 0 6px rgba(159,210,238,.4))}@keyframes pp-snow-fall{0%{transform:translate3d(0,-40px,0) rotate(0) scale(var(--pp-scale, 1));opacity:0}8%{opacity:var(--pp-opacity, .8)}50%{transform:translate3d(var(--pp-drift, 0px),55vh,0) rotate(180deg) scale(var(--pp-scale, 1))}92%{opacity:var(--pp-opacity, .8)}to{transform:translate3d(0,110vh,0) rotate(360deg) scale(var(--pp-scale, 1));opacity:0}}.pawpass-particles[data-particle=star] .pawpass-particle{animation:pp-star-twinkle ease-in-out infinite;color:#fff8d6;fill:#fff8d6;filter:drop-shadow(0 0 6px rgba(255,240,180,.7));top:auto}:root.dark .pawpass-particles[data-particle=star] .pawpass-particle{color:#fff;fill:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}@keyframes pp-star-twinkle{0%,to{opacity:0;transform:scale(calc(var(--pp-scale, 1) * .6))}50%{opacity:var(--pp-opacity, .85);transform:scale(var(--pp-scale, 1))}}.pawpass-particles[data-particle=star] .pawpass-particle:nth-child(3n){top:8%}.pawpass-particles[data-particle=star] .pawpass-particle:nth-child(3n+1){top:32%}.pawpass-particles[data-particle=star] .pawpass-particle:nth-child(3n+2){top:60%}.pawpass-particles[data-particle=star] .pawpass-particle:nth-child(5n){top:80%}.pawpass-particles[data-particle=star] .pawpass-particle:nth-child(7n){top:18%}.pawpass-particles[data-particle=star] .pawpass-particle:nth-child(11n){top:48%}.pawpass-particles[data-particle=sun] .pawpass-particle{animation:pp-leaf-fall linear infinite;color:#5fa84a;filter:drop-shadow(0 0 4px rgba(95,168,74,.4))}:root.dark .pawpass-particles[data-particle=sun] .pawpass-particle{color:#84c46c}@keyframes pp-leaf-fall{0%{transform:translate3d(0,-40px,0) rotate(-45deg) scale(var(--pp-scale, 1));opacity:0}10%{opacity:var(--pp-opacity, .6)}to{transform:translate3d(var(--pp-drift, 0px),110vh,0) rotate(380deg) scale(var(--pp-scale, 1));opacity:0}}.pawpass-particles[data-particle=drip] .pawpass-particle{animation:pp-drip-fall linear infinite;color:#1f7a5b;fill:#7adbb58c;filter:drop-shadow(0 0 6px rgba(122,219,181,.7))}:root.dark .pawpass-particles[data-particle=drip] .pawpass-particle{color:#7adbb5;fill:#7adbb5b3}@keyframes pp-drip-fall{0%{transform:translate3d(0,-40px,0) rotate(0) scale(var(--pp-scale, 1));opacity:0}12%{opacity:var(--pp-opacity, .85)}to{transform:translate3d(var(--pp-drift, 0px),110vh,0) rotate(120deg) scale(var(--pp-scale, 1));opacity:0}}.pawpass-particles[data-particle=royal] .pawpass-particle{animation:pp-royal-float linear infinite;color:#d4a637;filter:drop-shadow(0 0 6px rgba(212,166,55,.6));top:auto;bottom:-40px}:root.dark .pawpass-particles[data-particle=royal] .pawpass-particle{color:#e8c14e}@keyframes pp-royal-float{0%{transform:translateZ(0) rotate(-10deg) scale(calc(var(--pp-scale, 1) * .7));opacity:0}15%{opacity:var(--pp-opacity, .7)}85%{opacity:var(--pp-opacity, .7)}to{transform:translate3d(var(--pp-drift, 0px),-110vh,0) rotate(15deg) scale(var(--pp-scale, 1));opacity:0}}.pawpass-variant-bar{position:relative;z-index:2;max-width:1280px;margin:0 auto 1.25rem;padding:.9rem 1rem;background:var(--pp-surface);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-md);box-shadow:var(--pp-shadow-sm);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pawpass-variant-bar-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--pp-text-muted);font-weight:800;font-size:.72rem;letter-spacing:1.2px;padding-right:.85rem;border-right:2px dashed var(--pp-border-soft);flex-shrink:0}.pawpass-variant-bar-label svg{color:var(--pp-amber)}.pawpass-variant-list{display:flex;gap:.55rem;flex-wrap:wrap;flex:1}.pawpass-variant{--vc-bg: var(--pp-surface-warm);--vc-accent: var(--pp-pink);--vc-accent-deep: var(--pp-pink-deep);display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .95rem .55rem .55rem;background:var(--vc-bg);border:2.5px solid var(--pp-border);border-radius:999px;box-shadow:2px 2px 0 var(--pp-border);cursor:pointer;font-family:Fredoka,sans-serif;color:var(--pp-text);transition:transform .15s ease,box-shadow .15s ease}.pawpass-variant:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pp-border)}.pawpass-variant-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--vc-accent);color:#fff;border:2px solid var(--pp-border);border-radius:50%;flex-shrink:0}.pawpass-variant-text{display:flex;flex-direction:column;line-height:1.05;text-align:left}.pawpass-variant-chip{font-size:.6rem;font-weight:800;letter-spacing:1px;color:var(--vc-accent-deep)}.pawpass-variant-name{font-size:.85rem;font-weight:800;color:var(--pp-text)}.pawpass-variant.active{background:linear-gradient(95deg,var(--vc-accent) 0%,var(--vc-accent-deep) 100%);color:#fff}.pawpass-variant.active .pawpass-variant-icon{background:#fff;color:var(--vc-accent-deep)}.pawpass-variant.active .pawpass-variant-chip,.pawpass-variant.active .pawpass-variant-name{color:#fff}.pawpass-variant[data-theme=space]{--vc-accent: #8b6dff;--vc-accent-deep: #5a3fc7}.pawpass-variant[data-theme=winter]{--vc-accent: #6bb6e6;--vc-accent-deep: #2f7fb8}.pawpass-variant[data-theme=summer]{--vc-accent: #f5c842;--vc-accent-deep: #e08a2b}.pawpass-variant[data-theme=drip]{--vc-accent: #4cc6a4;--vc-accent-deep: #2a8466}.pawpass-variant[data-theme=royal]{--vc-accent: #b785e0;--vc-accent-deep: #6e3fa5}.pawpass-container[data-theme=space]{--pp-pink: #8b6dff;--pp-pink-soft: #d9cdff;--pp-pink-deep: #5a3fc7;--pp-amber: #f0a8e0;--pp-amber-soft: #ffd6f3;--pp-amber-pale: #ece1ff;--pp-surface-warm: #f4ecff;--pp-surface-soft: #ece2ff}:root.dark .pawpass-container[data-theme=space]{--pp-pink: #b9a4ff;--pp-pink-soft: #3a2f6b;--pp-pink-deep: #b9a4ff;--pp-amber: #e09be0;--pp-amber-soft: #e9b3eb;--pp-amber-pale: #2e2447;--pp-surface-warm: #2d2444;--pp-surface-soft: #261e3a}.pawpass-container[data-theme=winter]{--pp-pink: #6bb6e6;--pp-pink-soft: #d4ecfa;--pp-pink-deep: #2f7fb8;--pp-amber: #9fd9f5;--pp-amber-soft: #c6e9f8;--pp-amber-pale: #e7f4fc;--pp-surface-warm: #eef7fc;--pp-surface-soft: #def0f9}:root.dark .pawpass-container[data-theme=winter]{--pp-pink: #9fd2ee;--pp-pink-soft: #2a4055;--pp-pink-deep: #9fd2ee;--pp-amber: #b8dff0;--pp-amber-soft: #c8e7f4;--pp-amber-pale: #233846;--pp-surface-warm: #233642;--pp-surface-soft: #1d2c37}.pawpass-container[data-theme=summer]{--pp-pink: #ff8b6f;--pp-pink-soft: #ffd9cd;--pp-pink-deep: #e0532f;--pp-amber: #f5c842;--pp-amber-soft: #ffe27a;--pp-amber-pale: #fff3c2;--pp-surface-warm: #fff6dc;--pp-surface-soft: #ffeec5}:root.dark .pawpass-container[data-theme=summer]{--pp-pink: #ffa890;--pp-pink-soft: #5a3328;--pp-pink-deep: #ffa890;--pp-amber: #f7d070;--pp-amber-soft: #f7da80;--pp-amber-pale: #4f3e1e;--pp-surface-warm: #3f3320;--pp-surface-soft: #352a1a}.pawpass-container[data-theme=drip]{--pp-pink: #4cc6a4;--pp-pink-soft: #cfeee2;--pp-pink-deep: #1f7a5b;--pp-amber: #e3c357;--pp-amber-soft: #f3dd7a;--pp-amber-pale: #f8edc0;--pp-surface-warm: #effaf3;--pp-surface-soft: #dff3e8}:root.dark .pawpass-container[data-theme=drip]{--pp-pink: #7adbb5;--pp-pink-soft: #1e3a30;--pp-pink-deep: #7adbb5;--pp-amber: #e8c96c;--pp-amber-soft: #f0d77a;--pp-amber-pale: #3a3320;--pp-surface-warm: #1f3329;--pp-surface-soft: #19271f}.pawpass-container[data-theme=royal]{--pp-pink: #b785e0;--pp-pink-soft: #e5d2f3;--pp-pink-deep: #6e3fa5;--pp-amber: #d4a637;--pp-amber-soft: #e9c25a;--pp-amber-pale: #f6e6b3;--pp-surface-warm: #f3e9fa;--pp-surface-soft: #e6d5f1}:root.dark .pawpass-container[data-theme=royal]{--pp-pink: #d3b1ed;--pp-pink-soft: #3b2a4f;--pp-pink-deep: #d3b1ed;--pp-amber: #e8c14e;--pp-amber-soft: #f0cc66;--pp-amber-pale: #3b2e15;--pp-surface-warm: #2e2440;--pp-surface-soft: #261e35}.pawpass-container[data-theme=space] .pawpass-hero{background:linear-gradient(135deg,var(--pp-surface) 0%,#ece1ff 100%)}.pawpass-container[data-theme=space] .pawpass-hero:after{background:radial-gradient(circle,rgba(139,109,255,.45) 0%,transparent 65%);width:520px;height:520px}.pawpass-container[data-theme=space] .pawpass-cat-halo{background:radial-gradient(circle,rgba(139,109,255,.55) 0%,rgba(232,135,220,.25) 45%,transparent 75%)}.pawpass-container[data-theme=space] .pawpass-cat-glow{background:radial-gradient(circle,rgba(255,240,200,.55) 0%,transparent 70%)}:root.dark .pawpass-container[data-theme=space] .pawpass-hero{background:linear-gradient(135deg,#2d2444,#1f1a35)}.pawpass-container[data-theme=winter] .pawpass-hero{background:linear-gradient(135deg,var(--pp-surface) 0%,#e7f4fc 100%)}.pawpass-container[data-theme=winter] .pawpass-hero:after{background:radial-gradient(circle,rgba(143,196,230,.45) 0%,transparent 65%)}.pawpass-container[data-theme=winter] .pawpass-hero:before{background:linear-gradient(90deg,#c7eafa,#6bb6e6,#2f7fb8)}.pawpass-container[data-theme=winter] .pawpass-cat-halo{background:radial-gradient(circle,rgba(199,234,250,.85) 0%,rgba(143,196,230,.35) 45%,transparent 75%)}.pawpass-container[data-theme=winter] .pawpass-cat-glow{background:radial-gradient(circle,rgba(220,240,250,.7) 0%,transparent 70%)}:root.dark .pawpass-container[data-theme=winter] .pawpass-hero{background:linear-gradient(135deg,#233642,#1a2731)}.pawpass-container[data-theme=summer] .pawpass-hero{background:radial-gradient(circle at 100% 0%,rgba(255,220,100,.45) 0%,transparent 50%),linear-gradient(135deg,var(--pp-surface) 0%,#fff6dc 100%);overflow:hidden}.pawpass-container[data-theme=summer] .pawpass-hero:after{background:radial-gradient(circle,rgba(255,180,80,.6) 0%,transparent 60%);width:600px;height:600px;right:-180px;top:-200px;animation:pp-sun-pulse 6s ease-in-out infinite}.pawpass-container[data-theme=summer] .pawpass-hero:before{background:linear-gradient(90deg,#ff8b6f,#f5c842,#ffd97a)}.pawpass-container[data-theme=summer] .pawpass-cat-halo{background:radial-gradient(circle,rgba(255,220,100,.7) 0%,rgba(255,139,111,.3) 45%,transparent 75%)}.pawpass-container[data-theme=summer] .pawpass-cat-glow{background:radial-gradient(circle,rgba(255,220,80,.65) 0%,transparent 70%)}@keyframes pp-sun-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.75}}:root.dark .pawpass-container[data-theme=summer] .pawpass-hero{background:radial-gradient(circle at 100% 0%,rgba(247,208,112,.25) 0%,transparent 50%),linear-gradient(135deg,#3f3320,#2e2418)}.pawpass-container[data-theme=drip] .pawpass-hero{background:linear-gradient(135deg,var(--pp-surface) 0%,#effaf3 100%)}.pawpass-container[data-theme=drip] .pawpass-hero:after{background:radial-gradient(circle,rgba(227,195,87,.55) 0%,transparent 65%)}.pawpass-container[data-theme=drip] .pawpass-hero:before{background:linear-gradient(90deg,#4cc6a4,#e3c357 60%,#d4a637);background-size:200% 100%;animation:pp-drip-shimmer 4s linear infinite}.pawpass-container[data-theme=drip] .pawpass-cat-halo{background:radial-gradient(circle,rgba(227,195,87,.6) 0%,rgba(76,198,164,.3) 45%,transparent 75%)}.pawpass-container[data-theme=drip] .pawpass-cat-glow{background:radial-gradient(circle,rgba(76,198,164,.55) 0%,transparent 70%)}@keyframes pp-drip-shimmer{0%{background-position:0% 0}to{background-position:200% 0}}:root.dark .pawpass-container[data-theme=drip] .pawpass-hero{background:linear-gradient(135deg,#1f3329,#15241c)}.pawpass-container[data-theme=royal] .pawpass-hero{background:linear-gradient(135deg,var(--pp-surface) 0%,#f3e9fa 100%)}.pawpass-container[data-theme=royal] .pawpass-hero:after{background:radial-gradient(circle,rgba(183,133,224,.5) 0%,transparent 65%)}.pawpass-container[data-theme=royal] .pawpass-hero:before{height:7px;background:linear-gradient(90deg,#6e3fa5,#d4a637,#6e3fa5);box-shadow:0 1px #d4a63766}.pawpass-container[data-theme=royal] .pawpass-cat-halo{background:radial-gradient(circle,rgba(183,133,224,.65) 0%,rgba(212,166,55,.35) 45%,transparent 75%)}.pawpass-container[data-theme=royal] .pawpass-cat-glow{background:radial-gradient(circle,rgba(212,166,55,.6) 0%,transparent 70%)}.pawpass-container[data-theme=royal] .pawpass-hero-paws{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%236e3fa5' fill-opacity='0.06'%3E%3Cpath d='M40 8l4 12h12l-10 8 4 12-10-8-10 8 4-12-10-8h12z'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;opacity:.85}:root.dark .pawpass-container[data-theme=royal] .pawpass-hero{background:linear-gradient(135deg,#2e2440,#1f1830)}.pawpass-container[data-theme=space] .pawpass-decor svg{filter:drop-shadow(0 0 8px rgba(139,109,255,.5))}.pawpass-container[data-theme=winter] .pawpass-decor svg{filter:drop-shadow(0 0 8px rgba(143,196,230,.6))}.pawpass-container[data-theme=summer] .pawpass-decor svg{filter:drop-shadow(0 0 8px rgba(255,200,80,.55))}.pawpass-container[data-theme=drip] .pawpass-decor svg{filter:drop-shadow(0 0 8px rgba(227,195,87,.6))}.pawpass-container[data-theme=royal] .pawpass-decor svg{filter:drop-shadow(0 0 8px rgba(212,166,55,.55))}.pawpass-decor{z-index:2}.pawpass-hero{position:relative;z-index:2;max-width:1280px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--pp-surface) 0%,var(--pp-surface-warm) 100%);border:3px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-lg);padding:2.25rem 2.25rem 2rem;overflow:hidden}.pawpass-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--pp-pink) 0%,var(--pp-pink-deep) 25%,var(--pp-amber-soft) 60%,var(--pp-amber) 100%);z-index:2}.pawpass-hero:after{content:"";position:absolute;width:460px;height:460px;right:-150px;top:-120px;background:radial-gradient(circle,var(--pp-pink-soft) 0%,transparent 65%);opacity:.55;pointer-events:none;z-index:0}.pawpass-hero-paws{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.pawpass-hero-paw{position:absolute;color:var(--pp-text-muted);opacity:.07;stroke-width:1.5}.pawpass-hero-paw-1{width:130px;height:130px;bottom:-20px;left:18%;transform:rotate(-20deg)}.pawpass-hero-paw-2{width:90px;height:90px;top:50%;right:30%;transform:rotate(15deg)}.pawpass-hero-paw-3{width:70px;height:70px;top:18%;left:38%;transform:rotate(40deg)}.pawpass-hero-grid{display:grid;grid-template-columns:1.3fr .9fr 1fr;gap:1.75rem;align-items:center;position:relative;z-index:1}.pawpass-hero-left{display:flex;flex-direction:column;gap:.95rem}.pawpass-season-pill{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.4rem .9rem;background:var(--pp-pink-soft);color:var(--pp-pink-deep);border:2px solid var(--pp-pink-deep);border-radius:999px;font-weight:700;font-size:.72rem;letter-spacing:.8px;box-shadow:2px 2px 0 var(--pp-border)}:root.dark .pawpass-season-pill{color:var(--pp-pink);border-color:var(--pp-pink)}.pawpass-pill-divider{width:4px;height:4px;background:var(--pp-pink-deep);border-radius:50%}:root.dark .pawpass-pill-divider{background:var(--pp-pink)}.pawpass-pill-status{position:relative;padding-left:.85rem}.pawpass-pill-status:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:7px;height:7px;background:var(--pp-success);border-radius:50%;box-shadow:0 0 0 3px #7cc47e4d;animation:pp-pulse 2s ease-in-out infinite}@keyframes pp-pulse{0%,to{box-shadow:0 0 0 3px #7cc47e4d}50%{box-shadow:0 0 0 6px #7cc47e00}}.pawpass-title{margin:0;font-family:Fredoka,sans-serif;font-weight:800;font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:.95;letter-spacing:-1.5px;display:flex;flex-direction:column}.pawpass-title-line{color:var(--pp-text);text-shadow:3px 3px 0 rgba(255,255,255,.5)}:root.dark .pawpass-title-line{text-shadow:2px 2px 0 rgba(0,0,0,.4)}.pawpass-title-accent{background:linear-gradient(95deg,var(--pp-pink) 0%,var(--pp-amber) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}.pawpass-tagline{margin:0;color:var(--pp-text-muted);font-size:1rem;font-weight:500;max-width:340px;line-height:1.45}.pawpass-timer{display:inline-flex;align-items:center;gap:.7rem;align-self:flex-start;padding:.55rem 1rem .55rem .6rem;background:var(--pp-amber-pale);border:2px solid var(--pp-border);border-radius:var(--pp-radius-sm);box-shadow:var(--pp-shadow-xs)}.pawpass-timer-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--pp-amber);color:#fff;border-radius:50%;border:2px solid var(--pp-border)}.pawpass-timer-text{display:flex;flex-direction:column;line-height:1.1}.pawpass-timer-label{font-size:.65rem;font-weight:700;letter-spacing:.8px;color:var(--pp-text-muted)}.pawpass-timer-value{font-weight:700;font-size:.95rem;color:var(--pp-text)}.pawpass-hero-cta{display:flex;gap:.75rem;margin-top:.4rem;flex-wrap:wrap}.pawpass-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.5rem;border-radius:999px;font-family:Fredoka,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.6px;cursor:pointer;border:2.5px solid var(--pp-border);box-shadow:var(--pp-shadow-sm);transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.pawpass-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--pp-border)}.pawpass-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--pp-border)}.pawpass-btn:disabled{cursor:default;opacity:.92}.pawpass-btn-primary{background:var(--pp-pink);color:#fff}.pawpass-btn-primary.owned{background:var(--pp-success)}.pawpass-btn-ghost{background:var(--pp-surface);color:var(--pp-text)}.pawpass-btn-upgrade{width:100%;justify-content:center;background:linear-gradient(95deg,var(--pp-pink) 0%,var(--pp-amber) 100%);color:#fff;padding:1.05rem 1.4rem;font-size:.95rem;margin-top:1.1rem}.pawpass-hero-cat{position:relative;height:260px;display:flex;align-items:center;justify-content:center}.pawpass-cat-halo{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--pp-pink-soft) 0%,var(--pp-surface-warm) 50%,transparent 75%);z-index:0}.pawpass-cat-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(245,200,66,.35) 0%,transparent 70%);z-index:0;animation:pp-glow 4s ease-in-out infinite}@keyframes pp-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.pawpass-cat-img{position:relative;z-index:1;width:230px;height:auto;max-height:250px;-o-object-fit:contain;object-fit:contain;animation:pp-cat-bounce 3s ease-in-out infinite;filter:drop-shadow(3px 5px 0 rgba(93,78,55,.22))}@keyframes pp-cat-bounce{0%,to{transform:translateY(var(--pp-cat-offset, 0px))}50%{transform:translateY(calc(var(--pp-cat-offset, 0px) - 8px))}}.pawpass-cat-spark{position:absolute;color:var(--pp-pink-deep);fill:var(--pp-pink);width:22px;height:22px;animation:pp-spin-slow 6s linear infinite;z-index:2}:root.dark .pawpass-cat-spark{color:var(--pp-pink);fill:var(--pp-pink-soft)}.pawpass-cat-spark-1{top:14%;right:8%;animation-delay:0s}.pawpass-cat-spark-2{bottom:22%;left:4%;animation-delay:1.5s;width:18px;height:18px;color:var(--pp-amber);fill:var(--pp-amber-soft)}.pawpass-cat-spark-3{top:50%;right:-2%;animation-delay:3s;width:16px;height:16px}@keyframes pp-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pawpass-cat-shadow{position:absolute;bottom:12px;width:150px;height:16px;background:#5d4e3726;border-radius:50%;filter:blur(3px);z-index:0}.pawpass-hero-right{position:relative;background:var(--pp-surface);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-md);padding:1.4rem;box-shadow:var(--pp-shadow)}.pawpass-includes-ribbon{position:absolute;top:-14px;left:1.4rem;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:linear-gradient(95deg,var(--pp-pink) 0%,var(--pp-amber) 100%);color:#fff;font-weight:800;font-size:.7rem;letter-spacing:1px;border:2px solid var(--pp-border);border-radius:999px;box-shadow:var(--pp-shadow-xs)}.pawpass-includes-title{margin-top:.3rem;color:var(--pp-text);font-weight:800;font-size:.92rem;letter-spacing:.8px;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px dashed var(--pp-border-soft)}.pawpass-includes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.pawpass-includes-item{display:flex;align-items:center;gap:.7rem;color:var(--pp-text);font-weight:500;font-size:.95rem}.pawpass-includes-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--pp-pink-soft);color:var(--pp-pink-deep);border-radius:50%;border:2px solid var(--pp-pink-deep);flex-shrink:0}:root.dark .pawpass-includes-icon{color:var(--pp-pink);border-color:var(--pp-pink)}.pawpass-stats{position:relative;z-index:2;max-width:1280px;margin:0 auto 1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.pawpass-stat{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;background:var(--pp-surface);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);box-shadow:var(--pp-shadow-sm)}.pawpass-stat-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--pp-border);box-shadow:2px 2px 0 var(--pp-border);flex-shrink:0}.pawpass-stat-icon-pink{background:var(--pp-pink)}.pawpass-stat-icon-amber{background:var(--pp-amber)}.pawpass-stat-icon-cream{background:var(--pp-amber-soft);color:var(--pp-text)}.pawpass-stat-body{display:flex;flex-direction:column;line-height:1.15;min-width:0}.pawpass-stat-value{font-weight:800;font-size:1.25rem;color:var(--pp-text)}.pawpass-stat-total{font-weight:600;color:var(--pp-text-muted);font-size:.9rem}.pawpass-stat-label{font-size:.78rem;font-weight:600;color:var(--pp-text-muted);letter-spacing:.3px}.pawpass-progress-section{position:relative;z-index:2;max-width:1280px;margin:0 auto 1.25rem;display:grid;grid-template-columns:1fr 360px;gap:.85rem}.pawpass-progress-main{background:var(--pp-surface);border:3px solid var(--pp-border);border-radius:var(--pp-radius-md);box-shadow:var(--pp-shadow);padding:1.25rem 1.5rem 1.4rem}.pawpass-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.pawpass-progress-label{display:flex;align-items:center;gap:.7rem}.pawpass-progress-tier-badge{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(95deg,var(--pp-amber) 0%,var(--pp-amber-soft) 100%);color:#fff;padding:.35rem .9rem;border-radius:999px;border:2px solid var(--pp-border);font-weight:700;font-size:.82rem;box-shadow:2px 2px 0 var(--pp-border)}.pawpass-progress-text{color:var(--pp-text);font-weight:600;font-size:.95rem}.pawpass-progress-meta{display:inline-flex;align-items:center;gap:.45rem;color:var(--pp-text-muted);font-weight:600;font-size:.9rem}.pawpass-progress-meta strong{color:var(--pp-pink-deep);font-weight:800}:root.dark .pawpass-progress-meta strong{color:var(--pp-pink)}.pawpass-progress-meta svg{color:var(--pp-pink)}.pawpass-progress-track{position:relative;height:22px;background:var(--pp-surface-soft);border:2.5px solid var(--pp-border);border-radius:999px;overflow:hidden}.pawpass-progress-fill{height:100%;background:linear-gradient(95deg,var(--pp-pink),var(--pp-amber));border-radius:999px;position:relative;overflow:hidden;transition:width .6s cubic-bezier(.22,1,.36,1)}.pawpass-progress-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:pp-shine 2.5s linear infinite}@keyframes pp-shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.pawpass-progress-markers{position:absolute;inset:0;pointer-events:none}.pawpass-progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#5d4e3780;border-radius:50%}.pawpass-progress-marker.reached{background:#fff;box-shadow:0 0 0 2px #5d4e374d}.pawpass-next-reward{background:linear-gradient(135deg,var(--pp-surface) 0%,var(--pp-surface-warm) 100%);border:3px solid var(--pp-border);border-radius:var(--pp-radius-md);box-shadow:var(--pp-shadow);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.65rem}.pawpass-next-reward-header{display:inline-flex;align-items:center;gap:.4rem;color:var(--pp-amber);font-weight:800;font-size:.72rem;letter-spacing:1px}.pawpass-next-reward-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.pawpass-next-tile{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;background:var(--pp-surface);border:2px solid var(--pp-border);border-radius:var(--pp-radius-xs);box-shadow:2px 2px 0 var(--pp-border)}.pawpass-next-icon{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--pp-border);flex-shrink:0}.pawpass-next-icon-free{background:var(--pp-amber)}.pawpass-next-icon-premium{background:var(--pp-pink)}.pawpass-next-info{display:flex;flex-direction:column;line-height:1.15;min-width:0}.pawpass-next-label-track{font-size:.62rem;font-weight:800;letter-spacing:.8px;color:var(--pp-amber)}.pawpass-next-label-track.premium{color:var(--pp-pink-deep)}:root.dark .pawpass-next-label-track.premium{color:var(--pp-pink)}.pawpass-next-label-name{font-weight:700;font-size:.85rem;color:var(--pp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pawpass-tabs-wrap{position:relative;z-index:2;max-width:1280px;margin:.25rem auto 1.25rem}.pawpass-tabs{display:inline-flex;gap:.4rem;background:var(--pp-surface);border:2.5px solid var(--pp-border);border-radius:999px;box-shadow:var(--pp-shadow-sm);padding:.35rem}.pawpass-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;background:transparent;border:none;border-radius:999px;color:var(--pp-text-muted);font-family:Fredoka,sans-serif;font-weight:700;font-size:.92rem;cursor:pointer}.pawpass-tab:hover{color:var(--pp-text);background:var(--pp-surface-soft)}.pawpass-tab.active{background:linear-gradient(95deg,var(--pp-pink) 0%,var(--pp-pink-deep) 100%);color:#fff;box-shadow:2px 2px 0 var(--pp-border)}.pawpass-tab-count{background:#ffffff40;color:inherit;padding:.1rem .5rem;border-radius:999px;font-weight:800;font-size:.75rem}.pawpass-tab:not(.active) .pawpass-tab-count{background:var(--pp-surface-soft);color:var(--pp-text-muted)}.pawpass-track-card{position:relative;z-index:2;max-width:1280px;margin:0 auto;background:var(--pp-surface);border:3px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-lg);overflow:hidden}.pawpass-track-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;background:var(--pp-surface-warm);border-bottom:2.5px solid var(--pp-border);flex-wrap:wrap;gap:.75rem}.pawpass-track-header-title{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.05rem;color:var(--pp-text)}.pawpass-track-header-title svg{color:var(--pp-amber)}.pawpass-track-legend{display:inline-flex;align-items:center;gap:1rem;flex-wrap:wrap}.pawpass-legend-item{display:inline-flex;align-items:center;gap:.4rem;color:var(--pp-text-muted);font-weight:600;font-size:.8rem}.pawpass-legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--pp-border);background:var(--pp-surface)}.pawpass-legend-dot.reached{background:var(--pp-amber)}.pawpass-legend-dot.current{background:var(--pp-pink);box-shadow:0 0 0 3px var(--pp-pink-soft)}.pawpass-legend-dot.locked{background:var(--pp-surface-soft)}.pawpass-track-body{display:flex;align-items:stretch;gap:1.25rem;padding:1.5rem 1.5rem 1rem}.pawpass-track-labels-col{display:flex;flex-direction:column;gap:1rem;width:150px;flex-shrink:0;padding:18px 0 .5rem}.pawpass-track-num-spacer{height:48px}.pawpass-track-scroll{flex:1;min-width:0;overflow-x:auto;padding:18px 2px .5rem}.pawpass-track-scroll::-webkit-scrollbar{height:9px}.pawpass-track-scroll::-webkit-scrollbar-track{background:var(--pp-surface-soft);border-radius:4px}.pawpass-track-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--pp-pink),var(--pp-amber));border-radius:4px;border:1px solid var(--pp-border)}.pawpass-track-inner{display:flex;flex-direction:column;gap:1rem;min-width:1320px}.pawpass-tier-numbers{display:grid;grid-template-columns:repeat(15,minmax(82px,1fr));gap:.75rem;position:relative;height:48px;align-items:center}.pawpass-tier-numbers:before{content:"";position:absolute;top:50%;left:4px;right:4px;height:3px;background:repeating-linear-gradient(90deg,var(--pp-amber) 0,var(--pp-amber) 8px,transparent 8px,transparent 14px);z-index:0}.pawpass-tier-num{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--pp-surface);border:2.5px solid var(--pp-border);color:var(--pp-text);font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:2px 2px 0 var(--pp-border)}.pawpass-tier-num.reached{background:var(--pp-amber);color:#fff}.pawpass-tier-num.current{background:var(--pp-surface);color:var(--pp-pink-deep);border-color:var(--pp-pink-deep);border-width:3px;font-weight:800;font-size:1.05rem;transform:scale(1.15);box-shadow:0 0 0 5px #ffffffd9,0 0 0 8px #e8879b73,0 0 18px #e8879b8c,2px 2px 0 var(--pp-border);animation:pp-current-pulse 2.5s ease-in-out infinite}:root.dark .pawpass-tier-num.current{color:var(--pp-pink);border-color:var(--pp-pink);box-shadow:0 0 0 5px #2a2424d9,0 0 0 8px #f2a5b366,0 0 18px #f2a5b380,2px 2px 0 var(--pp-border)}@keyframes pp-current-pulse{0%,to{box-shadow:0 0 0 5px #ffffffd9,0 0 0 8px #e8879b73,0 0 18px #e8879b8c,2px 2px 0 var(--pp-border)}50%{box-shadow:0 0 0 5px #ffffffd9,0 0 0 10px #e8879b2e,0 0 26px #e8879bb3,2px 2px 0 var(--pp-border)}}.pawpass-track-label{flex:1;display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:var(--pp-surface-warm);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);box-shadow:2px 2px 0 var(--pp-border);color:var(--pp-text)}.pawpass-track-label-badge{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--pp-border);color:#fff;flex-shrink:0}.pawpass-track-label-free .pawpass-track-label-badge{background:var(--pp-amber)}.pawpass-track-label-premium .pawpass-track-label-badge{background:linear-gradient(135deg,var(--pp-pink) 0%,var(--pp-pink-deep) 100%)}.pawpass-track-label-premium{background:linear-gradient(135deg,var(--pp-pink-soft) 0%,var(--pp-surface-warm) 100%)}.pawpass-track-label-premium.is-locked{opacity:.85}.pawpass-track-label-text{display:flex;flex-direction:column;line-height:1.1}.pawpass-track-label-name{font-weight:800;font-size:1rem;letter-spacing:.3px}.pawpass-track-label-sub{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;font-size:.7rem;letter-spacing:1px;color:var(--pp-text-muted)}.pawpass-track-row{display:grid;grid-template-columns:repeat(15,minmax(82px,1fr));gap:.75rem}.pawpass-reward-card{position:relative;background:var(--pp-surface-warm);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);padding:.6rem .4rem;box-shadow:2px 2px 0 var(--pp-border);display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.pawpass-reward-card:hover:not(.locked){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pp-border)}.pawpass-reward-free{background:var(--pp-surface)}.pawpass-reward-premium{background:linear-gradient(160deg,var(--pp-pink-soft) 0%,var(--pp-surface-warm) 100%)}.pawpass-reward-card.current{transform:translateY(-3px);box-shadow:3px 5px 0 var(--pp-border);border-color:var(--pp-pink-deep)}:root.dark .pawpass-reward-card.current{border-color:var(--pp-pink)}.pawpass-reward-card.current:after{content:"";position:absolute;inset:-2.5px;border-radius:var(--pp-radius-sm);background:linear-gradient(135deg,var(--pp-pink),var(--pp-amber));z-index:-1;opacity:.4;filter:blur(8px)}.pawpass-reward-premium.legendary{background:linear-gradient(160deg,#fff4c2 0%,var(--pp-pink-soft) 100%);border-color:var(--pp-amber);animation:pp-legendary-pulse 2.5s ease-in-out infinite}:root.dark .pawpass-reward-premium.legendary{background:linear-gradient(160deg,#4a3a24 0%,var(--pp-pink-soft) 100%)}@keyframes pp-legendary-pulse{0%,to{box-shadow:2px 2px 0 var(--pp-border),0 0 #f5a44266}50%{box-shadow:2px 2px 0 var(--pp-border),0 0 0 8px #f5a44200}}.pawpass-reward-art{width:100%;aspect-ratio:1;background:var(--pp-surface);border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--pp-border);position:relative;overflow:hidden}.pawpass-reward-art-premium{background:radial-gradient(circle at 50% 40%,#fff 0%,var(--pp-pink-soft) 100%)}:root.dark .pawpass-reward-art{background:var(--pp-surface-soft)}:root.dark .pawpass-reward-art-premium{background:radial-gradient(circle at 50% 40%,var(--pp-surface-warm) 0%,var(--pp-pink-soft) 100%)}.pawpass-reward-icon{width:38px;height:38px;color:var(--pp-text);filter:drop-shadow(1px 2px 0 rgba(93,78,55,.18))}.pawpass-reward-free .pawpass-reward-icon{color:var(--pp-amber)}.pawpass-reward-premium .pawpass-reward-icon{color:var(--pp-pink-deep)}:root.dark .pawpass-reward-premium .pawpass-reward-icon{color:var(--pp-pink)}.pawpass-reward-premium.legendary .pawpass-reward-icon{color:var(--pp-amber);filter:drop-shadow(0 0 6px rgba(245,200,66,.6))}.pawpass-reward-label{font-size:.78rem;font-weight:700;color:var(--pp-text);text-align:center;line-height:1.1;min-height:1.8em;display:flex;align-items:center;justify-content:center;padding:0 .15rem}.pawpass-legendary-sparkle{position:absolute;top:4px;right:4px;color:var(--pp-amber);animation:pp-spin-slow 4s linear infinite;display:inline-flex}.pawpass-locked-overlay{position:absolute;bottom:6px;right:6px;width:22px;height:22px;background:var(--pp-surface);border:2px solid var(--pp-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--pp-text-muted)}.pawpass-reward-card.locked{cursor:not-allowed}.pawpass-reward-card.locked .pawpass-reward-art{filter:grayscale(.55) brightness(.95);opacity:.85}.pawpass-reward-card.locked .pawpass-reward-label{opacity:.6}.pawpass-claimed-badge{position:absolute;top:4px;left:4px;width:24px;height:24px;background:var(--pp-success);color:#fff;border-radius:50%;border:2px solid var(--pp-border);display:flex;align-items:center;justify-content:center}.pawpass-track-footer{text-align:center;padding:.95rem 1rem;color:var(--pp-text-muted);font-weight:500;font-size:.88rem;border-top:2px dashed var(--pp-border-soft);background:var(--pp-surface-warm);display:flex;align-items:center;justify-content:center;gap:.55rem}.pawpass-track-footer svg{color:var(--pp-amber)}.pawpass-quests-card{position:relative;z-index:2;max-width:1280px;margin:0 auto;background:var(--pp-surface);border:3px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-lg);padding:1.75rem}.pawpass-quests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap;padding-bottom:1.25rem;border-bottom:2px dashed var(--pp-border-soft)}.pawpass-quests-title{display:flex;align-items:center;gap:.85rem;color:var(--pp-text)}.pawpass-quests-title>svg{width:32px;height:32px;color:var(--pp-amber)}.pawpass-quests-title h3{margin:0 0 .2rem;font-size:1.35rem;font-weight:800}.pawpass-quests-title p{margin:0;color:var(--pp-text-muted);font-size:.9rem}.pawpass-quests-summary{display:flex;gap:.5rem}.pawpass-quests-summary-tile{background:var(--pp-surface-warm);border:2px solid var(--pp-border);border-radius:var(--pp-radius-xs);padding:.5rem .85rem;display:flex;flex-direction:column;align-items:center;line-height:1.1;box-shadow:2px 2px 0 var(--pp-border)}.pawpass-quests-summary-num{font-weight:800;color:var(--pp-text);font-size:.95rem}.pawpass-quests-summary-label{font-size:.7rem;letter-spacing:.5px;color:var(--pp-text-muted);font-weight:600}.pawpass-quests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pawpass-quest{background:var(--pp-surface-warm);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);padding:1rem 1.1rem .9rem;box-shadow:var(--pp-shadow-sm);display:flex;flex-direction:column;gap:.55rem;position:relative}.pawpass-quest.done{background:var(--pp-surface-soft);opacity:.9}.pawpass-quest-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pawpass-quest-kind{display:inline-flex;padding:.2rem .65rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.8px;border:2px solid var(--pp-border)}.pawpass-quest-daily .pawpass-quest-kind{background:var(--pp-amber-soft);color:var(--pp-text)}.pawpass-quest-weekly .pawpass-quest-kind{background:var(--pp-pink);color:#fff}.pawpass-quest-xp{display:inline-flex;align-items:center;gap:.3rem;color:var(--pp-pink-deep);font-weight:700;font-size:.82rem}:root.dark .pawpass-quest-xp{color:var(--pp-pink)}.pawpass-quest-title{font-weight:700;color:var(--pp-text);font-size:1rem;line-height:1.25}.pawpass-quest-progress-track{height:10px;background:var(--pp-surface);border:2px solid var(--pp-border);border-radius:999px;overflow:hidden}.pawpass-quest-progress-fill{height:100%;background:linear-gradient(95deg,var(--pp-amber),var(--pp-pink));border-radius:999px;transition:width .4s ease}.pawpass-quest-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.1rem}.pawpass-quest-progress-text{color:var(--pp-text-muted);font-weight:600;font-size:.85rem}.pawpass-quest-status{color:var(--pp-text-muted);font-weight:600;font-size:.8rem;letter-spacing:.3px;display:inline-flex;align-items:center;gap:.3rem}.pawpass-quest-status.done{color:var(--pp-success);font-weight:700}.pawpass-quest-claim-btn{padding:.4rem .95rem;background:linear-gradient(95deg,var(--pp-pink),var(--pp-amber));color:#fff;border:2px solid var(--pp-border);border-radius:999px;font-family:Fredoka,sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:2px 2px 0 var(--pp-border);transition:transform .15s ease,box-shadow .15s ease}.pawpass-quest-claim-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--pp-border)}@media (max-width: 1200px){.pawpass-hero-grid{grid-template-columns:1.2fr .8fr 1fr;gap:1.25rem}.pawpass-cat-img{width:200px}}@media (max-width: 1100px){.pawpass-stats{grid-template-columns:repeat(4,1fr)}.pawpass-progress-section{grid-template-columns:1fr}}@media (max-width: 1024px){.pawpass-container{padding:1.5rem 1.25rem 3rem}.pawpass-hero{padding:1.75rem 1.5rem 1.5rem;border-radius:var(--pp-radius-md)}.pawpass-hero-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.pawpass-hero-cat{grid-column:1 / -1;order:-1;height:200px}.pawpass-cat-img{width:180px;max-height:200px}.pawpass-cat-halo{width:200px;height:200px}.pawpass-cat-glow{width:170px;height:170px}.pawpass-hero-paw-1,.pawpass-hero-paw-2,.pawpass-hero-paw-3{opacity:.05}.pawpass-stats{grid-template-columns:repeat(4,1fr);gap:.7rem}.pawpass-stat{padding:.85rem .95rem;gap:.7rem}.pawpass-stat-icon{width:40px;height:40px}.pawpass-stat-value{font-size:1.1rem}.pawpass-track-header{padding:.95rem 1.25rem}.pawpass-track-body{padding:1.25rem 1.25rem 1rem;gap:1rem}.pawpass-track-labels-col{width:130px}}@media (max-width: 860px){.pawpass-title{font-size:clamp(2.2rem,7vw,3rem)}.pawpass-hero-grid{grid-template-columns:1fr}.pawpass-hero-right{grid-column:1}.pawpass-hero-cat{height:200px}.pawpass-stats{grid-template-columns:repeat(2,1fr)}.pawpass-tabs{width:100%}.pawpass-tab{flex:1;justify-content:center}.pawpass-tabs-wrap{width:100%}.pawpass-quests-header{flex-direction:column;align-items:flex-start}.pawpass-quests-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 860px){.pawpass-variant-bar-label{border-right:none;padding-right:0;width:100%;justify-content:center;padding-bottom:.4rem;border-bottom:2px dashed var(--pp-border-soft)}.pawpass-variant-list{justify-content:center}}@media (max-width: 640px){.pawpass-container{padding:1.25rem .85rem 3rem}.pawpass-hero{padding:1.4rem 1.1rem 1.2rem}.pawpass-variant-bar{padding:.75rem;gap:.65rem}.pawpass-variant{padding:.45rem .75rem .45rem .45rem;gap:.45rem}.pawpass-variant-icon{width:26px;height:26px}.pawpass-variant-name{font-size:.78rem}.pawpass-variant-chip{font-size:.55rem;letter-spacing:.7px}.pawpass-hero-grid{gap:1rem}.pawpass-hero-cat{height:180px}.pawpass-cat-img{width:160px;max-height:180px}.pawpass-cat-halo{width:180px;height:180px}.pawpass-cat-glow{width:150px;height:150px}.pawpass-title{font-size:clamp(2rem,9vw,2.6rem);letter-spacing:-1px}.pawpass-tagline{font-size:.92rem}.pawpass-hero-cta{flex-direction:column;gap:.55rem}.pawpass-btn{width:100%;justify-content:center;padding:.8rem 1.2rem;font-size:.85rem}.pawpass-hero-right{padding:1.1rem}.pawpass-includes-ribbon{left:1.1rem}.pawpass-stats{grid-template-columns:1fr 1fr;gap:.55rem}.pawpass-stat{padding:.75rem .85rem;gap:.65rem}.pawpass-stat-icon{width:36px;height:36px}.pawpass-stat-value{font-size:1rem}.pawpass-stat-label{font-size:.72rem}.pawpass-progress-main{padding:1rem 1.1rem 1.1rem}.pawpass-progress-info{flex-direction:column;align-items:flex-start;gap:.6rem}.pawpass-next-reward-tiles{grid-template-columns:1fr}.pawpass-next-tile{padding:.5rem .65rem}.pawpass-tabs{padding:.3rem;gap:.25rem}.pawpass-tab{padding:.6rem .5rem;font-size:.82rem;gap:.3rem}.pawpass-tab-count{padding:.05rem .4rem;font-size:.68rem}.pawpass-track-card{border-radius:var(--pp-radius-md)}.pawpass-track-header{flex-direction:column;align-items:flex-start;padding:.85rem 1rem}.pawpass-track-header-title{font-size:.95rem}.pawpass-track-legend{gap:.6rem;font-size:.72rem}.pawpass-legend-item{font-size:.72rem}.pawpass-track-body{padding:1rem .85rem .75rem;gap:.7rem}.pawpass-track-labels-col{width:90px}.pawpass-track-label{padding:.7rem .65rem;gap:.5rem}.pawpass-track-label-badge{width:30px;height:30px}.pawpass-track-label-name{font-size:.85rem}.pawpass-track-label-sub{font-size:.6rem;letter-spacing:.6px}.pawpass-track-inner{min-width:1100px;gap:.75rem}.pawpass-tier-numbers{grid-template-columns:repeat(15,minmax(68px,1fr))}.pawpass-track-row{grid-template-columns:repeat(15,minmax(68px,1fr));gap:.55rem}.pawpass-reward-card{padding:.5rem .3rem;gap:.3rem}.pawpass-reward-icon{width:32px;height:32px}.pawpass-reward-label{font-size:.7rem}.pawpass-tier-num{width:38px;height:38px;font-size:.85rem}.pawpass-quests-card{padding:1.25rem 1rem;border-radius:var(--pp-radius-md)}.pawpass-quests-title h3{font-size:1.15rem}.pawpass-quests-title p{font-size:.85rem}.pawpass-quests-summary{width:100%}.pawpass-quests-summary-tile{flex:1}.pawpass-quests-grid{grid-template-columns:1fr;gap:.75rem}.pawpass-quest{padding:.85rem 1rem .75rem}.pawpass-decor{display:none}}@media (max-width: 420px){.pawpass-container{padding:1rem .65rem 2.5rem}.pawpass-hero{padding:1.2rem .9rem 1rem}.pawpass-season-pill{font-size:.66rem;padding:.35rem .7rem;gap:.35rem}.pawpass-stats{grid-template-columns:1fr}.pawpass-track-labels-col{width:72px}.pawpass-track-label{padding:.55rem .45rem;flex-direction:column;gap:.3rem;text-align:center}.pawpass-track-label-text{align-items:center}.pawpass-track-label-name{font-size:.72rem}.pawpass-track-label-sub{font-size:.55rem}}.pawpass-container .pawpass-atmosphere,.pawpass-container .pawpass-particles,.pawpass-container .pawpass-hero,.pawpass-container .pawpass-hero-cat,.pawpass-container .pawpass-track-card,.pawpass-container .pawpass-quests-card,.pawpass-container .pawpass-decor{transition:background-color .4s ease,background .45s ease,color .4s ease,border-color .4s ease,box-shadow .25s ease,opacity .45s ease,transform .45s ease}.pawpass-container.is-swapping .pawpass-atmosphere,.pawpass-container.is-swapping .pawpass-particles{opacity:0}.pawpass-container.is-swapping .pawpass-hero-cat,.pawpass-container.is-swapping .pawpass-title-accent,.pawpass-container.is-swapping .pawpass-tagline,.pawpass-container.is-swapping .pawpass-includes-list,.pawpass-container.is-swapping .pawpass-includes-ribbon,.pawpass-container.is-swapping .pawpass-track-row,.pawpass-container.is-swapping .pp-tier-rail-icons{opacity:.25;transition:opacity .22s ease}.pawpass-container.is-swapping .pawpass-hero-cat{transform:translateY(8px) scale(.97)}.pawpass-cat-img-wrap{position:relative;z-index:1;width:240px;height:240px;display:flex;align-items:center;justify-content:center;animation:pp-cat-enter .65s cubic-bezier(.22,1,.36,1) both}@keyframes pp-cat-enter{0%{opacity:0;transform:translateY(20px) scale(.85)}60%{opacity:1;transform:translateY(-4px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.pp-mascot-frame{position:absolute;width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:.95}.pawpass-hero-cat{height:320px}.pp-orbit-1{transform-origin:160px 160px;animation:pp-orbit-spin 18s linear infinite}.pp-orbit-2{transform-origin:160px 160px;animation:pp-orbit-spin 14s linear infinite reverse}@keyframes pp-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pp-flake-bob{transform-origin:160px 160px;animation:pp-flake-bob 6s ease-in-out infinite}@keyframes pp-flake-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.pp-sun-rays{transform-origin:160px 160px;animation:pp-sun-rays-rotate 28s linear infinite}@keyframes pp-sun-rays-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pp-chain-left{transform-origin:36px 160px;animation:pp-chain-sway 5s ease-in-out infinite}.pp-chain-right{transform-origin:284px 160px;animation:pp-chain-sway 5s ease-in-out infinite reverse}.pp-gem-float{animation:pp-gem-bob 4s ease-in-out infinite}@keyframes pp-chain-sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes pp-gem-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pawpass-container[data-theme=space]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%238b6dff' fill-opacity='0.18'%3E%3Ccircle cx='10' cy='14' r='1.5'/%3E%3Ccircle cx='38' cy='8' r='1'/%3E%3Ccircle cx='58' cy='24' r='2'/%3E%3Ccircle cx='22' cy='42' r='1.2'/%3E%3Ccircle cx='68' cy='52' r='1.5'/%3E%3Ccircle cx='16' cy='66' r='1'/%3E%3Ccircle cx='44' cy='60' r='1.4'/%3E%3Cpath d='M10 14 L22 42 M38 8 L58 24 M22 42 L44 60 M58 24 L68 52' stroke='%238b6dff' stroke-width='0.4' stroke-opacity='0.5' fill='none'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}:root.dark .pawpass-container[data-theme=space]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23b9a4ff' fill-opacity='0.18'%3E%3Ccircle cx='10' cy='14' r='1.5'/%3E%3Ccircle cx='38' cy='8' r='1'/%3E%3Ccircle cx='58' cy='24' r='2'/%3E%3Ccircle cx='22' cy='42' r='1.2'/%3E%3Ccircle cx='68' cy='52' r='1.5'/%3E%3Ccircle cx='16' cy='66' r='1'/%3E%3Ccircle cx='44' cy='60' r='1.4'/%3E%3C/g%3E%3C/svg%3E")}.pawpass-container[data-theme=winter]: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 stroke='%236bb6e6' stroke-width='1' stroke-linecap='round' fill='none' opacity='0.22'%3E%3Cg transform='translate(15 15)'%3E%3Cpath d='M-5 0 H5'/%3E%3Cpath d='M0 -5 V5'/%3E%3Cpath d='M-3.5 -3.5 L3.5 3.5'/%3E%3Cpath d='M-3.5 3.5 L3.5 -3.5'/%3E%3C/g%3E%3Cg transform='translate(45 45)'%3E%3Cpath d='M-4 0 H4'/%3E%3Cpath d='M0 -4 V4'/%3E%3Cpath d='M-3 -3 L3 3'/%3E%3Cpath d='M-3 3 L3 -3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px}.pawpass-container[data-theme=summer]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ff8b6f' fill-opacity='0.13'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Ccircle cx='14' cy='14' r='4'/%3E%3Ccircle cx='26' cy='14' r='4'/%3E%3Ccircle cx='16' cy='26' r='3.5'/%3E%3Ccircle cx='24' cy='26' r='3.5'/%3E%3Ccircle cx='20' cy='20' r='1.5' fill='%23f5c842'/%3E%3C/g%3E%3Cpath d='M0 60 Q15 55 30 60 T60 60 T80 60' stroke='%23f5c842' stroke-width='1.2' stroke-opacity='0.32' fill='none'/%3E%3C/svg%3E");background-size:80px 80px}.pawpass-container[data-theme=drip]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%231f7a5b' fill-opacity='0.1'%3E%3Cpath d='M16 12 L20 8 L24 12 L20 22 Z'/%3E%3Cpath d='M56 52 L60 48 L64 52 L60 62 Z'/%3E%3C/g%3E%3Cg fill='%23d4a637' fill-opacity='0.16' font-family='Fredoka, sans-serif' font-weight='700' font-size='16'%3E%3Ctext x='44' y='28'%3E$%3C/text%3E%3Ctext x='8' y='62'%3E$%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.pawpass-container[data-theme=royal]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%236e3fa5' fill-opacity='0.1'%3E%3Cpath d='M40 8l4 12h12l-10 8 4 12-10-8-10 8 4-12-10-8h12z'/%3E%3C/g%3E%3Cg fill='%23d4a637' fill-opacity='0.18'%3E%3Cpath d='M20 50 Q18 46 19 43 Q20 40 20 46 Q20 40 21 43 Q22 46 20 50 Z'/%3E%3Cellipse cx='20' cy='51' rx='4' ry='1.2'/%3E%3Cpath d='M60 70 Q58 66 59 63 Q60 60 60 66 Q60 60 61 63 Q62 66 60 70 Z'/%3E%3Cellipse cx='60' cy='71' rx='4' ry='1.2'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.pp-card-frame{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;overflow:visible}.pawpass-container[data-theme=space] .pawpass-reward-art-premium{background:radial-gradient(circle at 35% 35%,#4a3e85,#2a2050 70%,#1a1438);box-shadow:inset 0 0 8px #8b6dff66}.pawpass-container[data-theme=space] .pawpass-reward-premium .pawpass-reward-icon{color:#fff8d6;filter:drop-shadow(0 0 4px rgba(255,240,180,.7))}.pawpass-container[data-theme=winter] .pawpass-reward-art-premium{background:linear-gradient(135deg,#fffc,#c7eafa80),radial-gradient(circle at 30% 25%,rgba(255,255,255,1) 0%,transparent 50%);backdrop-filter:blur(4px);box-shadow:inset 0 1px 2px #ffffffe6}:root.dark .pawpass-container[data-theme=winter] .pawpass-reward-art-premium{background:linear-gradient(135deg,#9fd2ee2e,#2d415066)}.pawpass-container[data-theme=summer] .pawpass-reward-art-premium{background:radial-gradient(circle at 70% 30%,#fff3c2,#ffe27a 40%,#ff8b6f 110%);box-shadow:inset 0 -4px 6px #ff8b6f4d}.pawpass-container[data-theme=drip] .pawpass-reward-art-premium{background:linear-gradient(135deg,#e3c357,#d4a637 40%,#b8902c 75%,#d4a637);box-shadow:inset 0 1px 2px #fff5c8b3,inset 0 -2px 4px #78501459}.pawpass-container[data-theme=drip] .pawpass-reward-premium .pawpass-reward-icon{color:#1f7a5b;filter:drop-shadow(1px 1px 0 rgba(255,245,200,.6))}:root.dark .pawpass-container[data-theme=drip] .pawpass-reward-premium .pawpass-reward-icon{color:#f8edc0}.pawpass-container[data-theme=royal] .pawpass-reward-art-premium{background:radial-gradient(circle at 50% 35%,#f3e9fa,#d4b7ec 60%,#b785e0 110%);box-shadow:inset 0 0 0 2px #d4a63759}.pawpass-container[data-theme=royal] .pawpass-reward-premium .pawpass-reward-icon{color:#6e3fa5;filter:drop-shadow(0 1px 0 #d4a637)}.pawpass-container[data-theme=space] .pawpass-reward-free .pawpass-reward-art{background:linear-gradient(160deg,#ece1ff,#f9f4ff)}.pawpass-container[data-theme=winter] .pawpass-reward-free .pawpass-reward-art{background:linear-gradient(160deg,#eef7fc,#fff)}.pawpass-container[data-theme=summer] .pawpass-reward-free .pawpass-reward-art{background:linear-gradient(160deg,#fff6dc,#fffaeb)}.pawpass-container[data-theme=drip] .pawpass-reward-free .pawpass-reward-art{background:linear-gradient(160deg,#effaf3,#fff)}.pawpass-container[data-theme=royal] .pawpass-reward-free .pawpass-reward-art{background:linear-gradient(160deg,#f3e9fa,#fff)}.pawpass-reward-premium{position:relative}.pawpass-track-row:nth-child(3){position:relative}.pawpass-track-row:nth-child(3):before{content:"";position:absolute;inset:-6px -8px;border-radius:18px;z-index:-1;opacity:.55;pointer-events:none;transition:background .45s ease,opacity .45s ease}.pawpass-container[data-theme=space] .pawpass-track-row:nth-child(3):before{background:linear-gradient(95deg,#8b6dff2e,#f0a8e029,#5a3fc72e);box-shadow:inset 0 1px #fff8d673,inset 0 0 14px #8b6dff26}.pawpass-container[data-theme=winter] .pawpass-track-row:nth-child(3):before{background:linear-gradient(95deg,#8fc4e638,#ffffff59,#6bb6e638);box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #6bb6e64d}.pawpass-container[data-theme=summer] .pawpass-track-row:nth-child(3):before{background:linear-gradient(95deg,#ff8b6f29,#f5c84233,#ffaf502e)}.pawpass-container[data-theme=drip] .pawpass-track-row:nth-child(3):before{background:linear-gradient(95deg,#e3c35740,#d4a6374d 30%,#f8edc073,#d4a6374d 70%,#e3c35740);background-size:200% 100%;animation:pp-drip-shimmer 6s linear infinite}.pawpass-container[data-theme=royal] .pawpass-track-row:nth-child(3):before{background:linear-gradient(95deg,#6e3fa52e,#d4a63738,#6e3fa52e);box-shadow:inset 0 0 0 1.5px #d4a63766}.pawpass-container[data-theme=space] .pawpass-track-label-premium{background:linear-gradient(135deg,#d9cdff,#f4ecff)}.pawpass-container[data-theme=winter] .pawpass-track-label-premium{background:linear-gradient(135deg,#d4ecfa,#fff)}.pawpass-container[data-theme=summer] .pawpass-track-label-premium{background:linear-gradient(135deg,#ffe27a,#fff6dc)}.pawpass-container[data-theme=drip] .pawpass-track-label-premium{background:linear-gradient(135deg,#f8edc0,#effaf3);box-shadow:2px 2px 0 var(--pp-border),inset 0 0 0 1px #d4a6374d}.pawpass-container[data-theme=royal] .pawpass-track-label-premium{background:linear-gradient(135deg,#e5d2f3,#f6e6b3);box-shadow:2px 2px 0 var(--pp-border),inset 0 0 0 1px #d4a63780}.pp-tier-rail-icons{position:absolute;inset:0;display:grid;grid-template-columns:repeat(14,1fr);align-items:center;pointer-events:none;padding-left:calc((100% / 15) / 2);padding-right:calc((100% / 15) / 2);z-index:1;transition:opacity .45s ease}.pp-tier-rail-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 auto}.pp-tier-rail-icon svg{width:18px;height:18px;overflow:visible;filter:drop-shadow(1px 1px 0 rgba(93,78,55,.18))}.pawpass-container[data-theme=space] .pawpass-tier-numbers:before{background:repeating-linear-gradient(90deg,#8b6dff 0,#8b6dff 4px,transparent 4px,transparent 12px);opacity:.55}.pawpass-container[data-theme=winter] .pawpass-tier-numbers:before{background:repeating-linear-gradient(90deg,#6bb6e6 0,#6bb6e6 6px,transparent 6px,transparent 14px);opacity:.7}.pawpass-container[data-theme=summer] .pawpass-tier-numbers:before{background:none;height:6px;top:calc(50% - 3px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3E%3Cpath d='M0 4 Q5 0 10 4 T20 4 T30 4 T40 4' stroke='%23f5c842' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:40px 8px;background-repeat:repeat-x;background-position:center;border-radius:0}.pawpass-container[data-theme=drip] .pawpass-tier-numbers:before{background:linear-gradient(90deg,#d4a637,#e3c357,#d4a637);background-size:200% 100%;animation:pp-drip-shimmer 5s linear infinite;height:4px;border-radius:2px;opacity:.85}.pawpass-container[data-theme=royal] .pawpass-tier-numbers:before{background:linear-gradient(90deg,#6e3fa5,#d4a637,#6e3fa5);height:3px;box-shadow:0 1px #d4a63766;opacity:.75}.pawpass-container[data-theme=space] .pawpass-tier-num.reached{background:linear-gradient(135deg,#8b6dff,#5a3fc7)}.pawpass-container[data-theme=winter] .pawpass-tier-num.reached{background:linear-gradient(135deg,#6bb6e6,#2f7fb8)}.pawpass-container[data-theme=summer] .pawpass-tier-num.reached{background:linear-gradient(135deg,#f5c842,#e08a2b)}.pawpass-container[data-theme=drip] .pawpass-tier-num.reached{background:linear-gradient(135deg,#e3c357,#d4a637);color:#1f7a5b}.pawpass-container[data-theme=royal] .pawpass-tier-num.reached{background:linear-gradient(135deg,#d4a637,#b8902c)}.pawpass-container[data-theme=space] .pawpass-btn-primary{background:linear-gradient(135deg,#8b6dff,#c084f5,#f0a8e0);background-size:200% 200%;animation:pp-space-shimmer 6s ease-in-out infinite}@keyframes pp-space-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pawpass-container[data-theme=winter] .pawpass-btn-primary{background:linear-gradient(135deg,#6bb6e6,#9fd2ee);box-shadow:var(--pp-shadow-sm),inset 0 1px #fff9}.pawpass-container[data-theme=summer] .pawpass-btn-primary{background:linear-gradient(135deg,#ff8b6f,#f5c842)}.pawpass-container[data-theme=drip] .pawpass-btn-primary{background:linear-gradient(135deg,#d4a637,#f8edc0,#d4a637);background-size:200% 200%;animation:pp-gold-shimmer 4s linear infinite;color:#1f7a5b;text-shadow:0 1px 0 rgba(255,245,200,.7)}@keyframes pp-gold-shimmer{0%{background-position:0% 0%}to{background-position:200% 200%}}.pawpass-container[data-theme=royal] .pawpass-btn-primary{position:relative;background:linear-gradient(135deg,#6e3fa5,#b785e0);box-shadow:var(--pp-shadow-sm),inset 0 0 0 1.5px #d4a63780}.pawpass-container[data-theme=royal] .pawpass-btn-primary:before{content:"";position:absolute;inset:-2.5px;border-radius:999px;background:linear-gradient(135deg,#d4a637,transparent 30%,transparent 70%,#d4a637);z-index:-1;opacity:.7}.pawpass-container[data-theme=space] .pawpass-btn-upgrade{background:linear-gradient(95deg,#8b6dff,#f0a8e0)}.pawpass-container[data-theme=winter] .pawpass-btn-upgrade{background:linear-gradient(95deg,#2f7fb8,#9fd2ee)}.pawpass-container[data-theme=summer] .pawpass-btn-upgrade{background:linear-gradient(95deg,#e0532f,#f5c842)}.pawpass-container[data-theme=drip] .pawpass-btn-upgrade{background:linear-gradient(95deg,#d4a637,#f8edc0,#4cc6a4);color:#1f3329}.pawpass-container[data-theme=royal] .pawpass-btn-upgrade{background:linear-gradient(95deg,#6e3fa5,#d4a637)}.pawpass-container[data-theme=space] .pawpass-includes-ribbon{background:linear-gradient(95deg,#8b6dff,#f0a8e0)}.pawpass-container[data-theme=winter] .pawpass-includes-ribbon{background:linear-gradient(95deg,#2f7fb8,#9fd2ee)}.pawpass-container[data-theme=summer] .pawpass-includes-ribbon{background:linear-gradient(95deg,#ff8b6f,#f5c842)}.pawpass-container[data-theme=drip] .pawpass-includes-ribbon{background:linear-gradient(95deg,#d4a637,#f8edc0,#d4a637);background-size:200% 100%;animation:pp-drip-shimmer 5s linear infinite;color:#1f7a5b}.pawpass-container[data-theme=royal] .pawpass-includes-ribbon{background:linear-gradient(95deg,#6e3fa5,#d4a637);box-shadow:var(--pp-shadow-xs),inset 0 0 0 1px #fff5c880}.pawpass-container[data-theme=space] .pawpass-season-pill{background:#ece1ff;color:#5a3fc7;border-color:#5a3fc7}.pawpass-container[data-theme=winter] .pawpass-season-pill{background:#e7f4fc;color:#2f7fb8;border-color:#2f7fb8}.pawpass-container[data-theme=summer] .pawpass-season-pill{background:#fff3c2;color:#e0532f;border-color:#e0532f}.pawpass-container[data-theme=drip] .pawpass-season-pill{background:#effaf3;color:#1f7a5b;border-color:#1f7a5b}.pawpass-container[data-theme=royal] .pawpass-season-pill{background:#f3e9fa;color:#6e3fa5;border-color:#6e3fa5}.pawpass-quest{position:relative;overflow:hidden}.pp-quest-corner{position:absolute;top:-12px;right:-12px;width:80px;height:80px;pointer-events:none;opacity:.5;transition:opacity .45s ease,background .45s ease}.pawpass-container[data-theme=space] .pp-quest-corner{background:radial-gradient(circle at 70% 30%,rgba(139,109,255,.4) 0%,transparent 60%)}.pawpass-container[data-theme=winter] .pp-quest-corner{background:radial-gradient(circle at 70% 30%,rgba(143,196,230,.5) 0%,transparent 60%)}.pawpass-container[data-theme=summer] .pp-quest-corner{background:radial-gradient(circle at 70% 30%,rgba(245,200,66,.5) 0%,transparent 60%)}.pawpass-container[data-theme=drip] .pp-quest-corner{background:radial-gradient(circle at 70% 30%,rgba(212,166,55,.45) 0%,transparent 60%)}.pawpass-container[data-theme=royal] .pp-quest-corner{background:radial-gradient(circle at 70% 30%,rgba(212,166,55,.5) 0%,transparent 60%)}.pawpass-container[data-theme=space] .pawpass-quest{background:linear-gradient(160deg,#f9f4ff 0%,var(--pp-surface-warm) 100%)}.pawpass-container[data-theme=winter] .pawpass-quest{background:linear-gradient(160deg,#ffffff 0%,var(--pp-surface-warm) 100%)}.pawpass-container[data-theme=summer] .pawpass-quest{background:linear-gradient(160deg,#fffaeb 0%,var(--pp-surface-warm) 100%)}.pawpass-container[data-theme=drip] .pawpass-quest,.pawpass-container[data-theme=royal] .pawpass-quest{background:linear-gradient(160deg,#ffffff 0%,var(--pp-surface-warm) 100%)}.pawpass-reward-premium.legendary .pp-card-frame{display:none}.pawpass-reward-premium.legendary{position:relative}.pawpass-reward-premium.legendary:after{content:"";position:absolute;bottom:6px;left:6px;width:14px;height:14px;border-radius:50%;border:2px solid var(--pp-border);box-shadow:1px 1px 0 var(--pp-border);z-index:3;transition:background .45s ease}.pawpass-container[data-theme=space] .pawpass-reward-premium.legendary:after{background:radial-gradient(circle,#fff8d6,#8b6dff)}.pawpass-container[data-theme=winter] .pawpass-reward-premium.legendary:after{background:radial-gradient(circle,#fff,#6bb6e6)}.pawpass-container[data-theme=summer] .pawpass-reward-premium.legendary:after{background:radial-gradient(circle,#fff3c2,#ff8b6f)}.pawpass-container[data-theme=drip] .pawpass-reward-premium.legendary:after{background:radial-gradient(circle,#f8edc0,#4cc6a4)}.pawpass-container[data-theme=royal] .pawpass-reward-premium.legendary:after{background:radial-gradient(circle,#f6e6b3,#6e3fa5)}@media (prefers-reduced-motion: reduce){.pawpass-particle,.pawpass-decor,.pawpass-cat-img-wrap,.pp-orbit-1,.pp-orbit-2,.pp-flake-bob,.pp-sun-rays,.pp-chain-left,.pp-chain-right,.pp-gem-float,.pawpass-cat-spark,.pawpass-cat-glow,.pawpass-progress-shine,.pawpass-tier-num.current,.pawpass-pill-status:before,.pawpass-container[data-theme=summer] .pawpass-hero:after,.pawpass-container[data-theme=drip] .pawpass-hero:before,.pawpass-container[data-theme=drip] .pawpass-tier-numbers:before,.pawpass-container[data-theme=drip] .pawpass-includes-ribbon,.pawpass-container[data-theme=drip] .pawpass-track-row:nth-child(3):before,.pawpass-reward-premium.legendary,.pawpass-container[data-theme=space] .pawpass-btn-primary,.pawpass-container[data-theme=drip] .pawpass-btn-primary{animation:none!important}.pawpass-particles{display:none}.pawpass-container.is-swapping .pawpass-hero-cat{transform:none}.pawpass-container,.pawpass-container *{transition:opacity .2s ease!important}}@media (max-width: 640px){.pawpass-hero-cat{height:220px}.pp-mascot-frame{width:260px;height:260px}.pawpass-cat-img-wrap{width:180px;height:180px}.pawpass-container[data-theme=winter] .pawpass-reward-art-premium{backdrop-filter:none}.pp-tier-rail-icons{display:none}}@media (max-width: 860px){.pawpass-particle{--pp-opacity: calc(var(--pp-opacity, .6) * .7)}}.pawpass-container .pawpass-hero:after{transition:transform .6s ease,opacity .6s ease}.pawpass-container.is-swapping .pawpass-hero:after{transform:translateZ(0) scale(1.3);opacity:.85}.pawpass-title-accent{background-size:200% 100%;animation:pp-title-shimmer 8s linear infinite}@keyframes pp-title-shimmer{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.pp-featured,.pp-row-2col,.pp-shop{position:relative;z-index:2;max-width:1280px;margin:0 auto 1.25rem}.pp-featured{display:grid;grid-template-columns:160px 1fr 200px;gap:1.5rem;align-items:center;padding:1.4rem 1.6rem;background:linear-gradient(135deg,var(--pp-surface) 0%,var(--pp-surface-warm) 100%);border:3px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-lg);overflow:hidden}.pp-featured-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(245,200,66,.35) 0%,rgba(232,135,155,.15) 50%,transparent 75%);top:-180px;left:30px;z-index:0;pointer-events:none;animation:pp-glow 5s ease-in-out infinite}.pp-featured>*:not(.pp-featured-glow){position:relative;z-index:1}.pp-featured-art{position:relative;display:flex;align-items:center;justify-content:center}.pp-featured-art-frame{width:130px;height:130px;border-radius:18px;background:radial-gradient(circle at 50% 35%,var(--pp-amber-pale) 0%,var(--pp-pink-soft) 100%);border:3px solid var(--pp-border);box-shadow:var(--pp-shadow),inset 0 0 0 3px #ffffff80,inset 0 0 18px #f5a4424d;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:pp-legendary-pulse 2.5s ease-in-out infinite}.pp-featured-art-shine{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);animation:pp-shine 3s linear infinite}.pp-featured-icon{color:var(--pp-amber);fill:var(--pp-amber-soft);filter:drop-shadow(2px 3px 0 rgba(93,78,55,.4));position:relative;z-index:2}.pp-featured-rays{position:absolute;inset:0;pointer-events:none;animation:pp-spin-slow 14s linear infinite}.pp-featured-rays span{position:absolute;left:50%;top:50%;width:4px;height:56px;margin-left:-2px;margin-top:-56px;background:linear-gradient(to top,rgba(245,200,66,.5),transparent);transform-origin:50% 56px;border-radius:2px}.pp-featured-rarity{position:absolute;bottom:-8px;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .7rem;background:linear-gradient(95deg,var(--pp-amber),var(--pp-amber-soft));color:var(--pp-text);font-weight:800;font-size:.65rem;letter-spacing:1.5px;border:2px solid var(--pp-border);border-radius:999px;box-shadow:2px 2px 0 var(--pp-border);z-index:3}.pp-featured-body{display:flex;flex-direction:column;gap:.5rem;min-width:0}.pp-featured-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.7rem;letter-spacing:1.2px;color:var(--pp-pink-deep)}:root.dark .pp-featured-eyebrow{color:var(--pp-pink)}.pp-featured-name{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.5px;line-height:1.05;background:linear-gradient(95deg,var(--pp-pink-deep) 0%,var(--pp-amber) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.pp-featured-flair{margin:0;color:var(--pp-text-muted);font-size:.92rem;font-weight:500;line-height:1.4;text-wrap:pretty}.pp-featured-progress{display:flex;align-items:center;gap:.8rem;margin-top:.3rem}.pp-featured-progress-track{flex:1;height:10px;background:var(--pp-surface-soft);border:2px solid var(--pp-border);border-radius:999px;overflow:hidden;max-width:320px}.pp-featured-progress-fill{height:100%;background:linear-gradient(95deg,var(--pp-pink),var(--pp-amber));border-radius:999px}.pp-featured-progress-text{color:var(--pp-text-muted);font-weight:600;font-size:.85rem;white-space:nowrap}.pp-featured-progress-text strong{color:var(--pp-pink-deep);font-weight:800}:root.dark .pp-featured-progress-text strong{color:var(--pp-pink)}.pp-featured-side{display:flex;flex-direction:column;gap:.6rem}.pp-featured-meta{background:var(--pp-surface);border:2px solid var(--pp-border);border-radius:var(--pp-radius-sm);box-shadow:2px 2px 0 var(--pp-border);padding:.5rem .7rem;display:flex;flex-direction:column;gap:.3rem}.pp-featured-meta-row{display:grid;grid-template-columns:16px 1fr auto;gap:.4rem;align-items:center;color:var(--pp-text-muted);font-size:.78rem;font-weight:600}.pp-featured-meta-row svg{color:var(--pp-amber)}.pp-featured-meta-row strong{color:var(--pp-text);font-weight:800}.pp-featured-cta{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.65rem 1rem;background:linear-gradient(95deg,var(--pp-pink),var(--pp-amber));color:#fff;border:2.5px solid var(--pp-border);border-radius:999px;box-shadow:var(--pp-shadow-sm);font-family:Fredoka,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.5px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pp-featured-cta:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pp-border)}.pp-row-2col{display:grid;grid-template-columns:1.1fr 1fr;gap:.85rem}.pp-streak,.pp-boosters{background:var(--pp-surface);border:3px solid var(--pp-border);border-radius:var(--pp-radius-md);box-shadow:var(--pp-shadow);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.pp-streak-header,.pp-boosters-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.pp-streak-title,.pp-boosters-title,.pp-shop-title{display:flex;align-items:center;gap:.7rem;color:var(--pp-text)}.pp-streak-title>svg,.pp-boosters-title>svg{color:var(--pp-amber);flex-shrink:0}.pp-streak-title h4,.pp-boosters-title h4,.pp-shop-title h4{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.2px}.pp-streak-title span,.pp-boosters-title span,.pp-shop-title span{display:block;color:var(--pp-text-muted);font-size:.78rem;font-weight:500}.pp-streak-count{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.pp-streak-count-num{font-size:1.6rem;font-weight:800;color:var(--pp-pink-deep);line-height:1}:root.dark .pp-streak-count-num{color:var(--pp-pink)}.pp-streak-count-label{font-size:.7rem;color:var(--pp-text-muted);letter-spacing:.5px;font-weight:600;text-transform:uppercase;margin-top:2px}.pp-streak-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.pp-streak-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem .55rem;background:var(--pp-surface-warm);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-xs);box-shadow:2px 2px 0 var(--pp-border);cursor:pointer;font-family:Fredoka,sans-serif;color:var(--pp-text);transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.pp-streak-day:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--pp-border)}.pp-streak-day:disabled{cursor:not-allowed}.pp-streak-day-label{font-size:.62rem;font-weight:700;letter-spacing:.5px;color:var(--pp-text-muted);text-transform:uppercase}.pp-streak-day-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--pp-surface);border:2px solid var(--pp-border);color:var(--pp-amber)}.pp-streak-day-reward{font-size:.66rem;font-weight:700;color:var(--pp-text-muted)}.pp-streak-day.claimed{background:linear-gradient(160deg,var(--pp-amber-pale) 0%,var(--pp-surface-warm) 100%)}.pp-streak-day.claimed .pp-streak-day-icon{background:var(--pp-amber);color:#fff}.pp-streak-day.claimed .pp-streak-day-reward{color:var(--pp-amber);font-weight:800}.pp-streak-day.today{background:linear-gradient(160deg,var(--pp-pink-soft) 0%,var(--pp-surface-warm) 100%);border-color:var(--pp-pink-deep);border-width:3px}.pp-streak-day.today .pp-streak-day-icon{background:var(--pp-pink);color:#fff}.pp-streak-day.today .pp-streak-day-reward{color:var(--pp-pink-deep);font-weight:800}.pp-streak-day.locked .pp-streak-day-icon{color:var(--pp-text-muted);opacity:.7}.pp-streak-day.locked .pp-streak-day-reward{opacity:.6}.pp-streak-day.big .pp-streak-day-icon{background:var(--pp-amber-soft);color:var(--pp-pink-deep)}.pp-streak-day.big.claimed .pp-streak-day-icon{background:var(--pp-amber);color:#fff}.pp-streak-pulse{position:absolute;inset:-4px;border-radius:12px;border:2px solid var(--pp-pink);pointer-events:none;animation:pp-streak-ring 1.6s ease-in-out infinite}@keyframes pp-streak-ring{0%,to{opacity:.85;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}}.pp-boosters-cta{display:inline-flex;align-items:center;gap:.2rem;padding:.5rem .85rem;background:var(--pp-surface-warm);color:var(--pp-text);border:2.5px solid var(--pp-border);border-radius:999px;box-shadow:2px 2px 0 var(--pp-border);font-family:Fredoka,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.pp-boosters-cta:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--pp-border)}.pp-boosters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.pp-booster{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.55rem .7rem;background:var(--pp-surface-warm);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-xs);box-shadow:2px 2px 0 var(--pp-border);min-width:0}.pp-booster.queued{opacity:.55}.pp-booster-icon{width:32px;height:32px;border-radius:8px;background:var(--pp-pink);color:#fff;border:2px solid var(--pp-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pp-booster.queued .pp-booster-icon{background:var(--pp-surface-soft);color:var(--pp-text-muted)}.pp-booster-body{display:flex;flex-direction:column;line-height:1.1;min-width:0}.pp-booster-mult{font-weight:800;color:var(--pp-pink-deep);font-size:1rem}:root.dark .pp-booster-mult{color:var(--pp-pink)}.pp-booster-label{font-size:.7rem;color:var(--pp-text-muted);font-weight:600;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-booster-time{display:inline-flex;align-items:center;gap:.2rem;color:var(--pp-text-muted);font-size:.7rem;font-weight:700;background:var(--pp-surface);padding:.18rem .4rem;border-radius:999px;border:1.5px solid var(--pp-border-soft);flex-shrink:0}.pp-shop{background:var(--pp-surface);border:3px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-lg);padding:1.4rem 1.5rem}.pp-shop-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:2px dashed var(--pp-border-soft)}.pp-shop-title>svg{color:var(--pp-amber);flex-shrink:0}.pp-shop-timer{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .85rem;background:var(--pp-amber-pale);color:var(--pp-text);border:2px solid var(--pp-border);border-radius:999px;font-weight:700;font-size:.78rem;box-shadow:2px 2px 0 var(--pp-border)}.pp-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.pp-shop-item{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:.85rem;padding:.75rem .9rem;background:var(--pp-surface-warm);border:2.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);box-shadow:2px 2px 0 var(--pp-border);transition:transform .15s ease,box-shadow .15s ease}.pp-shop-item:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pp-border)}.pp-shop-art{position:relative;width:78px;height:78px;background:var(--pp-surface);border:2px solid var(--pp-border);border-radius:var(--pp-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--pp-pink-deep);overflow:visible}:root.dark .pp-shop-art{color:var(--pp-pink)}.pp-shop-art svg{filter:drop-shadow(1px 2px 0 rgba(93,78,55,.2))}.pp-shop-chip{position:absolute;top:-8px;left:-8px;padding:.15rem .45rem;background:var(--pp-pink-deep);color:#fff;border:2px solid var(--pp-border);border-radius:999px;font-weight:800;font-size:.58rem;letter-spacing:.7px;box-shadow:1px 1px 0 var(--pp-border);z-index:2}:root.dark .pp-shop-chip{background:var(--pp-pink);color:var(--pp-border)}.pp-shop-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.pp-shop-name{font-weight:700;font-size:.92rem;color:var(--pp-text);line-height:1.2}.pp-shop-price{display:inline-flex;align-items:center;gap:.3rem;color:var(--pp-amber);font-weight:700;font-size:.85rem}.pp-shop-price strong{color:var(--pp-text);font-weight:800}.pp-shop-buy{padding:.5rem .95rem;background:linear-gradient(95deg,var(--pp-pink),var(--pp-amber));color:#fff;border:2.5px solid var(--pp-border);border-radius:999px;box-shadow:2px 2px 0 var(--pp-border);font-family:Fredoka,sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pp-shop-buy:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--pp-border)}.pawpass-container[data-theme=space] .pp-featured-art-frame{background:radial-gradient(circle at 50% 35%,#ece1ff,#8b6dff 110%)}.pawpass-container[data-theme=space] .pp-featured-icon{color:#fff8d6;fill:#fff8d6}.pawpass-container[data-theme=winter] .pp-featured-art-frame{background:radial-gradient(circle at 50% 35%,#fff,#6bb6e6 110%)}.pawpass-container[data-theme=winter] .pp-featured-icon{color:#fff;fill:#fff}.pawpass-container[data-theme=summer] .pp-featured-art-frame{background:radial-gradient(circle at 50% 35%,#fff3c2,#ff8b6f 110%)}.pawpass-container[data-theme=summer] .pp-featured-icon{color:#fff;fill:#fff3c2}.pawpass-container[data-theme=drip] .pp-featured-art-frame{background:linear-gradient(135deg,#e3c357,#d4a637 40%,#f8edc0 50%,#d4a637 70%,#b8902c);background-size:200% 200%;animation:pp-gold-shimmer 4s linear infinite,pp-legendary-pulse 2.5s ease-in-out infinite}.pawpass-container[data-theme=drip] .pp-featured-icon{color:#1f7a5b;fill:#4cc6a4}.pawpass-container[data-theme=royal] .pp-featured-art-frame{background:radial-gradient(circle at 50% 35%,#f6e6b3,#b785e0 70%,#6e3fa5 110%);box-shadow:var(--pp-shadow),inset 0 0 0 3px #d4a63799,inset 0 0 18px #d4a6374d}.pawpass-container[data-theme=royal] .pp-featured-icon{color:#d4a637;fill:#f6e6b3}.pawpass-container[data-theme=space] .pp-featured-cta{background:linear-gradient(95deg,#8b6dff,#f0a8e0)}.pawpass-container[data-theme=winter] .pp-featured-cta{background:linear-gradient(95deg,#2f7fb8,#9fd2ee)}.pawpass-container[data-theme=summer] .pp-featured-cta{background:linear-gradient(95deg,#ff8b6f,#f5c842)}.pawpass-container[data-theme=drip] .pp-featured-cta{background:linear-gradient(95deg,#d4a637,#f8edc0,#4cc6a4);background-size:200% 100%;animation:pp-drip-shimmer 5s linear infinite;color:#1f3329}.pawpass-container[data-theme=royal] .pp-featured-cta{background:linear-gradient(95deg,#6e3fa5,#d4a637)}.pawpass-container[data-theme=space] .pp-shop-art{background:radial-gradient(circle at 50% 35%,#ece1ff,#d9cdff)}.pawpass-container[data-theme=winter] .pp-shop-art{background:radial-gradient(circle at 50% 35%,#fff,#d4ecfa)}.pawpass-container[data-theme=summer] .pp-shop-art{background:radial-gradient(circle at 50% 35%,#fff3c2,#ffd9cd)}.pawpass-container[data-theme=drip] .pp-shop-art{background:linear-gradient(135deg,#effaf3,#f8edc0);box-shadow:inset 0 0 0 1.5px #d4a63766}.pawpass-container[data-theme=royal] .pp-shop-art{background:radial-gradient(circle at 50% 35%,#f3e9fa,#e5d2f3);box-shadow:inset 0 0 0 1.5px #d4a63759}.pawpass-container.is-swapping .pp-featured-art-frame,.pawpass-container.is-swapping .pp-shop-grid,.pawpass-container.is-swapping .pp-featured-name{opacity:.4;transition:opacity .22s ease}@media (max-width: 1100px){.pp-featured{grid-template-columns:130px 1fr;grid-template-rows:auto auto}.pp-featured-side{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.pp-featured-meta{flex:1;flex-direction:row;gap:1rem}.pp-featured-meta-row{grid-template-columns:16px auto auto}.pp-row-2col{grid-template-columns:1fr}.pp-shop-grid{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.pp-featured{padding:1.1rem;gap:1rem}.pp-featured-art-frame{width:110px;height:110px}.pp-featured-icon{width:64px;height:64px}.pp-featured-name{font-size:1.35rem}.pp-shop-grid{grid-template-columns:1fr}}@media (max-width: 640px){.pp-featured{grid-template-columns:1fr;text-align:center}.pp-featured-art{justify-content:center}.pp-featured-body{align-items:center}.pp-featured-progress{flex-direction:column;align-items:stretch}.pp-featured-progress-track{max-width:none;width:100%}.pp-featured-side{flex-direction:column}.pp-featured-cta{width:100%}.pp-streak-row{grid-template-columns:repeat(7,1fr);gap:.25rem}.pp-streak-day{padding:.4rem .15rem}.pp-streak-day-icon{width:28px;height:28px}.pp-streak-day-label,.pp-streak-day-reward{font-size:.55rem}.pp-boosters-row{grid-template-columns:1fr}.pp-shop-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.pawpass-container[data-theme=royal]{--pp-cat-offset: 36px}.pawpass-container[data-theme=winter]{--pp-cat-offset: 26px}.pawpass-container[data-theme=summer]{--pp-cat-offset: 22px}.pawpass-container[data-theme=space],.pawpass-container[data-theme=drip]{--pp-cat-offset: 0px}:root{--cream: #FDF5E6;--cream-warm: #FCEBD5;--cream-deep: #F7DFBE;--card: #FFFFFF;--ink: #5D4E37;--ink-soft: rgba(93, 78, 55, .16);--shadow: #5D4E37;--text: #5D4E37;--text-mid: #8B7355;--text-muted: #A89880;--pink: #E8879B;--pink-d: #D96A82;--yellow: #F5C842;--orange: #F5A442;--green: #7CC47E;--mint: #BFE3C8;--blue: #8FC8E8;--purple: #C3A6E8;--accent: var(--pink);--wall: #FBE6C6;--wall-2: #F6D9AE;--wall-rail: #C99A63;--floor: #E4B987;--floor-2: #CF9C63;--plank-line: rgba(120, 78, 38, .22);--wood: #A9743F;--wood-d: #875B2E;--sky-top: #BFE6F2;--sky-bot: #FCEBD0;--sun: #FFE38A;--hill: #BFE0C2;--hill-2: #A8D2AD;--beam: rgba(255, 240, 190, .55);--leaf: #7CC47E;--leaf-d: #5BA85F;--pot: #D98E5C;--pot-d: #B5703F}:root.tnight{--wall: #4a3d52;--wall-2: #3f3447;--wall-rail: #6b5670;--floor: #5a4636;--floor-2: #46352a;--plank-line: rgba(20, 12, 6, .45);--wood: #6a4d30;--wood-d: #4e3822;--sky-top: #1d2347;--sky-bot: #3a2f55;--sun: #FFF3C4;--hill: #2e3a52;--hill-2: #25304a;--beam: rgba(180, 200, 255, .18);--leaf: #5f9e63;--leaf-d: #4a7d4d}:root.dark{--cream: #1e1a1a;--cream-warm: #2a2424;--cream-deep: #221c1c;--card: #322b2b;--ink: #6b5a40;--ink-soft: rgba(245, 235, 224, .12);--shadow: #120d0a;--text: #f5ebe0;--text-mid: #d5c4b4;--text-muted: #9a8a76;--pink: #f2a5b3;--yellow: #f7d070;--orange: #e8985a;--green: #9cd49c;--mint: #8fc8a0;--blue: #7fb6d6;--purple: #b79ce0}.tama-root{min-height:calc(100vh - 7rem);font-family:Fredoka,sans-serif;color:var(--text);background:var(--cream);position:relative;display:flex;align-items:flex-start;justify-content:center;padding:26px 16px 60px;overflow-x:hidden}.tama-root *{box-sizing:border-box}.tama-root:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' viewBox='0 0 60 60'%3E%3Cg fill='%23C9A877' fill-opacity='0.13'%3E%3Cellipse cx='30' cy='22' rx='8' ry='9'/%3E%3Cellipse cx='17' cy='34' rx='4.6' ry='5.4'/%3E%3Cellipse cx='43' cy='34' rx='4.6' ry='5.4'/%3E%3Cellipse cx='23' cy='45' rx='3.7' ry='4.4'/%3E%3Cellipse cx='37' cy='45' rx='3.7' ry='4.4'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.tama-stack{position:relative;z-index:1;width:100%;max-width:880px;display:flex;flex-direction:column;gap:14px}.tama-realbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card);border:3px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--shadow);padding:10px 14px}.tama-back{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;color:var(--text);background:var(--cream-warm);border:2.5px solid var(--ink);border-radius:14px;box-shadow:2px 2px 0 var(--shadow);padding:6px 14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tama-back:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.tama-back:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shadow)}.trb-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.trb-name{font-weight:700;font-size:16px;color:var(--text)}.trb-stat{font-weight:700;font-size:12px;color:var(--text-mid);background:var(--cream-deep);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;white-space:nowrap}.trb-earn{position:relative;display:flex;align-items:center}.trb-earn-total{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:13px;color:var(--text);background:linear-gradient(135deg,var(--yellow),var(--orange));border:2.5px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--shadow);padding:4px 12px;white-space:nowrap}.trb-earn-pop{position:absolute;right:4px;top:-6px;font-weight:800;font-size:13px;color:var(--green);pointer-events:none;animation:trb-rise 1s ease-out forwards}@keyframes trb-rise{0%{opacity:0;transform:translateY(6px) scale(.8)}25%{opacity:1;transform:translateY(-6px) scale(1.1)}to{opacity:0;transform:translateY(-26px) scale(1)}}.tama-load{position:relative;z-index:1;margin-top:12vh;text-align:center;font-weight:600;color:var(--text-mid);display:flex;flex-direction:column;align-items:center;gap:14px}.dock-xp{position:absolute;bottom:4px;right:5px;font-size:9px;font-weight:800;line-height:1;color:var(--text);background:var(--yellow);border:1.5px solid var(--ink);border-radius:999px;padding:1px 5px;pointer-events:none}.tama-panel{position:relative;z-index:1;width:100%;max-width:880px;background:var(--card);border:3px solid var(--ink);border-radius:30px;box-shadow:7px 7px 0 var(--shadow);padding:16px 16px 18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tama-body{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.tama-body{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch}.tama-left{display:flex}.tama-left .tama-stage{flex:1;height:auto;min-height:430px;margin-bottom:0}.tama-right{display:flex;flex-direction:column;gap:12px}.tama-right .tama-vitals{margin-top:0}.tama-right .tama-dock{margin-top:auto;padding-top:4px}}.vital-bond{background:var(--cream-warm);border:2.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--shadow);padding:12px 14px}.vital-bond .vital-row{margin-bottom:8px}.vb-cap{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap}.vb-sub{margin-top:7px;font-size:11px;font-weight:600;color:var(--text-mid)}.room-clock,.room-hangplant{display:none}.room-clock{position:absolute;top:31%;left:52%;transform:translate(-50%);z-index:2;filter:drop-shadow(2px 3px 0 rgba(93,78,55,.15))}.room-hangplant{position:absolute;top:0;left:61%;transform:translate(-50%);z-index:2;filter:drop-shadow(1px 2px 0 rgba(93,78,55,.15))}@media (min-width: 720px){.room-clock,.room-hangplant{display:block}}.tama-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tama-iconbtn{display:flex;padding:9px;border-radius:14px;background:var(--cream-warm);border:2.5px solid var(--ink);color:var(--text);cursor:pointer;box-shadow:2px 2px 0 var(--shadow);transition:transform .12s ease,box-shadow .12s ease;flex-shrink:0}.tama-iconbtn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.tama-iconbtn:active{transform:translate(2px,2px);box-shadow:none}.tama-head-title{flex:1;min-width:0}.tama-avatar{position:relative;width:50px;height:50px;flex-shrink:0;padding:0;border-radius:15px;overflow:visible;background:var(--cream-warm);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tama-avatar:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.tama-avatar:active{transform:translate(2px,2px);box-shadow:none}.tama-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px;display:block}.tama-avatar-swap{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;border:2px solid var(--ink);display:grid;place-items:center;box-shadow:1px 1px 0 var(--shadow)}.tama-head-eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-muted);line-height:1}.tama-head-name{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:21px;font-weight:700;color:var(--text);line-height:1.05;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.tama-head-name .pencil{color:var(--text-muted);opacity:0;transition:opacity .15s}.tama-head-name:hover .pencil{opacity:1}.tama-coins{display:flex;align-items:center;gap:6px;padding:8px 13px;font-weight:700;font-size:15px;font-family:inherit;color:var(--ink);background:var(--yellow);border:2.5px solid var(--ink);border-radius:99px;box-shadow:2px 2px 0 var(--shadow);flex-shrink:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tama-coins:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.tama-coins:active{transform:translate(2px,2px);box-shadow:none}:root.dark .tama-coins{color:#2a211a}.tama-coins .coin-dot{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6cf,var(--orange));border:2px solid var(--ink);display:grid;place-items:center;font-size:9px;color:var(--ink)}.tama-stage{position:relative;height:372px;border-radius:24px;overflow:hidden;cursor:pointer;border:3px solid var(--ink);box-shadow:inset 0 0 0 3px #ffffff38,4px 4px 0 var(--shadow);background:var(--wall-2)}.room-wall{position:absolute;left:0;right:0;top:0;height:64%;background:linear-gradient(180deg,var(--wall) 0%,var(--wall-2) 100%)}.room-wall:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 53px,rgba(120,78,38,.07) 53px 55px)}.room-rail{position:absolute;left:0;right:0;top:64%;height:5px;background:var(--wall-rail);box-shadow:0 3px #784e262e,0 -1px #ffffff4d inset;z-index:2}.room-floor{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,var(--floor) 0%,var(--floor-2) 100%);border-top:3px solid var(--wood-d)}.room-floor:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 64px,var(--plank-line) 64px 66px),repeating-linear-gradient(0deg,transparent 0 26px,rgba(120,78,38,.1) 26px 27px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}.room-window{position:absolute;top:30px;left:22px;width:96px;height:116px;border-radius:48px 48px 8px 8px;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 100%);border:5px solid var(--wood);box-shadow:0 4px 0 var(--wood-d),inset 0 0 0 2px #ffffff40;overflow:hidden;z-index:1}.room-window .w-orb{position:absolute;top:16px;right:18px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,var(--sun));box-shadow:0 0 16px 4px #ffe48acc;transition:all .6s ease}:root.tnight .room-window .w-orb{box-shadow:0 0 14px 3px #fff3c499;background:radial-gradient(circle at 62% 38%,#fff 40%,#e9e3c0 41%)}:root.tnight .room-window .w-orb:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -6px -2px #b4aa8c66}.room-window .w-hill{position:absolute;bottom:-6px;left:-10px;right:-10px;height:34px;background:radial-gradient(40px 30px at 26% 100%,var(--hill-2) 0 99%,transparent),radial-gradient(46px 32px at 70% 100%,var(--hill) 0 99%,transparent)}.room-window .w-cloud{position:absolute;width:30px;height:10px;border-radius:99px;background:#fffc;box-shadow:10px -4px 0 -2px #fffc,-8px -2px 0 -3px #fffc;top:30px;left:-34px;animation:cloud-drift 18s linear infinite}:root.tnight .room-window .w-cloud{opacity:0}.room-window .w-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:0}:root.tnight .room-window .w-star{opacity:.9;animation:twinkle 3s ease-in-out infinite}.room-window .w-bar{position:absolute;background:var(--wood)}.room-window .w-bar.v{left:50%;top:0;bottom:0;width:4px;transform:translate(-50%)}.room-window .w-bar.h{top:54%;left:0;right:0;height:4px}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(150px)}}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.95}}.room-beam{position:absolute;top:60px;left:60px;width:150px;height:280px;background:linear-gradient(150deg,var(--beam) 0%,transparent 62%);transform:skew(-12deg);transform-origin:top left;pointer-events:none;z-index:2;mix-blend-mode:screen;opacity:.9}.room-bunting{position:absolute;top:0;right:0;width:56%;height:40px;z-index:2;pointer-events:none}.room-shelf{position:absolute;top:58px;right:24px;width:104px;height:8px;background:var(--wood);border-radius:4px;box-shadow:0 3px 0 var(--wood-d);z-index:2}.room-shelf .bk{position:absolute;bottom:8px;width:11px;border-radius:2px 2px 0 0;box-shadow:inset 0 0 0 1.5px #0000001f}.room-shelf .bk.a{left:7px;height:30px;background:var(--green)}.room-shelf .bk.b{left:20px;height:24px;background:var(--blue)}.room-shelf .bk.c{left:33px;height:28px;background:var(--pink);transform:rotate(9deg);transform-origin:bottom}.room-shelf .jar{position:absolute;bottom:8px;right:30px;width:16px;height:22px;border-radius:4px 4px 6px 6px;background:linear-gradient(180deg,#8fc8e880,#8fc8e8cc);border:1.5px solid rgba(93,78,55,.4)}.room-shelf .mug{position:absolute;bottom:8px;right:6px;width:18px;height:16px;border-radius:3px 3px 7px 7px;background:var(--pink);border:2px solid var(--ink)}.room-shelf .mug:after{content:"";position:absolute;right:-7px;top:3px;width:7px;height:8px;border:2px solid var(--ink);border-left:none;border-radius:0 6px 6px 0}.room-frame{position:absolute;top:40px;left:140px;width:92px;height:56px;background:var(--card);border:4px solid var(--wood);border-radius:6px;box-shadow:2px 3px #784e264d;z-index:2;display:grid;place-items:center;text-align:center;overflow:hidden}.room-frame .sign-eyebrow{font-size:7px;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.room-frame .sign-main{font-size:15px;font-weight:700;color:var(--accent);line-height:1;margin-top:2px}.room-frame .sign-paw{font-size:12px;margin-top:2px}.room-string{position:absolute;top:0;left:0;right:0;height:30px;z-index:2;pointer-events:none}.room-rug{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:230px;height:64px;border-radius:50%;background:radial-gradient(circle,var(--cream) 0 30%,transparent 31%),radial-gradient(circle,var(--pink) 0 46%,var(--orange) 47% 64%,transparent 66%);opacity:.92;z-index:2}.room-plant{position:absolute;bottom:28px;left:16px;z-index:3}.room-plant svg{display:block;filter:drop-shadow(2px 3px 0 rgba(93,78,55,.18))}.room-stool{position:absolute;bottom:30px;right:18px;z-index:3}.room-stool svg{display:block;filter:drop-shadow(2px 3px 0 rgba(93,78,55,.2))}.room-bowl{position:absolute;bottom:24px;left:50%;transform:translate(60px);z-index:5}.room-bowl svg{display:block;filter:drop-shadow(1px 2px 0 rgba(93,78,55,.2))}.room-yarn{position:absolute;bottom:26px;left:50%;transform:translate(-104px);z-index:5}.room-yarn svg{display:block;filter:drop-shadow(1px 2px 0 rgba(93,78,55,.2))}.room-motes{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.mote{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff5d2e6;box-shadow:0 0 6px 2px #fff0be99;animation:mote-float linear infinite}:root.tnight .mote{background:#c8d7ffb3;box-shadow:0 0 6px 2px #aabeff66}@keyframes mote-float{0%{transform:translateY(20px) translate(0);opacity:0}20%{opacity:.9}80%{opacity:.7}to{transform:translateY(-180px) translate(18px);opacity:0}}.room-sheen{position:absolute;inset:0;z-index:9;pointer-events:none;background:radial-gradient(70% 44% at 50% 8%,rgba(255,255,255,.3),transparent 60%)}.room-night{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;transition:opacity .6s ease;background:radial-gradient(90% 70% at 30% 30%,#323c821a,#14184657)}:root.tnight .room-night{opacity:1}:root.tnight .room-floor:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:240px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,120,.35),transparent 70%);z-index:1}.stage-needs{position:absolute;top:12px;left:12px;z-index:12;display:flex;flex-direction:column;gap:7px}.need-pip{display:flex;align-items:center;gap:7px;background:var(--card);padding:4px 10px 4px 7px;border-radius:99px;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--shadow)}.need-pip .ico{display:flex}.need-track{width:50px;height:7px;border-radius:99px;background:var(--cream-warm);overflow:hidden;border:1.5px solid var(--ink-soft)}.need-fill{height:100%;border-radius:99px;transition:width .5s ease,background .4s}.stage-bond{position:absolute;top:12px;right:12px;z-index:12}.bond-ring{position:relative;width:56px;height:56px;filter:drop-shadow(2px 2px 0 var(--shadow))}.bond-ring .bond-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.bond-ring .bond-num{font-size:17px;font-weight:700;color:var(--text)}.bond-ring .bond-cap{font-size:7px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase}.stage-thought{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:var(--card);color:var(--text);padding:7px 14px;border-radius:16px;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);font-size:13px;font-weight:600;white-space:nowrap;z-index:13}.stage-thought:after{content:"";position:absolute;bottom:-9px;left:26px;width:0;height:0;border:7px solid transparent;border-top-color:var(--ink);border-bottom:0}.stage-thought:before{content:"";position:absolute;bottom:-5px;left:28px;width:0;height:0;border:5px solid transparent;border-top-color:var(--card);border-bottom:0;z-index:1}.stage-plate{position:absolute;bottom:10px;left:12px;z-index:11;display:flex;align-items:center;gap:7px;background:#ffffffdb;backdrop-filter:blur(2px);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700;color:var(--text)}:root.dark .stage-plate{background:#322b2bdb}.stage-plate .mood-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink)}.stage-hint{position:absolute;bottom:11px;right:12px;z-index:11;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted);font-weight:700;white-space:nowrap;background:#ffffffb3;padding:3px 8px;border-radius:99px}:root.dark .stage-hint{background:#322b2b99}.stage-cat{position:absolute;left:50%;bottom:30px;transform:translate(-50%);width:150px;height:150px;z-index:6;display:flex;align-items:flex-end;justify-content:center;will-change:transform}.cat-canvas{width:150px;height:150px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 7px 4px rgba(93,78,55,.34));pointer-events:none}.stage-cat:after{content:"";position:absolute;bottom:8px;width:92px;height:17px;border-radius:50%;background:#5d4e3733;z-index:-1}.cat-zzz{position:absolute;top:6px;right:30px;z-index:7;color:var(--blue);font-weight:700;font-size:18px;pointer-events:none}.cat-zzz span{display:inline-block;animation:zzz 2.4s ease-in-out infinite}.cat-zzz span:nth-child(2){animation-delay:.4s;font-size:14px}.cat-zzz span:nth-child(3){animation-delay:.8s;font-size:11px}@keyframes zzz{0%{opacity:0;transform:translateY(6px) scale(.7)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-12px) scale(1)}}.cat-drop{position:absolute;top:46px;right:44px;z-index:7;width:8px;height:12px;background:var(--blue);border-radius:0 60% 60%;transform:rotate(45deg);animation:tear 2.6s ease-in-out infinite}@keyframes tear{0%,to{opacity:0;transform:rotate(45deg) translateY(0)}40%{opacity:.9}75%{opacity:.9;transform:rotate(45deg) translateY(12px)}}.stage-particle{position:absolute;z-index:14;pointer-events:none}.stage-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);color:var(--text);padding:9px 18px;border-radius:99px;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);font-size:14px;font-weight:700;white-space:nowrap;z-index:16}.stage-toast.good{color:var(--green)}.stage-toast.warn{color:var(--orange)}.stage-toast.bad{color:var(--pink-d)}.tama-vitals{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px}.vital-happy{background:var(--cream-warm);border:2.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--shadow);padding:12px 14px}.vital-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vital-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-mid)}.vital-big{display:flex;align-items:baseline;gap:4px}.vital-big b{font-size:26px;font-weight:700;color:var(--text);line-height:1}.vital-big i{font-size:13px;font-style:normal;color:var(--text-muted);font-weight:600}.bar{height:18px;border-radius:99px;background:var(--card);border:2.5px solid var(--ink);overflow:hidden;padding:2.5px}.bar.sm{height:13px;padding:2px}.bar-fill{height:100%;border-radius:99px;transition:width .5s cubic-bezier(.34,1.4,.5,1),background .4s;position:relative}.bar-fill.striped:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 6px,transparent 6px 12px)}.bar-fill.bond{background:linear-gradient(90deg,var(--purple),var(--blue))}.vital-xp{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,var(--yellow),var(--orange));border:2.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--shadow);padding:12px 14px;color:var(--ink);position:relative;overflow:hidden}:root.dark .vital-xp{color:#2a211a}.vital-xp .xp-burst{width:44px;height:44px;flex-shrink:0;border-radius:14px;background:#ffffff73;border:2.5px solid var(--ink);display:grid;place-items:center}.vital-xp .xp-text{flex:1;min-width:0}.vital-xp .xp-text .lbl{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;opacity:.75}.vital-xp .xp-text .val{font-size:22px;font-weight:700;line-height:1;margin-top:1px}.vital-xp .xp-arrow{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;background:#ffffff80;border:2px solid var(--ink);border-radius:99px;padding:4px 9px;flex-shrink:0}.mood-happy{color:var(--green)}.mood-content{color:var(--orange)}.mood-low{color:#e0902f}.mood-sad{color:var(--pink-d)}.tama-dock{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.dock-btn{position:relative;flex:0 0 calc(25% - 7px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 9px;border-radius:17px;background:var(--card);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);color:var(--text);cursor:pointer;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease}.dock-btn:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--shadow)}.dock-btn:active{transform:translate(3px,3px);box-shadow:none}.dock-btn:disabled{opacity:.5;cursor:not-allowed}.dock-btn:disabled:hover{transform:none;box-shadow:3px 3px 0 var(--shadow)}.dock-ico{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:2.5px solid var(--ink);color:var(--ink);box-shadow:inset 0 -3px #5d4e3724}:root.dark .dock-ico{color:#2a211a}.dock-label{font-size:11.5px;font-weight:600;color:var(--text)}.dock-badge{position:absolute;top:-6px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--orange);border:2px solid var(--ink);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:1px 1px 0 var(--shadow)}.dock-badge.zero{background:var(--text-muted)}.ico-feed{background:var(--orange)}.ico-treat{background:var(--pink)}.ico-play{background:var(--green)}.ico-pet{background:var(--blue)}.ico-groom{background:var(--mint)}.ico-sleep{background:var(--purple)}.ico-stats{background:var(--cream-deep)}.ico-dress{background:var(--yellow)}.ico-switch{background:var(--mint)}.tama-overlay{position:fixed;inset:0;z-index:1000;background:#3c2d1980;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px}.tama-modal{width:100%;max-width:410px;max-height:88vh;overflow-y:auto;background:var(--card);border:3px solid var(--ink);border-radius:26px;box-shadow:7px 7px 0 var(--shadow);padding:22px 20px;position:relative;color:var(--text)}.tama-modal::-webkit-scrollbar{width:8px}.tama-modal::-webkit-scrollbar-thumb{background:var(--ink-soft);border-radius:99px}.modal-close{position:absolute;top:15px;right:15px;display:flex;padding:6px;border-radius:11px;background:var(--cream-warm);border:2.5px solid var(--ink);color:var(--text);cursor:pointer;box-shadow:2px 2px 0 var(--shadow)}.modal-close:active{transform:translate(2px,2px);box-shadow:none}.modal-title{font-size:21px;font-weight:700;margin:0 2px 3px 0}.modal-sub{font-size:13px;color:var(--text-mid);margin:0 0 18px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;font-size:14px;border-bottom:2px dashed var(--ink-soft)}.stat-row:last-of-type{border-bottom:none}.stat-row .k{display:flex;align-items:center;gap:9px;color:var(--text-mid);font-weight:600}.stat-row .k .chip{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:2px solid var(--ink);color:var(--ink)}:root.dark .stat-row .k .chip{color:#2a211a}.stat-row .v{font-weight:700;color:var(--text)}.modal-bondwrap{margin-top:16px}.modal-bondwrap .blabel{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-mid);margin-bottom:7px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.grid-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:13px 8px;border-radius:17px;background:var(--cream-warm);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease}.grid-item:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--shadow)}.grid-item:active{transform:translate(3px,3px);box-shadow:none}.grid-item.active{background:var(--yellow)}.grid-item img{width:76px;height:76px;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:var(--card);border:2px solid var(--ink)}.grid-item .badge-mini{position:absolute;top:7px;left:7px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:99px;background:var(--card);border:2px solid var(--ink)}.grid-check{position:absolute;top:7px;right:7px;color:var(--green)}.grid-item .mini-bond{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);font-weight:600}.cos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cos-item{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:15px;background:var(--cream-warm);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);cursor:pointer;font-size:26px;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease}.cos-item:active{transform:translate(3px,3px);box-shadow:none}.cos-item.active{background:var(--yellow)}.cos-item .cos-name{position:absolute;bottom:5px;left:0;right:0;font-size:9px;font-weight:700;text-align:center;color:var(--text-mid);text-transform:uppercase;letter-spacing:.4px}.cos-item .lock{position:absolute;top:6px;right:6px;color:var(--text-muted)}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-radius:16px;background:var(--cream-warm);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);margin-bottom:11px}.shop-left{display:flex;align-items:center;gap:12px;min-width:0}.shop-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:2.5px solid var(--ink);flex-shrink:0}.shop-left .t{font-size:15px;font-weight:700;color:var(--text)}.shop-left .d{font-size:11.5px;color:var(--text-mid);font-weight:500}.shop-buy{display:flex;align-items:center;gap:5px;background:var(--yellow);color:var(--ink);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);padding:9px 14px;border-radius:12px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;flex-shrink:0}:root.dark .shop-buy{color:#2a211a}.shop-buy:active{transform:translate(2px,2px);box-shadow:none}.shop-buy:disabled{opacity:.5;cursor:not-allowed}.name-input{width:100%;padding:13px 15px;border-radius:14px;background:var(--cream-warm);border:2.5px solid var(--ink);color:var(--text);font-family:inherit;font-size:17px;font-weight:600;margin-bottom:16px;outline:none}.name-input:focus{border-color:var(--orange);box-shadow:3px 3px 0 var(--shadow)}.btn-primary{width:100%;padding:13px;border-radius:14px;background:linear-gradient(120deg,var(--yellow),var(--orange));color:var(--ink);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}:root.dark .btn-primary{color:#2a211a}.btn-primary:active{transform:translate(3px,3px);box-shadow:none}.play-arena{position:relative;height:230px;border-radius:18px;background:var(--cream-warm);border:2.5px solid var(--ink);overflow:hidden;margin-bottom:6px;cursor:crosshair}.play-target{position:absolute;width:46px;height:46px;display:grid;place-items:center;font-size:26px;cursor:pointer;transition:top .5s cubic-bezier(.34,1.3,.5,1),left .5s cubic-bezier(.34,1.3,.5,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.play-hud{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-mid);margin-bottom:10px}.tama-panel.is-sleeping .tama-stage{filter:saturate(.85) brightness(.95)}.tama-stage.plain .room-string,.tama-stage.plain .room-bunting,.tama-stage.plain .room-frame{display:none}@keyframes cat-idle{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-7px)}}@keyframes cat-bounce{0%,to{transform:translate(-50%) translateY(0) rotate(0)}25%{transform:translate(-50%) translateY(-20px) rotate(-7deg)}75%{transform:translate(-50%) translateY(-14px) rotate(7deg)}}@keyframes cat-pop{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.08) translateY(-8px)}to{transform:translate(-50%) scale(1)}}@keyframes cat-breathe{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(2px) scale(1.02)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(0) translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-95px) translate(var(--drift, 0)) scale(var(--pscale, 1))}}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.stage-thought{animation:thought-in .3s cubic-bezier(.34,1.4,.5,1)}@keyframes thought-in{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.stage-cat,.mote,.w-cloud,.w-star,.cat-zzz span{animation:none!important}}@keyframes cat-squish{0%{transform:translate(-50%) scaleY(1) scaleX(1)}35%{transform:translate(-50%) scaleY(.86) scaleX(1.1)}to{transform:translate(-50%) scaleY(1) scaleX(1)}}.purr-ring{position:absolute;z-index:13;pointer-events:none;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid var(--pink);animation:purr-pulse .85s ease-out forwards}@keyframes purr-pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(3.4)}}.purr-tag{position:absolute;z-index:14;pointer-events:none;transform:translate(-50%,-150%);background:var(--card);color:var(--pink-d);border:2px solid var(--ink);border-radius:99px;padding:2px 9px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:1px 1px 0 var(--shadow);animation:purr-tag .85s ease-out forwards}@keyframes purr-tag{0%{opacity:0;transform:translate(-50%,-120%) scale(.7)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-210%) scale(1)}}.stage-eat{position:absolute;left:50%;bottom:116px;z-index:12;transform:translate(-50%);filter:drop-shadow(1px 2px 0 rgba(93,78,55,.25));animation:eat-chomp 1.1s cubic-bezier(.34,1.3,.5,1) forwards;pointer-events:none}@keyframes eat-chomp{0%{opacity:0;transform:translate(-50%) translateY(24px) scale(.5)}25%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}45%{transform:translate(-50%) translateY(2px) scale(.92) rotate(-6deg)}60%{transform:translate(-50%) translateY(0) scale(1) rotate(5deg)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.6)}}.treat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.treat-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 8px 12px;border-radius:17px;background:var(--cream-warm);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);cursor:pointer;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease}.treat-card:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--shadow)}.treat-card:active{transform:translate(3px,3px);box-shadow:none}.treat-card.fav{background:#fff3d6;border-color:var(--orange)}:root.dark .treat-card.fav{background:#45382a}.treat-name{font-size:13px;font-weight:700;color:var(--text)}.treat-hap{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--text-mid)}.treat-fav{position:absolute;top:7px;right:7px;display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#fff;background:var(--pink);border:2px solid var(--ink);border-radius:99px;padding:2px 6px}.treat-empty{text-align:center;padding:14px 0 6px}.treat-empty svg{margin:0 auto 10px}.treat-empty p{color:var(--text-mid);font-weight:600;margin:0 0 16px}.tama-modal.wide{max-width:440px}.pg-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-right:34px}.pg-top .modal-title{white-space:nowrap}.pg-timer{position:relative;width:42px;height:42px}.pg-timer-num{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--text)}.play-arena{position:relative;height:320px;border-radius:20px;border:3px solid var(--ink);overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff38;cursor:crosshair}.pa-bg{position:absolute;inset:0}.pa-wall{position:absolute;inset:0 0 32%;background:linear-gradient(180deg,var(--wall),var(--wall-2))}.pa-floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,var(--floor),var(--floor-2));border-top:3px solid var(--wood-d)}.pa-floor:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 56px,var(--plank-line) 56px 58px)}.pa-window{position:absolute;top:26px;right:28px;width:80px;height:96px;border-radius:40px 40px 8px 8px;background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));border:5px solid var(--wood);overflow:hidden}.pa-window .pa-orb{position:absolute;top:14px;left:14px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,var(--sun));box-shadow:0 0 14px 3px #ffe48ab3}.pa-plant{position:absolute;bottom:20px}.pa-plant-l{left:12px}.pa-plant-r{right:14px}.pa-plant svg{filter:drop-shadow(2px 3px 0 rgba(93,78,55,.18))}.pa-rug{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:210px;height:54px;border-radius:50%;background:radial-gradient(circle,var(--cream) 0 30%,var(--mint) 31% 64%,transparent 66%);opacity:.85}.pa-mote{position:absolute;bottom:30px;width:5px;height:5px;border-radius:50%;background:#fff5d2e6;box-shadow:0 0 6px 2px #fff0be99;animation:mote-float linear infinite}.play-toy{position:absolute;z-index:5;transform:translate(-50%,-50%);padding:6px;border:none;background:none;cursor:pointer;transition:top .42s cubic-bezier(.34,1.4,.5,1),left .42s cubic-bezier(.34,1.4,.5,1);filter:drop-shadow(1px 3px 0 rgba(93,78,55,.25));animation:toy-wobble 1.2s ease-in-out infinite}.play-toy:active{transform:translate(-50%,-50%) scale(.84)}@keyframes toy-wobble{0%,to{rotate:-8deg}50%{rotate:8deg}}.pg-pop{position:absolute;z-index:6;transform:translate(-50%,-50%);font-size:17px;font-weight:700;color:var(--green);pointer-events:none;animation:pg-pop .65s ease-out forwards}.pg-pop.big{font-size:22px;color:var(--orange)}@keyframes pg-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-150%) scale(1.1)}}.pg-combo{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;background:var(--orange);color:#fff;border:2.5px solid var(--ink);border-radius:99px;padding:4px 14px;font-size:14px;font-weight:700;box-shadow:2px 2px 0 var(--shadow);white-space:nowrap}.pg-score{position:absolute;bottom:10px;left:12px;z-index:6;background:#ffffffd9;border:2px solid var(--ink);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600;color:var(--text-mid)}:root.dark .pg-score{background:#322b2bd9}.pg-score b{color:var(--text);font-size:15px}.pg-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#3c2d1947;backdrop-filter:blur(2px);padding:16px}.pg-card{background:var(--card);border:3px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--shadow);padding:20px;text-align:center;width:100%;max-width:300px}.pg-big{font-size:46px;line-height:1;margin-bottom:6px}.pg-hint{font-size:13.5px;color:var(--text-mid);font-weight:500;line-height:1.5;margin:0 0 16px}.pg-stars{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.pg-stars span{transition:transform .2s}.pg-stars span.on{animation:star-pop .4s cubic-bezier(.34,1.5,.5,1)}@keyframes star-pop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.25)}to{transform:scale(1)}}.pg-result-score{font-size:13px;color:var(--text-mid);font-weight:600;margin-bottom:8px}.pg-reward{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(120deg,var(--yellow),var(--orange));color:var(--ink);border:2.5px solid var(--ink);border-radius:99px;padding:7px 16px;font-size:15px;font-weight:700;box-shadow:2px 2px 0 var(--shadow);margin-bottom:16px}.pg-actions{display:flex;gap:9px;align-items:stretch}.pg-btn{flex:0 0 74px}.pg-foot{text-align:center;font-size:12px;color:var(--text-muted);font-weight:600;margin:10px 0 0}.egg-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.egg-hanger{display:flex;justify-content:center;margin-bottom:-6px;z-index:2}.egg-ring{width:26px;height:26px;border-radius:50%;border:5px solid #b9b2a6;background:transparent;box-shadow:0 2px #00000026}.egg-shell{position:relative;width:100%;max-width:430px;padding:38px 34px 28px;border-radius:49% 49% 47% 47%/54% 54% 46% 46%;border:3px solid var(--ink);box-shadow:7px 8px 0 var(--shadow);background:radial-gradient(circle at 22% 16%,rgba(232,135,155,.85) 0 13%,transparent 36%),radial-gradient(circle at 80% 22%,rgba(245,200,66,.8) 0 12%,transparent 34%),radial-gradient(circle at 16% 60%,rgba(191,227,200,.85) 0 14%,transparent 38%),radial-gradient(circle at 86% 70%,rgba(195,166,232,.8) 0 13%,transparent 36%),radial-gradient(circle at 54% 88%,rgba(245,164,66,.7) 0 11%,transparent 32%),radial-gradient(circle at 64% 48%,rgba(143,200,232,.5) 0 9%,transparent 30%),linear-gradient(150deg,#fdeae2,#fcefd8 55%,#f4f7e8);overflow:hidden}.egg-shell:before{content:"";position:absolute;top:8px;left:14%;right:30%;height:60px;border-radius:50%;background:radial-gradient(60% 100% at 40% 0%,rgba(255,255,255,.5),transparent 70%);pointer-events:none}:root.dark .egg-shell{background:radial-gradient(circle at 22% 16%,rgba(232,135,155,.4) 0 13%,transparent 36%),radial-gradient(circle at 80% 22%,rgba(245,200,66,.35) 0 12%,transparent 34%),radial-gradient(circle at 16% 60%,rgba(191,227,200,.4) 0 14%,transparent 38%),radial-gradient(circle at 86% 70%,rgba(195,166,232,.4) 0 13%,transparent 36%),linear-gradient(150deg,#3a2f2a,#332a26 60%,#2e322a)}.egg-chrome{display:flex;align-items:center;justify-content:center;gap:7px;padding:2px 26px 12px}.egg-name{display:flex;align-items:center;gap:6px;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#ffffffb3;border:2.5px solid var(--ink);border-radius:99px;padding:5px 13px;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--shadow)}:root.dark .egg-name{background:#322b2bcc;color:var(--text)}.egg-name:active{transform:translate(2px,2px);box-shadow:none}.egg-chrome-r{display:flex;gap:7px}.egg-pill{display:flex;align-items:center;gap:5px;background:#ffffffb3;border:2.5px solid var(--ink);border-radius:99px;padding:5px 10px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--shadow)}.egg-pill.coins{background:var(--yellow)}:root.dark .egg-pill{background:#322b2bcc;color:var(--text)}:root.dark .egg-pill.coins{background:var(--yellow);color:#2a211a}.egg-pill:active{transform:translate(2px,2px);box-shadow:none}.egg-bezel{background:linear-gradient(160deg,var(--yellow),var(--orange));border:3px solid var(--ink);border-radius:26px;padding:12px;box-shadow:inset 0 0 0 3px #ffffff4d,3px 3px 0 var(--shadow)}.egg-screen{background:var(--ink);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:7px}.egg-iconrow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.egg-ico{position:relative;height:38px;border-radius:11px;border:2.5px solid var(--ink);display:grid;place-items:center;color:var(--ink);cursor:pointer;box-shadow:inset 0 -2px #5d4e3729;transition:transform .1s ease}:root.dark .egg-ico{color:#2a211a}.egg-ico.sel{outline:3px solid #fff;outline-offset:1px;box-shadow:0 0 0 2px var(--ink),inset 0 -2px #5d4e3729}.egg-ico:active{transform:scale(.92)}.egg-ico-badge{position:absolute;top:-6px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--pink);border:2px solid var(--ink);color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center}.egg-ico-badge.zero{background:var(--text-muted)}.egg-stagewrap .tama-stage{height:230px;border-width:0;border-radius:12px;box-shadow:none}.egg-stagewrap{border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.18)}.egg-status{display:flex;align-items:center;justify-content:space-around;gap:6px;background:var(--card);border-radius:10px;padding:6px 8px;font-size:11px;font-weight:700;color:var(--text)}.egg-status span{display:flex;align-items:center;gap:4px;white-space:nowrap}.egg-status .xp{color:var(--orange)}.egg-sellabel{display:flex;align-items:center;gap:6px;justify-content:center;margin:12px auto 8px;background:#ffffffbf;border:2.5px solid var(--ink);border-radius:99px;padding:5px 16px;font-size:14px;font-weight:700;color:var(--ink);box-shadow:2px 2px 0 var(--shadow);width:-moz-fit-content;width:fit-content}:root.dark .egg-sellabel{background:#322b2bcc;color:var(--text)}.egg-buttons{display:flex;justify-content:center;gap:30px;padding:2px 0 4px}.egg-btn{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ff9a86,#ec6a52);border:3px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--shadow);display:grid;place-items:center;transition:transform .1s ease,box-shadow .1s ease}.egg-btn.mid{transform:translateY(8px)}.egg-btn:active{transform:translate(3px,3px);box-shadow:none}.egg-btn.mid:active{transform:translate(3px,11px);box-shadow:none}.egg-btn-glyph{width:12px;height:12px;border-radius:50%;background:#ffffff73;box-shadow:inset 0 -2px #0000002e}.egg-caption{margin-top:12px;font-size:10px;letter-spacing:.4px;color:var(--text-muted);font-weight:600;white-space:nowrap}@media (max-width: 460px){.tama-root{padding:14px 10px 50px}.tama-panel{border-radius:26px}.tama-stage{height:340px}.egg-buttons{gap:22px}}.nf-page{position:relative;min-height:calc(100vh - 7rem);display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;overflow:hidden;background:var(--landing-bg);color:var(--landing-text);font-family:Fredoka,sans-serif}.nf-paw{position:absolute;z-index:1;color:var(--landing-border);opacity:.12;animation:nf-float 6s ease-in-out infinite}.nf-paw--1{top:12%;left:8%;animation-delay:0s}.nf-paw--2{top:22%;right:12%;animation-delay:1.2s}.nf-paw--3{bottom:16%;left:14%;animation-delay:.6s}.nf-paw--4{bottom:24%;right:9%;animation-delay:1.8s}.nf-paw--5{top:60%;left:46%;animation-delay:2.4s}@keyframes nf-float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(6deg)}}.nf-card{position:relative;z-index:10;width:100%;max-width:560px;text-align:center;background:var(--landing-surface);border:3px solid var(--landing-border);border-radius:28px;box-shadow:8px 8px 0 var(--landing-border);padding:3rem 2.5rem 2.75rem}.nf-digits{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nf-digit{font-size:clamp(5.5rem,18vw,8.5rem);font-weight:700;line-height:.85;color:var(--landing-accent-tertiary);text-shadow:4px 4px 0 var(--landing-border)}.nf-title{font-size:clamp(1.5rem,5vw,2.1rem);font-weight:700;margin:0 0 .75rem;color:var(--landing-text)}.nf-title .nf-hl{background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nf-text{font-size:1.05rem;line-height:1.6;color:var(--landing-text-muted);max-width:26rem;margin:0 auto 2rem}.nf-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.85rem}.nf-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;font-size:.98rem;font-weight:600;padding:.7rem 1.4rem;border-radius:14px;border:2.5px solid var(--landing-border);cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;box-shadow:4px 4px 0 var(--landing-border)}.nf-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--landing-border)}.nf-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--landing-border)}.nf-btn--primary{background:var(--landing-accent-tertiary);color:#fff}.nf-btn--secondary{background:var(--landing-surface);color:var(--landing-text)}.nf-btn--ghost{background:transparent;color:var(--landing-text-muted);border-color:transparent;box-shadow:none}.nf-btn--ghost:hover{transform:none;box-shadow:none;color:var(--landing-text)}@media (max-width: 480px){.nf-card{padding:2.25rem 1.4rem 2rem;box-shadow:6px 6px 0 var(--landing-border)}.nf-btn{width:100%;justify-content:center}.nf-btn--ghost{width:auto}}@media (prefers-reduced-motion: reduce){.nf-paw{animation:none}}.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}.newgame-page.arena{--arena-ink: #5d4e37;--arena-muted: #8b7355;--arena-gold: #f5a442;--arena-line: rgba(93, 78, 55, .22);--arena-card: #fffdf8;--arena-bg: var(--bg-cream, #fdf5e6)}.newgame-page.arena.dark{--arena-ink: #f5ebe0;--arena-muted: #a89474;--arena-line: rgba(245, 164, 66, .2);--arena-card: #241d15;--arena-bg: var(--bg-cream, #1a1512)}body.newgame-active{background:#fdf5e6}html.dark body.newgame-active{background:#1a1512}body.newgame-active .app-route-shell{background:transparent!important}@keyframes arena-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.arena-step{width:100%;display:flex;flex-direction:column;align-items:center;flex:1;animation:arena-fade .32s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion: reduce){.arena-step{animation:none}}.arena-card{background:var(--card-bg, #ffffff);border:3px solid var(--border-brown, #5d4e37);border-radius:22px;box-shadow:6px 6px 0 var(--border-brown, #5d4e37);font-family:Fredoka,sans-serif;color:var(--text-brown, #5d4e37);box-sizing:border-box}.arena-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:Fredoka,sans-serif;color:var(--arena-ink, #5d4e37);text-align:center}.arena-loader-ring{position:relative;width:58px;height:58px;display:grid;place-items:center;color:var(--arena-gold, #f5a442)}.arena-loader-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid rgba(245,164,66,.22);border-top-color:var(--arena-gold, #f5a442);animation:arena-spin .9s linear infinite}@keyframes arena-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.arena-loader-ring:before{animation-duration:2.4s}}.arena-loader-label{font-size:1.05rem;font-weight:600;letter-spacing:.01em}.arena-loader-sub{font-size:.82rem;color:var(--arena-muted, #8b7355);margin-top:-6px}.arena-loader-dots:after{content:"";animation:arena-dots 1.4s steps(4,end) infinite}@keyframes arena-dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}}.arena-loader-screen{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.arena-loader-card{min-width:300px;max-width:90vw;padding:40px 44px}.arena-canvas-loader{display:flex;align-items:center;justify-content:center}.lobby-mapstrip{width:100%;display:flex;flex-direction:column;gap:8px}.lobby-mapstrip-label{font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--arena-muted)}.lobby-mapstrip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.lobby-maptile{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;padding:6px 6px 7px;border-radius:11px;border:2px solid var(--arena-line);background:var(--arena-card);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.lobby-maptile:hover{transform:translateY(-2px);border-color:var(--accent)}.lobby-maptile.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 5px 14px #00000038}.lobby-maptile-thumb{width:120px;height:80px;border-radius:7px;image-rendering:pixelated;display:block;border:1px solid rgba(0,0,0,.25)}.lobby-maptile-name{font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:600;color:var(--arena-ink);text-align:center}.lobby-arena-note{font-family:Fredoka,sans-serif;font-size:.85rem;color:var(--arena-muted);text-align:center}.lobby-connecting{display:flex;justify-content:center;padding:6px 0 2px}.htp-root{--htp-cream: #fdf5e6;--htp-warm: #fcebd5;--htp-recessed: #fdf1e0;--htp-brown: #5d4e37;--htp-muted: #8b7355;--htp-sub: #9b8a72;--htp-border-light: #d4c4a8;--htp-divider: #eadbc0;--htp-dot: #d9c9ae;--htp-gold: #f5a442;--htp-gold-bright: #f5c842;--htp-edge: #5c3e15;--htp-pink: #e8879b;--htp-pink-deep: #d4637a;position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:36px 22px;overflow-y:auto;font-family:Fredoka,sans-serif;background:var(--arena-bg, #fdf5e6)}.htp-card{width:100%;max-width:920px;margin:auto;background:var(--htp-cream);border:4px solid var(--htp-brown);border-radius:26px;box-shadow:10px 10px #3c28144d,0 36px 90px #0000008c;padding:24px 30px 22px;position:relative;animation:htp-rise .5s ease both}.htp-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.htp-brand{display:flex;align-items:center;gap:11px}.htp-badge{width:42px;height:42px;flex-shrink:0;background:linear-gradient(180deg,var(--htp-gold-bright),var(--htp-gold));border:3px solid var(--htp-brown);border-radius:13px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--htp-brown)}.htp-eyebrow-brand{font-size:.66rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--htp-gold);line-height:1}.htp-steplabel{font-size:.84rem;font-weight:600;color:var(--htp-muted);margin-top:3px}.htp-skip-top{font-family:Fredoka,sans-serif;font-size:.82rem;font-weight:600;color:var(--htp-muted);background:none;border:none;cursor:pointer;padding:6px 4px;transition:color .15s}.htp-skip-top:hover{color:var(--htp-brown)}.htp-topbar-gap{height:14px}.htp-viewport{min-height:392px;display:flex;flex-direction:column}.htp-step{display:flex;flex-direction:column;flex:1;justify-content:center}.htp-step.htp-step--center{text-align:center}.htp-step.htp-step--active{animation:htp-rise .34s ease both}.htp-root.htp-single .htp-step{border-bottom:2px solid var(--htp-divider);padding-bottom:26px;margin-bottom:26px}.htp-root.htp-single .htp-step:last-of-type{border-bottom:none;margin-bottom:0}.htp-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}.htp-h2{margin:5px 0 4px;font-size:2.1rem;font-weight:700;color:var(--htp-brown);line-height:1}.htp-sub{margin:0 0 24px;font-size:1.05rem;color:var(--htp-muted);font-weight:500}.htp-sub b{color:var(--htp-brown)}.htp-sub b.pink{color:var(--htp-pink-deep)}.htp-step-head{text-align:center;margin-bottom:18px}.htp-step-head .htp-sub{margin:0}.htp-sprite{background-repeat:no-repeat;image-rendering:pixelated}.htp-loop-row{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap}.htp-node{flex:1;min-width:130px;background:#fff;border:3px solid var(--htp-brown);border-radius:16px;box-shadow:4px 4px 0 var(--htp-brown);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.htp-node-tile{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center}.htp-node-label{font-size:.82rem;font-weight:700;color:var(--htp-brown)}.htp-node-sub{font-size:.68rem;color:var(--htp-sub);font-weight:500;line-height:1.3}.htp-arrow{align-self:center;color:#c9b79a;font-size:1.5rem;font-weight:700}.htp-wasd-mini{display:grid;grid-template-columns:repeat(3,13px);grid-auto-rows:13px;gap:2px}.htp-wasd-mini span.key{background:#fff;border:1.5px solid #0984e3;border-radius:4px;font-size:.5rem;font-weight:700;color:#0984e3;display:flex;align-items:center;justify-content:center}.htp-pill{margin-top:18px;display:inline-flex;align-self:center;align-items:center;gap:8px;background:var(--htp-warm);border:2px solid #ead3b0;border-radius:999px;padding:7px 18px}.htp-pill .glyph{font-size:1.05rem}.htp-pill .txt{font-size:.9rem;color:var(--htp-brown);font-weight:600}.htp-controls{display:flex;align-items:center;justify-content:center;gap:46px;flex-wrap:wrap}.htp-control{display:flex;flex-direction:column;align-items:center;gap:12px}.htp-control-label{font-size:.8rem;color:var(--htp-muted);font-weight:600}.htp-keygrid{display:grid;grid-template-columns:repeat(3,52px);grid-auto-rows:52px;gap:7px}.htp-keygrid .key{background:var(--htp-warm);border:3px solid var(--htp-brown);border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:var(--htp-brown);box-shadow:0 4px 0 var(--htp-brown)}.htp-keygrid--arrows{grid-template-columns:repeat(3,34px);grid-auto-rows:34px;gap:5px;color:var(--htp-muted)}.htp-keygrid--arrows .key{border:2.5px solid var(--htp-muted);border-radius:9px;box-shadow:none;font-size:1rem}.htp-joystick{position:relative;width:74px;height:74px;border:3px dashed var(--htp-muted);border-radius:999px}.htp-joystick .thumb{position:absolute;top:8px;left:26px;width:34px;height:34px;background:var(--htp-pink);border:3px solid var(--htp-brown);border-radius:999px;box-shadow:0 3px 0 var(--htp-brown)}.htp-twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.htp-panel{background:#fff;border:3px solid var(--htp-brown);border-radius:18px;box-shadow:4px 4px 0 var(--htp-brown);padding:16px}.htp-panel--col{display:flex;flex-direction:column}.htp-panel-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--htp-brown);margin-bottom:12px}.htp-weapon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.htp-weapon{display:flex;flex-direction:column;align-items:center;gap:5px}.htp-weapon-tile{width:100%;aspect-ratio:1;background:var(--htp-recessed);border:2px solid #ead3b0;border-radius:12px;display:flex;align-items:center;justify-content:center}.htp-weapon-name{font-size:.64rem;font-weight:600;color:var(--htp-muted);text-align:center;line-height:1.1}.htp-grow-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}.htp-xprow{display:flex;align-items:center;gap:10px}.htp-xpbar{flex:1;height:14px;background:#eaf6ea;border:2px solid var(--htp-brown);border-radius:999px;overflow:hidden;box-shadow:0 2px 0 var(--htp-border-light)}.htp-xpbar .fill{height:100%;background:linear-gradient(90deg,#16a34a,#7cc47e);animation:htp-fillpulse 3s ease-in-out infinite}.htp-upgrades{display:flex;gap:8px;justify-content:center}.htp-upgrade{width:46px;height:54px;background:var(--htp-warm);border:2px solid var(--htp-brown);border-radius:10px;box-shadow:0 3px 0 var(--htp-brown);display:flex;align-items:center;justify-content:center}.htp-upgrade--pick{background:#fff6e0;border:2.5px solid var(--htp-gold);box-shadow:0 3px #d98a2a;transform:translateY(-4px)}.htp-upgrade-caption{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--htp-gold)}.htp-enemy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.htp-enemy{background:#fff;border:2.5px solid var(--htp-brown);border-radius:14px;padding:11px 8px;text-align:center;box-shadow:0 3px 0 var(--htp-brown)}.htp-enemy-well{height:66px;display:flex;align-items:center;justify-content:center;border-radius:11px;margin-bottom:8px}.htp-enemy-name{font-weight:700;color:var(--htp-brown);font-size:.9rem}.htp-enemy-trait{font-size:.7rem;font-weight:600}.htp-pickups{background:var(--htp-warm);border:2.5px solid var(--htp-brown);border-radius:14px;box-shadow:0 3px 0 var(--htp-brown);padding:11px 14px;display:flex;align-items:center;gap:14px}.htp-pickups-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--htp-brown);white-space:nowrap}.htp-pickups-row{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.htp-pickup{display:flex;align-items:center;gap:6px;justify-content:center}.htp-pickup span{font-size:.72rem;color:var(--htp-muted);font-weight:600}.htp-pickup img{image-rendering:pixelated}.htp-bosses{background:linear-gradient(180deg,#ee9dae,var(--htp-pink));border:3px solid var(--htp-brown);border-radius:18px;box-shadow:4px 4px 0 var(--htp-brown);padding:18px 20px;color:#fff}.htp-bosses-row{display:flex;align-items:flex-end;gap:8px}.htp-boss{flex:1;text-align:center}.htp-boss-well{height:70px;display:flex;align-items:flex-end;justify-content:center}.htp-boss-time{font-size:.92rem;font-weight:700;color:#fff;margin-top:5px;text-shadow:0 1.5px 0 rgba(150,60,80,.3)}.htp-boss-name{font-size:.7rem;color:#ffffffd9}.htp-boss-sep{color:#fff9;font-size:1.2rem;padding-bottom:26px}.htp-goal-close{margin:16px 0 0;text-align:center;font-size:.92rem;color:var(--htp-muted);font-weight:600}.htp-goal-close b{color:var(--htp-pink-deep)}.htp-bob{animation:htp-float 2.6s ease-in-out infinite}.htp-gem{image-rendering:pixelated;animation:htp-gemspin 2.4s ease-in-out infinite}.htp-floaticon{image-rendering:pixelated;animation:htp-float 2s ease-in-out infinite}.htp-allstart{display:flex;justify-content:center;margin-top:22px}.htp-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:18px;border-top:2px solid var(--htp-divider)}.htp-dots{display:flex;align-items:center;gap:9px}.htp-dot{width:11px;height:11px;border-radius:999px;background:var(--htp-dot);cursor:pointer;border:none;padding:0;transition:transform .2s,background .2s}.htp-dot.is-active{background:var(--htp-brown);transform:scale(1.35)}.htp-nav-right{display:flex;align-items:center;gap:10px}.htp-btn-ghost{font-family:Fredoka,sans-serif;font-weight:700;font-size:.96rem;color:var(--htp-muted);background:#fff;border:2.5px solid var(--htp-border-light);border-radius:999px;padding:11px 26px;cursor:pointer;box-shadow:0 3px 0 var(--htp-border-light);transition:transform .08s,box-shadow .08s}.htp-btn-ghost:hover{filter:brightness(.99)}.htp-btn-ghost:active{transform:translateY(2px);box-shadow:0 1px 0 var(--htp-border-light)}.htp-btn-ghost.is-hidden{visibility:hidden}.htp-skip-nav{padding:11px 22px;font-weight:600;font-size:.9rem}.htp-btn-gold{font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;color:#2b1e11;background:linear-gradient(180deg,var(--htp-gold-bright),var(--htp-gold));border:3px solid var(--htp-edge);border-radius:999px;padding:12px 34px;cursor:pointer;box-shadow:0 4px 0 var(--htp-edge);transition:transform .08s,box-shadow .08s}.htp-btn-gold:hover{filter:brightness(1.03)}.htp-btn-gold:active{transform:translateY(3px);box-shadow:0 1px 0 var(--htp-edge)}.htp-btn-gold.is-start{padding:13px 42px;font-size:1.08rem;animation:htp-glow 2.6s ease-in-out infinite}.htp-btn-gold.is-bigstart{font-size:1.18rem;padding:15px 52px;animation:htp-glow 2.8s ease-in-out infinite}@keyframes htp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes htp-bobwide{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes htp-glow{0%,to{box-shadow:0 6px 0 var(--htp-edge),0 0 #f5a44200,0 14px 34px #0000004d}50%{box-shadow:0 6px 0 var(--htp-edge),0 0 32px 4px #f5a44273,0 14px 34px #0000004d}}@keyframes htp-gemspin{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-5px)}}@keyframes htp-fillpulse{0%{width:38%}50%{width:82%}to{width:38%}}@keyframes htp-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes htp-sprite{0%{background-position-x:0}to{background-position-x:var(--shift)}}@media (prefers-reduced-motion: reduce){.htp-root *{animation-duration:.001ms!important}}@media (max-width: 720px){.htp-root{padding:18px 12px}.htp-card{padding:18px 16px 16px;border-radius:20px}.htp-h2{font-size:1.7rem}.htp-sub{font-size:.95rem}.htp-viewport{min-height:0}.htp-twocol{grid-template-columns:1fr}.htp-enemy-grid{grid-template-columns:repeat(2,1fr)}.htp-controls{gap:26px}.htp-loop-row .htp-arrow{display:none}.htp-node{min-width:120px}.htp-btn-gold{padding:11px 24px}.htp-btn-ghost{padding:10px 18px}.htp-skip-nav{padding:10px 14px}}.mapsel{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 16px 40px;box-sizing:border-box;background:transparent;font-family:Fredoka,sans-serif}.mapsel-box{width:100%;max-width:780px;padding:22px 22px 26px;display:flex;flex-direction:column;gap:18px}.mapsel-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.mapsel-head svg{color:var(--arena-gold)}.mapsel-head h2{margin:4px 0 0;font-size:1.5rem;letter-spacing:.02em;color:var(--arena-ink)}.mapsel-head p{margin:0;font-size:.85rem;color:var(--arena-muted)}.mapsel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;width:100%}.mapsel-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px;border-radius:14px;border:2px solid var(--arena-line);background:var(--bg-warm, #fcebd5);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;overflow:hidden}.mapsel-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 20px #5d4e372e}.mapsel-thumb{width:100%;height:auto;aspect-ratio:3 / 2;border-radius:8px;image-rendering:pixelated;display:block;border:1px solid rgba(0,0,0,.22)}.mapsel-meta{display:flex;flex-direction:column;gap:3px;text-align:left}.mapsel-chip{font-size:.62rem;font-weight:700;letter-spacing:.14em;color:var(--accent)}.mapsel-name{font-size:.98rem;font-weight:600;color:var(--arena-ink)}.mapsel-play{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:700;color:#1a1005;background:var(--accent);opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.mapsel-card:hover .mapsel-play{opacity:1;transform:translateY(0)}.mapsel-card.is-default .mapsel-chip:after{content:" · default";color:var(--arena-muted);font-weight:500;letter-spacing:.02em}.mapsel-back{padding:9px 24px;border-radius:999px;border:2px solid var(--border-brown, #5d4e37);background:var(--card-bg, #fff);color:var(--text-brown, #5d4e37);font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:3px 3px 0 var(--border-brown, #5d4e37);transition:transform .12s ease,box-shadow .12s ease}.mapsel-back:hover{transform:translateY(-1px)}.mapsel-back:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-brown, #5d4e37)}.newgame-page{--bg-cream: #FDF5E6;--bg-warm: #FCEBD5;--border-brown: #5D4E37;--border-light: #D4C4A8;--text-brown: #5D4E37;--text-muted: #8B7355;--accent-blue: #0984e3;--accent-gold: #F5A442;--accent-red: #e74c3c;--accent-green: #27ae60;--accent-cyan: #00BCD4;--accent-purple: #9C27B0;--accent-pink: #E8879B;--panel-bg: rgba(255, 255, 255, .8);--card-bg: #FFFFFF;--card-bg-hover: rgba(245, 164, 66, .08);--overlay-bg: rgba(60, 35, 12, .72);--kbd-bg: #FCEBD5;--kbd-shadow: var(--border-light);width:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;font-family:Fredoka,sans-serif;background:var(--bg-cream);position:relative}.newgame-page:before{content:"";position:absolute;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}.newgame-page>*{position:relative;z-index:1}html:fullscreen .newgame-page{min-height:100vh;padding:8px;box-sizing:border-box}.newgame-page.dark{--bg-cream: #1a1512;--bg-warm: #221c17;--border-brown: #5a4a38;--border-light: #3d3228;--text-brown: #f5ebe0;--text-muted: #a89474;--panel-bg: rgba(30, 22, 14, .92);--card-bg: #2a2218;--card-bg-hover: rgba(245, 164, 66, .1);--overlay-bg: rgba(0, 0, 0, .82);--panel-side-bg: rgba(20, 14, 8, .97);--panel-border: rgba(245, 164, 66, .22);--panel-text: #f5ebe0;--panel-muted: rgba(245, 235, 224, .42);background-image:none}.newgame-page:not(.dark){--panel-side-bg: rgba(255, 248, 236, .98);--panel-border: rgba(93, 78, 55, .22);--panel-text: #3d2e1a;--panel-muted: rgba(61, 46, 26, .42);--hud-bar-bg: rgba(55, 36, 16, .92);--hud-bar-border: rgba(212, 155, 50, .5);--hud-text: #fdf5e6}.newgame-page.dark{--hud-bar-bg: rgba(18, 10, 4, .97);--hud-bar-border: rgba(212, 155, 50, .35);--hud-text: #f5ebe0}.newgame-game-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:-moz-fit-content;width:fit-content}.newgame-topbar{display:flex;align-items:center}.newgame-back-btn{background:#5cb85c;border:none;outline:4px solid #3d6b35;color:#fff;font-family:Fredoka,sans-serif;font-size:16px;font-weight:700;padding:10px 28px;border-radius:999px;cursor:pointer;letter-spacing:.3px;transition:background .15s,transform .1s;box-shadow:0 4px #3d6b35}.newgame-back-btn:hover{background:#4cae4c;transform:translateY(-1px)}.newgame-back-btn:active{transform:translateY(2px);box-shadow:0 2px #3d6b35}.newgame-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.newgame-header h1{font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-brown)}.newgame-controls-hint{font-family:Fredoka,sans-serif;font-size:.72rem;color:var(--text-muted);padding:4px 12px;border-radius:8px;background:var(--panel-bg);border:2px solid var(--border-light)}.game-shell{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.game-shell.is-fullscreen,.game-shell:fullscreen{width:100vw;height:100vh;padding:18px;gap:0;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(245,164,66,.16),transparent 28%),radial-gradient(circle at 50% 70%,rgba(9,132,227,.1),transparent 30%),linear-gradient(180deg,#120a05,#1b0f07 42%,#120904);overflow:hidden}.game-shell.is-fullscreen .game-row,.game-shell:fullscreen .game-row{transform:scale(var(--fullscreen-scale, 1));transform-origin:center center}.game-shell.is-entering .game-row,.game-shell:fullscreen.is-entering .game-row{animation:fullscreenZoomIn .62s cubic-bezier(.22,1,.36,1)}.game-shell.is-exiting .game-row{animation:fullscreenZoomOut .42s cubic-bezier(.4,0,.2,1)}.game-fullscreen-flash{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:0}.game-fullscreen-flash.is-entering{animation:fullscreenBloomIn .68s ease}.game-fullscreen-flash.is-exiting{animation:fullscreenBloomOut .45s ease}.game-fullscreen-prompt{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0f0804b8;backdrop-filter:blur(4px);padding:16px;box-sizing:border-box}.game-fullscreen-prompt-card{max-width:420px;text-align:center;background:linear-gradient(180deg,#2b1e11,#1f1510);border:2px solid rgba(212,155,50,.55);border-radius:18px;padding:22px 20px;box-shadow:0 14px 40px #00000073;font-family:Fredoka,sans-serif}.game-fullscreen-prompt-title{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:var(--accent-gold, #F5A442)}.game-fullscreen-prompt-copy{margin:0 0 18px;font-size:.9rem;line-height:1.45;color:#e8dcc8}.game-fullscreen-prompt-copy kbd{display:inline-block;padding:2px 8px;margin:0 2px;font-size:.8rem;font-family:ui-monospace,monospace;background:var(--kbd-bg, #FCEBD5);color:var(--text-brown, #5D4E37);border-radius:6px;border:1px solid var(--border-light, #D4C4A8);box-shadow:0 2px 0 var(--border-light, #D4C4A8)}.game-fullscreen-prompt-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.game-fullscreen-prompt-btn{font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;padding:12px 28px;border-radius:14px;border:2px solid #5c3e15;background:linear-gradient(180deg,#f5a442,#e8892a);color:#2b1e11;cursor:pointer;box-shadow:0 6px #5c3e15}.game-fullscreen-prompt-btn:hover{filter:brightness(1.05)}.game-fullscreen-prompt-btn:active{transform:translateY(3px);box-shadow:0 3px #5c3e15}.game-fullscreen-prompt-btn-no{font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;padding:12px 28px;border-radius:14px;border:2px solid rgba(212,155,50,.45);background:#23140899;color:#fdf5e6;cursor:pointer;box-shadow:0 6px #00000059}.game-fullscreen-prompt-btn-no:hover{border-color:#d49b32bf;background:#321e0cb3}.game-fullscreen-prompt-btn-no:active{transform:translateY(3px);box-shadow:0 3px #00000059}@keyframes fullscreenZoomIn{0%{opacity:.55;transform:scale(.9);filter:blur(10px)}55%{opacity:1;transform:scale(calc(var(--fullscreen-scale, 1) * 1.035));filter:blur(0)}to{opacity:1;transform:scale(var(--fullscreen-scale, 1));filter:blur(0)}}@keyframes fullscreenZoomOut{0%{opacity:1;transform:scale(var(--fullscreen-scale, 1));filter:blur(0)}to{opacity:.96;transform:scale(1);filter:blur(4px)}}@keyframes fullscreenBloomIn{0%{opacity:0;background:radial-gradient(circle at 50% 50%,#fff5d20d,#fff5d200 34%)}35%{opacity:1;background:radial-gradient(circle at 50% 50%,rgba(255,245,210,.22),rgba(245,164,66,.08) 32%,transparent 56%)}to{opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,245,210,0),transparent 56%)}}@keyframes fullscreenBloomOut{0%{opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,245,210,0),transparent 56%)}45%{opacity:.7;background:radial-gradient(circle at 50% 50%,rgba(255,245,210,.14),rgba(9,132,227,.07) 34%,transparent 58%)}to{opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,245,210,0),transparent 58%)}}.game-row{display:flex;flex-direction:row;align-items:stretch;border-radius:18px;overflow:hidden;max-height:590px;box-shadow:0 0 0 3px var(--border-brown),6px 6px 0 var(--border-brown),0 20px 48px #00000038}.game-shell.is-fullscreen .game-row,.game-shell:fullscreen .game-row{max-height:none;border-radius:22px;box-shadow:0 0 0 1px #f5c84261,0 28px 80px #0000008c,0 0 120px #f5a4421f}.game-viewport{display:flex;flex-direction:column;flex-shrink:0}.game-side-panel{width:160px;flex-shrink:0;background:linear-gradient(180deg,#1c1008,#160d05);display:flex;flex-direction:column;padding:0;gap:0;font-family:Fredoka,sans-serif;color:#f0e4cc;overflow:hidden;overflow-y:auto;scrollbar-width:none}.game-side-panel::-webkit-scrollbar{display:none}.game-side-panel .gsp-weapon-card{padding-left:8px;padding-right:8px}.game-side-panel .gsp-cat-name,.game-side-panel .gsp-cat-level,.game-side-panel .gsp-rarity,.game-side-panel .gsp-empty{padding-left:12px;padding-right:12px}.game-panel-left{border-right:1px solid rgba(212,155,50,.18)}.game-panel-right{border-left:1px solid rgba(212,155,50,.18)}.gsp-section-title{font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#f5a442;opacity:.7;padding:10px 12px 4px;border-bottom:1px solid rgba(245,164,66,.1);margin-bottom:0}.gsp-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.73rem;padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .12s ease}.gsp-stat-row:hover{background:#f5a4420d}.gsp-stat-lbl{color:#f0e4cc80;font-weight:500;font-size:.67rem;display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.4px}.gsp-row-icon{flex-shrink:0;opacity:.65;color:inherit}.gsp-stat-val{font-weight:700;font-variant-numeric:tabular-nums;color:#f0e4cc;font-size:.72rem}.gsp-val-gold{color:#f5c842}.gsp-val-xp{color:#4ade80}.gsp-val-hp,.gsp-val-red{color:#f87171}.gsp-val-blue{color:#60a5fa}.gsp-val-orange{color:#fb923c}.gsp-streak-val{animation:streakPulse 1s ease-in-out infinite alternate}@keyframes streakPulse{0%{text-shadow:none}to{text-shadow:0 0 8px #fb923c}}.gsp-bar-track{height:3px;border-radius:4px;overflow:hidden;margin:0 12px 3px}.gsp-xp-bar{background:#4ade801f}.gsp-xp-fill{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:4px;transition:width .3s ease;box-shadow:0 0 5px #4ade8073}.gsp-hp-bar{background:#f871711f}.gsp-hp-fill{height:100%;background:linear-gradient(90deg,#dc2626,#f87171);border-radius:4px;transition:width .3s ease;box-shadow:0 0 5px #f8717159}.gsp-section-sep{height:1px;background:#f5a4421a;margin:4px 12px}.gsp-powerup-row{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:.65rem;color:#f0e4cc;border-bottom:1px solid rgba(255,255,255,.03)}.gsp-powerup-icon-wrap{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ffffff14;border-radius:5px;flex-shrink:0;color:#f5c842}.gsp-powerup-name{font-size:.6rem;color:#f0e4ccbf;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.gsp-powerup-timer{font-size:.58rem;color:#f0e4cc66;font-weight:700;font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:4px;padding:1px 5px}.gsp-rpg-header{display:flex;align-items:center;padding-right:10px;gap:4px}.gsp-rpg-toggle{width:100%;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s ease}.gsp-rpg-toggle:hover{background:#f5a4420f}.gsp-rpg-chevron{color:#f0e4cc66;flex-shrink:0;transition:transform .2s ease,color .2s ease}.gsp-rpg-chevron.open{transform:rotate(180deg);color:#f5a442}.gsp-rpg-stat-row{display:flex;align-items:center;gap:5px;padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.03);flex-wrap:wrap}.gsp-rpg-stat-effect{font-size:.5rem;font-weight:700;color:#ffffff73;background:#ffffff12;border-radius:4px;padding:1px 4px;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.gsp-rpg-stat-lbl{font-size:.6rem;font-weight:600;display:flex;align-items:center;gap:4px;width:72px;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px;opacity:.85}.gsp-rpg-stat-val{font-size:.62rem;font-weight:800;font-variant-numeric:tabular-nums;width:22px;text-align:right;flex-shrink:0}.gsp-rpg-bar-track{flex:1;height:3px;background:#ffffff0f;border-radius:3px;overflow:hidden}.gsp-rpg-bar-fill{height:100%;border-radius:3px;transition:width .4s ease;opacity:.8;box-shadow:0 0 4px currentColor}.gsp-info-wrap{position:relative;flex-shrink:0}.gsp-info-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid rgba(245,164,66,.3);background:#f5a44214;color:#f5a442;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease}.gsp-info-btn:hover{background:#f5a4422e;border-color:#f5a4428c}.gsp-info-tooltip{display:none;position:absolute;top:100%;right:-4px;margin-top:6px;width:155px;background:#140e08f7;border:1px solid rgba(245,164,66,.25);border-radius:10px;padding:8px 10px;z-index:100;box-shadow:0 8px 24px #0009,0 0 0 1px #f5a44214;pointer-events:none}.gsp-info-wrap:hover .gsp-info-tooltip{display:block}.gsp-info-title{font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#f5a442;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(245,164,66,.12)}.gsp-info-row{display:flex;align-items:center;gap:4px;font-size:.58rem;padding:2px 0;color:#f0e4cc}.gsp-info-trait{font-weight:600;color:#f0e4cca6;flex:1}.gsp-info-arrow{color:#f5a44280;font-size:.52rem;flex-shrink:0}.gsp-info-stat{font-weight:700;color:#f5c842;width:56px;text-align:right}.gsp-cat-frame{width:calc(100% - 20px);margin:14px 10px 0;aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid rgba(245,164,66,.45);background:#ffffff0a;box-shadow:0 4px 16px #00000080,0 0 0 1px #f5a4421f;flex-shrink:0}.gsp-cat-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.gsp-cat-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.gsp-cat-name{font-size:.92rem;font-weight:700;color:#f5a442;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:8px;text-shadow:0 0 12px rgba(245,164,66,.35)}.gsp-cat-level{font-size:.6rem;font-weight:600;color:#f5a4428c;text-align:center;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:4px}.gsp-rarity{font-size:.5rem;font-weight:800;text-align:center;letter-spacing:1.5px;text-transform:uppercase;padding:2px 8px;border-radius:5px;margin:0 auto 6px;display:block;width:-moz-fit-content;width:fit-content}.gsp-rarity-common{color:#9ca3af;background:#9ca3af1f;border:1px solid rgba(156,163,175,.2)}.gsp-rarity-uncommon{color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.25)}.gsp-rarity-rare{color:#60a5fa;background:#60a5fa1f;border:1px solid rgba(96,165,250,.25)}.gsp-rarity-epic{color:#c084fc;background:#c084fc1f;border:1px solid rgba(192,132,252,.25)}.gsp-rarity-legendary{color:#f5a442;background:#f5a44224;border:1px solid rgba(245,164,66,.3)}.gsp-rarity-mythic{color:#f472b6;background:#f472b624;border:1px solid rgba(244,114,182,.3);animation:mythic-glow 1.5s ease-in-out infinite alternate}@keyframes mythic-glow{0%{box-shadow:0 0 4px #f472b666}to{box-shadow:0 0 10px #f472b6cc}}.gsp-weapon-card{background:#ffffff0d;border-left:3px solid;border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:4px;margin-bottom:2px;transition:background .15s ease}.gsp-weapon-card:hover{background:#ffffff17}.gsp-wc-row{display:flex;align-items:center;gap:6px}.gsp-wc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px currentColor}.gsp-wc-name{font-size:.68rem;font-weight:600;color:#f0e4cc;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsp-wc-lv{color:var(--accent-gold);font-size:.58rem;font-weight:700;color:#f5a442;margin-left:auto;white-space:nowrap}.gsp-wc-bar{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.gsp-wc-fill{height:100%;border-radius:2px;transition:width .3s ease;opacity:.85}.gsp-empty{font-size:.65rem;color:#f0e4cc47;text-align:center;padding:10px 0;font-style:italic}.rp-portrait-wrap{position:relative;width:calc(100% - 20px);margin:14px 10px 0;aspect-ratio:1;flex-shrink:0}.rp-portrait-glow{position:absolute;inset:-8px;background:radial-gradient(circle at 50% 60%,rgba(245,164,66,.22) 0%,transparent 70%);border-radius:18px;pointer-events:none}.rp-portrait-frame{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;border:2px solid rgba(245,164,66,.5);box-shadow:0 0 0 1px #f5a44224,0 6px 24px #0000008c,inset 0 1px #ffffff12;background:#140c04e6}.rp-cat-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#f5a44259}.rp-identity{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 10px 2px}.rp-cat-name{font-size:.95rem;font-weight:800;color:#f5a442;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 0 14px rgba(245,164,66,.4);letter-spacing:.3px}.rp-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.rp-level-badge{font-size:.58rem;font-weight:700;color:#f5a442a6;text-transform:uppercase;letter-spacing:1.5px;background:#f5a44214;border:1px solid rgba(245,164,66,.18);border-radius:5px;padding:2px 7px}.rp-rarity-chip{font-size:.46rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:2px 7px;border-radius:5px;border:1px solid}.rp-rarity-common{color:#9ca3af;background:#9ca3af1a;border-color:#9ca3af38}.rp-rarity-uncommon{color:#4ade80;background:#4ade801a;border-color:#4ade8047}.rp-rarity-rare{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa47}.rp-rarity-epic{color:#c084fc;background:#c084fc1a;border-color:#c084fc47}.rp-rarity-legendary{color:#f5a442;background:#f5a4421f;border-color:#f5a44252}.rp-rarity-mythic{color:#f472b6;background:#f472b61f;border-color:#f472b652;animation:mythic-glow 1.5s ease-in-out infinite alternate}.rp-cat-stats{padding:0 0 4px}.rp-section-head{display:flex;align-items:center;gap:6px;padding:10px 10px 6px}.rp-section-line{flex:1;height:1px;background:#f5a44226}.rp-section-label{font-size:.46rem;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;color:#f5a442;opacity:.7;display:flex;align-items:center;white-space:nowrap}.rp-weapons-list{display:flex;flex-direction:column;gap:4px;padding:0 8px 10px}.rp-weapon-slot{display:flex;flex-direction:column;background:#ffffff0a;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:background .15s ease,border-color .15s ease}.rp-weapon-slot:hover{background:#ffffff14;border-color:#ffffff1a}.rp-slot-topbar{height:2px;width:100%;flex-shrink:0}.rp-slot-body{display:flex;align-items:center;gap:6px;padding:6px 8px 3px}.rp-slot-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.rp-slot-name{font-size:.68rem;font-weight:600;color:#f0e4cc;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-slot-lv{font-size:.58rem;font-weight:800;white-space:nowrap;letter-spacing:.3px}.rp-slot-bar-track{height:2px;background:#ffffff0f;margin:0 8px 5px;border-radius:2px;overflow:hidden}.rp-slot-bar-fill{height:100%;border-radius:2px;transition:width .4s ease;opacity:.75}.rp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px;font-size:.62rem;color:#f0e4cc40;font-style:italic;gap:2px}.game-hud-top{display:flex;align-items:center;justify-content:space-between;background:var(--hud-bar-bg, rgba(35, 20, 8, .94));border-bottom:2px solid var(--hud-bar-border, rgba(212, 155, 50, .45));padding:6px 12px;gap:12px;min-height:40px;font-family:Fredoka,sans-serif;color:var(--hud-text, #fdf5e6)}.hud-left,.hud-center,.hud-right{display:flex;align-items:center;gap:8px}.hud-left{flex:1}.hud-center{justify-content:center;flex:1}.hud-right{justify-content:flex-end;flex:1}.hud-exit-btn{background:#c0392b;border:none;outline:3px solid #7b1a10;color:#fff;font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;cursor:pointer;box-shadow:0 3px #7b1a10;transition:background .15s,transform .1s;white-space:nowrap}.hud-exit-btn:hover{background:#a93226;transform:translateY(-1px)}.hud-exit-btn:active{transform:translateY(2px);box-shadow:0 1px #7b1a10}.hud-collection-btn{background:#5cb85c;border:none;outline:3px solid #3d6b35;color:#fff;font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px;cursor:pointer;box-shadow:0 3px #3d6b35;transition:background .15s,transform .1s;white-space:nowrap}.hud-collection-btn:hover{background:#4cae4c;transform:translateY(-1px)}.hud-collection-btn:active{transform:translateY(2px);box-shadow:0 1px #3d6b35}.hud-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;background:#f5a44224;border:1px solid rgba(245,164,66,.34);color:#f9d08a;font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;width:34px;height:34px;padding:0;border-radius:999px;cursor:pointer;transition:transform .16s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;box-shadow:inset 0 0 0 1px #ffffff0a;flex-shrink:0}.hud-fullscreen-btn:hover{transform:translateY(-1px);background:#f5a44238;border-color:#f5a44280;box-shadow:0 8px 18px #f5a44229}.hud-fullscreen-btn:active{transform:translateY(1px) scale(.99)}.hud-fullscreen-btn.is-active{background:#60a5fa29;border-color:#60a5fa70;color:#bfdbfe}.hud-pause-btn{display:inline-flex;align-items:center;justify-content:center;background:#f5a44224;border:1px solid rgba(245,164,66,.34);color:#f9d08a;font-size:15px;width:30px;height:30px;border-radius:8px;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.hud-pause-btn:hover{background:#f5a4423d;transform:translateY(-1px)}.hud-pause-btn:active{transform:translateY(1px) scale(.97)}.hud-cat-icon{display:flex;align-items:center;color:#f5a442;flex-shrink:0}.hud-cat-img{width:28px;height:28px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1.5px solid rgba(212,155,50,.5);flex-shrink:0}.hud-cat-name{font-size:.85rem;font-weight:700;color:#f5a442;white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.hud-hp-track{width:90px;height:7px;background:#e74c3c33;border-radius:4px;overflow:hidden;border:1px solid rgba(231,76,60,.35);flex-shrink:0}.hud-hp-fill{height:100%;background:linear-gradient(90deg,#c0392b,#e74c3c,#ff6b6b);border-radius:4px;transition:width .25s ease}.hud-pill{font-size:.72rem;font-weight:600;color:#fdf5e6;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2px 9px;white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:3px}.hud-pill-gold{color:#f5a442;background:#f5a4421f;border-color:#f5a44247}.hud-pill-wave{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa38}.hud-pill-timer{color:#fdf5e6b3;font-family:Courier New,monospace;letter-spacing:.5px}.hud-pill-kills{color:#f87171;background:#f871711a;border-color:#f8717133}.game-canvas-area{position:relative;line-height:0;flex-shrink:0;background:#150d06;border-radius:12px}.game-canvas-area canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:none;touch-action:none}.game-canvas-area>canvas{background:#150d06}.game-joystick{position:fixed;right:20px;bottom:20px;width:116px;height:116px;border-radius:50%;z-index:26;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#23140866,#23140842);border:2px solid rgba(245,164,66,.5);box-shadow:0 3px 12px #00000059,inset 0 0 18px #00000038;opacity:.82;transition:opacity .15s ease}.game-joystick.is-active{opacity:1}.game-mobile-fs-btn{position:fixed;top:14px;right:14px;z-index:27;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;cursor:pointer;color:#fdf5e6;background:#2314089e;border:2px solid rgba(245,164,66,.5);box-shadow:0 2px 8px #00000059;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s ease}.game-mobile-fs-btn:active{transform:scale(.94)}.game-mobile-pause-btn{position:fixed;top:14px;left:14px;z-index:27;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;cursor:pointer;color:#fdf5e6;background:#2314089e;border:2px solid rgba(245,164,66,.5);box-shadow:0 2px 8px #00000059;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s ease}.game-mobile-pause-btn:active{transform:scale(.94)}.game-mobile-fx{position:fixed;top:66px;left:12px;z-index:18;display:flex;flex-direction:column;gap:4px;max-width:46%;pointer-events:none}.game-mobile-fx-chip{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;max-width:100%;padding:3px 8px;border-radius:999px;font-family:Fredoka,sans-serif;font-size:.6rem;font-weight:700;color:#fdf5e6;background:#140c04bd;border:1px solid color-mix(in srgb,var(--fx, #F5A442) 55%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-mobile-fx-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;box-shadow:0 0 5px var(--fx, #F5A442)}.game-mobile-fx-chip b{color:var(--fx, #F5A442);font-weight:800}.game-joystick-thumb{width:44px;height:44px;border-radius:50%;pointer-events:none;will-change:transform;background:radial-gradient(circle at 36% 30%,#ffd98a,var(--accent-gold, #F5A442));border:2px solid rgba(255,255,255,.75);box-shadow:0 2px 8px #0006}.game-rotate-hint{position:fixed;inset:0;z-index:9995;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:32px;font-family:Fredoka,sans-serif;color:#fdf5e6;background:radial-gradient(circle at 50% 36%,rgba(245,164,66,.16),transparent 46%),linear-gradient(180deg,#140b05,#1d1108)}.game-rotate-icon{color:var(--accent-gold, #F5A442);animation:rotateHintWiggle 2.4s ease-in-out infinite}.game-rotate-title{font-size:1.4rem;font-weight:800;letter-spacing:.3px}.game-rotate-sub{font-size:.92rem;font-weight:500;color:#fdf5e6b3;max-width:300px;line-height:1.4}.game-rotate-btn{margin-top:6px;padding:11px 22px;border-radius:12px;font-family:Fredoka,sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;color:#2b1e11;background:var(--accent-gold, #F5A442);border:3px solid #5D4E37;box-shadow:4px 4px #5d4e37;-webkit-tap-highlight-color:transparent}.game-rotate-btn:active{transform:translateY(2px);box-shadow:2px 2px #5d4e37}@keyframes rotateHintWiggle{0%,to{transform:rotate(0)}45%,55%{transform:rotate(-90deg)}}@media (max-width: 960px){body.newgame-active .nav-container,body.newgame-active .site-footer{display:none!important}body.newgame-active .app-route-shell{padding-top:0!important;min-height:100vh;min-height:100dvh}.newgame-page{padding:0;gap:0;min-height:100vh;min-height:100dvh}.game-shell{width:100%;gap:0;height:100vh;height:100dvh}.game-shell.is-fullscreen{padding:0}.game-row{width:100%;height:100%;max-height:none;border-radius:0;box-shadow:none}.game-panel-right{display:none}.game-viewport{position:relative;width:100%;height:100%}.game-canvas-area{position:absolute;inset:0;width:100%;height:100%;background:#120a05}.game-canvas-area canvas{width:100%;height:100%;display:block}.game-hud-top{position:absolute;top:0;left:0;right:0;z-index:16;border-bottom:none;padding:7px 10px;background:linear-gradient(180deg,#140c04e6,#140c0400);flex-wrap:wrap;justify-content:center;row-gap:4px}.hud-left,.hud-center,.hud-right{gap:5px;min-width:0;flex:0 1 auto}.hud-cat-icon,.hud-cat-name{display:none}.hud-pill{font-size:10px;padding:2px 7px}.hud-hp-track{width:60px}.hud-xp-track{width:52px}.hud-xp-nums{font-size:9px}.hud-pause-btn{flex-shrink:0;font-size:14px;line-height:1;padding:3px 10px}.game-hud-bottom{display:flex;position:fixed;left:12px;bottom:16px;z-index:18;min-height:0;padding:0;border:none;background:none;box-shadow:none;max-width:54%;pointer-events:none}.hud-weapons{flex-wrap:wrap;gap:5px;background:none}.hud-weapon-chip{font-size:.58rem;padding:3px 9px;background:#140c04a8;border:1px solid rgba(245,164,66,.45);border-radius:999px}.hud-wc-sep,.hud-wc-dmg{display:none}.mp-team-strip{inset:auto 8px 150px;transform:none;flex-direction:row;flex-wrap:wrap;align-content:flex-end;justify-content:center;gap:6px}.mp-team-card{padding:2px 10px 2px 2px;max-width:100%}.mp-team-avatar{width:20px;height:20px}.mp-team-hp-track{width:56px}.mp-team-name{max-width:96px}}.passive-effects-tray{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;z-index:20;pointer-events:auto}.passive-badge{position:relative;width:32px;height:32px;border-radius:7px;background:#140c04d1;border:1.5px solid color-mix(in srgb,var(--pb-color, #aaa) 50%,transparent);display:flex;align-items:center;justify-content:center;cursor:default;box-shadow:0 2px 8px #0006,inset 0 0 0 1px #ffffff0d;transition:transform .15s ease}.passive-badge:hover{transform:scale(1.08);z-index:30}.passive-badge-icon{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.passive-badge-tooltip{display:none;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#140c04f5;border:1.5px solid rgba(212,155,50,.4);border-radius:8px;padding:5px 9px;white-space:nowrap;pointer-events:none;flex-direction:column;gap:1px}.passive-badge:hover .passive-badge-tooltip{display:flex}.pbt-name{font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:700;color:#f9d08a;line-height:1.3}.pbt-desc{font-family:Fredoka,sans-serif;font-size:.65rem;font-weight:500;color:#fdf5e699;line-height:1.3}.game-boss-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#641e0af7,#8c3214f7);color:#fdf5e6;font-size:1.4rem;font-weight:700;font-family:Fredoka,sans-serif;padding:12px 32px;border-radius:12px;border:3px solid rgba(212,155,50,.6);pointer-events:none;z-index:25;animation:bossAppear .7s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px #3a201080;letter-spacing:2px;text-transform:uppercase}@keyframes bossAppear{0%{transform:translate(-50%,-50%) scale(3);opacity:0;filter:blur(10px)}30%{opacity:1;filter:blur(0)}50%{transform:translate(-50%,-50%) scale(.85)}70%{transform:translate(-50%,-50%) scale(1.08)}to{transform:translate(-50%,-50%) scale(1)}}.game-weapon-banner{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#fdf5e6f2;color:var(--text-brown);font-size:.85rem;font-weight:700;font-family:Fredoka,sans-serif;padding:5px 16px;border-radius:10px;border:2px solid var(--border-brown);pointer-events:none;z-index:20;animation:bannerSlide .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;box-shadow:3px 3px #5d4e3733}@keyframes bannerSlide{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);backdrop-filter:blur(3px);z-index:30;cursor:default;animation:overlayIn .3s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.lu-card{background:#2b1e11;border:2px solid rgba(212,155,50,.55);border-radius:22px;padding:18px 20px 20px;width:680px;max-width:96vw;font-family:Fredoka,sans-serif;box-shadow:0 0 0 1px #f5a44240,0 24px 64px #000000a6,5px 5px #00000080;animation:luCardIn .38s cubic-bezier(.34,1.56,.64,1)}@keyframes luCardIn{0%{transform:scale(.78) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.lu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(212,155,50,.22)}.lu-star{display:flex;align-items:center;filter:drop-shadow(0 0 6px rgba(245,164,66,.7))}.lu-title{font-size:1.15rem;font-weight:800;color:#f5a442;text-align:center;letter-spacing:2.5px;line-height:1.1;text-shadow:0 0 12px rgba(245,164,66,.4)}.lu-subtitle{font-size:.62rem;color:#fdf5e673;text-align:center;letter-spacing:.5px;margin-top:3px}.lu-choices{display:flex;flex-direction:row;gap:10px;align-items:stretch}.lu-choice{display:flex;flex-direction:column;align-items:stretch;flex:1;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:13px;padding:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;font-family:Fredoka,sans-serif;overflow:hidden;text-align:center;min-width:0}.lu-choice:hover{transform:translateY(-3px) scale(1.03);border-color:var(--ch-color, #F5A442);box-shadow:0 0 0 1px var(--ch-color, #F5A442),0 8px 24px #0006;background:#ffffff17}.lu-choice:active{transform:scale(.97);box-shadow:none}.lu-choice-icon-area{display:flex;align-items:center;justify-content:center;padding:14px 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}.lu-choice-body{flex:1;padding:8px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.lu-choice-name{font-size:.85rem;font-weight:700;color:#fdf5e6;line-height:1.2;text-align:center}.lu-choice-desc{font-size:.58rem;color:#fdf5e680;line-height:1.4;text-align:center}.lu-type-badge{font-size:.46rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:5px;flex-shrink:0}.lu-type-new{background:#2196f333;color:#64b5f6;border:1px solid rgba(33,150,243,.4)}.lu-type-up{background:#f5a44233;color:#f5a442;border:1px solid rgba(245,164,66,.4)}.lu-type-passive{background:#ba68c833;color:#ce93d8;border:1px solid rgba(186,104,200,.35)}.lu-choices .lu-choice:nth-child(1){animation:luChoiceIn .28s .1s ease both}.lu-choices .lu-choice:nth-child(2){animation:luChoiceIn .28s .17s ease both}.lu-choices .lu-choice:nth-child(3){animation:luChoiceIn .28s .24s ease both}@keyframes luChoiceIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-card,.overlay-choice,.overlay-choice-dot,.choice-label,.levelup-choices,.levelup-subtitle{display:none}.game-over-card{background:#fdf5e6;border:3px solid var(--border-brown);border-radius:20px;padding:20px 28px 18px;text-align:center;color:var(--text-brown);font-family:Fredoka,sans-serif;box-shadow:6px 6px 0 var(--border-brown);animation:cardIn .5s cubic-bezier(.34,1.56,.64,1);min-width:320px;max-width:400px;overflow:visible}.newgame-page.dark .game-over-card{background:#1e1610;border-color:#6b5640;box-shadow:6px 6px #3a2a14;color:#f5ebe0}.go-header{margin-bottom:14px}.go-header h2{font-size:1.8rem;margin:0 0 4px;color:var(--accent-red);font-weight:700;letter-spacing:2px;text-transform:uppercase}.go-divider{width:60%;height:2px;background:var(--border-light);margin:10px auto 14px;border-radius:1px}.go-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.go-stat-card{background:#f5a44214;border:2px solid var(--border-light);border-radius:12px;padding:12px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:border-color .2s ease}.go-stat-card:hover{border-color:var(--accent-gold)}.go-stat-val{font-size:1.4rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.go-val-level{color:#d4a017}.go-val-kills{color:var(--accent-red)}.go-val-time{color:#e67e22}.go-val-wave{color:var(--accent-blue)}.go-stat-lbl{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.go-near-miss{margin-bottom:10px;padding:8px 10px;background:#f5a4420f;border:1px solid rgba(212,155,50,.25);border-radius:8px}.go-nm-progress-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.go-nm-label{font-size:.6rem;color:var(--text-muted);white-space:nowrap;min-width:28px}.go-nm-bar-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.go-nm-bar-fill{height:100%;background:linear-gradient(90deg,#f5a442,#fc0);border-radius:3px}.go-nm-val{font-size:.58rem;color:var(--accent-gold);font-weight:700;white-space:nowrap}.go-nm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.go-nm-stat-sub{font-size:.55rem;font-weight:600;color:var(--text-muted);margin-left:1px}.go-nm-stat{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:3px 2px;background:#ffffff0a;border-radius:5px}.go-nm-stat-val{font-size:.68rem;font-weight:700;color:var(--text-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.go-nm-stat-lbl{font-size:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.go-xp-section{background:#27ae601a;border:2px solid rgba(39,174,96,.3);border-radius:12px;padding:8px 14px;margin-bottom:12px}.go-xp-row{display:flex;align-items:center;justify-content:center;gap:8px}.go-xp-icon{font-size:1.1rem}.go-xp-amount{font-size:1.2rem;font-weight:700;color:var(--accent-green)}.go-xp-saved{font-size:.62rem;color:var(--accent-green);opacity:.8;animation:fadeIn .5s ease}.go-xp-saving{font-size:.62rem;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}.go-weapons-section{margin-bottom:14px}.go-weapons-title{display:block;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-weight:600}.go-weapons-grid{display:flex;flex-direction:column;gap:4px}.go-weapon-item{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#f5a4420f;border-radius:8px;border-left:3px solid;font-family:Fredoka,sans-serif}.newgame-page.dark .go-weapon-item{background:#f5a4421a}.newgame-page.dark .go-weapon-name{color:#f0e4cc}.newgame-page.dark .go-weapons-title{color:#a89474}.newgame-page.dark .go-stat-card{background:#f5a44212;border-color:#3d3228}.newgame-page.dark .go-stat-lbl{color:#a89474}.newgame-page.dark .go-divider{background:#3d3228}.newgame-page.dark .go-near-miss{background:#f5a44212;border-color:#3d3228}.newgame-page.dark .go-nm-label,.newgame-page.dark .go-nm-stat-lbl{color:#a89474}.newgame-page.dark .go-xp-section{background:#27ae601f;border-color:#27ae604d}.go-weapon-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.go-weapon-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:7px;background:color-mix(in srgb,var(--wcol, #F5A442) 18%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--wcol, #F5A442) 45%,transparent)}.go-weapon-icon canvas{width:24px;height:24px;image-rendering:pixelated}.go-weapon-name{font-size:.72rem;font-weight:600;color:var(--text-brown);flex:1;text-align:left}.go-weapon-lv{font-size:.65rem;font-weight:700;white-space:nowrap}.go-footer-btns{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:10px}.go-share-row{width:100%;display:flex;justify-content:stretch}.go-share-x{width:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;background:linear-gradient(180deg,#e07c3a,#c96020);color:#fff;border:3px solid var(--border-brown);border-radius:14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:4px 4px 0 var(--border-brown)}.go-share-x:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--border-brown);filter:brightness(1.08)}.go-share-x:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--border-brown);filter:brightness(.95)}.go-share-x:disabled{opacity:.75;cursor:wait;pointer-events:none}.go-share-x-icon{display:block;width:22px;height:22px;flex-shrink:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.go-share-x-label{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:Fredoka,sans-serif;white-space:nowrap}@media (max-width: 380px){.go-share-x-label{font-size:.72rem;letter-spacing:.04em}}.go-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.go-collection{background:var(--accent-gold);color:#fff;border:3px solid var(--border-brown);padding:10px 12px;border-radius:12px;font-size:.72rem;font-weight:700;cursor:pointer;font-family:Fredoka,sans-serif;transition:all .18s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px 0 var(--border-brown)}.go-collection:hover{background:#e8952e;transform:translateY(-2px);box-shadow:4px 6px 0 var(--border-brown)}.go-collection:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--border-brown)}.go-restart{background:var(--accent-green);color:#fff;border:3px solid var(--border-brown);padding:10px 12px;width:100%;border-radius:12px;font-size:.9rem;font-weight:700;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .18s ease;text-transform:uppercase;letter-spacing:1.5px;box-shadow:4px 4px 0 var(--border-brown)}.go-restart:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--border-brown);background:#2ecc71}.go-restart:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--border-brown)}.game-hud-bottom{display:flex;align-items:center;justify-content:space-between;background:var(--hud-bar-bg, rgba(35, 20, 8, .94));border-top:2px solid var(--hud-bar-border, rgba(212, 155, 50, .45));padding:6px 12px;gap:12px;min-height:40px;font-family:Fredoka,sans-serif;color:var(--hud-text, #fdf5e6)}.hud-weapons{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex:1;overflow:hidden;min-width:0}.hud-weapon-chip{flex-shrink:0;display:flex;align-items:center;gap:5px;background:#ffffff14;border:1.5px solid rgba(212,155,50,.3);border-radius:20px;padding:3px 9px 3px 6px}.hud-wc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px var(--wc, #fff)}.hud-wc-name{font-size:.68rem;font-weight:600;color:#fdf5e6;white-space:nowrap}.hud-wc-lv{font-size:.62rem;font-weight:700;color:#f5a442;white-space:nowrap}.hud-wc-sep{font-size:.58rem;color:#fdf5e64d;flex-shrink:0}.hud-wc-dmg{font-size:.62rem;font-weight:600;color:#fdf5e699;white-space:nowrap}.hud-passive-chip{border-color:rgba(var(--wc, 180, 180, 255),.35);background:#ffffff0d}.hud-passive-chip .hud-wc-name{color:#fdf5e6bf}.hud-passive-chip .hud-wc-dmg{color:#fdf5e680;font-style:italic}.hud-xp-section{display:flex;align-items:center;gap:6px;flex-shrink:0}.hud-xp-label{font-size:.62rem;font-weight:700;color:#fdf5e699;text-transform:uppercase;letter-spacing:1px}.hud-xp-track{width:120px;height:7px;background:#27ae6033;border-radius:4px;overflow:hidden;border:1px solid rgba(39,174,96,.35)}.hud-xp-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71,#55efc4);border-radius:4px;transition:width .2s ease}.hud-xp-nums{font-size:.62rem;font-weight:600;color:#fdf5e6b3;font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.newgame-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-muted);font-family:Fredoka,sans-serif}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.newgame-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;color:var(--text-brown);font-family:Fredoka,sans-serif;text-align:center}.newgame-error h2{font-size:1.2rem;color:var(--accent-red)}.newgame-error p{font-size:.8rem;color:var(--text-muted)}.back-btn{background:var(--accent-green);color:#fff;border:3px solid var(--border-brown);padding:8px 20px;border-radius:10px;font-size:.85rem;font-weight:700;font-family:Fredoka,sans-serif;cursor:pointer;transition:all .18s ease;margin-top:8px;box-shadow:3px 3px 0 var(--border-brown)}.back-btn:hover{transform:translateY(-1px);box-shadow:3px 5px 0 var(--border-brown)}.exit-confirm-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#1e1208b8;backdrop-filter:blur(4px)}.exit-confirm-card{background:#fdf8f0;border:4px solid #5D4E37;border-radius:24px;box-shadow:0 8px #5d4e37,0 14px 32px #00000047;padding:32px 28px 28px;max-width:340px;width:90%;text-align:center;font-family:Fredoka,sans-serif;animation:cardIn .28s cubic-bezier(.34,1.56,.64,1)}.dark .exit-confirm-card{background:#1e1208;border-color:#8a6a3a;box-shadow:0 8px #3a2a12,0 14px 32px #0000008c}.exit-confirm-title{font-size:1.7rem;font-weight:800;color:#c0392b;margin:0 0 12px;letter-spacing:.2px;line-height:1.1}.dark .exit-confirm-title{color:#f87171}.exit-confirm-desc{font-size:.95rem;color:#5d4e37;margin:0 0 24px;line-height:1.55}.dark .exit-confirm-desc{color:#fdf5e6a6}.exit-confirm-actions{display:flex;flex-direction:column;gap:12px}.exit-confirm-btn{width:100%;padding:13px 16px;border-radius:16px;border:none;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .12s,box-shadow .12s;color:#fff}.exit-confirm-yes{background:#c0392b;box-shadow:0 5px #7b1a10}.exit-confirm-yes:hover{transform:translateY(-2px);box-shadow:0 7px #7b1a10}.exit-confirm-yes:active{transform:translateY(3px);box-shadow:0 2px #7b1a10}.exit-confirm-no{background:#4caf50;box-shadow:0 5px #2d6b2f}.exit-confirm-no:hover{transform:translateY(-2px);box-shadow:0 7px #2d6b2f}.exit-confirm-no:active{transform:translateY(3px);box-shadow:0 2px #2d6b2f}.pause-menu-overlay{position:absolute;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#0c0702b8;backdrop-filter:blur(3px)}.pause-menu-card{background:#fdf8f0;border:4px solid #5D4E37;border-radius:24px;box-shadow:0 8px #5d4e37,0 14px 32px #00000047;padding:26px 28px 24px;min-width:240px;display:flex;flex-direction:column;gap:12px;align-items:center;font-family:Fredoka,sans-serif;animation:cardIn .28s cubic-bezier(.34,1.56,.64,1)}.dark .pause-menu-card{background:#1e1208;border-color:#8a6a3a;box-shadow:0 8px #3a2a12,0 14px 32px #0000008c}.pause-menu-title{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:800;color:#3d2e1a;margin:0;letter-spacing:2px;text-transform:uppercase}.dark .pause-menu-title{color:#f9d08a}.pause-kills-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 12px;border-radius:999px;background:#5d4e3714;border:1px solid rgba(93,78,55,.14)}.pause-kills-val{font-family:Fredoka,sans-serif;font-size:2.15rem;font-weight:800;color:#f16363;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.25)}.pause-kills-lbl{font-size:.58rem;font-weight:700;color:#5a4b35;text-transform:uppercase;letter-spacing:1.7px;line-height:1.05;transform:translateY(2px)}.dark .pause-kills-row{background:#f5d08a14;border-color:#f5d08a29}.dark .pause-kills-val{color:#ff8d8d;text-shadow:none}.dark .pause-kills-lbl{color:#fdf5e69e}.pause-menu-sep{width:85%;height:2px;background:#e8dcc8;margin:2px 0;align-self:center;border-radius:2px}.dark .pause-menu-sep{background:#d49b3233}.pause-menu-btn{width:100%;padding:12px 16px;border-radius:16px;border:none;cursor:pointer;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.3px;color:#fff;transition:transform .12s,box-shadow .12s;display:flex;align-items:center;justify-content:center;gap:6px}.pause-menu-btn:hover{transform:translateY(-2px)}.pause-menu-btn:active{transform:translateY(3px)}.pause-btn-resume{background:#4caf50;box-shadow:0 5px #2d6b2f}.pause-btn-resume:hover{box-shadow:0 7px #2d6b2f}.pause-btn-resume:active{box-shadow:0 2px #2d6b2f}.pause-btn-end{background:#c0392b;box-shadow:0 5px #7b1a10}.pause-btn-end:hover{box-shadow:0 7px #7b1a10}.pause-btn-end:active{box-shadow:0 2px #7b1a10}.pause-btn-fullscreen{background:#b07d3a;box-shadow:0 5px #5c3e15;gap:6px}.pause-btn-fullscreen:hover{box-shadow:0 7px #5c3e15}.pause-btn-fullscreen:active{box-shadow:0 2px #5c3e15}.pause-btn-fullscreen.is-active{background:#3b82f6;box-shadow:0 5px #1d4ed8}.pause-btn-fullscreen.is-active:hover{box-shadow:0 7px #1d4ed8}.pause-btn-fullscreen.is-active:active{box-shadow:0 2px #1d4ed8}.share-preview-overlay{position:fixed;inset:0;z-index:30000;background:#1e1006b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding-top:max(9rem,calc(env(safe-area-inset-top,0px) + 8rem));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;font-family:Fredoka,sans-serif;box-sizing:border-box}.share-preview-stack{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:min(400px,100%);width:100%;flex-shrink:0;max-height:min(calc(100vh - 10rem),900px);animation:cardIn .35s cubic-bezier(.34,1.56,.64,1)}.share-preview-img{width:100%;height:auto;display:block;border-radius:16px;border:3px solid var(--border-brown);box-shadow:6px 6px 0 var(--border-brown);background:#fdf5e6;-o-object-fit:contain;object-fit:contain;max-height:min(62vh,720px)}.share-preview-hint{margin:0;text-align:center;font-size:.72rem;font-weight:600;color:#fdf5e6d9;letter-spacing:.03em}.share-preview-actions{display:flex;gap:10px;padding:0}.share-preview-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;border-radius:14px;font-size:.76rem;font-weight:700;font-family:Fredoka,sans-serif;cursor:pointer;border:3px solid var(--border-brown);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;box-shadow:3px 3px 0 var(--border-brown)}.share-preview-btn:active{transform:translateY(2px)!important;box-shadow:1px 1px 0 var(--border-brown)!important}.share-preview-btn-copy{background:var(--accent-green);color:#fff}.share-preview-btn-copy:hover{transform:translateY(-2px);box-shadow:4px 5px 0 var(--border-brown)}.share-preview-btn-dl{background:var(--bg-cream, #fdf5e6);color:var(--text-brown)}.share-preview-btn-dl:hover{background:#fff;transform:translateY(-2px);box-shadow:4px 5px 0 var(--border-brown)}.share-preview-btn-share{background:var(--bg-cream, #fdf5e6);color:var(--text-brown)}.share-preview-btn-share:hover{background:#fff;transform:translateY(-2px);box-shadow:4px 5px 0 var(--border-brown)}@media (max-width: 380px){.share-preview-actions{flex-direction:column}.share-preview-btn{font-size:.72rem}}.mp-lobby{width:100%;max-width:720px;margin:0 auto;padding:28px 24px;background:var(--card-bg);border:3px solid var(--border-brown);border-radius:22px;box-shadow:6px 6px 0 var(--border-brown);font-family:Fredoka,sans-serif;color:var(--text-brown)}.newgame-page.dark .mp-lobby{background:#1e1610;border-color:#6b5640;box-shadow:6px 6px #3a2a14;color:#f5ebe0}.mp-lobby h2{font-size:1.4rem;font-weight:800;margin:0 0 4px;text-align:center;letter-spacing:.5px}.mp-lobby-sub{font-size:.78rem;color:var(--text-muted);text-align:center;margin:0 0 22px}.mp-mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.mp-mode-card{background:#f5a4420f;border:2px solid var(--border-light);border-radius:16px;padding:22px 18px;cursor:pointer;font-family:inherit;color:inherit;text-align:center;transition:transform .12s,border-color .15s,background .15s}.mp-mode-card:hover{transform:translateY(-2px);border-color:var(--accent-gold);background:#f5a4421f}.mp-mode-card-title{font-size:1.05rem;font-weight:800;margin-bottom:6px;color:var(--accent-gold)}.mp-mode-card-desc{font-size:.72rem;color:var(--text-muted);line-height:1.4}.mp-section{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border-light)}.mp-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.mp-row{display:flex;gap:10px;align-items:center}.mp-row+.mp-row{margin-top:10px}.mp-input{flex:1;padding:10px 14px;border:2px solid var(--border-light);border-radius:10px;background:var(--bg-warm);color:var(--text-brown);font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;outline:none;text-align:center}.newgame-page.dark .mp-input{background:#2a2218;color:#f5ebe0;border-color:#4a3a28}.mp-input:focus{border-color:var(--accent-gold)}.mp-btn{background:#5cb85c;border:none;outline:3px solid #3d6b35;color:#fff;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:700;padding:10px 18px;border-radius:999px;cursor:pointer;box-shadow:0 3px #3d6b35;transition:background .15s,transform .1s;white-space:nowrap}.mp-btn:hover{background:#4cae4c;transform:translateY(-1px)}.mp-btn:active{transform:translateY(2px);box-shadow:0 1px #3d6b35}.mp-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.mp-btn-secondary{background:var(--accent-blue);outline-color:#064a87;box-shadow:0 3px #064a87}.mp-btn-secondary:hover{background:#066ec2}.mp-btn-secondary:active{box-shadow:0 1px #064a87}.mp-btn-danger{background:#c0392b;outline-color:#7b1a10;box-shadow:0 3px #7b1a10}.mp-btn-danger:hover{background:#a93226}.mp-btn-danger:active{box-shadow:0 1px #7b1a10}.mp-btn-warm{background:var(--accent-gold);outline-color:#8a5520;box-shadow:0 3px #8a5520;color:#2b1e11}.mp-btn-warm:hover{filter:brightness(1.06)}.mp-btn-warm:active{box-shadow:0 1px #8a5520}.mp-code-box{text-align:center;background:#f5a4421a;border:2px dashed rgba(245,164,66,.45);border-radius:14px;padding:18px 16px;margin:16px 0}.mp-code-label{font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.mp-code-value{font-family:ui-monospace,monospace;font-size:2rem;font-weight:800;letter-spacing:.3em;margin:4px 0 10px;color:var(--accent-gold)}.mp-roster{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px}.mp-roster-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:10px}.newgame-page.dark .mp-roster-row{background:#ffffff0a;border-color:#f5a4422e}.mp-roster-dot{width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px currentColor;color:#4ade80;flex-shrink:0}.mp-roster-name{font-weight:700;flex:1}.mp-roster-tag{font-size:.6rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:#f5a4422e;color:var(--accent-gold);border:1px solid rgba(245,164,66,.35)}.mp-roster-tag.is-you{background:#60a5fa2e;color:#60a5fa;border-color:#60a5fa59}.mp-lobby-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.mp-error{color:#c0392b;background:#c0392b14;border:1px solid rgba(192,57,43,.3);padding:8px 12px;border-radius:10px;font-size:.8rem;text-align:center;margin:10px 0 0}.mp-status{text-align:center;color:var(--text-muted);font-size:.8rem;margin:8px 0}.lobby-stage{width:100%;max-width:760px;margin:0 auto;padding:22px 26px 20px;display:flex;flex-direction:column;align-items:center;font-family:Fredoka,sans-serif;color:var(--text-brown);background:var(--card-bg);border:3px solid var(--border-brown);border-radius:22px;box-shadow:6px 6px 0 var(--border-brown)}.newgame-page.dark .lobby-stage{color:#f5ebe0;background:#241c14;border-color:#6b5640;box-shadow:6px 6px #3a2a14}.lobby-hero{display:flex;align-items:center;gap:18px;width:100%;max-width:560px;padding:14px 16px;border-radius:16px;background:var(--bg-warm);border:3px solid var(--border-brown);box-shadow:4px 4px 0 var(--border-brown)}.newgame-page.dark .lobby-hero{background:#1c150e;border-color:#6b5640;box-shadow:4px 4px #3a2a14}.lobby-portrait{flex-shrink:0;width:88px;height:88px;border-radius:14px;overflow:hidden;background:#fff6e8;border:3px solid var(--border-brown);box-shadow:3px 3px 0 var(--border-brown);display:grid;place-items:center}.newgame-page.dark .lobby-portrait{background:#2a2018;border-color:#6b5640;box-shadow:3px 3px #3a2a14}.lobby-portrait-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:pixelated}.lobby-portrait-fallback{display:grid;place-items:center;color:var(--accent-gold)}.lobby-portrait-uncommon{border-color:#4ade80;box-shadow:3px 3px #2f9d57}.lobby-portrait-rare{border-color:#60a5fa;box-shadow:3px 3px #2563eb}.lobby-portrait-epic{border-color:#c084fc;box-shadow:3px 3px #9333ea}.lobby-portrait-legendary{border-color:var(--accent-gold);box-shadow:3px 3px #b9791f}.lobby-portrait-mythic{border-color:#f472b6;box-shadow:3px 3px #be3a82}.lobby-hero-info{display:flex;flex-direction:column;gap:5px;min-width:0}.lobby-hero-kicker{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.lobby-hero-name{margin:0;font-size:1.55rem;font-weight:700;line-height:1;color:var(--text-brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newgame-page.dark .lobby-hero-name{color:#fbeede}.lobby-hero-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:1px}.lobby-badge{font-size:.6rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:7px;border:2px solid}.lobby-badge-lvl{color:#2b1e11;background:var(--accent-gold);border-color:var(--border-brown)}.lobby-stat-pips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.lobby-pip{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:600;padding:3px 7px;border-radius:8px;background:var(--card-bg);border:2px solid var(--border-light);color:var(--text-muted)}.newgame-page.dark .lobby-pip{background:#241c14;border-color:#4a3a28}.lobby-pip-label{font-weight:600}.lobby-pip b{color:var(--text-brown);font-weight:800;padding-left:4px;margin-left:1px;border-left:1px solid var(--border-light)}.newgame-page.dark .lobby-pip b{color:#f5ebe0;border-left-color:#4a3a28}.lobby-heading{text-align:center;margin:16px 0 12px}.lobby-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-brown)}.newgame-page.dark .lobby-title{color:#fbeede}.lobby-subtitle{margin:5px 0 0;font-size:.85rem;font-weight:500;color:var(--text-muted)}.lobby-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:620px}.lobby-mode{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:18px 20px 16px;border-radius:18px;cursor:pointer;font-family:inherit;text-align:left;color:var(--text-brown);background:var(--card-bg);border:3px solid var(--border-brown);box-shadow:5px 5px 0 var(--border-brown);transition:transform .18s ease,box-shadow .18s ease}.newgame-page.dark .lobby-mode{color:#f5ebe0;background:#2a2018;border-color:#6b5640;box-shadow:5px 5px #3a2a14}.lobby-mode:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--border-brown)}.newgame-page.dark .lobby-mode:hover{box-shadow:7px 7px #3a2a14}.lobby-mode:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-brown)}.newgame-page.dark .lobby-mode:active{box-shadow:2px 2px #3a2a14}.lobby-mode-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:#fff;border:3px solid var(--border-brown);box-shadow:3px 3px 0 var(--border-brown)}.newgame-page.dark .lobby-mode-icon{border-color:#6b5640;box-shadow:3px 3px #1a130c}.lobby-mode-solo .lobby-mode-icon{background:var(--accent-gold)}.lobby-mode-coop .lobby-mode-icon{background:var(--accent-pink)}.lobby-mode-tag{position:absolute;top:18px;right:18px;font-size:.56rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 9px;border-radius:999px;color:var(--text-muted);background:var(--bg-warm);border:2px solid var(--border-light)}.newgame-page.dark .lobby-mode-tag{background:#1c150e;border-color:#4a3a28}.lobby-mode-title{font-size:1.2rem;font-weight:700;margin-top:4px}.lobby-mode-solo .lobby-mode-title{color:var(--accent-gold)}.lobby-mode-coop .lobby-mode-title{color:var(--accent-pink)}.lobby-mode-desc{font-size:.78rem;font-weight:500;line-height:1.45;color:var(--text-muted);min-height:2.4em}.lobby-mode-cta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.82rem;font-weight:700;color:var(--text-brown)}.newgame-page.dark .lobby-mode-cta{color:#f5ebe0}.lobby-back{display:inline-flex;align-items:center;gap:5px;margin-top:16px;padding:9px 18px;border-radius:999px;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;color:var(--text-brown);background:var(--bg-warm);border:3px solid var(--border-brown);box-shadow:4px 4px 0 var(--border-brown);transition:transform .18s ease,box-shadow .18s ease}.newgame-page.dark .lobby-back{color:#f5ebe0;background:#1c150e;border-color:#6b5640;box-shadow:4px 4px #3a2a14}.lobby-back:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-brown)}.newgame-page.dark .lobby-back:hover{box-shadow:6px 6px #3a2a14}.lobby-back:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-brown)}.newgame-page.dark .lobby-back:active{box-shadow:2px 2px #3a2a14}.lobby-stage-narrow{max-width:520px}.lobby-head{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:22px}.lobby-head-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;color:#fff;background:var(--accent-pink);border:3px solid var(--border-brown);box-shadow:3px 3px 0 var(--border-brown)}.newgame-page.dark .lobby-head-icon{border-color:#6b5640;box-shadow:3px 3px #1a130c}.lobby-title-row{flex:1;text-align:left;margin:0}.lobby-conn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:.66rem;font-weight:700;letter-spacing:.3px;padding:5px 11px;border-radius:999px;border:2px solid}.lobby-conn.is-online{color:#2f9d57;background:#4ade8024;border-color:#4ade8066}.lobby-conn.is-offline{color:var(--text-muted);background:var(--bg-warm);border-color:var(--border-light)}.lobby-conn.is-server{color:var(--text-brown);background:var(--bg-warm);border-color:var(--border-brown)}.newgame-page.dark .lobby-conn.is-server{color:#f5ebe0;background:#1c150e;border-color:#6b5640}.mp-srv{width:100%;margin-bottom:16px;font-family:Fredoka,sans-serif}.mp-srv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mp-srv-head-label{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted)}.mp-srv-auto{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:.64rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:4px 10px;border-radius:999px;cursor:pointer;color:var(--text-muted);background:var(--bg-warm);border:2px solid var(--border-light);transition:transform .08s ease}.mp-srv-auto:hover:not(:disabled){transform:translateY(-1px)}.mp-srv-auto.is-on{color:#7a4f12;background:#f5a4422e;border-color:var(--accent-gold);cursor:default}.newgame-page.dark .mp-srv-auto.is-on{color:var(--accent-gold)}.mp-srv-list{display:flex;flex-direction:column;gap:8px}.mp-srv-row{display:flex;align-items:center;gap:11px;width:100%;padding:10px 13px;cursor:pointer;text-align:left;font-family:inherit;color:var(--text-brown);background:var(--card-bg);border:2px solid var(--border-brown);border-radius:13px;box-shadow:3px 3px 0 var(--border-brown);transition:transform .08s ease,box-shadow .08s ease}.newgame-page.dark .mp-srv-row{color:#f5ebe0;background:#241c14;border-color:#6b5640;box-shadow:3px 3px #1a130c}.mp-srv-row:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-brown)}.newgame-page.dark .mp-srv-row:hover:not(:disabled){box-shadow:4px 4px #1a130c}.mp-srv-row:disabled{opacity:.55;cursor:not-allowed}.mp-srv-row.is-selected{border-color:var(--accent-gold);box-shadow:3px 3px 0 var(--accent-gold);background:#f5a4421a}.newgame-page.dark .mp-srv-row.is-selected{box-shadow:3px 3px #7a4f12}.mp-srv-flag{font-size:1.3rem;line-height:1;flex-shrink:0}.mp-srv-meta{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.mp-srv-name{display:inline-flex;align-items:center;gap:7px;font-size:.92rem;font-weight:700}.mp-srv-nearest{font-size:.56rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:1px 6px;border-radius:999px;color:#2f9d57;background:#4ade8029;border:1px solid rgba(74,222,128,.4)}.mp-srv-region{font-size:.68rem;color:var(--text-muted)}.mp-srv-ping{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-muted)}.mp-srv-ping .mp-srv-ms{font-size:.6rem;font-weight:700;opacity:.8}.mp-srv-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.mp-srv-ping.is-good{color:#2f9d57}.mp-srv-ping.is-ok{color:#d98a1f}.mp-srv-ping.is-bad{color:#e0623a}.mp-srv-ping.is-dead{color:var(--text-muted);opacity:.7}.mp-srv-check{width:16px;flex-shrink:0;color:var(--accent-gold);display:grid;place-items:center}.mp-srv-note{margin:9px 2px 0;font-size:.68rem;line-height:1.35;color:var(--text-muted)}.lobby-btn{display:inline-flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:.92rem;font-weight:700;padding:12px 20px;border-radius:14px;cursor:pointer;color:#2b1e11;border:3px solid var(--border-brown);box-shadow:4px 4px 0 var(--border-brown);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.newgame-page.dark .lobby-btn{border-color:#6b5640;box-shadow:4px 4px #1a130c}.lobby-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-brown)}.newgame-page.dark .lobby-btn:hover{box-shadow:6px 6px #1a130c}.lobby-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-brown)}.newgame-page.dark .lobby-btn:active{box-shadow:2px 2px #1a130c}.lobby-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 var(--border-brown)}.newgame-page.dark .lobby-btn:disabled{box-shadow:4px 4px #1a130c}.lobby-btn-primary{background:var(--accent-gold)}.lobby-btn-join{background:var(--accent-blue);color:#fff}.lobby-btn-danger{background:var(--accent-red);color:#fff}.lobby-btn-create{position:relative;flex-direction:column;gap:2px;width:100%;padding:16px 20px;font-size:1.05rem}.lobby-btn-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffffff59}.lobby-btn-sub{font-size:.66rem;font-weight:600;opacity:.78;text-transform:none;letter-spacing:0}.lobby-or{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0;color:var(--text-muted);font-size:.72rem;font-weight:600}.lobby-or:before,.lobby-or:after{content:"";flex:1;height:0;border-top:2px dashed var(--border-light)}.lobby-join{display:flex;gap:10px;width:100%}.lobby-input{flex:1;min-width:0;padding:12px 16px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.22em;text-align:center;text-transform:uppercase;color:var(--text-brown);background:var(--bg-warm);border:3px solid var(--border-brown);border-radius:14px;box-shadow:inset 2px 2px #5d4e371f;outline:none}.newgame-page.dark .lobby-input{color:#f5ebe0;background:#1c150e;border-color:#6b5640}.lobby-input::-moz-placeholder{color:var(--text-muted);opacity:.6;letter-spacing:.18em}.lobby-input::placeholder{color:var(--text-muted);opacity:.6;letter-spacing:.18em}.lobby-input:focus{border-color:var(--accent-gold)}.lobby-join .lobby-btn-join{padding-left:24px;padding-right:24px}.lobby-error{width:100%;margin-top:14px;padding:9px 14px;text-align:center;font-size:.78rem;font-weight:600;color:var(--accent-red);background:#e74c3c1a;border:2px solid rgba(231,76,60,.35);border-radius:12px}.lobby-code{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:18px;border-radius:16px;background:var(--bg-warm);border:3px dashed var(--accent-gold)}.newgame-page.dark .lobby-code{background:#1c150e}.lobby-code-label{font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.lobby-code-value{font-family:ui-monospace,Fredoka,monospace;font-size:2.1rem;font-weight:700;letter-spacing:.28em;color:var(--accent-gold);text-shadow:2px 2px 0 rgba(93,78,55,.18)}.lobby-btn-copy{padding:8px 16px;font-size:.8rem;gap:5px}.lobby-roster{display:flex;flex-direction:column;gap:8px;width:100%;margin:16px 0 4px}.lobby-roster-empty{text-align:center;font-size:.8rem;font-weight:500;color:var(--text-muted);padding:10px}.lobby-roster-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--card-bg);border:3px solid var(--border-brown);box-shadow:3px 3px 0 var(--border-brown)}.newgame-page.dark .lobby-roster-row{background:#2a2018;border-color:#6b5640;box-shadow:3px 3px #1a130c}.lobby-roster-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;background:#4ade80;border:2px solid var(--border-brown)}.lobby-roster-name{flex:1;font-weight:700;font-size:.92rem}.lobby-roster-tag{font-size:.58rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:7px;border:2px solid var(--border-brown)}.lobby-roster-tag.is-host{color:#2b1e11;background:var(--accent-gold)}.lobby-roster-tag.is-you{color:#fff;background:var(--accent-blue)}.lobby-room-actions{display:flex;gap:10px;justify-content:center;align-items:center;width:100%;margin-top:18px;flex-wrap:wrap}.lobby-waiting{width:100%;text-align:center;margin-top:12px;font-size:.82rem;font-weight:600;color:var(--text-muted)}.lobby-squad-stage{max-width:760px}.lobby-head-titles{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lobby-head-sub{font-size:.68rem;font-weight:600;color:var(--text-muted)}.lobby-codechip{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:7px 12px;border-radius:12px;cursor:pointer;font-family:Fredoka,sans-serif;color:var(--accent-gold);background:var(--bg-warm);border:3px solid var(--border-brown);box-shadow:3px 3px 0 var(--border-brown);transition:transform .16s ease,box-shadow .16s ease}.newgame-page.dark .lobby-codechip{background:#1c150e;border-color:#6b5640;box-shadow:3px 3px #1a130c}.lobby-codechip:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-brown)}.newgame-page.dark .lobby-codechip:hover{box-shadow:5px 5px #1a130c}.lobby-codechip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-brown)}.lobby-codechip-label{font-size:.52rem;font-weight:700;letter-spacing:1.5px;color:var(--text-muted)}.lobby-codechip-value{font-family:ui-monospace,Fredoka,monospace;font-size:1rem;font-weight:700;letter-spacing:.16em}.lobby-squad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin:8px 0 6px;align-items:stretch}.lobby-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;padding:30px 12px 18px;border-radius:18px;background:var(--card-bg);border:3px solid var(--border-brown);box-shadow:4px 4px 0 var(--border-brown);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.newgame-page.dark .lobby-slot{background:#2a2018;border-color:#6b5640;box-shadow:4px 4px #1a130c}.lobby-slot.is-ready{transform:translateY(-4px);background:#4ade8014;box-shadow:4px 8px 0 var(--border-brown)}.newgame-page.dark .lobby-slot.is-ready{background:#4ade800f;box-shadow:4px 8px #1a130c}.lobby-slot.is-you{border-color:var(--accent-blue)}.lobby-slot-badges{position:absolute;top:9px;left:9px;right:9px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}.lobby-slot-crown{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#2b1e11;background:var(--accent-gold);border:2px solid var(--border-brown);box-shadow:2px 2px 0 var(--border-brown)}.lobby-slot-you{margin-left:auto;font-size:.54rem;font-weight:800;letter-spacing:.8px;padding:3px 8px;border-radius:6px;color:#fff;background:var(--accent-blue);border:2px solid var(--border-brown);box-shadow:2px 2px 0 var(--border-brown)}.lobby-slot-portrait{width:96px;height:96px;border-radius:18px;overflow:hidden;background:#fff6e8;border:3px solid var(--border-brown);box-shadow:3px 3px 0 var(--border-brown);display:grid;place-items:center}.newgame-page.dark .lobby-slot-portrait{background:#1c150e}.lobby-slot-portrait-empty{background:transparent;border-style:dashed;border-width:3px;border-color:var(--border-light);box-shadow:none;color:var(--text-muted);opacity:.65}.lobby-slot-name{max-width:100%;font-size:.86rem;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-slot-name-empty{color:var(--text-muted);font-weight:600}.lobby-slot-status{display:inline-flex;align-items:center;gap:4px;margin-top:auto;font-size:.62rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:4px 11px;border-radius:999px;border:2px solid}.lobby-slot-status.is-ready{color:#2f9d57;background:#4ade802e;border-color:#4ade8080}.lobby-slot-status.is-waiting{color:#c08a2e;background:#f5a44229;border-color:#f5a44273}.lobby-slot-status.is-empty{color:var(--text-muted);background:transparent;border-color:transparent;letter-spacing:1px;opacity:.7;padding:4px 0}.lobby-spin{animation:lobby-spin .9s linear infinite}@keyframes lobby-spin{to{transform:rotate(360deg)}}.lobby-btn-start{min-width:190px}.lobby-btn-ready{background:var(--accent-green);color:#fff}.lobby-btn-unready{background:var(--bg-warm);color:var(--text-brown)}.newgame-page.dark .lobby-btn-unready{background:#1c150e;color:#f5ebe0}.lobby-btn-start.is-go{animation:lobby-go-pulse 1.3s ease-in-out infinite}@keyframes lobby-go-pulse{0%,to{box-shadow:4px 4px 0 var(--border-brown)}50%{box-shadow:4px 4px 0 var(--border-brown),0 0 0 4px #f5a44247}}@media (max-width: 640px){.lobby-stage,.lobby-squad-stage,.lobby-stage-narrow{width:100%;max-width:100%;padding:18px 14px;box-shadow:4px 4px 0 var(--border-brown);margin:auto}.newgame-page.dark .lobby-stage,.newgame-page.dark .lobby-squad-stage,.newgame-page.dark .lobby-stage-narrow{box-shadow:5px 5px #3a2a14}.lobby-hero{flex-direction:column;text-align:center;gap:14px}.lobby-hero-info{align-items:center}.lobby-stat-pips{justify-content:center}.lobby-modes{grid-template-columns:1fr;max-width:100%}.lobby-title{font-size:1.45rem}.lobby-mode-desc{min-height:0}.lobby-head{flex-wrap:wrap}.lobby-title-row{font-size:1.3rem}.lobby-squad{grid-template-columns:repeat(2,1fr);gap:12px}.lobby-join{flex-direction:column}.lobby-join .lobby-btn-join{width:100%;padding-top:12px;padding-bottom:12px}.lobby-input{width:100%}.lobby-btn{min-height:46px}.lobby-room-actions{flex-direction:column}.lobby-room-actions .lobby-btn{width:100%}.lobby-back{align-self:center}}.mp-team-strip{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:5px;z-index:20;pointer-events:none;font-family:Fredoka,sans-serif}.mp-team-card{display:flex;align-items:center;gap:7px;background:#140c04cc;border:1px solid rgba(245,164,66,.3);border-radius:999px;padding:3px 11px 3px 3px;color:#f0e4cc}.mp-team-card.is-dead{filter:grayscale(1) opacity(.5)}.mp-team-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.62rem;font-weight:800;color:#1a1208;background:var(--mp-color, #4ade80);box-shadow:inset 0 0 0 1.5px #00000047}.mp-team-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-team-name{font-size:.6rem;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}.mp-team-hp-track{height:4px;width:62px;background:#0000006b;border-radius:2px;overflow:hidden}.mp-team-hp-fill{height:100%;border-radius:2px;transition:width .2s ease}.mp-spectate-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#140c04d9;color:#f5d08a;border:2px solid rgba(245,164,66,.45);border-radius:12px;padding:12px 22px;font-family:Fredoka,sans-serif;font-weight:700;font-size:.95rem;pointer-events:none;z-index:18;text-align:center;box-shadow:0 8px 28px #00000080}.mp-spectate-banner small{display:block;font-size:.65rem;color:#fff9;margin-top:4px;font-weight:500}