@import url("https://fonts.googleapis.com/css2?family=Bangers&family=Inter:wght@400;500;600;700&family=Rajdhani:wght@500;600;700;800&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.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/0.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: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-1{left:-.25rem}.-left-32{left:-8rem}.-right-24{right:-6rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-\[18px\]{left:18px}.right-0\.5{right:.125rem}.right-1{right:.25rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-20{top:5rem}.top-3{top:.75rem}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\/3{height:33.333333%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[100px\]{height:100px}.h-\[172px\]{height:172px}.h-\[250px\]{height:250px}.h-\[320px\]{height:320px}.h-\[76px\]{height:76px}.h-full{height:100%}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.min-h-\[108px\]{min-height:108px}.min-h-\[184px\]{min-height:184px}.min-h-\[20px\]{min-height:20px}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[120px\]{width:120px}.w-\[176px\]{width:176px}.w-\[224px\]{width:224px}.w-\[76px\]{width:76px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-\[160px\]{max-width:160px}.max-w-\[280px\]{max-width:280px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes aurora{0%,to{transform:translateZ(0) scale(1);opacity:.7}50%{transform:translate3d(3%,-2%,0) scale(1.08);opacity:1}}.animate-aurora{animation:aurora 16s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[11px\]{border-radius:11px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[rgba\(0\2c 212\2c 255\2c 0\.12\)\]{border-color:rgba(0,212,255,.12)}.border-\[rgba\(0\2c 212\2c 255\2c 0\.3\)\]{border-color:rgba(0,212,255,.3)}.border-electric\/30{border-color:rgb(0 212 255/.3)}.border-electric\/50{border-color:rgb(0 212 255/.5)}.border-gold{--tw-border-opacity:1;border-color:rgb(247 201 72/var(--tw-border-opacity,1))}.border-gold\/50{border-color:rgb(247 201 72/.5)}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-400\/50{border-color:rgb(248 113 113/.5)}.border-white\/10{border-color:rgb(255 255 255/.1)}.border-white\/15{border-color:rgb(255 255 255/.15)}.border-white\/5{border-color:rgb(255 255 255/.05)}.bg-\[\#0b0e1a\]{--tw-bg-opacity:1;background-color:rgb(11 14 26/var(--tw-bg-opacity,1))}.bg-\[rgba\(0\2c 212\2c 255\2c 0\.12\)\]{background-color:rgba(0,212,255,.12)}.bg-\[rgba\(20\2c 241\2c 149\2c 0\.08\)\]{background-color:rgba(20,241,149,.08)}.bg-\[rgba\(255\2c 61\2c 242\2c 0\.14\)\]{background-color:rgba(255,61,242,.14)}.bg-black\/20{background-color:rgb(0 0 0/.2)}.bg-black\/40{background-color:rgb(0 0 0/.4)}.bg-black\/50{background-color:rgb(0 0 0/.5)}.bg-cyan-400\/15{background-color:rgb(34 211 238/.15)}.bg-cyan-900\/60{background-color:rgb(22 78 99/.6)}.bg-electric{--tw-bg-opacity:1;background-color:rgb(0 212 255/var(--tw-bg-opacity,1))}.bg-electric\/10{background-color:rgb(0 212 255/.1)}.bg-electric\/20{background-color:rgb(0 212 255/.2)}.bg-electric\/5{background-color:rgb(0 212 255/.05)}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-gold\/15{background-color:rgb(247 201 72/.15)}.bg-gold\/20{background-color:rgb(247 201 72/.2)}.bg-ink{--tw-bg-opacity:1;background-color:rgb(5 3 10/var(--tw-bg-opacity,1))}.bg-ink\/40{background-color:rgb(5 3 10/.4)}.bg-ink\/50{background-color:rgb(5 3 10/.5)}.bg-ink\/60{background-color:rgb(5 3 10/.6)}.bg-panel\/60{background-color:rgb(13 16 36/.6)}.bg-panel\/70{background-color:rgb(13 16 36/.7)}.bg-red-500\/10{background-color:rgb(239 68 68/.1)}.bg-red-500\/20{background-color:rgb(239 68 68/.2)}.bg-red-500\/90{background-color:rgb(239 68 68/.9)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:rgb(255 255 255/.1)}.bg-white\/15{background-color:rgb(255 255 255/.15)}.bg-white\/5{background-color:rgb(255 255 255/.05)}.bg-\[linear-gradient\(115deg\2c transparent_30\%\2c rgba\(255\2c 255\2c 255\2c 0\.18\)_45\%\2c rgba\(255\2c 255\2c 255\2c 0\.05\)_55\%\2c transparent_70\%\)\]{background-image:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.05) 55%,transparent 70%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#5b21b6\]{--tw-gradient-from:#5b21b6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(91 33 182/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from:rgb(0 0 0/0.7) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-300{--tw-gradient-from:#67e8f9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(103 232 249/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-electric{--tw-gradient-from:#00d4ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 212 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 185 129/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gold{--tw-gradient-from:#f7c948 var(--tw-gradient-from-position);--tw-gradient-to:rgb(247 201 72/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from:#f43f5e var(--tw-gradient-from-position);--tw-gradient-to:rgb(244 63 94/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#00d4ff\]{--tw-gradient-to:rgb(0 212 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#00d4ff var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-electric\/40{--tw-gradient-to:rgb(0 212 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 212 255/0.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#f7c948\]{--tw-gradient-to:#f7c948 var(--tw-gradient-to-position)}.to-electric{--tw-gradient-to:#00d4ff var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-neon-pink{--tw-gradient-to:#ff3df2 var(--tw-gradient-to-position)}.to-red-400{--tw-gradient-to:#f87171 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-royal{--tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-\[length\:250\%_250\%\]{background-size:250% 250%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[3px\]{padding:3px}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.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-12{padding-top:3rem;padding-bottom:3rem}.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-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}.pb-10{padding-bottom:2.5rem}.pt-1\.5{padding-top:.375rem}.pt-12{padding-top:3rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:var(--font-sans),system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.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-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#04121a\]{--tw-text-opacity:1;color:rgb(4 18 26/var(--tw-text-opacity,1))}.text-\[\#05030a\]{--tw-text-opacity:1;color:rgb(5 3 10/var(--tw-text-opacity,1))}.text-\[\#06070d\]{--tw-text-opacity:1;color:rgb(6 7 13/var(--tw-text-opacity,1))}.text-\[var\(--dim-text\)\]{color:var(--dim-text)}.text-\[var\(--muted-lavender\)\]{color:var(--muted-lavender)}.text-cyan-200{--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-electric{--tw-text-opacity:1;color:rgb(0 212 255/var(--tw-text-opacity,1))}.text-electric\/70{color:rgb(0 212 255/.7)}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-gold{--tw-text-opacity:1;color:rgb(247 201 72/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/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-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/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))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-95{opacity:.95}.mix-blend-screen{mix-blend-mode:screen}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_0_10px_rgba\(34\2c 211\2c 238\2c 0\.6\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(34\2c 211\2c 238\2c 0\.6\)\]{--tw-shadow:0 0 10px rgba(34,211,238,0.6);--tw-shadow-colored:0 0 10px var(--tw-shadow-color)}.shadow-\[0_0_20px_rgba\(0\2c 212\2c 255\2c 0\.4\)\]{--tw-shadow:0 0 20px rgba(0,212,255,0.4);--tw-shadow-colored: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-\[0_0_24px_-8px_rgba\(34\2c 211\2c 238\2c 0\.5\)\]{--tw-shadow:0 0 24px -8px rgba(34,211,238,0.5);--tw-shadow-colored:0 0 24px -8px 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_6px_rgba\(34\2c 211\2c 238\2c 0\.7\)\]{--tw-shadow:0 0 6px rgba(34,211,238,0.7);--tw-shadow-colored:0 0 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)}.shadow-\[0_0_8px_rgba\(52\2c 211\2c 153\2c 0\.9\)\]{--tw-shadow:0 0 8px rgba(52,211,153,0.9);--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_0_8px_rgba\(52\2c 211\2c 153\2c 0\.9\)\],.shadow-glow-gold{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-glow-gold{--tw-shadow:0 0 28px rgba(245,197,66,0.4);--tw-shadow-colored:0 0 28px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.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-cyan-300\/20{--tw-ring-color:rgb(103 232 249/0.2)}.ring-electric\/40{--tw-ring-color:rgb(0 212 255/0.4)}.ring-emerald-300\/40{--tw-ring-color:rgb(110 231 183/0.4)}.ring-emerald-400\/70{--tw-ring-color:rgb(52 211 153/0.7)}.ring-rose-300\/40{--tw-ring-color:rgb(253 164 175/0.4)}.ring-rose-400\/40{--tw-ring-color:rgb(251 113 133/0.4)}.ring-white\/15{--tw-ring-color:rgb(255 255 255/0.15)}.ring-white\/40{--tw-ring-color:rgb(255 255 255/0.4)}.ring-white\/5{--tw-ring-color:rgb(255 255 255/0.05)}.blur-2xl{--tw-blur:blur(40px)}.blur-2xl,.blur-\[100px\]{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-\[100px\]{--tw-blur:blur(100px)}.blur-\[80px\]{--tw-blur:blur(80px)}.blur-\[80px\],.blur-\[90px\]{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-\[90px\]{--tw-blur:blur(90px)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.drop-shadow,.drop-shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.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_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-drop-shadow:drop-shadow(0 2px 8px rgba(0,0,0,0.6))}.\!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)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.will-change-transform{will-change:transform}.\[animation-delay\:4s\]{animation-delay:4s}.\[animation-delay\:8s\]{animation-delay:8s}.\[background-image\:radial-gradient\(circle_at_1px_1px\2c rgba\(255\2c 255\2c 255\2c 0\.55\)_1px\2c transparent_0\)\]{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.55) 1px,transparent 0)}.\[background-size\:10px_10px\]{background-size:10px 10px}:root{--void:#03040b;--panel-bg:rgba(6,10,28,0.92);--panel-border:rgba(46,232,255,0.32);--blue:#2ee8ff;--blue-deep:#0b7cff;--purple:#8b5cf6;--violet:#b546ff;--pink:#ff42e8;--gold:#f7c948;--green:#14f195;--red:#ff3b5f;--muted:#a8acd0;--dim:#6f759b;--white:#f7fbff;--font-display:"Rajdhani","Inter",sans-serif;--font-ui:"Rajdhani","Inter",sans-serif;--font-body:"Inter",sans-serif;--font-hero:"Bangers",Impact,sans-serif;--glow-cyan:0 0 24px rgba(46,232,255,0.45);--glow-gold:0 0 20px rgba(247,201,72,0.35);--glow-purple:0 0 28px rgba(139,92,246,0.4);--line:rgba(82,196,255,0.24);--electric-blue:var(--blue);--dim-text:var(--dim);--battle-gold:var(--gold);--solana-green:var(--green)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--void);font-family:var(--font-body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.yf-browser{width:100%;min-height:100vh;background:var(--void)}.yf-page{min-height:100vh;position:relative;background-image:radial-gradient(ellipse 90% 60% at 15% -5%,rgba(139,92,246,.28),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 0,rgba(46,232,255,.2),transparent 45%),linear-gradient(180deg,rgba(4,5,15,.55),rgba(6,8,24,.84) 46%,rgba(3,4,11,.96)),url(/images/yugifun/assets/backgrounds/hero-arena-background.png);background-size:cover;background-position:top;background-repeat:no-repeat;background-attachment:fixed}.yf-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(46,232,255,.04) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(255,66,232,.03) 0,transparent 35%);pointer-events:none}.content{position:relative;z-index:1;max-width:1320px;margin:0 auto}.yf-mock.yf-site-chrome{background:transparent!important;min-height:0;margin:0;overflow:visible}.yf-mock.yf-site-chrome .site-nav{border-radius:0;margin:0}.site-header{position:sticky;top:0;z-index:40;background:rgba(3,4,11,.88);border-bottom:1px solid rgba(46,232,255,.1);backdrop-filter:blur(14px)}.site-header-inner{max-width:1320px;margin:0 auto;padding:0 32px;height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.logo-wrap{display:flex;align-items:center;flex-shrink:0}.site-logo-img{height:52px;width:auto;max-width:200px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 16px rgba(168,85,247,.55))}.nav-links{display:inline-flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:0;padding:4px;border-radius:14px;background:linear-gradient(180deg,rgba(12,16,36,.92),rgba(6,8,20,.88));border:1px solid rgba(46,232,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.42),0 0 0 1px rgba(168,85,247,.08);backdrop-filter:blur(12px)}.nav-link{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(203,210,236,.82);padding:9px 13px;border-radius:10px;position:relative;transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s;white-space:nowrap;border:1px solid transparent;text-decoration:none}.nav-link+.nav-link{box-shadow:inset 1px 0 0 rgba(46,232,255,.14)}.nav-link:hover{color:#fff;background:rgba(46,232,255,.08);border-color:rgba(46,232,255,.18)}.nav-link.is-active{color:#ffe45f;background:linear-gradient(180deg,rgba(255,228,95,.22),rgba(255,228,95,.08));border-color:rgba(255,228,95,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 16px rgba(255,228,95,.16);z-index:1}.nav-link.is-active+.nav-link{box-shadow:none}.yugi-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:48px}.yugi-logo-crest{position:absolute;left:50%;top:50%;width:52px;height:44px;transform:translate(-58%,-50%);filter:drop-shadow(0 0 12px rgba(139,92,246,.5));z-index:0}.yugi-logo-word{position:relative;z-index:1;font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.06em;color:#eef8ff;text-shadow:0 0 20px rgba(46,232,255,.5),0 0 40px rgba(139,92,246,.35),0 2px 0 rgba(0,0,0,.5);padding-left:18px}.yugi-logo.is-compact{min-width:120px;height:40px}.yugi-logo.is-compact .yugi-logo-crest{width:44px;height:36px}.yugi-logo.is-compact .yugi-logo-word{font-size:18px;padding-left:14px}.yf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font-family:var(--font-ui);font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:transform .15s,filter .15s,box-shadow .15s}.yf-btn-icon{width:18px;height:18px;flex-shrink:0}.yf-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.yf-btn-primary{border-radius:8px;color:#fff;background:linear-gradient(180deg,#1a7bff,#0d4fd4 45%,#6b21a8);border:1px solid rgba(46,232,255,.75);box-shadow:var(--glow-cyan),inset 0 1px 0 rgba(255,255,255,.15)}.yf-btn-gold,.yf-btn-primary{min-width:160px;height:52px;padding:0 28px;font-size:14px}.yf-btn-gold{border-radius:8px;color:var(--gold);background:rgba(8,6,0,.75);border:1px solid rgba(247,201,72,.8);box-shadow:var(--glow-gold)}.yf-btn-outline-gold{height:36px;padding:0 16px;border-radius:6px;font-size:11px;color:#fff;background:rgba(20,14,0,.6);border:1px solid rgba(247,201,72,.7);box-shadow:var(--glow-gold)}.yf-btn-panel{margin-top:auto;width:100%;height:38px;border-radius:6px;font-size:11px;color:#dff8ff;background:rgba(5,14,40,.9);border:1px solid rgba(46,232,255,.65);box-shadow:0 0 16px rgba(46,232,255,.2)}.yf-btn-find{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:2;width:200px;height:42px;border-radius:21px;font-size:12px;color:#fff;background:linear-gradient(90deg,#073dbb,#6b21a8);border:1px solid rgba(46,232,255,.75);box-shadow:var(--glow-purple),var(--glow-cyan)}.yf-btn-find:hover{transform:translateX(-50%) translateY(-2px)}.yf-btn-wallet{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:8px;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#eaf6ff;background:rgba(6,12,32,.85);border:1px solid rgba(46,232,255,.65);box-shadow:var(--glow-cyan);white-space:nowrap}.yf-btn-wallet .yf-btn-icon{width:16px;height:16px;color:var(--blue)}.yf-btn-wallet:disabled{opacity:.6;cursor:wait}.yf-btn-ghost{height:40px;padding:0 18px;border-radius:6px;font-size:11px;color:#dbe6ff;background:rgba(0,0,0,.35);border:1px solid rgba(46,232,255,.25)}.yf-btn-ghost:hover{border-color:rgba(46,232,255,.5)}.btn-primary,.cta-blue,.yugi-btn-primary{min-width:140px;border-radius:8px;color:#fff;border:0;background:linear-gradient(180deg,#1a7bff,#0d4fd4 45%,#6b21a8);border:1px solid rgba(46,232,255,.65);box-shadow:var(--glow-cyan)}.btn-gold,.btn-primary,.cta-blue,.cta-gold,.yugi-btn-gold,.yugi-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;font-family:var(--font-ui);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s,filter .15s}.btn-gold,.cta-gold,.yugi-btn-gold{min-width:120px;border-radius:8px;color:var(--gold);border:0;background:rgba(8,6,0,.75);border:1px solid rgba(247,201,72,.75);box-shadow:var(--glow-gold)}.btn-ghost,.yugi-btn-ghost,.yugi-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:6px;font-family:var(--font-ui);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#dbe6ff;background:rgba(0,0,0,.35);border:1px solid rgba(46,232,255,.25);transition:transform .15s,border-color .15s}.btn-ghost:hover,.btn-gold:hover,.btn-primary:hover,.cta-blue:hover,.cta-gold:hover,.yugi-btn-ghost:hover,.yugi-btn-gold:hover,.yugi-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost:disabled,.btn-gold:disabled,.btn-primary:disabled,.yugi-btn-ghost:disabled,.yugi-btn-gold:disabled,.yugi-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero{min-height:540px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:20px;padding:12px 32px 24px}.hero,.hero-copy{position:relative}.hero-copy{z-index:2}.kicker{display:inline-flex;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,66,232,.4);background:rgba(74,19,109,.45);color:#e8eeff;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.1em}.hero-title,.kicker{text-transform:uppercase}.hero-title{margin:20px 0 16px;font-family:var(--font-hero);line-height:.9}.hero-line{display:block}.hero-line-sm{font-size:clamp(40px,5vw,64px);color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.hero-line-accent{font-size:clamp(48px,6.5vw,88px);color:#f5e8ff;text-shadow:0 0 30px rgba(255,66,232,.7),0 0 60px rgba(139,92,246,.45)}.hero-line-glow{font-size:clamp(48px,6.5vw,88px);color:#b8f4ff;text-shadow:0 0 28px rgba(46,232,255,.85),0 0 55px rgba(11,124,255,.5)}.hero-sub{max-width:440px;color:#c8cee8;font-size:15px;line-height:1.65}.cta-row{display:flex;gap:14px;margin:24px 0 20px;flex-wrap:wrap}.hero-badges{display:flex;gap:24px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8b93b8}.hero-badges span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:middle;box-shadow:0 0 8px var(--green)}.hero-badges span:last-child:before{background:var(--gold);box-shadow:0 0 8px var(--gold)}.hero-cards{min-height:500px;position:relative;z-index:1}.hero-cards-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,66,232,.18),transparent 35%);pointer-events:none}.float-card{position:absolute;width:200px;border-radius:10px;filter:drop-shadow(0 0 14px rgba(46,232,255,.3)) drop-shadow(0 16px 28px rgba(0,0,0,.55));transition:transform .2s}.float-card:hover{transform:translateY(-6px) rotate(var(--r,0deg)) scale(1.03)!important;z-index:20}.float-card img{width:100%;height:auto;display:block;border-radius:10px}.float-card.c1{left:7%;top:2%;--r:-4deg;transform:rotate(-4deg)}.float-card.c2{left:37%;top:0;--r:6deg;transform:rotate(6deg)}.float-card.c3{right:2%;top:4%;--r:9deg;transform:rotate(9deg)}.float-card.c4{left:6%;top:28%;--r:-3deg;transform:rotate(-3deg)}.float-card.c5{left:38%;top:27%;--r:3deg;transform:rotate(3deg)}.float-card.c6{right:3%;top:29%;--r:4deg;transform:rotate(4deg)}.float-card.c7{left:4%;bottom:3%;--r:-5deg;transform:rotate(-5deg)}.float-card.c8{left:34%;bottom:1%;--r:2deg;transform:rotate(2deg)}.float-card.c9{right:4%;bottom:3%;--r:5deg;transform:rotate(5deg)}.arena-panel,.card-surface,.section-card,.yf-panel-card{position:relative;border-radius:10px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 12px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(46,232,255,.06)}.yf-panel-card{display:flex;flex-direction:column;padding:18px;min-height:300px}.yf-panel-card-wide{min-height:auto}.yf-panel-heading{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--font-ui);font-size:22px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#eef4ff}.yf-panel-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--blue);border:1px solid rgba(46,232,255,.4);border-radius:8px;box-shadow:0 0 12px rgba(46,232,255,.25);flex-shrink:0}.yf-panel-icon svg{width:18px;height:18px}.yf-panel-icon-sm{width:32px;height:32px}.yf-panel-icon-sm svg{width:16px;height:16px}.arena-panel-blue{border-color:rgba(46,232,255,.45)}.arena-panel-purple{border-color:rgba(139,92,246,.45)}.arena-panel-gold{border-color:rgba(247,201,72,.45)}.section-band{padding:0 32px 20px}.section-head{justify-content:space-between;padding:4px 4px 12px;gap:16px}.section-head,.section-title{display:flex;align-items:center}.section-title{gap:12px;font-family:var(--font-ui);font-size:22px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#eef4ff}.section-title small{display:block;margin-top:4px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--muted)}.card-strip{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;padding:4px 0 8px}.strip-card{border-radius:8px;overflow:visible;border:none;background:transparent;transition:transform .15s,filter .15s}.strip-card:hover{transform:translateY(-3px);filter:drop-shadow(0 0 18px rgba(46,232,255,.45))}.strip-card img{width:100%;height:auto;display:block}.col-tile-img,.gb-unit__art,.hero-card,.lb-profile-featured img,.news-thumb-img,.pack-card-preview img,.pf-featured-card img,.reveal-card img,.strip-card,.yf-card-art,.yf-card-detail-img,.yf-card-tile-img{mix-blend-mode:lighten}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 32px 18px}.mode-list,.work-list{display:grid;gap:12px;flex:1}.mode-item{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:12px;background:rgba(0,0,0,.28);border:1px solid rgba(247,201,72,.28);border-radius:8px}.mode-icon{display:grid;place-items:center;color:var(--gold);filter:drop-shadow(0 0 8px rgba(247,201,72,.4))}.mode-icon svg{width:28px;height:28px}.mode-item h4,.work-item h4{margin:0;font-family:var(--font-ui);font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.mode-item p,.work-item p{margin:3px 0 0;font-size:13px;line-height:1.35;color:#b8c0dc}.pool-number{font-size:clamp(36px,4vw,48px);font-weight:900;line-height:1;color:#b8f4ff;text-shadow:0 0 30px rgba(46,232,255,.9);margin:10px 0 4px}.pool-number,.pool-sub{font-family:var(--font-ui);text-align:center}.pool-sub{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.reward-list{list-style:none;margin:12px 0 0;padding:0 0 0 8px;display:grid;gap:8px}.reward-list li{font-size:14px;color:#d0d6ef;padding-left:18px;position:relative}.reward-list li:before{content:"◆";position:absolute;left:0;color:var(--gold);font-size:10px}.work-item{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:10px 0}.work-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--blue);border:1px solid rgba(46,232,255,.3);border-radius:8px;background:rgba(46,232,255,.05)}.work-icon svg{width:18px;height:18px}.lower-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;padding:0 32px 24px}.lobby{min-height:340px}.lobby-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.coin-row{display:flex;gap:16px;font-family:var(--font-ui);font-size:13px;font-weight:700;color:#dce8ff}.coin-row span:before{content:"●";margin-right:5px;color:var(--gold);text-shadow:0 0 8px var(--gold)}.lobby-body{flex:1;display:grid;grid-template-columns:128px 1fr;gap:10px}.lobby-side{background:rgba(0,0,0,.35);border:1px solid rgba(46,232,255,.18);border-radius:8px;padding:12px}.profile-box{display:flex;gap:10px;align-items:center;margin-bottom:14px}.avatar{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#103d7c,#19c6ff);box-shadow:0 0 14px rgba(46,232,255,.45);flex-shrink:0}.profile-box b{font-family:var(--font-ui);font-size:13px;color:#e8f4ff;display:block}.profile-box small{font-size:10px;color:var(--blue);letter-spacing:.06em}.side-links{display:grid;gap:6px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a8b4d4}.side-links div{padding:7px 8px;border-radius:5px;background:rgba(255,255,255,.03)}.vs-stage{position:relative;min-height:250px;height:100%;border-radius:8px;overflow:hidden;background:#07091a;border:1px solid rgba(46,232,255,.22)}.vs-art{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:0}.vs-stage-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(255,66,232,.25),transparent 28%),linear-gradient(180deg,transparent 35%,rgba(5,7,20,.82))}.vs{top:38%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:76px;font-weight:900;text-shadow:0 0 24px var(--pink),0 0 48px var(--blue)}.match-label,.vs{position:absolute;left:50%;z-index:2;color:#fff}.match-label{bottom:62px;transform:translateX(-50%);text-align:center;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.match-label span{display:block;color:var(--blue);margin-top:2px}.news{min-height:340px}.news-list{display:grid;gap:10px;flex:1;margin-bottom:12px}.news-item{display:grid;grid-template-columns:68px 1fr;gap:10px;padding:8px;background:rgba(0,0,0,.28);border:1px solid rgba(247,201,72,.2);border-radius:8px}.news-thumb{border-radius:6px;min-height:56px;border:1px solid rgba(247,201,72,.25)}.news-thumb-1{background:linear-gradient(135deg,rgba(247,201,72,.5),rgba(139,92,246,.35))}.news-thumb-2{background:linear-gradient(135deg,rgba(46,232,255,.4),rgba(11,124,255,.3))}.news-thumb-3{background:linear-gradient(135deg,rgba(255,66,232,.35),rgba(139,92,246,.4))}.news-item h4{margin:0;font-family:var(--font-ui);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#dbeaff}.news-item p{margin:4px 0 2px;font-size:12px;line-height:1.3;color:#9aa3c4}.news-item small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.footer{padding:18px 32px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid rgba(46,232,255,.08);color:var(--dim);font-size:11px}.footer-copy{max-width:360px;line-height:1.45}.socials{display:flex;gap:8px}.socials a{color:inherit}.socials span{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-family:var(--font-ui);font-size:11px;font-weight:800;color:#a8b0cc;transition:border-color .15s,color .15s}.socials a:hover span{border-color:var(--blue);color:#fff}.footer-links{display:flex;gap:18px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.footer-links a:hover{color:var(--blue)}.page-main{padding:28px 32px 56px}.yf-page-header{margin-bottom:28px}.yf-page-title{margin:12px 0 0;font-family:var(--font-ui);font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#eef4ff;line-height:1.1}.yf-page-accent{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.yf-page-desc{margin:12px 0 0;max-width:560px;color:var(--muted);font-size:15px;line-height:1.55}.yf-panel{padding:20px;display:flex;flex-direction:column;gap:16px}.yf-panel-title{margin:0;font-family:var(--font-ui);font-size:15px;font-weight:800;color:var(--gold)}.yf-label,.yf-panel-title{letter-spacing:.08em;text-transform:uppercase}.yf-label{font-size:11px;font-weight:700;color:var(--dim)}.yf-muted{color:var(--muted);font-size:14px;line-height:1.5}.yf-body{color:#c4cae4;font-size:15px;line-height:1.6}.yf-highlight{color:var(--gold);font-weight:700}.yf-grid-2{display:grid;gap:16px;grid-template-columns:1fr 1.15fr}.yf-stack{display:flex;flex-direction:column;gap:16px}.yf-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.yf-chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.yf-chip{padding:9px 14px;border-radius:6px;border:1px solid rgba(46,232,255,.22);background:rgba(0,0,0,.28);color:var(--muted);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.04em;transition:all .15s}.yf-chip:hover{border-color:rgba(46,232,255,.45);color:#fff}.yf-chip.active{border-color:var(--blue);color:var(--blue);background:rgba(46,232,255,.08);box-shadow:0 0 12px rgba(46,232,255,.2)}.yf-chip-sm{padding:5px 12px;font-size:11px}.yf-input{width:100%;padding:10px 14px;border-radius:6px;border:1px solid rgba(46,232,255,.22);background:rgba(0,0,0,.35);color:#fff;font-size:14px;outline:none}.yf-input:focus{border-color:var(--blue);box-shadow:0 0 12px rgba(46,232,255,.15)}.yf-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:6px;border:1px solid rgba(46,232,255,.15);background:rgba(0,0,0,.22)}.yf-list-row b{color:#fff}.yf-list-row small{color:var(--dim);font-size:12px}.yf-empty{padding:32px;text-align:center;color:var(--dim)}.yf-toc{position:sticky;top:92px;display:flex;flex-direction:column;gap:2px}.yf-toc a{padding:8px 12px;border-radius:6px;font-size:13px;color:var(--dim);transition:background .15s,color .15s}.yf-toc a:hover{background:rgba(255,255,255,.04);color:#fff}.yf-toc-num{margin-right:8px;font-size:11px;color:#4a5070}.yf-rules-layout{display:grid;grid-template-columns:200px 1fr;gap:32px}.yf-rule-num{justify-content:center;width:32px;height:32px;border-radius:6px;background:rgba(46,232,255,.1);border:1px solid rgba(46,232,255,.35);font-family:var(--font-ui);font-size:13px;font-weight:800;color:var(--blue)}.yf-rule-head,.yf-rule-num{display:flex;align-items:center}.yf-rule-head{gap:12px;margin-bottom:12px}.yf-rule-head h2{margin:0;font-family:var(--font-ui);font-size:18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#eef4ff}.yf-rule-section{scroll-margin-top:92px}.yf-table{width:100%;font-size:14px;border-collapse:collapse}.yf-table th{text-align:left;color:var(--dim);padding:8px 0;border-bottom:1px solid rgba(46,232,255,.12)}.yf-table td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted)}.yf-table .win{color:var(--green)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(46,232,255,.22);background:rgba(0,0,0,.25);font-size:11px;font-weight:700}.gradient-text{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card{padding:16px;border-radius:10px;background:var(--panel-bg);border:1px solid var(--panel-border)}.site-header-inner.admin-bar{grid-template-columns:auto 1fr auto}.admin-bar .admin-title{font-family:var(--font-ui);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:13px}.admin-nav{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px;border-bottom:1px solid rgba(46,232,255,.12)}.admin-nav a{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;color:var(--muted)}.admin-nav a:hover{background:rgba(255,255,255,.04);color:#fff}.yf-image-header{min-height:56px;background-size:contain;background-position:0}.yf-image-header,.yf-input-shell{width:100%;background-repeat:no-repeat}.yf-input-shell{min-height:46px;background-size:100% 100%;background-position:50%;display:flex;align-items:center;padding:0 14px}.yf-input-shell-field{width:100%;border:0;outline:none;background:transparent;color:#f2f7ff;font-size:14px}.yf-panel-shell{width:100%}.yf-card-frame,.yf-panel-shell{background-repeat:no-repeat;background-size:100% 100%;background-position:50%}.yf-card-frame{position:absolute;inset:0;pointer-events:none;z-index:2}.yf-link{color:var(--blue);font-weight:600;font-size:14px}.yf-link:hover{text-decoration:underline}.yf-card-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:16px;border-radius:10px;background:var(--panel-bg);border:1px solid var(--panel-border)}.yf-select{padding:10px 14px;border-radius:6px;border:1px solid rgba(46,232,255,.22);background:rgba(0,0,0,.45);color:#fff;font-size:14px;outline:none;cursor:pointer}.yf-select:focus{border-color:var(--blue);box-shadow:0 0 12px rgba(46,232,255,.15)}.yf-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.yf-card-tile{--tile-accent:#2ee8ff;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:var(--panel-bg);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.yf-card-tile:hover{transform:translateY(-4px);border-color:var(--tile-accent);box-shadow:0 12px 30px -12px var(--tile-accent)}.yf-card-tile-art{position:relative;aspect-ratio:2/3;background:transparent}.yf-card-tile-img{-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.yf-card-tile:hover .yf-card-tile-img{transform:scale(1.04)}.yf-card-tile-rarity{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#06070d;background:var(--tile-accent);box-shadow:0 2px 8px rgba(0,0,0,.5)}.yf-card-tile-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.yf-card-tile-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.yf-card-tile-head h3{margin:0;font-family:var(--font-ui);font-size:14px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yf-card-tile-id{font-size:11px;color:var(--blue);font-weight:700}.yf-card-tile-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.yf-card-tile-energy{color:var(--gold);font-weight:700}.yf-card-tile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;font-size:10px;font-weight:700;text-align:center}.yf-card-tile-stats span{padding:4px 2px;border-radius:5px}.yf-card-tile-stats .stat-atk{background:rgba(239,68,68,.16);color:#fca5a5}.yf-card-tile-stats .stat-def{background:rgba(59,130,246,.16);color:#93c5fd}.yf-card-tile-stats .stat-hp{background:rgba(34,197,94,.16);color:#86efac}.yf-card-detail{--detail-accent:#2ee8ff;display:grid;grid-template-columns:440px 1fr;gap:32px;align-items:start}.yf-card-detail-art{position:relative;aspect-ratio:2/3;border-radius:20px;overflow:visible;border:none;box-shadow:none;background:transparent}.yf-card-detail-img{-o-object-fit:contain;object-fit:contain}.yf-card-detail-info{display:flex;flex-direction:column;gap:14px}.yf-card-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.yf-stat-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.3)}.yf-stat-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.yf-stat-value{font-family:var(--font-ui);font-size:30px;font-weight:900;color:#fff}.yf-stat-atk .yf-stat-value{color:#fca5a5}.yf-stat-def .yf-stat-value{color:#93c5fd}.yf-stat-hp .yf-stat-value{color:#86efac}@media (max-width:1100px){.site-header-inner{grid-template-columns:auto auto;justify-content:space-between}.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:16px 24px 24px}.hero-cards{min-height:580px}.info-grid,.lower-grid{grid-template-columns:1fr}.info-grid,.lower-grid,.section-band{padding-left:24px;padding-right:24px}.card-strip{grid-template-columns:repeat(3,1fr)}.float-card{width:28vw;max-width:220px;min-width:140px}.footer{flex-direction:column;text-align:center}.yf-grid-2,.yf-rules-layout{grid-template-columns:1fr}.yf-toc{display:none}.yf-card-detail{grid-template-columns:1fr}.yf-card-detail-art{max-width:420px;margin:0 auto;width:100%}}@media (max-width:640px){.site-header-inner{padding:0 16px;height:64px}.info-grid,.lower-grid,.page-main,.section-band{padding-left:16px;padding-right:16px}.hero-line-accent,.hero-line-glow,.hero-line-sm{font-size:48px}.yf-btn-gold,.yf-btn-primary{width:100%}.lobby-body{grid-template-columns:1fr}.card-strip{grid-template-columns:repeat(2,1fr)}.vs{font-size:56px}.yf-card-filters{grid-template-columns:1fr}.yf-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.hover\:-translate-y-1\.5:hover{--tw-translate-y:-0.375rem}.hover\:-translate-y-1\.5:hover,.hover\:rotate-\[0\.5deg\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-\[0\.5deg\]:hover{--tw-rotate:0.5deg}.hover\:scale-\[1\.04\]:hover{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--arcane-blue\)\]:hover{border-color:var(--arcane-blue)}.hover\:bg-electric\/30:hover{background-color:rgb(0 212 255/.3)}.hover\:bg-gold\/30:hover{background-color:rgb(247 201 72/.3)}.hover\:bg-red-500\/30:hover{background-color:rgb(239 68 68/.3)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255/.1)}.hover\:text-\[var\(--electric-blue\)\]:hover{color:var(--electric-blue)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_20px_rgba\(0\2c 212\2c 255\2c 0\.3\)\]:hover{--tw-shadow:0 0 20px rgba(0,212,255,0.3);--tw-shadow-colored: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)}.focus\:border-electric:focus{--tw-border-opacity:1;border-color:rgb(0 212 255/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:rgb(255 255 255/0.7)}.disabled\:opacity-50:disabled{opacity:.5}@keyframes foil{0%{background-position:0 50%}to{background-position:200% 50%}}.group:hover .group-hover\:animate-foil{animation:foil 1.2s linear infinite}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-3{gap:.75rem}}@media (min-width:768px){.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.xl\:gap-7{gap:1.75rem}}.yf-mock{--font-display:"Rajdhani",Impact,"Arial Black",sans-serif;--font-body:"Inter",system-ui,sans-serif;--void:#03040a;--void-2:#070817;--panel:rgba(5,10,26,0.78);--blue:#21d9ff;--blue-2:#1478ff;--purple:#a855f7;--pink:#ff37f5;--gold:#f8c94a;--text:#f7fbff;--muted:#aeb7d9}.yf-mock *{box-sizing:border-box}.yf-mock{background:#02040a;scroll-behavior:smooth;margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 0,rgba(33,217,255,.18),transparent 30%),radial-gradient(circle at 82% 3%,rgba(168,85,247,.22),transparent 34%),linear-gradient(180deg,#02040a,#040517 48%,#010209);font-family:var(--font-body);overflow-x:hidden}.yf-mock img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.yf-mock .yugi-page-bg{position:fixed;inset:0;z-index:-5;background-image:linear-gradient(180deg,rgba(2,4,10,.12),rgba(2,4,10,.9) 72%,rgba(2,4,10,.98)),url(/images/yugifun/assets/backgrounds/hero-arena-background.png);background-size:cover;background-position:top;background-repeat:no-repeat}.yf-mock .yugi-page-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 32% 8%,rgba(33,217,255,.32),transparent 20%),radial-gradient(circle at 78% 10%,rgba(255,55,245,.22),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 38%,rgba(0,0,0,.2));pointer-events:none}.yf-mock .yugi-page-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(33,217,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(168,85,247,.045) 1px,transparent 0);background-size:56px 56px;opacity:.35;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%);pointer-events:none}.yf-mock .mockup-shell{width:min(1480px,calc(100vw - 28px));margin:14px auto 28px;min-height:calc(100vh - 28px);border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(3,5,14,.84),rgba(4,6,18,.68)),rgba(5,6,18,.52);border:1px solid rgba(88,196,255,.34);box-shadow:0 0 0 1px rgba(168,85,247,.16),0 0 48px rgba(33,217,255,.18),0 0 110px rgba(168,85,247,.18)}.yf-mock .mockup-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(33,217,255,.08),transparent 30%,transparent 70%,rgba(168,85,247,.1)),radial-gradient(circle at 50% 0,rgba(255,255,255,.08),transparent 32%);pointer-events:none}.yf-mock .browser-topbar{height:46px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 22px;background:linear-gradient(90deg,rgba(2,4,10,.96),rgba(9,10,28,.92),rgba(3,4,14,.96));border-bottom:1px solid rgba(33,217,255,.22);box-shadow:0 0 22px rgba(33,217,255,.16);position:relative;z-index:5}.yf-mock .browser-controls{display:flex;align-items:center;gap:9px}.yf-mock .browser-dot{width:10px;height:10px;border-radius:999px}.yf-mock .browser-url{justify-self:center;width:min(520px,48vw);height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.35);color:rgba(232,245,255,.75);display:flex;align-items:center;justify-content:center;font-size:12px}.yf-mock .site-nav{height:92px;display:flex;align-items:center;gap:34px;padding:12px 42px 6px;position:relative;z-index:3}.yf-mock .site-logo{width:235px;max-width:25vw;filter:drop-shadow(0 0 18px rgba(168,85,247,.55))}.yf-mock .nav-links{flex:1;display:inline-flex;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0;padding:5px;transform:translateY(-6px);border-radius:14px;background:linear-gradient(180deg,rgba(10,14,32,.88),rgba(5,7,18,.84));border:1px solid rgba(33,217,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 32px rgba(0,0,0,.48),0 0 24px rgba(33,217,255,.08);backdrop-filter:blur(14px)}.yf-mock .nav-links .nav-link{color:rgba(225,233,255,.86);font-family:var(--font-display);font-weight:800;font-size:clamp(10px,.82vw,12px);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:10px clamp(9px,1vw,14px);border-radius:10px;border:1px solid transparent;position:relative;text-shadow:none;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.yf-mock .nav-links .nav-link+.nav-link{box-shadow:inset 1px 0 0 rgba(33,217,255,.16)}.yf-mock .nav-links .nav-link:hover{color:#fff;background:rgba(33,217,255,.1);border-color:rgba(33,217,255,.22);text-shadow:0 0 10px rgba(33,217,255,.35)}.yf-mock .nav-links .nav-link.is-active{color:#ffe45f;background:linear-gradient(180deg,rgba(255,228,95,.24),rgba(255,228,95,.1));border-color:rgba(255,228,95,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 18px rgba(255,228,95,.2);z-index:1}.yf-mock .nav-links .nav-link.is-active:after{content:none}.yf-mock .nav-links .nav-link.is-active+.nav-link{box-shadow:none}.yf-mock .asset-button{display:inline-block;background-size:contain;background-position:50%;background-repeat:no-repeat;border:0;outline:0;color:transparent;cursor:pointer;transition:transform .18s ease,filter .18s ease}.yf-mock .asset-button:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.14) drop-shadow(0 0 14px rgba(33,217,255,.38))}.yf-mock .btn-connect{width:204px;height:68px;background-image:url(/images/yugifun/assets/buttons/button-connect-wallet.png)}.yf-mock .btn-play{width:220px;height:74px;background-image:url(/images/yugifun/assets/buttons/button-play-free.png)}.yf-mock .btn-view{width:226px;height:74px;background-image:url(/images/yugifun/assets/buttons/button-view-cards.png)}.yf-mock .btn-view-all{width:210px;height:70px;background-image:url(/images/yugifun/assets/buttons/button-view-all-cards.png)}.yf-mock .btn-explore{width:245px;height:78px;background-image:url(/images/yugifun/assets/buttons/button-explore-modes.png)}.yf-mock .btn-find{width:260px;height:86px;background-image:url(/images/yugifun/assets/buttons/button-find-match.png)}.yf-mock .hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:12px;padding:8px 46px 24px;min-height:640px;position:relative}.yf-mock .hero-copy{padding-top:44px;position:relative;z-index:2}.yf-mock .badge-original{width:min(510px,100%);max-width:100%;height:56px;aspect-ratio:2819/310;background-image:url(/images/yugifun/assets/badges/badge-original-browser-based-anime-card-battle.png);background-size:contain;background-position:0;background-repeat:no-repeat;margin-bottom:22px}.yf-mock .hero-title{margin:0;font-family:var(--font-display);font-size:clamp(58px,8vw,136px);line-height:.78;letter-spacing:.005em;text-transform:uppercase;font-weight:900;max-width:675px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.3),0 0 28px rgba(33,217,255,.36),0 0 56px rgba(168,85,247,.32)}.yf-mock .hero-title span{display:block}.yf-mock .hero-title .meme{color:#f5e5ff;text-shadow:0 0 16px rgba(255,255,255,.42),0 0 38px rgba(255,55,245,.7),0 0 70px rgba(168,85,247,.48);transform:skewX(-6deg)}.yf-mock .hero-title .arena{color:#bfefff;text-shadow:0 0 18px rgba(33,217,255,.9),0 0 46px rgba(20,120,255,.7)}.yf-mock .hero-subcopy{max-width:550px;margin-top:28px;color:rgba(235,242,255,.82);line-height:1.65;font-size:18px;font-style:italic;text-shadow:0 0 18px rgba(33,217,255,.18)}.yf-mock .hero-buttons{display:flex;align-items:center;gap:22px;margin-top:28px}.yf-mock .hero-badges{display:flex;gap:18px;align-items:center;margin-top:26px;flex-wrap:wrap}.yf-mock .micro-badge{height:38px;width:auto;background-size:contain;background-position:0;background-repeat:no-repeat;background-color:transparent}.yf-mock .badge-solana{aspect-ratio:1561/372;background-image:url(/images/yugifun/assets/badges/badge-built-on-solana.png)}.yf-mock .badge-free{aspect-ratio:1508/366;background-image:url(/images/yugifun/assets/badges/badge-free-to-play.png)}.yf-mock .hero-card-cluster{position:relative;min-height:610px;z-index:2}.yf-mock .hero-card{position:absolute;width:clamp(158px,14vw,240px);filter:drop-shadow(0 0 18px rgba(33,217,255,.22)) drop-shadow(0 20px 24px rgba(0,0,0,.55));transition:transform .22s ease,filter .22s ease}.yf-mock .hero-card:hover{z-index:20!important;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1.06)!important;filter:drop-shadow(0 0 24px rgba(255,255,255,.3)) drop-shadow(0 0 38px rgba(33,217,255,.42))}.yf-mock .hero-card:first-child{--x:0px;--y:0px;--r:-7deg;left:5%;top:4%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:4}.yf-mock .hero-card:nth-child(2){--x:0px;--y:0px;--r:7deg;left:34%;top:6%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:5}.yf-mock .hero-card:nth-child(3){--x:0px;--y:0px;--r:13deg;left:64%;top:8%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:4}.yf-mock .hero-card:nth-child(4){--x:0px;--y:0px;--r:-6deg;left:6%;top:31%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:6}.yf-mock .hero-card:nth-child(5){--x:0px;--y:0px;--r:2deg;left:36%;top:30%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:7}.yf-mock .hero-card:nth-child(6){--x:0px;--y:0px;--r:6deg;left:66%;top:33%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:6}.yf-mock .hero-card:nth-child(7){--x:0px;--y:0px;--r:-8deg;left:0;top:58%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:3}.yf-mock .hero-card:nth-child(8){--x:0px;--y:0px;--r:-1deg;left:36%;top:61%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:4}.yf-mock .hero-card:nth-child(9){--x:0px;--y:0px;--r:8deg;left:67%;top:59%;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:3}.yf-mock .site-content{padding:0 36px 28px}.yf-mock .section-shell{position:relative;margin-bottom:16px}.yf-mock .collect-header{height:88px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 24px;background:linear-gradient(90deg,rgba(4,10,26,.86),rgba(6,10,28,.52)),rgba(4,10,26,.7);border:1px solid rgba(33,217,255,.28);clip-path:polygon(1.2% 0,98.8% 0,100% 50%,98.8% 100%,1.2% 100%,0 50%);box-shadow:inset 0 0 25px rgba(33,217,255,.1),0 0 24px rgba(33,217,255,.13)}.yf-mock .section-title-row{display:flex;align-items:center;gap:15px}.yf-mock .section-icon{width:42px;height:42px;border:1px solid rgba(33,217,255,.38);border-radius:10px;display:grid;place-items:center;color:#bff5ff;box-shadow:inset 0 0 14px rgba(33,217,255,.18),0 0 18px rgba(33,217,255,.22)}.yf-mock .section-title{margin:0;font-family:var(--font-display);font-size:clamp(23px,3.2vw,38px);line-height:1;letter-spacing:.08em;font-weight:900;text-transform:uppercase;color:rgba(244,249,255,.96);text-shadow:0 0 16px rgba(33,217,255,.28)}.yf-mock .section-subtitle{margin:4px 0 0;color:rgba(190,207,238,.7);font-size:12px;letter-spacing:.04em}.yf-mock .card-strip{display:grid;grid-template-columns:repeat(9,minmax(86px,1fr));gap:12px;padding:18px 12px 14px;border:1px solid rgba(33,217,255,.2);background:rgba(4,8,22,.62);box-shadow:inset 0 0 38px rgba(33,217,255,.06)}.yf-mock .strip-card{width:100%;border-radius:7px;filter:drop-shadow(0 0 10px rgba(33,217,255,.15));transition:transform .18s ease,filter .18s ease}.yf-mock .strip-card:hover{transform:translateY(-8px) scale(1.06);filter:drop-shadow(0 0 18px rgba(255,255,255,.26))}.yf-mock .panel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:16px}.yf-mock .ui-panel{min-height:305px;padding:24px;position:relative;border:1px solid rgba(33,217,255,.3);background:linear-gradient(180deg,rgba(8,13,34,.85),rgba(5,8,22,.74)),rgba(6,9,24,.75);clip-path:polygon(4% 0,96% 0,100% 8%,100% 92%,96% 100%,4% 100%,0 92%,0 8%);box-shadow:inset 0 0 38px rgba(33,217,255,.08),0 0 24px rgba(33,217,255,.12)}.yf-mock .ui-panel:before{content:"";position:absolute;inset:0;border:1px solid rgba(168,85,247,.25);clip-path:inherit;pointer-events:none}.yf-mock .panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.yf-mock .panel-heading h3{margin:0;font-family:var(--font-display);font-weight:900;font-size:30px;letter-spacing:.08em;color:rgba(245,249,255,.95);text-transform:uppercase;text-shadow:0 0 16px rgba(33,217,255,.28)}.yf-mock .panel-icon{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px rgba(33,217,255,.38))}.yf-mock .mode-list{display:grid;gap:12px}.yf-mock .mode-item{border:1px solid rgba(248,201,74,.38);background:rgba(0,0,0,.24);padding:13px 16px;clip-path:polygon(3% 0,97% 0,100% 28%,100% 72%,97% 100%,3% 100%,0 72%,0 28%)}.yf-mock .mode-title{color:#ffe56d;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;font-size:18px}.yf-mock .mode-copy{margin:2px 0 0;color:rgba(220,232,255,.74);font-size:12px;line-height:1.35}.yf-mock .reward-number{margin:20px 0 16px;font-size:clamp(42px,5vw,70px);color:#bff3ff;letter-spacing:.04em;font-weight:900;text-shadow:0 0 24px rgba(33,217,255,.55)}.yf-mock .reward-number,.yf-mock .reward-sub{font-family:var(--font-display);text-align:center}.yf-mock .reward-sub{color:#22d3ff;letter-spacing:.17em;font-weight:800}.yf-mock .bullet-list{display:grid;gap:12px;color:rgba(224,235,255,.82);font-size:14px;margin-top:18px}.yf-mock .bullet{display:flex;align-items:center;gap:10px}.yf-mock .bullet:before{content:"✦";display:grid;place-items:center;width:24px;height:24px;color:var(--gold);border:1px solid rgba(248,201,74,.45);border-radius:999px;box-shadow:0 0 12px rgba(248,201,74,.18)}.yf-mock .rewards-steps{display:grid;gap:19px;margin-top:22px}.yf-mock .reward-step{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}.yf-mock .step-hex{width:54px;height:54px;display:grid;place-items:center;color:#eaffff;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);border:1px solid rgba(33,217,255,.55);background:rgba(33,217,255,.08);box-shadow:inset 0 0 14px rgba(33,217,255,.14),0 0 15px rgba(33,217,255,.18)}.yf-mock .step-title{color:#bff3ff;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.yf-mock .step-copy{color:rgba(220,232,255,.74);font-size:13px;margin-top:3px}.yf-mock .bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.yf-mock .lobby-panel{min-height:390px;position:relative;overflow:hidden;border:1px solid rgba(33,217,255,.28);background:linear-gradient(90deg,rgba(3,7,18,.9),rgba(11,11,38,.74)),rgba(3,6,18,.85);clip-path:polygon(3% 0,97% 0,100% 8%,100% 92%,97% 100%,3% 100%,0 92%,0 8%);box-shadow:0 0 24px rgba(33,217,255,.12),inset 0 0 44px rgba(33,217,255,.08)}.yf-mock .lobby-title{padding:18px 22px 0;font-family:var(--font-display);letter-spacing:.08em;font-size:22px;font-weight:900;text-transform:uppercase}.yf-mock .lobby-content{display:grid;grid-template-columns:185px 1fr;gap:12px;padding:14px 18px 18px}.yf-mock .lobby-sidebar{border:1px solid rgba(33,217,255,.22);background:rgba(0,0,0,.28);padding:14px}.yf-mock .player-tile{display:flex;gap:10px;align-items:center;margin-bottom:18px}.yf-mock .avatar{width:48px;height:48px;background:radial-gradient(circle at 35% 25%,#80efff,transparent 18%),linear-gradient(135deg,#123aff,#12091d);border:1px solid rgba(33,217,255,.55);box-shadow:0 0 14px rgba(33,217,255,.24)}.yf-mock .player-name{font-family:var(--font-display);font-size:13px;color:#e8f7ff;letter-spacing:.06em;font-weight:900}.yf-mock .player-rank{font-size:11px;color:#42e7ff}.yf-mock .side-menu{display:grid;gap:9px;color:rgba(223,236,255,.78);font-size:12px;text-transform:uppercase}.yf-mock .versus-stage{position:relative;min-height:300px;display:grid;place-items:center}.yf-mock .versus-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 52%,rgba(33,217,255,.28),transparent 24%),radial-gradient(circle at 80% 50%,rgba(168,85,247,.28),transparent 28%);opacity:.9}.yf-mock .vs{position:relative;z-index:2;font-family:var(--font-display);font-size:105px;font-weight:900;line-height:.8;letter-spacing:-.04em;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.36),0 0 34px rgba(168,85,247,.75),0 0 60px rgba(33,217,255,.55)}.yf-mock .news-panel{min-height:390px;border:1px solid rgba(33,217,255,.26);background:rgba(4,8,23,.78);padding:17px;clip-path:polygon(5% 0,95% 0,100% 7%,100% 93%,95% 100%,5% 100%,0 93%,0 7%)}.yf-mock .news-title{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.yf-mock .news-list{display:grid;gap:12px}.yf-mock .news-item{display:grid;grid-template-columns:92px 1fr;gap:13px;border:1px solid rgba(248,201,74,.24);background:rgba(0,0,0,.22);padding:10px}.yf-mock .news-thumb{width:92px;height:70px;background:radial-gradient(circle at 50% 30%,rgba(248,201,74,.55),transparent 32%),linear-gradient(135deg,rgba(168,85,247,.35),rgba(0,0,0,.8));border:1px solid rgba(248,201,74,.22)}.yf-mock .news-item-title{font-family:var(--font-display);font-weight:900;color:#dff7ff;letter-spacing:.07em;font-size:15px;text-transform:uppercase}.yf-mock .news-copy{color:rgba(220,232,255,.68);font-size:12px;line-height:1.35;margin-top:3px}.yf-mock .site-footer{display:flex;align-items:center;justify-content:space-between;padding:26px 0 8px;color:rgba(220,232,255,.58);font-size:12px}.yf-mock .socials{display:flex;gap:16px}.yf-mock .social-circle{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:white;background:rgba(0,0,0,.25)}@media (max-width:1100px){.yf-mock .site-logo{width:170px}.yf-mock .nav-links{display:none}.yf-mock .site-nav{justify-content:space-between;padding-inline:24px}.yf-mock .hero{grid-template-columns:1fr;padding-inline:24px}.yf-mock .hero-card-cluster{min-height:610px}.yf-mock .bottom-grid,.yf-mock .panel-grid{grid-template-columns:1fr}.yf-mock .card-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.yf-mock .mockup-shell{width:calc(100vw - 12px);margin-top:6px;border-radius:14px}.yf-mock .browser-topbar{padding-inline:12px;gap:8px}.yf-mock .browser-url{width:44vw;font-size:10px}.yf-mock .btn-connect{width:152px;height:52px}.yf-mock .hero-title{font-size:clamp(52px,17vw,84px)}.yf-mock .hero-buttons{flex-direction:column;align-items:flex-start}.yf-mock .hero-card{width:32vw}.yf-mock .hero-card-cluster{min-height:470px}.yf-mock .collect-header{height:auto;min-height:94px;grid-template-columns:1fr;gap:10px;padding:16px}.yf-mock .section-title{font-size:26px}.yf-mock .lobby-content{grid-template-columns:1fr}.yf-mock .site-footer{flex-direction:column;gap:16px}}