*,: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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}.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}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-20{bottom:5rem}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.max-h-\[60vh\]{max-height:60vh}.min-h-\[100dvh\]{min-height:100dvh}.w-14{width:3.5rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.origin-top-left{transform-origin:top left}.-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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 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-90{--tw-scale-x: .9;--tw-scale-y: .9;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-\[0\.95\]{--tw-scale-x: .95;--tw-scale-y: .95;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))}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.touch-none{touch-action:none}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-\[2px\]{gap:2px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded-2xl{border-radius:1rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y-2{border-top-width:2px;border-bottom-width:2px}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-white\/5{border-color:#ffffff0d}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/50{border-color:#eab30880}.bg-\[\#1e293b\]{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-black\/85{background-color:#000000d9}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/80{background-color:#111827cc}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / 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-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-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/50{background-color:#ef444480}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-yellow-300{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / 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\/10{background-color:#eab3081a}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.fill-current{fill:currentColor}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pr-1{padding-right:.25rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-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}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / 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-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / 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))}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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_0_15px_rgba\(234\,179\,8\,0\.5\)\]{--tw-shadow: 0 0 15px rgba(234,179,8,.5);--tw-shadow-colored: 0 0 15px 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_0_50px_rgba\(234\,179\,8\,0\.4\)\]{--tw-shadow: 0 0 50px rgba(234,179,8,.4);--tw-shadow-colored: 0 0 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-\[inset_0_-4px_0_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow: inset 0 -4px 0 rgba(0,0,0,.2);--tw-shadow-colored: inset 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-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-xl{--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)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.brightness-150{--tw-brightness: brightness(1.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_8px_rgba\(234\,179\,8\,0\.6\)\]{--tw-drop-shadow: drop-shadow(0 0 8px rgba(234,179,8,.6));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_8px_rgba\(234\,179\,8\,0\.8\)\]{--tw-drop-shadow: drop-shadow(0 0 8px rgba(234,179,8,.8));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);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,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-\[transform\,filter\,opacity\]{transition-property:transform,filter,opacity;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-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.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)}.bevel-block{position:relative;box-shadow:inset 2px 2px #fff3,inset -2px -2px #0003}:root{--app-w: min(100vw - 16px, 480px);--cell: calc((var(--app-w) - 24px - 28px) / 8)}html,body,#root{height:100%;overscroll-behavior:none}body{background-color:#020617;color:#fff;font-family:Inter,sans-serif;margin:0;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.gold-block-bevel{background:linear-gradient(135deg,#fde047,#ca8a04)!important;box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #0000004d!important;border:1px solid #854d0e!important}.gold-engraved-text{color:#854d0e;font-weight:900;text-shadow:1px 1px 1px rgba(255,255,255,.3);opacity:.8}@keyframes tutorial-hint-pulse{0%,to{background-color:#eab3081a;box-shadow:inset 0 0 0 1px #eab30859}50%{background-color:#eab30847;box-shadow:inset 0 0 0 1px #eab308b3}}.tutorial-hint-cell{animation:tutorial-hint-pulse 1.6s ease-in-out infinite}@keyframes tutorial-hand-drift{0%{left:50%;top:112%;opacity:0;transform:scale(.85) rotate(-6deg)}15%{opacity:1}60%{left:50%;top:50%;opacity:1;transform:scale(1) rotate(0)}75%{left:50%;top:50%;transform:scale(.85) rotate(0);opacity:1}90%,to{left:50%;top:50%;opacity:0;transform:scale(.95) rotate(0)}}.tutorial-hand{position:absolute;pointer-events:none;z-index:20;margin-left:-18px;margin-top:-18px;color:#fffffff2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(234,179,8,.55));animation:tutorial-hand-drift 2.6s ease-in-out infinite}:root{--app-w: min(100vw - 16px, 460px, max(340px, 61dvh))}body{font-family:Trebuchet MS,Microsoft YaHei,sans-serif;background:#10345c}.royal-app{isolation:isolate;background:radial-gradient(ellipse at 50% 28%,#308ed1 0,#17588d 40%,#102d52 85%)}.royal-app:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(45deg,#ffffff04 25%,transparent 25%,transparent 75%,#ffffff04 75%),linear-gradient(45deg,#ffffff04 25%,transparent 25%,transparent 75%,#ffffff04 75%);background-size:80px 80px;background-position:0 0,40px 40px;-webkit-mask-image:linear-gradient(#000,#0004);mask-image:linear-gradient(#000,#0004)}.royal-app:after{content:"";position:fixed;inset:10px;border:1px solid #8ec9ee19;border-radius:20px;pointer-events:none;z-index:-1}button{touch-action:manipulation}button:focus-visible{outline:3px solid #fff1a7;outline-offset:5px}.royal-menu{width:100%;min-height:100dvh;display:flex;align-items:center;flex-direction:column;padding:20px 20px 16px;animation:royal-enter .6s ease-out}.menu-topbar{display:flex;align-items:center;justify-content:space-between;width:100%}.brand-mark{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:1.8px;color:#d7edff}.brand-mark svg{color:#ffd76a}.royal-icon-button{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(#367cb1,#195184);border:2px solid #78acd0;box-shadow:0 3px #082b4e,inset 0 2px #ffffff25}.menu-heading{text-align:center;margin-top:clamp(20px,5dvh,52px);z-index:2}.royal-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:3px;color:#c3e6ff;font-weight:800}.royal-eyebrow span{width:20px;height:1px;background:#acd7f0}.menu-heading h1{white-space:pre-line;font-size:clamp(48px,13vw,68px);font-weight:1000;line-height:.94;letter-spacing:-2px;margin:15px 0 12px;color:#ffdd74;-webkit-text-stroke:1px #865020;text-shadow:0 3px 0 #c08030,0 6px 0 #70441f,0 9px 0 #112e4c,0 13px 20px #09244088;transform:rotate(-3deg)}.title-ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#ffdf83}.title-ornament i{width:44px;height:2px;background:linear-gradient(90deg,transparent,#e7c778)}.title-ornament i:last-child{transform:rotate(180deg)}.menu-actions{width:100%;max-width:330px;text-align:center;z-index:2}.adventure-caption{display:flex;align-items:center;justify-content:center;gap:7px;color:#bbdaf0;font-size:10px;letter-spacing:1.8px;margin-bottom:13px}.royal-battle-button{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:67px;padding:15px 20px;border:2px solid #ffe99b;border-radius:16px;background:linear-gradient(#ffe78c,#ffd250 49%,#ffbc2d 50%,#f5a719);color:#633d17;font-size:23px;font-weight:1000;text-shadow:0 1px #fff5bb;box-shadow:0 6px #a96314,0 9px #0a2c4f,0 14px 25px #061d4266,inset 0 3px #fff5c8;transition:transform .18s,filter .18s}.royal-battle-button:hover{filter:brightness(1.1);transform:translateY(-3px)}.royal-battle-button:active{transform:translateY(4px)}.royal-collection-button{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;width:100%;margin-top:20px;border:2px solid #639ec5;border-radius:12px;padding:13px;font-weight:800;color:#dfedff;background:linear-gradient(#3079b0,#21548b);box-shadow:0 4px #0b2f58,inset 0 2px #ffffff20;transition:filter .2s,transform .2s}.royal-collection-button:hover{filter:brightness(1.2);transform:translateY(-2px)}.unlock-dot{width:9px;height:9px;background:#ff785a;border-radius:50%;box-shadow:0 0 10px #ff785a}.menu-footer{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:2px;color:#7ba6cb;margin-top:26px}.menu-footer span{color:#b7a56c;font-size:6px}.royal-game{animation:royal-enter .45s ease-out}.arena-heading{display:flex;align-items:center;gap:12px;color:#ffe19a;font-size:11px;font-weight:900;letter-spacing:3px;padding:3px 0 5px}.royal-hud{border:2px solid #6593b4;background:linear-gradient(#285e8b,#193d64);padding:10px 12px;border-radius:12px;box-shadow:0 4px #0b2647,inset 0 2px #ffffff15}.royal-hud .text-gray-500,.royal-hud .text-gray-600,.royal-hud .text-gray-400{color:#a8c9e4}.arena-board-frame{width:100%;padding:7px;background:linear-gradient(135deg,#e3d8b5,#9f987f 38%,#d8d4b8 60%,#87918b);border:2px solid #263e4d;border-radius:14px;box-shadow:0 6px #172f43,0 12px 22px #00172e55,inset 0 2px #fff6}.royal-grid{border:2px solid #233e44;border-radius:7px;background:#2e6267;box-shadow:inset 0 3px 8px #0c333d;gap:4px;padding:5px}.royal-grid>div{border-radius:4px}.royal-grid>div.bg-\[\#1e293b\]{background:#438084;border-color:#94bec61a;box-shadow:inset 0 2px 2px #214e5a55}.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+2),.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+4),.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+6),.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+8),.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+9),.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+11),.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+13),.royal-grid>div.bg-\[\#1e293b\]:nth-child(16n+15){background:#397378}.bevel-block{box-shadow:inset 3px 3px #fff5,inset -3px -4px #0003,0 2px 2px #06273a55;border-radius:4px}.tray-heading{display:flex;align-items:center;gap:7px;color:#bad9ee;font-size:9px;letter-spacing:1px;text-align:center;margin-top:7px}.tray-heading span{width:12px;height:1px;background:#99bfd477}.royal-tray{background:linear-gradient(#254b77,#163657);border:2px solid #5e84a6;border-radius:13px;box-shadow:0 4px #092846,inset 0 2px #ffffff15}.royal-tray [data-tray-slot]{background:linear-gradient(#153553aa,#36709a55);border:1px solid #8ac2e329;border-radius:9px}@keyframes island-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes flag-wave{0%,to{transform:skewY(-6deg) scaleX(1)}50%{transform:skewY(9deg) scaleX(.86)}}@keyframes block-float{0%,to{translate:0 0;rotate:-12deg}50%{translate:0 -12px;rotate:8deg}}@keyframes cloud-drift{to{transform:translate(18px)}}@keyframes sparkle{50%{opacity:.35}}@keyframes boss-breathe{50%{translate:0 -3px}}@keyframes royal-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-height:720px){.royal-menu{padding-top:12px}.menu-heading{margin-top:16px}.menu-heading h1{font-size:49px}.royal-scene{min-height:195px}.menu-footer{margin-top:19px}.royal-game{gap:7px}.royal-boss{padding:7px 12px}.royal-boss .leading-none{font-size:33px!important}.royal-boss h2{font-size:17px!important}.royal-boss .mt-3{margin-top:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / 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-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}@media(min-width:640px){.sm\:h-16{height:4rem}.sm\:w-16{width:4rem}.sm\:gap-3{gap:.75rem}.sm\:p-2{padding:.5rem}.sm\:p-3{padding:.75rem}.sm\:p-8{padding:2rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pt-5{padding-top:1.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}.royal-app{background:#163c61}.royal-app:before,.royal-app:after{display:none}.kingdom-backdrop{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:#1c4165}.kingdom-painting{position:absolute;inset:-2%;background:url(/art/royal-arena-toon.png) center 44% / cover no-repeat;animation:kingdom-drift 24s ease-in-out infinite alternate}.kingdom-vignette{position:absolute;inset:0;background:linear-gradient(#1261b322,transparent 28%,transparent 55%,#073867cc 100%)}.sky-mist{position:absolute;width:85%;height:23%;border-radius:50%;background:radial-gradient(ellipse,#e0f7ff50,transparent 65%);filter:blur(14px);animation:mist-sail 22s ease-in-out infinite alternate}.mist-a{left:-30%;top:49%}.mist-b{right:-25%;top:64%;animation-delay:-12s;opacity:.6}.sun-rays{position:absolute;inset:-40%;transform-origin:73% 40%;background:conic-gradient(from 20deg at 73% 40%,transparent 0 20deg,#ffeba612 22deg 25deg,transparent 27deg 42deg,#ffeba618 44deg 49deg,transparent 52deg 360deg);animation:rays-sway 16s ease-in-out infinite alternate}.magic-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffeeac;box-shadow:0 0 7px 2px #facc7177;animation:mote-rise calc(5s + var(--i) * .3s) ease-in-out infinite;animation-delay:calc(var(--i) * -.8s)}.magic-mote:nth-of-type(3n){background:#80efff;box-shadow:0 0 8px #80efff;width:4px;height:4px}.lobby-view>.relative{max-width:520px!important}.royal-menu{padding:22px 26px 20px;min-height:100dvh}.menu-topbar{z-index:3}.brand-mark{text-shadow:0 2px 8px #001a36}.royal-icon-button{background:#163f70bb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#b0d9f388}.menu-heading{margin-top:clamp(22px,5dvh,56px)}.menu-heading h1{font-size:clamp(58px,16vw,86px);line-height:.9;letter-spacing:-3px;margin:16px 0;color:#ffe49b;-webkit-text-stroke:1.5px #784422;text-shadow:0 3px #efba59,0 6px #a26524,0 9px #51331f,0 12px #09264c,0 15px 22px #09264c}.royal-eyebrow{text-shadow:0 2px 5px #092348;color:#f6e9be}.title-ornament{filter:drop-shadow(0 2px 3px #082445)}.hero-stage{width:100%;flex:1;min-height:230px;position:relative}.hero-character{position:absolute;bottom:3%;width:46%;filter:drop-shadow(0 12px 8px #071c3966)}.hero-slime{left:-6%;transform:rotate(-10deg)}.hero-knight{right:-6%;width:49%;transform:rotate(8deg)}.hero-slime .boss-avatar{animation:hero-bob 5s ease-in-out infinite}.hero-knight .boss-avatar{animation:hero-bob 5s ease-in-out -2s infinite}.hero-orbit{position:absolute;width:90%;height:46px;border:1px solid #a6f9ff44;border-radius:50%;left:5%;bottom:5%;box-shadow:0 0 28px #72ffff22}.hero-cube{position:absolute;width:34px;height:34px;border-radius:6px;box-shadow:inset 4px 4px #ffffff80,inset -5px -5px #0003,0 8px 16px #08203988;animation:block-float 5s ease-in-out infinite}.cube-cyan{background:#4dd1f1;left:4%;top:20%}.cube-gold{background:#ffd66e;right:4%;top:5%;width:25px;height:25px;animation-delay:-1s}.cube-purple{background:#bb8bf7;left:44%;bottom:15%;width:22px;height:22px;animation-delay:-3s}.menu-actions{max-width:360px;padding:15px 15px 18px;border-radius:22px;background:linear-gradient(#12395d22,#102947aa);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #bddcff26;box-shadow:0 14px 35px #021a3655}.adventure-caption{color:#fff1ca;font-size:11px;letter-spacing:1.5px;text-shadow:0 2px 4px #112e48}.royal-battle-button{overflow:hidden;min-height:70px;font-size:25px}.royal-battle-button:after{content:"";position:absolute;top:-30%;left:-60%;width:32%;height:160%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skew(-20deg);animation:button-gleam 5s ease-in-out infinite;pointer-events:none}.royal-collection-button{margin-top:17px;background:linear-gradient(#4184b5dd,#225186ee)}.menu-footer{color:#a9c8df;margin-top:17px}.is-battle .kingdom-painting{background-position:center 68%;filter:saturate(1.12) brightness(.88)}.is-battle .kingdom-vignette{background:linear-gradient(#10254066,#09273a22 40%,#081b38bb)}.kingdom-biome-1.is-battle .kingdom-painting{filter:hue-rotate(20deg) saturate(.9) brightness(.6)}.kingdom-biome-2.is-battle .kingdom-painting{filter:hue-rotate(310deg) saturate(.8) brightness(.58)}.kingdom-biome-3.is-battle .kingdom-painting{filter:hue-rotate(45deg) saturate(.75) brightness(.5)}.arena-standard{position:absolute;top:20%;width:68px;height:145px;border-top:7px solid #ecc57d;background:linear-gradient(90deg,#113d7f,#267ac2 45%,#123f7c);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);display:flex;justify-content:center;padding-top:25px;color:#ffd785;filter:drop-shadow(0 4px 8px #071d30);transform-origin:center top;animation:standard-sway 5s ease-in-out infinite}.arena-standard svg{width:40px;height:40px}.standard-left{left:calc(50% - 340px)}.standard-right{right:calc(50% - 340px);animation-delay:-2s}.royal-game{gap:9px;padding-top:12px;padding-bottom:18px}.arena-heading{text-shadow:0 2px 5px #001428}.royal-hud{background:linear-gradient(#264d70e8,#142e4ce8);border-color:#91aeb97a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.boss-theatre{width:100%;height:clamp(176px,24dvh,220px);position:relative;border:2px solid #bdad7f;border-radius:16px 16px 10px 10px;background:radial-gradient(ellipse at 50% 70%,#477e9a88,#172e4dee 72%);overflow:hidden;box-shadow:0 5px #152b3e,inset 0 2px #e5dab74d;isolation:isolate}.boss-stage-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none}.stage-arch{position:absolute;width:63%;height:115%;left:18.5%;top:8px;border:16px solid #71849455;border-radius:50% 50% 0 0;box-shadow:inset 0 0 0 3px #c2c9bc33,0 0 0 3px #0e284077;background:radial-gradient(ellipse at 50% 70%,#8ceaff44,transparent 65%),repeating-linear-gradient(0deg,transparent 0 30px,#afcbd00a 30px 32px)}.stage-floor{position:absolute;width:84%;height:55px;bottom:37px;left:8%;border:2px solid #abbeac77;border-radius:50%;background:repeating-conic-gradient(from 30deg,#4b707d 0 30deg,#395b6c 30deg 60deg);box-shadow:0 6px #1c354e,0 9px #55738266}.stage-rune{position:absolute;width:130px;height:33px;border:2px dashed #8befff88;border-radius:50%;bottom:45px;left:calc(50% - 65px);animation:rune-pulse 3s ease-in-out infinite;box-shadow:0 0 15px #73e6ff22}.rune-two{width:90px;height:23px;left:calc(50% - 45px);bottom:50px;animation-delay:-1.5s}.boss-rank{position:absolute;top:10px;left:11px;display:flex;align-items:center;gap:5px;color:#e4cca0;font-size:9px;letter-spacing:1.4px;z-index:3}.boss-info-button{position:absolute;right:9px;top:8px;color:#d6e4eb;padding:5px;background:#0b233a88;border:1px solid #b8c5ca44;border-radius:50%;z-index:5}.boss-actor-wrap{position:absolute;width:190px;height:calc(100% - 37px);left:calc(50% - 95px);bottom:39px;transform-origin:center bottom}.boss-actor{height:100%;width:100%;transform-origin:50% 85%}.boss-avatar{width:100%;height:100%;overflow:visible}.avatar-idle{transform-origin:120px 185px;animation:creature-idle 3s ease-in-out infinite}.avatar-1 .avatar-idle{animation:slime-squish 2.5s ease-in-out infinite}.avatar-eyes{transform-box:fill-box;transform-origin:center;animation:creature-blink 4.8s infinite}.avatar-arm{transform-box:fill-box;transform-origin:center top;animation:arm-swing 3s ease-in-out infinite}.arm-right{animation-delay:-1.5s}.avatar-crown{animation:crown-bob 2.5s ease-in-out infinite}.avatar-orbit{transform-origin:120px 115px;animation:orbit-spin 12s linear infinite}.avatar-pupil{animation:eye-look 5s ease-in-out infinite}.slime-bubble{animation:bubble-rise 3s ease-in-out infinite}.bubble-two{animation-delay:-1.5s}.avatar-limbs{transform-origin:center;animation:arm-swing 1.5s ease-in-out infinite}.boss-health-panel{position:absolute;bottom:0;left:0;right:0;padding:8px 12px 10px;background:linear-gradient(#122d49dd,#11283e);border-top:1px solid #b8cbb333}.boss-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.boss-name-row h2{font-size:12px;font-weight:900;color:#fff0d6;line-height:1.2}.boss-name-row>span{font-size:11px;font-weight:800;color:#ffe3af;white-space:nowrap}.boss-name-row small{color:#9faec3;font-size:9px}.boss-health-track{position:relative;height:11px;border-radius:5px;background:#071727;border:1px solid #b6c3c144;overflow:hidden}.boss-health-fill,.boss-health-trail{position:absolute;inset:0 auto 0 0;border-radius:3px}.boss-health-fill{background:linear-gradient(#ffab8a 0,#fa6a68 40%,#d73555 55%,#e75164);box-shadow:0 0 10px #ff767866;transition:width .3s ease-out}.boss-health-trail{background:#ffdc86;transition:width .75s ease-out .25s}.boss-enraged:not(.boss-defeated) .stage-arch{background-color:#9a264144}.boss-enraged:not(.boss-defeated) .avatar-idle{animation-duration:1.1s}.boss-defeated .boss-actor-wrap{animation:creature-defeat .85s ease-in .2s forwards}.boss-defeated .stage-rune{opacity:0}.boss-impact{position:absolute;width:150px;height:110px;left:calc(50% - 75px);top:15%;opacity:0;pointer-events:none}.boss-impact span{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;color:#fff6bc;text-shadow:0 0 16px #ffdc59}.boss-impact i{position:absolute;width:120%;height:5px;top:50%;left:-10%;background:linear-gradient(90deg,transparent,#fff7d2,transparent);transform:rotate(-30deg)}.boss-impact i:nth-child(2){transform:rotate(40deg)}.boss-impact i:nth-child(3){transform:rotate(80deg)}.boss-impact i:nth-child(4){transform:rotate(130deg)}.boss-damage{position:absolute;left:59%;top:35%;opacity:0;pointer-events:none;color:#fff0a7;font-weight:1000;font-size:28px;text-shadow:2px 2px #73321d,-1px -1px #73321d,0 4px 7px #131b39;z-index:4}.boss-details{position:relative;background:linear-gradient(#2a526e,#132c49);border:2px solid #bca476;border-radius:20px;max-width:370px;padding:24px;text-align:center}.boss-details .boss-avatar{height:190px}.boss-details h3{color:#ffdfa0;font-size:22px;font-weight:900}.boss-details p{margin-top:12px;font-size:14px;color:#d5e2eb;line-height:1.7}.arena-board-frame{border-width:3px;background:linear-gradient(135deg,#e3d8b5,#7f908b 38%,#b9c0a7 60%,#6c8384);position:relative;box-shadow:0 6px #172f43,0 14px 24px #00172e88,inset 0 2px #fff6}.arena-board-frame:before,.arena-board-frame:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#f4d698;border:2px solid #7e7051;top:-4px;pointer-events:none}.arena-board-frame:before{left:-4px}.arena-board-frame:after{right:-4px}.royal-tray{background:linear-gradient(#304e62ee,#183043ee);border-color:#9caa9e}.royal-tray [data-tray-slot]{background:linear-gradient(#102a4099,#29475899);box-shadow:inset 0 2px 8px #041b3866}@keyframes kingdom-drift{to{transform:scale(1.035) translateY(-.5%)}}@keyframes mist-sail{to{transform:translate(32%);opacity:.35}}@keyframes rays-sway{to{rotate:9deg;opacity:.5}}@keyframes mote-rise{0%,to{opacity:0;transform:translateY(20px)}25%,65%{opacity:.85}85%{opacity:0;transform:translate(20px,-65px)}}@keyframes hero-bob{50%{translate:0 -8px}}@keyframes button-gleam{0%,65%{left:-60%}90%,to{left:140%}}@keyframes standard-sway{50%{transform:skew(3deg) rotate(2deg)}}@keyframes creature-idle{50%{transform:translateY(-4px) rotate(2deg)}}@keyframes slime-squish{0%,to{transform:scale(1.04,.96)}50%{transform:translateY(-6px) scale(.96,1.04)}}@keyframes creature-blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.08)}}@keyframes arm-swing{50%{transform:rotate(7deg)}}@keyframes crown-bob{50%{transform:translateY(-4px) rotate(-2deg)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes eye-look{25%{transform:translate(-7px)}65%{transform:translate(7px)}}@keyframes bubble-rise{0%,to{opacity:0;transform:translateY(8px)}40%{opacity:.7}90%{opacity:0;transform:translateY(-17px)}}@keyframes rune-pulse{50%{opacity:.35;transform:scale(.94)}}@keyframes creature-defeat{30%{transform:translateY(-12px) rotate(-10deg) scale(1.1);filter:brightness(2);opacity:1}to{transform:translateY(20px) rotate(15deg) scale(.25);filter:brightness(2);opacity:0}}@media(min-width:760px){.is-lobby .kingdom-painting{background-size:auto 125%;background-color:#143754}.is-lobby:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081d37bb,transparent 35% 65%,#081d37bb)}.is-battle .kingdom-painting{background-size:cover}.royal-menu{min-height:100dvh}.menu-heading{margin-top:28px}.hero-stage{min-height:200px}}@media(max-height:740px){.royal-menu{padding-top:12px}.menu-heading{margin-top:12px}.menu-heading h1{font-size:57px}.hero-stage{min-height:180px}.menu-actions{padding:10px 13px 14px}.royal-battle-button{min-height:58px}.menu-footer{margin-top:12px}.boss-theatre{height:172px}.royal-game{gap:7px}.boss-actor-wrap{width:160px;left:calc(50% - 80px)}}@media(max-width:370px){.royal-menu{padding-inline:16px}.menu-heading h1{font-size:57px}.royal-eyebrow{letter-spacing:2px}.boss-name-row h2{font-size:11px}}@media(prefers-reduced-motion:reduce){.kingdom-backdrop *,.hero-stage *,.boss-theatre *,.royal-menu *{animation:none!important;transition:none!important}.boss-defeated .boss-actor-wrap{opacity:.25;filter:grayscale(1)}}.raster-avatar{position:relative;display:grid;place-items:center}.toon-sprite{width:100%;height:100%;position:relative;z-index:1;transform-origin:50% 90%;animation:toon-idle 3.3s ease-in-out infinite;filter:drop-shadow(0 3px 1px #102d4944)}.avatar-1 .toon-sprite{animation:toon-slime 2.4s ease-in-out infinite}.avatar-8 .toon-sprite,.avatar-10 .toon-sprite{animation:toon-hover 3s ease-in-out infinite}.avatar-2 .toon-sprite,.avatar-6 .toon-sprite{animation:toon-heavy 3.8s ease-in-out infinite}.toon-ground-shadow{position:absolute;bottom:0;width:65%;height:9%;border-radius:50%;background:#08294455;filter:blur(3px);animation:toon-shadow 3s ease-in-out infinite}.boss-actor-wrap{bottom:47px;height:calc(100% - 64px);width:175px;left:calc(50% - 87.5px)}.boss-theatre{background:radial-gradient(ellipse at 50% 55%,#62cce599,#20619ccc 75%);border:3px solid #e9c77d;box-shadow:0 5px #775936,inset 0 3px #fff6}.stage-arch{border-color:#a8c9df77;box-shadow:inset 0 0 0 3px #ebfaff55,0 0 0 3px #23587f88}.stage-floor{background:repeating-conic-gradient(from 30deg,#84aaa5 0 30deg,#6b9299 30deg 60deg);border-color:#d8e8bb}.boss-health-panel{background:linear-gradient(#2d6489,#20456c)}.hero-character{width:42%;bottom:0}.hero-slime{left:-3%}.hero-knight{right:-3%;width:43%}.hero-stage{min-height:240px}.menu-heading h1{color:#ffde77;-webkit-text-stroke:2px #75441e}.royal-hud{background:linear-gradient(#367eaf,#24527e);border:2px solid #a3c3d9}.royal-grid{background:#376b6c}.royal-tray{background:linear-gradient(#467797,#284d70);border-color:#a6c4d3}@keyframes toon-idle{0%,to{transform:translateY(0) rotate(-1deg) scaleY(.98)}50%{transform:translateY(-3px) rotate(1deg) scale(.98,1.02)}}@keyframes toon-slime{0%,to{transform:scale(1.06,.94)}45%{transform:translateY(-5px) scale(.94,1.06)}70%{transform:scale(1.02,.98)}}@keyframes toon-hover{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes toon-heavy{50%{transform:translateY(-2px) rotate(-2deg)}}@keyframes toon-shadow{50%{transform:scale(.88);opacity:.6}}@media(max-height:740px){.hero-stage{min-height:175px}.boss-actor-wrap{height:calc(100% - 57px);bottom:44px}}@media(prefers-reduced-motion:reduce){.toon-sprite,.toon-ground-shadow{animation:none!important}}.battle-view{--app-w: min(100vw - 16px, 460px, max(250px, calc(100dvh - 430px) ))}.boss-theatre{height:clamp(165px,22dvh,198px)}.royal-tray [data-tray-slot]{aspect-ratio:auto;height:clamp(65px,10dvh,90px)}.royal-game{padding-bottom:max(8px,env(safe-area-inset-bottom))}.battle-view{--play-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px) ;--hud-height: 64px;--boss-height: clamp(112px, 22dvh, 210px);--tray-height: clamp(62px, 12dvh, 110px);--board-size: min(500px, calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 28px) , calc(var(--play-height) - var(--hud-height) - var(--boss-height) - var(--tray-height) - 24px))}.battle-view .app-column{max-width:none!important;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px));display:grid;place-items:center}.royal-game{display:grid;grid-template-areas:"hud" "boss" "board" "tray";grid-template-columns:minmax(0,1fr);grid-template-rows:var(--hud-height) var(--boss-height) var(--board-size) var(--tray-height);gap:8px;width:var(--board-size);min-width:0;padding:0;align-items:stretch}.royal-hud{grid-area:hud;min-width:0;height:100%;padding:6px 9px}.royal-hud>.flex{flex-wrap:nowrap;gap:5px}.royal-hud h1{font-size:13px!important}.royal-hud button{min-width:32px;min-height:32px;padding:6px}.royal-hud .text-gray-500{display:none}.royal-hud .text-gray-400{font-size:10px!important;letter-spacing:0}.boss-theatre{grid-area:boss;min-height:0;height:100%}.boss-actor-wrap{bottom:44px;top:8px;height:auto;width:min(70%,220px);left:50%;transform:translate(-50%)}.boss-health-panel{padding:6px 8px 7px}.boss-name-row{margin-bottom:4px}.boss-name-row h2{font-size:clamp(10px,2.9vw,13px)}.boss-rank{font-size:8px;left:7px;top:8px}.boss-info-button{top:5px;right:5px}.arena-board-frame{grid-area:board;min-width:0;min-height:0;width:100%;height:100%;padding:clamp(3px,.8vw,7px)}.royal-grid{height:100%;width:100%;aspect-ratio:1;gap:clamp(2px,.7vw,4px);padding:4px}.royal-grid>div{min-width:0;min-height:0}.game-tray-area{grid-area:tray;min-width:0;min-height:0;height:100%}.game-tray-area>div{height:100%}.royal-tray{height:100%;min-height:0;padding:6px;gap:6px}.royal-tray [data-tray-slot]{min-width:0;height:100%;aspect-ratio:auto}.level-toast{bottom:auto;top:calc(10px + env(safe-area-inset-top,0px))}.level-toast>div{font-size:16px;padding:10px 20px;border-radius:10px;background:#143452e8}.boss-defeated .boss-actor-wrap{animation:none}.boss-defeated .boss-avatar{animation:creature-defeat .85s ease-in .2s forwards}@media(min-aspect-ratio:6/5)and (min-width:540px){.battle-view{--board-size: min(620px, calc(var(--play-height) - 4px), calc((100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 48px)*.6) );--side-size: clamp(180px, 28vw, 310px)}.royal-game{width:calc(var(--board-size) + var(--side-size) + 16px);grid-template-columns:var(--side-size) var(--board-size);grid-template-rows:var(--hud-height) minmax(0,1fr) var(--tray-height);grid-template-areas:"hud board" "boss board" "tray board";-moz-column-gap:16px;column-gap:16px;height:var(--board-size)}.boss-actor-wrap{top:16px;bottom:46px;width:88%}.boss-theatre{min-height:80px}.stage-floor{bottom:33px}.level-toast{left:calc(50% + var(--side-size) / 2)}}@media(min-aspect-ratio:6/5)and (max-height:430px)and (min-width:540px){.battle-view{--hud-height: 53px;--tray-height: 64px;--side-size: clamp(180px,30vw,260px)}.royal-hud{padding-block:3px}.royal-hud h1{font-size:11px!important}.royal-hud>.flex{margin-top:0}.boss-actor-wrap{top:10px;bottom:39px}.boss-health-panel{padding-block:4px}}@media(prefers-reduced-motion:reduce){.boss-defeated .boss-avatar{animation:none;opacity:.25;filter:grayscale(1)}}.toon-sprite{-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;filter:none}.boss-avatar{min-width:0;min-height:0}.boss-details{max-height:calc(100dvh - 24px);overflow-y:auto}.boss-details .toon-sprite{max-height:min(190px,32dvh)}.raster-avatar{display:block;position:relative}.raster-avatar .toon-sprite{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.hero-character{aspect-ratio:1}.game-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:26px minmax(0,1fr);gap:1px 5px;padding:4px 8px}.game-hud h1{align-self:center;color:#ffe285;font-weight:900;font-size:13px!important}.game-hud button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:0;min-width:0;padding:2px 5px;font-size:11px;border-radius:6px}.game-hud .hud-buffs{background:#a091e933;color:#f0ddff;border:1px solid #bcd7ee44}.game-hud .hud-quit{color:#ffbcab;background:#112e4f77;border:1px solid #bcd7ee44;width:28px}.hud-counters{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-height:0}.hud-counters button{min-width:0;justify-content:flex-start;font-variant-numeric:tabular-nums}.hud-counters strong{font-size:12px;white-space:nowrap}.hud-gold{color:#ffdf82}.hud-score{color:#d7f3ff}.hud-score.has-combo{color:#ffe884}.hud-dialog-backdrop{position:fixed;inset:0;z-index:100;padding:12px;display:grid;place-items:center;background:#041326dc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:pan-y}.hud-dialog{position:relative;width:min(100%,400px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px;border:2px solid #bccece;border-radius:16px;background:linear-gradient(#30668e,#183654);color:#e5f2ff}.hud-dialog-close{position:absolute;top:8px;right:8px;padding:6px;border-radius:8px;background:#102d4d}.hud-dialog h2{font-size:20px;color:#ffe094;font-weight:900;padding-right:30px}.hud-dialog h3{font-size:15px;font-weight:800;margin:16px 0 8px}.hud-full-stats{display:grid;gap:6px;margin-top:12px;font-size:13px}.hud-full-stats span{display:flex;justify-content:space-between;gap:12px}.hud-dialog li{padding:10px 0;border-top:1px solid #b4daed33}.hud-dialog li strong{color:#ffe4a4}.hud-dialog p{font-size:12px;line-height:1.6;margin-top:4px}@media(min-aspect-ratio:6/5)and (max-height:430px)and (min-width:540px){.game-hud{grid-template-rows:22px minmax(0,1fr);padding-block:3px}.game-hud h1{font-size:11px!important}.hud-counters strong{font-size:11px}}.game-result-panel{max-height:calc(100dvh - 24px);overflow-y:auto;touch-action:pan-y}.boss-name-row h2{min-width:0;overflow-wrap:anywhere}.hud-counters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:3px}.game-hud .hud-refresh,.hud-refresh-detail .hud-refresh{justify-content:center;background:linear-gradient(#487eac,#254f7f);border:1px solid #edce82;color:#ffe299;padding:2px 6px;display:flex;align-items:center;gap:4px;border-radius:6px}.hud-refresh:disabled{opacity:.45;cursor:not-allowed}.hud-refresh:focus-visible{outline:2px solid #ffe299;outline-offset:2px}.hud-refresh-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:12px;color:#ffe299}.hud-refresh-detail .hud-refresh{min-width:60px;min-height:36px}.royal-menu .menu-topbar{justify-content:flex-end}.royal-menu .menu-branding{margin-top:-22px;width:100%;pointer-events:none}.menu-branding h1{margin:0;padding:0;font-size:inherit;line-height:1;letter-spacing:normal;text-shadow:none;-webkit-text-stroke:0;transform:none}.game-logo{display:block;width:auto;height:clamp(170px,27dvh,252px);max-width:100%;-o-object-fit:contain;object-fit:contain;margin:0 auto;filter:drop-shadow(0 8px 7px #11264d50);animation:logo-arrive .65s cubic-bezier(.2,.8,.3,1) both,logo-hover 6s ease-in-out .65s infinite}.menu-branding .royal-eyebrow{margin-top:-7px}@keyframes logo-arrive{0%{opacity:0;transform:translateY(-18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logo-hover{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@media(max-height:680px){.royal-menu .menu-branding{margin-top:-24px}.game-logo{height:155px}.royal-menu .hero-stage{min-height:120px}.royal-menu .menu-actions{padding:9px 12px 12px}.royal-menu .menu-footer{margin-top:10px}}@media(prefers-reduced-motion:reduce){.game-logo{animation:none}}.battle-view{--hud-height: 112px}.royal-hud.game-hud{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:24px 25px 31px;gap:5px;padding:8px 10px;border:2px solid #9cbed1;border-radius:15px;background:linear-gradient(125deg,#377eac,#214c79);box-shadow:0 4px #102e50,inset 0 2px #d4edff40}.game-hud .hud-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.game-hud .hud-topline h1{display:flex;align-items:center;gap:7px;font-size:13px!important;letter-spacing:.4px;line-height:1;color:#fff0be}.hud-level-gem{color:#ffd366;font-size:17px;text-shadow:0 2px #99621d}.game-hud .hud-quit{width:27px;height:24px;padding:3px;background:#12365680;color:#c9e2f1;border:1px solid #90b4cf70;border-radius:7px}.game-hud .hud-counters{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.game-hud .hud-counters button{display:flex;justify-content:flex-start;gap:7px;padding:3px 8px;border:1px solid #7ea8c044;background:#0d2c4a80;border-radius:7px;min-width:0}.game-hud .hud-counters strong{font-size:12px;font-variant-numeric:tabular-nums}.game-hud .hud-counters svg{flex-shrink:0;width:15px}.game-hud .hud-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}.game-hud .hud-actions button{min-width:0;display:flex;gap:5px;padding:4px 7px;border-radius:8px;box-shadow:0 2px #102644,inset 0 1px #ffffff35;font-size:10px;font-weight:800}.game-hud .hud-actions .hud-buffs{border:1px solid #b6b7ed;background:linear-gradient(#666dad,#444d84);color:#f1edff}.game-hud .hud-actions .hud-refresh{border:1px solid #efcf7e;background:linear-gradient(#ffe097,#ecb34c);color:#674718}.game-hud .hud-actions svg{flex-shrink:0;width:13px}.hud-action-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-count,.hud-cost{margin-left:auto;flex-shrink:0;border-radius:4px;padding:1px 4px;background:#14264726;font-variant-numeric:tabular-nums}.game-hud button:focus-visible{outline:2px solid #fff1b9;outline-offset:2px}.game-hud button:enabled:hover{filter:brightness(1.12)}.game-hud button:enabled:active{transform:translateY(1px)}@media(min-aspect-ratio:6/5)and (max-height:430px)and (min-width:540px){.battle-view{--hud-height: 104px}.royal-hud.game-hud{grid-template-rows:22px 23px 29px;padding:6px 8px;gap:5px}}@media(prefers-reduced-motion:reduce){.game-hud button{transition:none}}.royal-hud.game-hud{width:100%;min-width:0;container-type:inline-size}@container (max-width: 190px){.game-hud .hud-actions{gap:4px}.game-hud .hud-actions button{gap:3px;padding-inline:4px}.game-hud .hud-action-label{display:none}.game-hud .hud-count,.game-hud .hud-cost{margin-left:0}.game-hud .hud-counters button{padding-inline:4px;gap:4px}}.particle-layer{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:none;contain:strict}.particle-projectile{position:absolute;display:block;width:4px;height:4px;border-radius:999px;box-shadow:0 0 2px #fffc;will-change:transform,opacity;animation:particle-fly var(--particle-duration) cubic-bezier(.25,1,.5,1) var(--particle-delay) both}@keyframes particle-fly{0%{opacity:1;transform:translateZ(0) scale(1)}68%{opacity:.95}to{opacity:.08;transform:translate3d(var(--particle-dx),var(--particle-dy),0) scale(.45)}}@media(prefers-reduced-motion:reduce){.particle-projectile{animation:none;opacity:0}}.buff-art{display:block;width:100%;aspect-ratio:1;background-color:#193e66;background-repeat:no-repeat;border-radius:inherit}.collection-screen{position:fixed;inset:0;width:min(1120px,calc(100vw - 24px));height:min(920px,calc(100dvh - 24px));max-width:none;max-height:none;margin:auto;padding:0;color:#edf6ff;border:3px solid #d8bc7c;border-radius:22px;background:#123455;box-shadow:0 8px #77562c,0 25px 80px #00142999,inset 0 2px #fff6;overflow:hidden}.collection-screen::backdrop{background:#041b36bb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.collection-shell{height:100%;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;min-height:0}.collection-header{display:flex;align-items:center;gap:15px;padding:22px 26px 16px;background:radial-gradient(ellipse at 25% 0,#58a4d277,transparent 70%),linear-gradient(#2e6b9c,#244f7a);box-shadow:inset 0 3px #f6e9b533;position:relative}.collection-crest{position:relative;width:58px;height:65px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(140deg,#419ed3,#194b88);border:3px solid #ffdc89;border-radius:13px 13px 23px 23px;color:#ffe29a;box-shadow:0 4px #836037,inset 0 3px #fff3;transform:rotate(-6deg)}.collection-crest svg:last-child{position:absolute;top:-13px;fill:#ffd569;filter:drop-shadow(0 2px #8b622b)}.collection-heading{min-width:0;flex:1}.collection-eyebrow{color:#badcf5;font-size:9px;font-weight:900;letter-spacing:3px}.collection-heading h2{color:#ffe5a3;font-size:clamp(22px,3vw,32px);line-height:1.25;font-weight:1000;margin:3px 0;text-shadow:0 2px #835423,0 4px #173c61}.collection-heading p{font-size:11px;line-height:1.5;color:#bbd7ec}.collection-close{display:grid;place-items:center;align-self:flex-start;flex-shrink:0;width:36px;height:36px;background:linear-gradient(#6899bd,#3c628d);border:2px solid #afcce0;border-radius:10px;box-shadow:0 3px #143351,inset 0 2px #fff3;transition:transform .15s}.collection-close:hover{transform:translateY(-2px)}.collection-progress{display:flex;align-items:center;gap:16px;padding:10px 26px;background:#112d4c;border-block:1px solid #a7c7da33}.collection-progress>span{display:flex;gap:6px;align-items:center;color:#c1d6e8;font-size:11px;font-weight:700;white-space:nowrap}.collection-progress>span svg{color:#ffe29a}.collection-progress-track{flex:1;height:9px;overflow:hidden;background:#071c32;border:1px solid #61839a77;border-radius:10px;box-shadow:inset 0 2px 3px #021a2c}.collection-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(#ffe790,#eeb74c);box-shadow:0 0 9px #ffd77766}.collection-progress strong{font-size:15px;color:#ffe193;font-variant-numeric:tabular-nums}.collection-progress small{font-size:11px;color:#8facc5}.collection-tools{padding:15px 26px 10px;display:flex;gap:10px}.collection-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:8px 11px;background:#0c2945;border:1px solid #6a91ac77;border-radius:9px;color:#93b7d3}.collection-search:focus-within{outline:2px solid #f3d68a;outline-offset:1px}.collection-search input{background:transparent;color:#e6f5ff;width:100%;min-width:0;outline:none;font-size:12px}.collection-search input::-moz-placeholder{color:#8badc8}.collection-search input::placeholder{color:#8badc8}.collection-tools select{background:#214d74;color:#d6eaff;border:1px solid #739ab577;border-radius:9px;padding:7px 10px;font-size:11px;max-width:40%}.collection-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 26px 15px;border-bottom:1px solid #9fc2db26}.rarity-common{--rarity: #a9d4dd;--rarity-dark: #46777f}.rarity-uncommon{--rarity: #76c9ff;--rarity-dark: #2b6a9b}.rarity-rare{--rarity: #c9a0ff;--rarity-dark: #6b488e}.rarity-legendary{--rarity: #ffce70;--rarity-dark: #9a6428}.rarity-all{--rarity: #ffdd8d}.collection-tabs button{display:flex;justify-content:center;align-items:center;gap:6px;padding:9px 6px;min-width:0;border:1px solid #6387a166;border-radius:9px;font-size:12px;color:#acccdf;font-weight:800;background:#1b4265;transition:background .18s,transform .18s}.collection-tabs button i{width:5px;height:5px;background:var(--rarity);border-radius:2px;rotate:45deg;flex-shrink:0}.collection-tabs button span{font-size:9px;opacity:.7}.collection-tabs button:hover{background:#305d83}.collection-tabs button.is-active{background:linear-gradient(#ffe49a,#eabd64);color:#60421e;border-color:#fff0b8;box-shadow:0 3px #9a6a30,inset 0 2px #fff6}.collection-tabs button.is-active i{background:#795b2d}.collection-content{overflow-y:auto;overflow-x:hidden;padding:18px 26px 26px;min-height:0;background:radial-gradient(ellipse at 50% 0,#27598255,transparent 55%),repeating-linear-gradient(135deg,#ffffff02 0 30px,transparent 30px 60px),#123453;scrollbar-width:thin;scrollbar-color:#6489a0 #133452;overscroll-behavior:contain;touch-action:pan-y}.collection-group+.collection-group{margin-top:26px}.collection-group-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.collection-group-heading h3{font-size:13px;text-transform:uppercase;font-weight:900;color:var(--rarity);display:flex;align-items:center;gap:8px}.collection-group-heading h3 span{width:5px;height:13px;background:var(--rarity);border-radius:3px;box-shadow:0 0 10px color-mix(in srgb,var(--rarity),transparent 70%)}.collection-group-heading>span{color:#adc8dc;font-size:11px;font-variant-numeric:tabular-nums}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:16px 13px}.collection-card{min-width:0;position:relative;padding:5px;border:2px solid var(--rarity);border-radius:13px;background:linear-gradient(#41617c,#253f5c);box-shadow:0 4px 0 var(--rarity-dark),0 7px 12px #061e3666,inset 0 2px #fff3;color:#edf6ff;text-align:center;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.collection-card:hover{transform:translateY(-4px);box-shadow:0 5px var(--rarity-dark),0 10px 20px #041c3977,0 0 18px color-mix(in srgb,var(--rarity),transparent 75%)}.collection-card:active{transform:translateY(1px)}.collection-card-art{position:relative;overflow:hidden;border-radius:8px;border:1px solid #9abedb33;background:#193e66}.collection-card-art .buff-art{width:100%;aspect-ratio:1}.collection-card-stars{position:absolute;inset:auto 0 0;padding-top:12px;padding-bottom:3px;display:flex;justify-content:center;gap:3px;font-size:10px;color:var(--rarity);background:linear-gradient(transparent,#082442b3);text-shadow:0 2px #082039}.collection-card h4{min-height:39px;display:grid;place-items:center;font-size:12px;font-weight:900;line-height:1.3;overflow-wrap:anywhere;padding:7px 4px 5px;text-shadow:0 2px #132c42}.collection-card-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px;margin-top:auto;background:#112d49;border-radius:6px;font-size:9px;color:#b6d4e4}.collection-card-footer>span{display:flex;align-items:center;gap:4px}.is-unlocked .collection-card-footer>span>svg{color:#98e4bb}.collection-card.is-locked{border-color:color-mix(in srgb,var(--rarity),#304963 55%);box-shadow:0 4px #233b54,0 7px 12px #061e3633}.collection-card.is-locked .buff-art{filter:saturate(.38) brightness(.82)}.collection-card.is-locked h4{color:#bdcfdd}.collection-card.is-locked .collection-card-footer{color:#b4bfd0}.collection-card.is-locked .collection-card-footer svg:first-child{color:#e0c790}.collection-new{position:absolute;top:-7px;right:-5px;padding:3px 7px;background:linear-gradient(#ffad81,#e8624f);border:1px solid #ffd1a3;border-radius:6px;color:#fff7e0;font-size:9px;font-weight:900;box-shadow:0 2px #944634}.collection-footer{display:flex;align-items:center;gap:7px;padding:9px 26px;background:#0e2945;color:#a7c3d9;border-top:1px solid #a9c5d326;font-size:10px}.collection-footer>strong{margin-left:auto;font-size:10px;color:#cfdecf;white-space:nowrap}.collection-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#adcce2}.collection-empty h3{font-size:15px;font-weight:700}.collection-empty button{padding:9px 17px;border-radius:9px;background:#e8bb6b;color:#5b3d1d;font-size:12px;font-weight:800}.collection-detail-layer{position:absolute;inset:0;background:#08223cdc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:22px}.collection-detail{width:min(100%,390px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:18px 24px 24px;border:2px solid var(--rarity);border-radius:18px;text-align:center;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity),transparent 75%),transparent 70%),linear-gradient(#234a70,#122e4d);box-shadow:0 6px var(--rarity-dark),0 20px 40px #03182f88;scrollbar-width:thin;scrollbar-color:#779bb2 transparent}.collection-detail-back{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:7px;font-size:11px;font-weight:700;color:#cfe6f7;background:#173b5b}.collection-detail-art{width:min(160px,45vw);margin:15px auto 12px;border-radius:18px;overflow:hidden;border:2px solid var(--rarity);box-shadow:0 5px var(--rarity-dark),0 0 35px color-mix(in srgb,var(--rarity),transparent 80%)}.collection-detail-rarity{display:inline-block;padding:4px 12px;border-radius:6px;background:color-mix(in srgb,var(--rarity),transparent 88%);color:var(--rarity);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.collection-detail h3{margin-top:8px;color:#fff0ca;font-size:24px;font-weight:1000;line-height:1.25;text-shadow:0 3px #12314b;overflow-wrap:anywhere}.collection-effect{font-size:14px;color:#dcecf7;line-height:1.7;margin:14px 0 18px}.collection-unlock-note{display:flex;align-items:flex-start;gap:10px;text-align:left;background:#0b253e99;padding:12px;border:1px solid #d8bb7955;border-radius:10px;color:#e5c98e}.collection-unlock-note>svg{flex-shrink:0}.collection-unlock-note strong{display:block;font-size:12px}.collection-unlock-note p{font-size:12px;color:#bcd1e3;line-height:1.6;margin-top:4px}.collection-unlock-note.is-unlocked{color:#a4e1bd;border-color:#6ebca155}.collection-detail-price{display:flex;align-items:center;justify-content:center;gap:8px;color:#d1e0ee;font-size:11px;margin-top:16px}.collection-detail-price svg,.collection-detail-price strong{color:#ffe09a}.collection-detail-price strong{font-size:16px}.collection-detail-done{width:100%;padding:11px;margin-top:18px;border:2px solid #ffebac;border-radius:10px;font-size:15px;font-weight:900;color:#63451e;background:linear-gradient(#ffe398,#edb952);box-shadow:0 4px #97682c,inset 0 2px #fff6}.collection-detail-done:active{transform:translateY(2px)}@media(max-width:600px){.collection-screen{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-width:2px;border-radius:16px}.collection-header{padding:16px 13px 12px;gap:11px}.collection-crest{width:42px;height:50px}.collection-crest>svg:first-child{width:24px}.collection-heading h2{font-size:23px}.collection-heading p{font-size:10px}.collection-eyebrow{font-size:8px;letter-spacing:2px}.collection-close{width:31px;height:31px}.collection-progress{gap:9px;padding:9px 13px}.collection-progress>span{font-size:10px}.collection-progress strong{font-size:13px}.collection-tools{padding:11px 12px 9px;gap:7px}.collection-tools select{padding:6px;font-size:10px}.collection-tabs{gap:5px;padding:0 12px 12px}.collection-tabs button{display:block;padding:8px 2px;font-size:10px;overflow-wrap:anywhere}.collection-tabs button i,.collection-tabs button span{display:none}.collection-content{padding:13px 12px 22px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.collection-card{border-radius:11px;padding:4px}.collection-card h4{font-size:12px}.collection-card-footer{font-size:9px}.collection-footer{padding:8px 12px;font-size:9px}.collection-detail-layer{padding:12px}.collection-detail{padding:12px 18px 18px}.collection-detail h3{font-size:22px}}@media(max-height:540px){.collection-header{padding-block:10px}.collection-heading p,.collection-eyebrow{display:none}.collection-crest{height:38px;width:36px}.collection-crest>svg:last-child{width:13px;top:-9px}.collection-heading h2{font-size:22px}.collection-progress{padding-block:6px}.collection-tools{padding-top:8px}.collection-tabs{padding-bottom:8px}.collection-tabs button,.collection-footer{padding-block:6px}.collection-detail-art{width:100px;margin-block:9px}.collection-detail h3{font-size:20px}.collection-effect{margin-block:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.collection-screen *{transition:none!important;animation:none!important}}.collection-screen{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);width:min(1120px,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px));height:min(920px,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px))}.hud-dialog li{display:flex;align-items:flex-start;gap:10px}.hud-dialog li>.buff-art{width:42px;flex:0 0 42px;border:1px solid #8bb5d1;border-radius:9px}.hud-dialog li>div{min-width:0}@media(max-width:600px){.collection-screen{width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 12px);height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px)}}.collection-card{animation:collection-card-enter .3s ease-out backwards}.collection-card:nth-child(2n){animation-delay:35ms}.collection-crest{animation:collection-crest-float 4s ease-in-out infinite}@keyframes collection-card-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes collection-crest-float{50%{transform:translateY(-3px) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.collection-card,.collection-crest{animation:none!important}}.royal-shop{position:fixed;inset:0;margin:auto;width:min(940px,calc(100vw - 28px));height:min(820px,calc(100dvh - 28px));max-width:none;max-height:none;padding:0;overflow:hidden;color:#eaf6ff;border:3px solid #e7c47c;border-radius:24px;background:#123657;box-shadow:0 7px #795329,0 25px 80px #00142999}.royal-shop::backdrop{background:linear-gradient(#09234066,#04182edb),url(/art/royal-arena-toon.png) center 45%/cover}.shop-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.shop-header{display:flex;align-items:center;gap:18px;padding:23px 28px 20px;background:radial-gradient(ellipse at top,#63b6e65c,transparent 75%),linear-gradient(#367bab,#214e7c);border-bottom:2px solid #a3c7dc66;box-shadow:inset 0 3px #fff3}.shop-crest{flex:0 0 56px;height:62px;position:relative;display:grid;place-items:center;border:3px solid #ffe19b;border-radius:13px 13px 24px 24px;background:linear-gradient(#4ba5db,#1c5497);color:#ffe19b;box-shadow:0 4px #856337;transform:rotate(-5deg)}.shop-crest>svg:first-child{position:absolute;top:-17px;fill:#ffcd5f}.shop-heading{flex:1;min-width:0}.shop-heading h1{color:#ffe6a4;font-size:clamp(22px,3vw,32px);font-weight:1000;line-height:1.15;text-shadow:0 3px #88602d,0 5px #153e66;overflow-wrap:anywhere}.shop-heading>span{display:block;margin-top:8px;font-size:12px;color:#bbd9ed}.shop-heading strong{color:#fff2c7;margin-left:5px}.shop-wallet{display:flex;align-items:center;gap:8px;max-width:40%;padding:9px 13px;border:2px solid #c8aa66;border-radius:12px;background:#102e4b;color:#ffdc79;box-shadow:inset 0 2px 6px #041c36}.shop-wallet svg{flex-shrink:0}.shop-wallet strong{overflow-wrap:anywhere;min-width:0;font-size:19px}.shop-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px;background:radial-gradient(ellipse at top,#3a71964d,transparent 75%);scrollbar-color:#759fb6 #102e4b}.shop-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.shop-card{display:flex;flex-direction:column;min-width:0;padding:9px;border:2px solid var(--rarity);border-radius:17px;background:linear-gradient(145deg,#346890,#163553);box-shadow:0 5px var(--rarity-dark),inset 0 2px #ffffff35,0 10px 16px #03192d66;animation:shop-deal .35s ease-out both}.shop-card:nth-child(2){animation-delay:.05s}.shop-card:nth-child(3){animation-delay:.1s}.shop-item-art{width:min(100%,170px);margin:0 auto;border:2px solid var(--rarity);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #021c3c66}.shop-item-art .buff-art{transition:transform .25s}.shop-card:hover .shop-item-art .buff-art{transform:scale(1.04)}.shop-item-copy{flex:1;padding:12px 4px}.shop-rarity{color:var(--rarity);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.shop-item-copy h2{font-size:17px;font-weight:900;color:#fff0c8;margin:3px 0 7px;line-height:1.3;overflow-wrap:anywhere}.shop-item-copy p{font-size:12px;line-height:1.55;color:#d1e5f2;overflow-wrap:anywhere}.shop-buy,.shop-next{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;color:#664419;background:linear-gradient(#ffe798 0 45%,#ffc444 46%,#efab22);border:2px solid #fff0b8;border-radius:10px;box-shadow:0 4px #946022,inset 0 2px #fff7;font-weight:900}.shop-buy strong{font-size:20px}.shop-buy del{opacity:.65;font-size:12px}.shop-buy>svg:first-child{margin-right:auto}.shop-buy>strong:last-child{margin-right:auto}.royal-shop button{cursor:pointer;transition:filter .15s,transform .15s}.royal-shop button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.55}.royal-shop button:enabled:hover{filter:brightness(1.1)}.royal-shop button:enabled:active{transform:translateY(2px)}.royal-shop button:focus-visible{outline:3px solid #fff2b3;outline-offset:3px}.shop-inventory{margin-top:25px;padding:15px;background:#0b2845a6;border:1px solid #7397ae77;border-radius:15px}.shop-inventory-heading{display:flex;gap:8px;align-items:center;color:#c8e4f4}.shop-inventory-heading h2{flex:1;font-size:13px;font-weight:900}.shop-inventory-heading>strong{font-size:12px;color:#ffe1a0}.shop-owned{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px}.shop-owned-item{display:flex;flex-direction:column;align-items:center;padding:6px;background:#224e70;border:1px solid var(--rarity);border-radius:10px;min-width:0}.shop-owned-item .buff-art{max-width:64px;border-radius:7px}.shop-owned-item>span:not(.buff-art){font-size:10px;font-weight:700;margin:5px 0;overflow-wrap:anywhere}.shop-owned-item strong{display:flex;gap:3px;align-items:center;color:#ffe194;font-size:12px;margin-top:auto}.shop-empty-slot{display:grid;place-items:center;min-height:80px;border:2px dashed #6689a044;border-radius:10px;color:#6e94ad55;background:#08223a66}.shop-no-buffs{text-align:center;margin-top:8px;font-size:11px;color:#8dacc5}.shop-full{color:#ffe09a;font-size:12px;margin-top:8px}.shop-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:15px;padding:17px 24px 21px;border-top:2px solid #87acc166;background:linear-gradient(#26577d,#173c61)}.shop-actions button{min-height:51px}.shop-next{font-size:18px}.shop-refresh{display:flex;gap:9px;align-items:center;justify-content:center;padding:10px;border:2px solid #94bcd5;border-radius:11px;background:linear-gradient(#568caf,#2c5d86);box-shadow:0 4px #0c2946,inset 0 2px #fff3;font-size:14px;font-weight:900}.shop-refresh small{display:flex;gap:4px;align-items:center;color:#ffe096}.shop-empty{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#c1d9e9;text-align:center}@keyframes shop-deal{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:600px){.royal-shop{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-width:2px;border-radius:17px}.shop-header{padding:18px 12px 12px;gap:11px}.shop-crest{flex-basis:40px;height:46px}.shop-crest>svg:last-child{width:24px}.shop-heading h1{font-size:23px}.shop-wallet{padding:7px;gap:4px}.shop-wallet strong{font-size:15px}.shop-wallet svg{width:18px}.shop-content{padding:13px 11px 18px}.shop-offers{grid-template-columns:1fr;gap:12px}.shop-card{display:grid;grid-template-columns:73px minmax(0,1fr);gap:8px 12px;padding:10px;border-radius:12px}.shop-item-art{grid-row:1;align-self:center;width:73px}.shop-item-copy{padding:0}.shop-item-copy h2{font-size:15px;margin-bottom:4px}.shop-item-copy p{font-size:11px}.shop-buy{grid-column:1/-1;padding:5px 12px;gap:6px}.shop-buy>svg:first-child{margin-right:5px}.shop-buy>strong:last-child{margin-right:0}.shop-buy strong{font-size:17px}.shop-inventory{padding:11px;margin-top:19px}.shop-owned{gap:5px}.shop-owned-item{padding:3px}.shop-owned-item>span:not(.buff-art){font-size:9px}.shop-empty-slot{min-height:59px}.shop-actions{padding:11px 11px 16px;gap:9px}.shop-actions button{min-height:45px}.shop-next{font-size:15px}.shop-refresh{font-size:12px;gap:5px}.shop-inventory-heading h2{font-size:11px}}@media(max-height:500px){.shop-header{padding-block:12px}.shop-crest{height:38px}.shop-heading h1{font-size:22px}.shop-actions{padding-block:9px 13px}.shop-actions button{min-height:40px}.shop-content{padding-top:13px}}.royal-shop{width:min(940px,calc(100vw - 12px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));height:min(820px,calc(100dvh - 12px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}@media(prefers-reduced-motion:reduce){.royal-shop *,.royal-shop *:before{animation:none!important;transition:none!important}}