*,: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}*{-webkit-tap-highlight-color:transparent}body{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#0a0f22d1,#080b1aeb),url(/daifugo/assets/ui/bg-main-daifugo.png) center top / cover no-repeat fixed,radial-gradient(ellipse at 50% 0%,#1a2340,#0d1225,#0a0e1a);background-color:#0a0e1a;overscroll-behavior:none;min-height:100vh;min-height:100dvh;font-family:"M PLUS Rounded 1c",system-ui,sans-serif;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body>#root{position:relative;z-index:1}:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#d4a84b}::-moz-selection{background:#d4a84b4d}::selection{background:#d4a84b4d}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:50;--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.offline-banner.hidden{--tw-translate-y: -100%;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))}.glass-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.btn-primary{border-radius:.75rem;padding:.625rem 1.25rem;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary: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);--tw-ring-opacity: 1;--tw-ring-color: rgb(212 168 75 / var(--tw-ring-opacity, 1))}.btn-primary: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))}.btn-primary:disabled{pointer-events:none;opacity:.4}.btn-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:linear-gradient(135deg,#a02040,#8b1c38);box-shadow:0 4px 16px #a0204066,inset 0 1px #ffffff26}.btn-primary:hover{background:linear-gradient(135deg,#b02848,#a02040);box-shadow:0 6px 24px #a0204080,inset 0 1px #fff3}.btn-secondary{border-radius:.75rem;padding:.625rem 1.25rem;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-secondary: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);--tw-ring-opacity: 1;--tw-ring-color: rgb(212 168 75 / var(--tw-ring-opacity, 1))}.btn-secondary: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))}.btn-secondary:disabled{pointer-events:none;opacity:.4}.btn-secondary{color:#fffc}.btn-secondary:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e}.btn-ghost{border-radius:.75rem;padding:.625rem 1.25rem;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-ghost: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);--tw-ring-opacity: 1;--tw-ring-color: rgb(212 168 75 / var(--tw-ring-opacity, 1))}.btn-ghost: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))}.btn-ghost:disabled{pointer-events:none;opacity:.4}.btn-ghost{background-color:transparent;color:#ffffff80}.btn-ghost:hover{background-color:#ffffff0d;color:#fffc}.toggle-switch{position:relative;height:1.5rem;width:3rem;cursor:pointer;border-radius:9999px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:#ffffff1f}.toggle-switch.active{background:linear-gradient(135deg,#d4a84b,#b08a3e)}.toggle-switch:after{content:"";position:absolute;top:.125rem;left:.125rem;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;box-shadow:0 2px 4px #0000004d}.toggle-switch.active:after{--tw-translate-x: 1.5rem;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))}.deco-cards{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.deco-card{position:absolute;opacity:.04;font-size:4rem}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2{top:.5rem}.z-\[1\]{z-index:1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-16{max-height:4rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-3{--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-card-enter{animation:cardEnter .3s ease-out}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #d4a84b4d}50%{box-shadow:0 0 24px #d4a84b99}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease-out}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-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-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}.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))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.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-amber-400\/30{border-color:#fbbf244d}.border-crimson-500\/30{border-color:#a020404d}.border-emerald-500\/30{border-color:#10b9814d}.border-gold-400{--tw-border-opacity: 1;border-color:rgb(212 168 75 / var(--tw-border-opacity, 1))}.border-gold-400\/20{border-color:#d4a84b33}.border-gold-400\/30{border-color:#d4a84b4d}.border-gold-400\/40{border-color:#d4a84b66}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/40{border-color:#a855f766}.border-red-500\/30{border-color:#ef44444d}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.bg-accent\/10{background-color:#d4a84b1a}.bg-amber-400\/5{background-color:#fbbf240d}.bg-blue-500\/10{background-color:#3b82f61a}.bg-crimson-500\/20{background-color:#a0204033}.bg-emerald-500\/20{background-color:#10b98133}.bg-field\/50{background-color:#141c3280}.bg-gold-400\/10{background-color:#d4a84b1a}.bg-gold-400\/20{background-color:#d4a84b33}.bg-green-500\/10{background-color:#22c55e1a}.bg-navy-800\/70{background-color:#0d1225b3}.bg-navy-800\/80{background-color:#0d1225cc}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(13 18 37 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-red-500\/20{background-color:#ef444433}.bg-surface{background-color:#ffffff0f}.bg-surface\/80{background-color:#fffc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-yellow-500\/10{background-color:#eab3081a}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-navy-500{--tw-gradient-from: #222d50 var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 45 80 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900\/80{--tw-gradient-from: rgb(88 28 135 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-navy-700{--tw-gradient-to: #131a30 var(--tw-gradient-to-position)}.to-purple-950{--tw-gradient-to: #3b0764 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pt-1{padding-top:.25rem}.pt-12{padding-top:3rem}.text-center{text-align:center}.text-right{text-align:right}.font-game{font-family:"M PLUS Rounded 1c",system-ui,sans-serif}.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-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.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-normal{font-weight:400}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-accent{--tw-text-opacity: 1;color:rgb(212 168 75 / var(--tw-text-opacity, 1))}.text-amber-200\/90{color:#fde68ae6}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-gold-400{--tw-text-opacity: 1;color:rgb(212 168 75 / var(--tw-text-opacity, 1))}.text-gold-400\/40{color:#d4a84b66}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-400\/60{color:#f8717199}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/15{color:#ffffff26}.text-white\/20{color:#fff3}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.accent-gold-400{accent-color:#d4a84b}.opacity-50{opacity:.5}.shadow-card{--tw-shadow: 0 4px 12px rgba(0,0,0,.4);--tw-shadow-colored: 0 4px 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-glow-gold{--tw-shadow: 0 0 20px rgba(212,168,75,.25);--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-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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-gold-400\/30{--tw-ring-color: rgb(212 168 75 / .3)}.ring-gold-400\/40{--tw-ring-color: rgb(212 168 75 / .4)}.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);-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-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}.duration-150{transition-duration:.15s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.home-screen{position:relative;width:100%;flex:1;min-height:100dvh;background-color:#0b1024;background-size:cover;background-position:center top;background-repeat:no-repeat}.home-screen,.home-screen *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.home-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#080c1e80,#080c1ead 45%,#060916e6)}.home-inner{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:13px;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(82px + env(safe-area-inset-bottom))}.home-logo{width:70vw;max-width:300px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-tagline{margin-top:6px;font-size:14px;font-weight:700;letter-spacing:.04em;white-space:nowrap;color:#f3e2b0;text-shadow:0 2px 3px rgba(0,0,0,.65)}.cta-main-section{display:flex;flex-direction:column;align-items:center}.cta-main{position:relative;display:flex;align-items:center;justify-content:center;width:82%;max-width:300px;min-height:80px;padding:10px 20px;border-radius:16px;background-color:transparent;background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#fff;text-decoration:none;border:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));transition:transform .15s ease,filter .15s ease}.cta-main:hover,.cta-main:focus-visible{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 12px 22px rgba(0,0,0,.5)) brightness(1.08) drop-shadow(0 0 10px rgba(244,201,93,.45));outline:none}.cta-main:active{transform:scale(.97)}.cta-main-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:40px;height:40px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cta-main-text{font-size:28px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 3px rgba(0,0,0,.65)}.cta-main-sub{margin-top:7px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:#ffffffeb;text-shadow:0 2px 3px rgba(0,0,0,.65)}.sub-nav{display:flex;flex-direction:column;gap:9px;margin-top:11px}.cta-sub{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px;border-radius:12px;background-color:transparent;background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#fff;text-decoration:none;border:none;filter:drop-shadow(0 5px 11px rgba(0,0,0,.4));transition:transform .15s ease,filter .15s ease}.cta-sub:hover,.cta-sub:focus-visible{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 8px 16px rgba(0,0,0,.45)) brightness(1.1) drop-shadow(0 0 8px rgba(244,201,93,.4));outline:none}.cta-sub:hover .cta-chevron,.cta-sub:focus-visible .cta-chevron{color:#f4c95d}.cta-sub:active{transform:scale(.97)}.cta-sub-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.cta-sub-label{flex:1;text-align:center;font-size:19px;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 3px rgba(0,0,0,.65)}.cta-chevron{flex:0 0 auto;font-size:24px;font-weight:700;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.img-panel{position:relative;border-radius:16px;overflow:hidden;background-color:#101830e0;background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:none;box-shadow:0 10px 24px #0006}.img-panel-inner{position:relative;padding:11px;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#080c1e4d,#080c1e8c)}.panel-title{font-size:13px;font-weight:800;color:#f4c95d;margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.3;color:#ffffffbf}.panel-list li{display:flex;align-items:flex-start;gap:6px}.panel-li-icon{flex:0 0 auto;font-size:11px;line-height:1.3}.panel-list-gold{color:#f3d488}.panel-list-dim{color:#ffffff73}.panel-link{display:inline-block;margin-top:auto;padding-top:10px;font-size:11px;color:#f4c95de6;text-decoration:underline}.qr-row{display:flex;flex-direction:column;align-items:center;gap:6px}.qr-box{flex:0 0 auto;background:#fff;padding:5px;border-radius:9px;box-shadow:0 4px 10px #00000059;line-height:0}.qr-text{width:100%;text-align:center;font-size:11px;font-weight:600;color:#ffffffd9;line-height:1.35;text-shadow:0 2px 3px rgba(0,0,0,.65)}.qr-install-btn{display:block;width:100%;margin-top:auto;padding:8px 10px;font-size:11px;font-weight:700;text-align:center;color:#fff;border-radius:10px;background:linear-gradient(135deg,#a02040,#8b1c38);box-shadow:0 3px 10px #a0204073}.qr-install-static{background:#ffffff1a;border:1px solid rgba(255,255,255,.28);box-shadow:none;color:#ffffffe6}.table-preview{position:relative;border-radius:16px;overflow:hidden;padding:9px 12px 10px;background-color:#0e3b2e;background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #00000080,inset 0 1px #ffffff14;display:flex;flex-direction:column;gap:4px}.table-cpus{display:flex;justify-content:space-around;align-items:flex-start}.table-cpu{display:flex;flex-direction:column;align-items:center;gap:2px}.cpu-avatar{width:72px;height:72px;-o-object-fit:contain;object-fit:contain;border-radius:50%;background:#00000040;box-shadow:0 3px 8px #0006}.cpu-name{font-size:10px;font-weight:700;color:#ffffffd9;text-shadow:0 2px 3px rgba(0,0,0,.7)}.table-field{display:flex;justify-content:center;margin:0}.field-cards{width:104px;max-width:48%;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.table-player{display:flex;align-items:center;gap:6px}.player-avatar{width:88px;height:88px;-o-object-fit:contain;object-fit:contain;border-radius:50%;background:#00000040;box-shadow:0 3px 8px #0006}.player-name{font-size:12px;font-weight:800;letter-spacing:.02em;color:#f4c95d;text-shadow:0 2px 3px rgba(0,0,0,.7)}.table-hand{display:flex;justify-content:center}.hand-cards{width:94%;max-width:320px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.table-message{margin-top:6px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.02em;color:#f3d488;text-shadow:0 2px 3px rgba(0,0,0,.65)}.home-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0 auto;max-width:480px;display:flex;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background-color:#0a0f22f7;border-top:1px solid rgba(244,201,93,.25);box-shadow:0 -6px 20px #00000073}.home-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0;font-size:12px;font-weight:700;text-decoration:none;color:#fff9;border-radius:10px;transition:color .15s ease,background .15s ease}.home-nav a img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;opacity:.8;transition:transform .15s ease,opacity .15s ease,filter .15s ease}.home-nav a:hover,.home-nav a:focus-visible{color:#f4c95d;background:#f4c95d1f;outline:none}.home-nav a:hover img,.home-nav a:focus-visible img{opacity:1;transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 0 7px rgba(244,201,93,.75))}.home-nav a.active{color:#f4c95d}.home-nav a.active img{opacity:1;filter:drop-shadow(0 0 6px rgba(244,201,93,.7))}@media (min-width: 481px){.home-nav{border-radius:16px 16px 0 0}}.app-page{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 24px)}.app-page-header{display:flex;align-items:center;gap:10px;width:100%;max-width:480px;margin-bottom:16px}.app-page-title{font-size:20px;font-weight:800;letter-spacing:.04em;color:#f4c95d;text-shadow:0 2px 4px rgba(0,0,0,.6)}.app-back-btn{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:6px 13px;border-radius:10px;font-size:13px;font-weight:700;color:#ffffffd9;background:#ffffff12;border:1px solid rgba(244,201,93,.25);text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}.app-back-btn:hover,.app-back-btn:focus-visible{background:#f4c95d29;color:#f4c95d;outline:none}.app-back-btn:active{transform:scale(.96)}.play-screen{position:relative;width:100%;flex:1;min-height:100dvh;max-height:100dvh;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0a0e1a;overflow:hidden;--play-field-card-w: clamp(56px, 14.5vw, 90px)}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0408144d;pointer-events:none;z-index:0}.play-screen>header{position:relative;z-index:3;min-height:48px}.play-scroll{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 8px 4px}.play-board{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.play-table-wrap{position:relative;left:50%;transform:translate(-50%);width:min(118%,540px);aspect-ratio:1536 / 1210}.play-table-oval{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5))}.play-cpus{position:absolute;top:3.5%;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 5.5%;z-index:3}.play-cpu{display:flex;flex-direction:column;align-items:center;gap:2px;width:30%;max-width:118px;border-radius:12px;padding:3px 2px;transition:background .2s ease}.play-cpu.is-turn{background:#f4c95d24;box-shadow:0 0 0 1px #f4c95d66,0 0 14px #f4c95d40}.play-cpu-2{margin-top:-12px}.play-cpu-name{font-size:clamp(10px,2.8vw,12px);font-weight:800;color:#f4d488;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}.play-cpu-avatar{position:relative;width:clamp(72px,20vw,102px);aspect-ratio:1}.play-cpu-face{position:absolute;top:50%;left:50%;width:74%;height:74%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;border-radius:50%}.play-cpu-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.play-cpu-fan{position:relative;width:clamp(56px,15.5vw,80px);margin-top:1px}.play-cpu-fan img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.play-cpu-count{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);font-size:clamp(9px,2.6vw,11px);font-weight:700;color:#f6e4b0;background:#060a18d1;border:1px solid rgba(244,201,93,.4);border-radius:999px;padding:1px 7px;white-space:nowrap}.play-center{position:absolute;left:50%;top:52%;bottom:6%;transform:translate(-50%);width:84%;max-width:350px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:2}.play-field{flex:1;min-height:0;margin-top:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px}.play-turn-badge{position:relative;width:clamp(150px,50%,200px);display:flex;align-items:center;justify-content:center}.play-turn-badge img{display:block;width:100%;height:auto}.play-turn-badge span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,3.3vw,14px);font-weight:800;color:#f6e2ac;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap}.play-status-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.play-chip{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;color:#fff;box-shadow:0 1px 3px #0006}.chip-gold{background:linear-gradient(135deg,#d4a84b,#b0852f);color:#241800}.chip-purple{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.chip-crimson{background:linear-gradient(135deg,#b02848,#8b1c38)}.play-field-label{font-size:clamp(10px,2.8vw,12px);font-weight:700;color:#ffffffb8;text-shadow:0 1px 3px rgba(0,0,0,.8)}.play-field-cards{display:flex;align-items:center;justify-content:center;min-height:calc(var(--play-field-card-w) * 1.1)}.play-field-card{width:var(--play-field-card-w);height:auto;border-radius:2px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55))}.play-field-empty{font-size:clamp(11px,3vw,13px);font-weight:700;color:#ffffff8c}.play-field-meta{font-size:10px;color:#ffffff8c}.play-thinking{position:absolute;left:50%;bottom:3.5%;transform:translate(-50%);z-index:5;font-size:11px;font-weight:700;color:#f4c95d;background:#060a18e6;border:1px solid rgba(244,201,93,.4);border-radius:999px;padding:3px 11px;white-space:nowrap;animation:play-pulse 1.2s ease-in-out infinite}@keyframes play-pulse{0%,to{opacity:1}50%{opacity:.55}}.play-hand-section{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0;padding:0 4px 4px}.play-hand-label{position:relative;width:clamp(150px,54%,220px);display:flex;align-items:center;justify-content:center}.play-hand-label img{display:block;width:100%;height:auto}.play-hand-label span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,3.6vw,15px);font-weight:800;color:#f6e2ac;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap}.play-hand-label-sm{width:clamp(120px,44%,184px)}.play-hand-label-sm span{font-size:clamp(11px,3.2vw,13px)}.play-hand-fan{position:relative;width:100%}.play-hand-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;font-weight:800;color:#f4c95d}.play-card{position:absolute;left:50%;bottom:0;transform-origin:bottom center;padding:0;border:none;background:transparent;cursor:pointer;transition:filter .15s ease;-webkit-tap-highlight-color:transparent}.play-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;border-radius:7px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.play-card.is-selected img{border-radius:7px;filter:drop-shadow(1.5px 0 0 #f4c95d) drop-shadow(-1.5px 0 0 #f4c95d) drop-shadow(0 1.5px 0 #f4c95d) drop-shadow(0 -1.5px 0 #f4c95d) drop-shadow(0 0 9px rgba(244,201,93,.9))}.play-card:not(.is-selected):not(:disabled):hover img{filter:brightness(1.06) drop-shadow(0 5px 8px rgba(0,0,0,.55))}.play-card:disabled{cursor:default}.result-hero-avatar{position:relative;width:clamp(96px,30vw,128px);aspect-ratio:1}.result-hero-face{position:absolute;top:50%;left:50%;width:74%;height:74%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;border-radius:50%}.result-hero-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 14px rgba(244,201,93,.35))}.result-hero-crown{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:clamp(24px,7vw,32px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.result-rank-no{min-width:18px;text-align:center;font-size:13px;font-weight:800;color:#f4d488}.result-rank-avatar{position:relative;width:40px;height:40px;flex:none}.result-rank-face{position:absolute;top:50%;left:50%;width:74%;height:74%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;border-radius:50%}.result-rank-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.play-action-bar{position:relative;z-index:2;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(to top,#060a18eb,#060a1800)}.play-action-hint{font-size:12px;font-weight:700;color:#f4d488;text-shadow:0 1px 3px rgba(0,0,0,.7);min-height:16px}.play-action-btns{display:flex;gap:12px;width:100%;max-width:420px;justify-content:center}.play-btn{position:relative;flex:1;min-height:54px;border:none;border-radius:12px;background-color:transparent;background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#fff;font-size:18px;font-weight:800;letter-spacing:.04em;text-shadow:0 2px 3px rgba(0,0,0,.6);filter:drop-shadow(0 5px 10px rgba(0,0,0,.4));transition:transform .15s ease,filter .15s ease;cursor:pointer}.play-btn-play{max-width:210px}.play-btn-pass{max-width:150px}.play-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08) drop-shadow(0 8px 14px rgba(0,0,0,.45))}.play-btn:active:not(:disabled){transform:scale(.97)}.play-btn:disabled{opacity:.42;cursor:default;filter:grayscale(.3)}@media (min-width: 481px){.play-board{max-width:460px}}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:60}.confetti-piece{position:absolute;top:-24px;opacity:0;will-change:transform,opacity;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}8%{opacity:1}to{transform:translate(var(--drift, 0),108vh) rotate(var(--rot, 360deg));opacity:1}}.result-congrats{font-size:14px;font-weight:800;letter-spacing:.08em;color:#f4c95d;text-shadow:0 0 14px rgba(244,201,93,.7);animation:congrats-pop .6s ease both}@keyframes congrats-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.deal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0f228c,#080b1ad9);animation:deal-fade .35s ease 1.15s forwards}.deal-center{position:relative;width:1px;height:1px}.deal-card{position:absolute;left:-18px;top:-26px;width:36px;height:52px;border-radius:6px;background:repeating-linear-gradient(45deg,#f4c95d66 0,#f4c95d66 4px,#a0781e66 4px,#a0781e66 8px),linear-gradient(160deg,#2a3566,#16213e);border:1.5px solid rgba(244,201,93,.75);box-shadow:0 6px 14px #00000080;opacity:0;will-change:transform,opacity;animation-name:deal-fly;animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both}@keyframes deal-fly{0%{transform:translate(0) rotate(0) scale(.7);opacity:0}25%{opacity:1}to{transform:translate(var(--dx, 0),var(--dy, 0)) rotate(8deg) scale(1);opacity:.15}}.deal-label{position:absolute;bottom:18%;color:#ffffffd9;font-size:15px;font-weight:700;letter-spacing:.1em;animation:deal-pulse .9s ease-in-out infinite}@keyframes deal-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes deal-fade{to{opacity:0;visibility:hidden}}.has-bottom-nav{padding-bottom:76px}.settings-shell{width:100%;max-width:960px;display:flex;flex-direction:column;gap:18px}.settings-header{max-width:none;margin-bottom:4px}.settings-header .app-page-title{flex:1}.reset-btn{flex:0 0 auto;padding:6px 13px;border-radius:10px;font-size:12px;font-weight:700;color:#ffffffbf;background:#ffffff0f;border:1px solid rgba(244,201,93,.22);transition:background .15s ease,color .15s ease,transform .15s ease}.reset-btn:hover,.reset-btn:focus-visible{background:#f4c95d29;color:#f4c95d;outline:none}.reset-btn:active{transform:scale(.96)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-col{display:flex;flex-direction:column;gap:18px}.settings-panel{padding:18px}.settings-panel-title{font-size:14px;font-weight:800;letter-spacing:.04em;color:#f4c95d}.settings-panel-sub{margin-top:3px;font-size:11px;color:#fff6}.preset-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.preset-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px 10px 10px;border-radius:14px;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:background .15s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease}.preset-card:hover{background:#ffffff12;border-color:#f4c95d59}.preset-card:active{transform:scale(.99)}.preset-card.is-selected{border-color:#f4c95dd9;background:#f4c95d1a;box-shadow:0 0 0 1px #f4c95d8c,0 0 22px #f4c95d47}.preset-card-img{flex:0 0 auto;width:58px;height:58px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}.preset-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.preset-card-name{font-size:15px;font-weight:800;color:#fffffff2}.preset-card.is-selected .preset-card-name{color:#f7d374}.preset-card-desc{font-size:11px;color:#ffffff80;line-height:1.4}.preset-card-count{margin-top:2px;font-size:10px;font-weight:700;color:#f4c95dbf;letter-spacing:.02em}.preset-check{position:absolute;top:8px;right:10px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:900;color:#1a1330;background:#f4c95d;box-shadow:0 0 10px #f4c95d99}.summary-panel{padding:16px 18px}.summary-text{margin-top:8px;font-size:13px;font-weight:700;color:#ffffffe6;line-height:1.5}.summary-count{margin-top:8px;font-size:11px;color:#ffffff80}.summary-count strong{color:#f4c95d}.rules-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.show-desc-toggle{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#ffffff8c;cursor:pointer}.rule-cat{margin-top:14px}.rule-cat-title{font-size:11px;font-weight:800;letter-spacing:.06em;color:#fff6;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.rule-cat-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background .15s ease,border-color .2s ease}.rule-row.is-on{background:#f4c95d12;border-color:#f4c95d47}.rule-row-info{min-width:0}.rule-row-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rule-row-name{font-size:14px;font-weight:700;color:#ffffffeb}.rule-row-desc{margin-top:3px;font-size:11px;color:#ffffff73;line-height:1.45}.rule-tag{flex:0 0 auto;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1.5}.rule-tag-standard{color:#f4c95d;background:#f4c95d24}.rule-tag-beginner{color:#7fd8a6;background:#7fd8a624}.rule-tag-mid{color:#8fb8f0;background:#8fb8f024}.rule-tag-advanced{color:#e79ad0;background:#e79ad024}.rule-tag-local{color:#f2a765;background:#f2a76529}.rule-tag-soon{color:#ffffff73;background:#ffffff14}@media (max-width: 720px){.settings-grid{grid-template-columns:1fr}}.opp-shell{width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.cta-opponents{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:8px 18px;border-radius:12px;font-size:13px;font-weight:800;letter-spacing:.03em;color:#f7d374;background:#f4c95d1a;border:1px solid rgba(244,201,93,.4);transition:background .15s ease,transform .12s ease}.cta-opponents:hover{background:#f4c95d2e}.cta-opponents:active{transform:scale(.97)}.opp-toolbar{padding:14px 16px}.opp-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.opp-count-toggle{display:flex;gap:8px}.opp-count-btn{display:flex;flex-direction:column;align-items:center;min-width:78px;padding:7px 12px;border-radius:11px;font-size:13px;font-weight:800;color:#ffffff8c;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:all .15s ease}.opp-count-btn span{font-size:10px;font-weight:600;color:#ffffff4d}.opp-count-btn.is-on{color:#f7d374;background:#f4c95d24;border-color:#f4c95d80}.opp-count-btn.is-on span{color:#f7d374b3}.opp-progress{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;font-weight:800;color:#ffffffb3}.opp-progress.is-ready{color:#7fd8a6}.opp-progress-sub{font-size:11px;font-weight:700;color:#f4c95db3}.opp-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.opp-action{flex:1 1 auto;min-width:120px;padding:9px 12px;border-radius:11px;font-size:13px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border:1px solid rgba(244,201,93,.6);box-shadow:0 3px 10px #e6b64c40;transition:transform .12s ease,box-shadow .15s ease}.opp-action:hover{box-shadow:0 4px 14px #e6b64c66}.opp-action:active{transform:scale(.97)}.opp-action-ghost{flex:0 0 auto;min-width:84px;color:#ffffffb3;background:#ffffff0d;border-color:#ffffff24;box-shadow:none}.opp-action-ghost:hover{background:#ffffff1a}.opp-lineup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 2px}.opp-lineup-label{font-size:12px;font-weight:800;color:#f4c95dd9}.opp-lineup-list{display:flex;gap:8px;flex-wrap:wrap}.opp-lineup-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;font-size:12px;font-weight:700;color:#ffffffd9;background:#f4c95d1a;border:1px solid rgba(244,201,93,.35)}.opp-lineup-chip img{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.opp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cpu-card{position:relative;display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(180deg,#18203ce6,#0e1428e6);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.cpu-card:hover{border-color:#f4c95d59}.cpu-card.is-selected{border-color:#f4c95de6;box-shadow:0 0 0 1px #f4c95d99,0 0 24px #f4c95d4d}.cpu-card.is-dim{opacity:.55}.cpu-card.is-dim:hover{opacity:.8}.cpu-card-main{display:flex;flex-direction:column;text-align:left;padding:0 0 8px;width:100%}.cpu-card-check{position:absolute;top:8px;left:8px;z-index:3;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:900;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);box-shadow:0 2px 6px #0006}.cpu-card-portrait{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(244,201,93,.12),transparent 70%)}.cpu-card-portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.cpu-card-body{display:flex;flex-direction:column;gap:4px;padding:8px 11px 0}.cpu-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.cpu-card-name{font-size:15px;font-weight:900;color:#fff}.cpu-card.is-selected .cpu-card-name{color:#f7d374}.cpu-card-title{font-size:11px;color:#ffffff73}.cpu-card-diffrow{display:flex;align-items:center;gap:6px}.cpu-card-difflabel{font-size:11px;font-weight:700;color:#f4c95dd9}.cpu-card-desc{font-size:11px;line-height:1.45;color:#fff9}.cpu-card-tags{display:flex;flex-direction:column;gap:3px;margin-top:2px}.cpu-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;align-self:flex-start}.cpu-tag-good{color:#7fd8a6;background:#7fd8a61f}.cpu-tag-bad{color:#e79ad0;background:#e79ad01f}.cpu-card-detail-btn{margin:4px 11px 10px;padding:6px;border-radius:9px;font-size:12px;font-weight:700;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:background .15s ease}.cpu-card-detail-btn:hover{background:#ffffff1a;color:#f7d374}.cpu-diff-meter{display:inline-flex;gap:1px}.cpu-diff-star{font-size:13px;color:#fff3;line-height:1}.cpu-diff-star.is-on{color:#f4c95d;text-shadow:0 0 6px rgba(244,201,93,.5)}.cpu-style-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap;color:#0e1630;background:#cbd5e1}.style-badge-balance{background:#a7d8f5}.style-badge-beginner{background:#b6e6c6}.style-badge-attack{background:#f2a6a6}.style-badge-control{background:#d9b8f0}.style-badge-strategy{background:#f5d38a}.style-badge-read{background:#c4c0f0}.style-badge-defense{background:#9fd9cf}.style-badge-rush{background:#f5b784}.style-badge-revolution{background:#f29ac0}.style-badge-harass{background:#e6cf8f}.style-badge-random{background:#cbd5e1}.style-badge-counter{background:#a6c8f2}.cpu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#060a18b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:cpu-fade .15s ease}@keyframes cpu-fade{0%{opacity:0}to{opacity:1}}.cpu-modal{position:relative;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;padding:20px;border-radius:20px;background:linear-gradient(180deg,#1a2346,#0e1630);border:1px solid rgba(244,201,93,.4);box-shadow:0 20px 60px #0009}.cpu-modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;font-size:14px;color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.cpu-modal-close:hover{background:#ffffff29}.cpu-modal-hero{display:flex;gap:14px;align-items:center}.cpu-modal-portrait{width:96px;height:96px;flex:0 0 auto;border-radius:14px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border:1px solid rgba(244,201,93,.4)}.cpu-modal-heroinfo{display:flex;flex-direction:column;gap:3px}.cpu-modal-name{font-size:20px;font-weight:900;color:#f7d374}.cpu-modal-title{font-size:12px;color:#ffffff80}.cpu-modal-diffrow{display:flex;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}.cpu-modal-personality{font-size:11px;color:#ffffff8c;margin-top:2px}.cpu-modal-desc{margin-top:14px;font-size:13px;line-height:1.6;color:#fffc}.cpu-modal-strategy{margin-top:8px;font-size:12px;line-height:1.5;color:#f4c95d;background:#f4c95d14;border-radius:10px;padding:8px 12px}.cpu-modal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cpu-modal-params{display:flex;flex-direction:column;gap:6px;margin-top:14px}.cpu-param-row{display:flex;align-items:center;gap:10px}.cpu-param-label{flex:0 0 96px;font-size:11px;font-weight:700;color:#fff9}.cpu-param-bar{flex:1;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.cpu-param-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#e6b64c,#f7d374)}.cpu-modal-select{margin-top:18px;width:100%;padding:12px;border-radius:12px;font-size:15px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border:1px solid rgba(244,201,93,.6)}.cpu-modal-select.is-remove{color:#ffffffd9;background:#ffffff14;border-color:#ffffff2e}.opp-confirm{padding:16px}.opp-confirm-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.opp-confirm-title{font-size:13px;font-weight:800;color:#f4c95d;margin-bottom:6px}.opp-confirm-line{font-size:12px;color:#fffc;line-height:1.5}.opp-confirm-muted{color:#ffffff80}.opp-confirm-oppo{display:flex;flex-direction:column;gap:4px}.opp-confirm-oppo li{font-size:13px;font-weight:700;color:#ffffffd9;display:flex;justify-content:space-between;gap:8px}.opp-confirm-oppo-diff{font-size:10px;font-weight:600;color:#f4c95dbf}.opp-start-btn{margin-top:16px;width:100%;padding:14px;border-radius:14px;font-size:16px;font-weight:900;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#e0405e,#b8243f);border:1px solid rgba(244,201,93,.4);box-shadow:0 6px 18px #b8243f66;transition:transform .12s ease,box-shadow .15s ease}.opp-start-btn:hover:not(:disabled){box-shadow:0 8px 24px #b8243f8c}.opp-start-btn:active:not(:disabled){transform:scale(.98)}.opp-start-btn:disabled{opacity:.5;background:#ffffff14;box-shadow:none;cursor:not-allowed}@media (max-width: 860px){.opp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.opp-grid,.opp-confirm-cols{grid-template-columns:1fr}.opp-toolbar-row{flex-direction:column;align-items:stretch}.opp-progress{align-items:flex-start;flex-direction:row;gap:8px;align-items:baseline}}.analytics-shell{width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.analytics-header{display:flex;align-items:center;gap:12px;width:100%;max-width:none;margin-bottom:2px}.analytics-emblem{flex:0 0 auto;width:44px;height:44px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(244,201,93,.35))}.analytics-titlewrap{flex:1;display:flex;flex-direction:column;min-width:0}.analytics-header .app-page-title{font-size:22px;line-height:1.15}.analytics-subtitle{font-size:11px;font-weight:700;letter-spacing:.08em;color:#f4c95d99}.analytics-period{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px;border-radius:14px;background:#0f172a99;border:1px solid rgba(255,255,255,.08)}.analytics-period-btn{padding:9px 4px;border-radius:10px;font-size:13px;font-weight:800;letter-spacing:.02em;color:#ffffff80;background:transparent;border:1px solid transparent;transition:color .15s ease,background .15s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease}.analytics-period-btn:hover{color:#ffffffd9;background:#ffffff0d}.analytics-period-btn:active{transform:scale(.97)}.analytics-period-btn.is-active{color:#f7d374;background:#f4c95d1f;border-color:#f4c95d8c;box-shadow:0 0 0 1px #f4c95d59,0 0 16px #f4c95d38}.analytics-card{position:relative;padding:18px;border-radius:18px;background:#0f172ad1;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px #00000052,inset 0 1px #ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.analytics-card.is-featured{border-color:#f4c95d73;box-shadow:0 8px 30px #00000059,0 0 22px #f4c95d2e,inset 0 1px #f4c95d1f}.analytics-card-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.analytics-card-icon{flex:0 0 auto;width:42px;height:42px;-o-object-fit:contain;object-fit:contain;border-radius:11px;background:radial-gradient(circle at 50% 35%,rgba(244,201,93,.16),transparent 72%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.analytics-card-titles{display:flex;flex-direction:column;min-width:0}.analytics-card-title{font-size:15px;font-weight:900;letter-spacing:.03em;color:#f4c95d;text-shadow:0 1px 3px rgba(0,0,0,.5)}.analytics-card-sub{font-size:11px;color:#ffffff6b;margin-top:1px}.analytics-card-badge{margin-left:auto;flex:0 0 auto;font-size:11px;font-weight:800;color:#f7d374;padding:3px 10px;border-radius:999px;background:#f4c95d1f;border:1px solid rgba(244,201,93,.35)}.analytics-overview{display:flex;align-items:center;gap:18px}.analytics-overview-figure{flex:0 0 auto;width:116px;height:116px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:radial-gradient(circle at 50% 32%,rgba(244,201,93,.2),transparent 70%)}.analytics-overview-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.analytics-overview-body{flex:1;min-width:0}.analytics-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.analytics-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px 6px;border-radius:13px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);text-align:center}.analytics-summary-value{font-size:26px;font-weight:900;line-height:1;letter-spacing:.01em}.analytics-summary-value.is-white{color:#fff}.analytics-summary-value.is-gold{color:#f7d374;text-shadow:0 0 14px rgba(244,201,93,.4)}.analytics-summary-value.is-blue{color:#6cb0ff}.analytics-summary-value.is-fuchsia{color:#d183f5}.analytics-summary-label{font-size:11px;font-weight:700;color:#ffffff73}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.analytics-bars{display:flex;flex-direction:column;gap:10px}.analytics-bar-row{display:flex;align-items:center;gap:10px}.analytics-bar-label{flex:0 0 auto;width:84px;font-size:13px;font-weight:700;color:#ffffffbf;display:flex;align-items:center;gap:5px}.analytics-bar-row.is-top .analytics-bar-label{color:#f7d374}.analytics-bar-track{flex:1;height:12px;border-radius:999px;background:#ffffff12;overflow:hidden}.analytics-bar-fill{display:block;height:100%;border-radius:999px;min-width:2px;background:linear-gradient(90deg,#3f6fb5,#6cb0ff);transition:width .5s cubic-bezier(.2,.8,.2,1)}.analytics-bar-fill.is-gold{background:linear-gradient(90deg,#e6b64c,#f7d374);box-shadow:0 0 12px #f4c95d80}.analytics-bar-fill.is-emerald{background:linear-gradient(90deg,#0f9b78,#4ee3b0)}.analytics-bar-fill.is-fuchsia{background:linear-gradient(90deg,#9b3fd1,#d183f5)}.analytics-bar-value{flex:0 0 auto;width:84px;text-align:right;font-size:12px;font-weight:700;color:#ffffff8c}.analytics-bar-row.is-top .analytics-bar-value{color:#f7d374}.analytics-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.analytics-metric{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:13px;background:#ffffff09;border:1px solid rgba(255,255,255,.08)}.analytics-metric-value{font-size:22px;font-weight:900;line-height:1;color:#fff}.analytics-metric-value.is-gold{color:#f7d374}.analytics-metric-value.is-blue{color:#6cb0ff}.analytics-metric-label{font-size:11px;font-weight:700;color:#ffffff73}.analytics-rule-list{display:flex;flex-direction:column;gap:8px}.analytics-rule-row{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.08)}.analytics-rule-row.is-off{opacity:.42}.analytics-rule-name{flex:1;font-size:13px;font-weight:700;color:#fffc}.analytics-rule-value{flex:0 0 auto;font-size:15px;font-weight:900;color:#f7d374}.analytics-rule-value.is-muted{font-size:12px;font-weight:700;color:#ffffff80}.analytics-rule-chip{flex:0 0 auto;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;color:#4ee3b0;background:#4ee3b01f;border:1px solid rgba(78,227,176,.35)}.analytics-rule-chip.is-off{color:#ffffff8c;background:#ffffff0f;border-color:#ffffff24}.analytics-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:38px 22px}.analytics-empty-img{width:108px;height:108px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(244,201,93,.3));opacity:.95}.analytics-empty-title{font-size:17px;font-weight:900;color:#f4c95d}.analytics-empty-text{font-size:13px;line-height:1.7;color:#fff9;max-width:340px}.analytics-empty-cta{margin-top:4px;display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:12px;font-size:14px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border:1px solid rgba(244,201,93,.6);text-decoration:none;transition:transform .12s ease,box-shadow .15s ease}.analytics-empty-cta:hover{box-shadow:0 6px 18px #f4c95d66}.analytics-empty-cta:active{transform:scale(.97)}.ranking-shell{width:100%;max-width:1180px;margin:0 auto;padding:4px 14px 96px;display:flex;flex-direction:column;gap:16px}.app-page-header.ranking-header{max-width:1180px}.ranking-header-id{font-size:14px;font-weight:700;letter-spacing:.08em;color:#ffffffb8}.ranking-header-cta{margin-left:auto;flex:0 0 auto;padding:7px 16px;border-radius:10px;font-size:13px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border:1px solid rgba(244,201,93,.6);text-decoration:none;transition:transform .12s ease,box-shadow .15s ease}.ranking-header-cta:hover{box-shadow:0 5px 14px #f4c95d66}.ranking-header-cta:active{transform:scale(.96)}.ranking-hero{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:18px;background:radial-gradient(120% 160% at 0% 0%,rgba(244,201,93,.16),transparent 60%),#0f172ad1;border:1px solid rgba(244,201,93,.4);box-shadow:0 10px 30px #00000059}.ranking-hero-emblem{width:68px;height:68px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(244,201,93,.4))}.ranking-hero-body{flex:1;min-width:0}.ranking-hero-title{font-size:24px;font-weight:900;letter-spacing:.08em;color:#f4c95d;margin:0}.ranking-hero-sub{font-size:13px;color:#ffffff9e;margin:2px 0 0}.ranking-hero-cta{flex-shrink:0;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border:1px solid rgba(244,201,93,.6);text-decoration:none;transition:transform .12s ease,box-shadow .15s ease}.ranking-hero-cta:hover{box-shadow:0 6px 18px #f4c95d66}.ranking-hero-cta:active{transform:scale(.97)}.ranking-register{padding:16px 18px;border-radius:16px;background:#0f172ad1;border:1px solid rgba(244,201,93,.28)}.ranking-register-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:12px}.ranking-register-title{font-size:15px;font-weight:800;color:#f4c95d}.ranking-register-sub{font-size:12px;color:#ffffff80}.ranking-register-form{display:flex;flex-wrap:wrap;gap:10px}.ranking-input,.ranking-select{height:44px;padding:0 14px;border-radius:11px;background:#080e1eb8;border:1px solid rgba(244,201,93,.3);color:#f8fafc;font-size:14px;outline:none}.ranking-input{flex:1 1 200px}.ranking-select{flex:0 0 130px}.ranking-input:focus,.ranking-select:focus{border-color:#f4c95db3}.ranking-register-btn{flex:0 0 auto;min-width:96px;height:44px;padding:0 20px;border-radius:11px;font-size:14px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border:1px solid rgba(244,201,93,.6);cursor:pointer;transition:transform .12s ease,box-shadow .15s ease}.ranking-register-btn:hover:not(:disabled){box-shadow:0 6px 16px #f4c95d59}.ranking-register-btn:active:not(:disabled){transform:scale(.97)}.ranking-register-btn:disabled{opacity:.55;cursor:default}.ranking-register-msg{margin:10px 2px 0;font-size:12.5px;color:#f7d374}.ranking-register.is-compact{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:12px 16px}.ranking-profile-name{font-size:15px;font-weight:800;color:#f8fafc}.ranking-profile-sep{color:#ffffff4d}.ranking-profile-age{font-size:13px;color:#ffffffb3}.ranking-edit-btn{margin-left:auto;padding:6px 16px;border-radius:9px;font-size:12.5px;font-weight:700;color:#f4c95d;background:#f4c95d1a;border:1px solid rgba(244,201,93,.45);cursor:pointer;transition:all .15s ease}.ranking-edit-btn:hover{background:#f4c95d33}.ranking-edit-btn:active{transform:scale(.96)}.ranking-cancel-btn{flex:0 0 auto;height:44px;padding:0 18px;border-radius:11px;font-size:13px;font-weight:700;color:#ffffffbf;background:#ffffff0f;border:1px solid rgba(244,201,93,.25);cursor:pointer;transition:all .15s ease}.ranking-cancel-btn:hover{background:#ffffff1f}.ranking-cancel-btn:active{transform:scale(.97)}.ranking-tabs{display:flex;flex-wrap:wrap;gap:8px}.ranking-tab{padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:700;color:#ffffffb8;background:#0f172ab3;border:1px solid rgba(244,201,93,.22);cursor:pointer;transition:all .15s ease}.ranking-tab:hover{border-color:#f4c95d73}.ranking-tab.is-active{color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border-color:#f4c95db3;box-shadow:0 4px 14px #f4c95d52}.ranking-subtabs{display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px;border-radius:14px;background:#0f172a99;border:1px solid rgba(244,201,93,.18)}.ranking-subtab{padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:700;color:#ffffffb3;background:#080e1e99;border:1px solid rgba(244,201,93,.2);cursor:pointer;transition:all .15s ease}.ranking-subtab:hover{border-color:#f4c95d73}.ranking-subtab.is-active{color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border-color:#f4c95db3}.ranking-filter-row{display:flex;flex-wrap:wrap;gap:12px}.ranking-seg{flex:1 1 300px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0f172ab3;border:1px solid rgba(244,201,93,.2)}.ranking-seg-icon{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;opacity:.9}.ranking-seg-btns{display:flex;flex-wrap:wrap;gap:6px}.ranking-chip{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#ffffffb8;background:#080e1e8c;border:1px solid rgba(244,201,93,.2);cursor:pointer;transition:all .15s ease}.ranking-chip:hover:not(:disabled){border-color:#f4c95d73}.ranking-chip.is-active{color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border-color:#f4c95db3}.ranking-chip:disabled{opacity:.4;cursor:default}.ranking-note{margin:-4px 4px 0;font-size:12.5px;color:#f7d374d9}.ranking-myrank{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;padding:12px 18px;border-radius:14px;background:linear-gradient(90deg,#f4c95d29,#f4c95d0a);border:1px solid rgba(244,201,93,.5)}.ranking-myrank-label{font-size:12px;color:#fff9}.ranking-myrank-pos{font-size:20px;font-weight:900;color:#f4c95d}.ranking-myrank-meta{font-size:12.5px;color:#ffffffb8}.ranking-podium{display:flex;align-items:stretch;justify-content:center;gap:12px}.ranking-podium-card{position:relative;flex:1 1 0;min-width:0;max-width:300px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:20px 12px 16px;border-radius:16px;background:#0f172ad9;border:1px solid rgba(244,201,93,.28);overflow:hidden}.ranking-podium-rankno{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:#ffffff80}.ranking-podium-card.is-rank1{border-color:#f4c95de6;background:radial-gradient(120% 120% at 50% 0%,rgba(244,201,93,.26),transparent 65%),#0f172aeb;box-shadow:0 14px 36px #f4c95d61}.ranking-podium-card.is-rank1 .ranking-podium-rankno{color:#f4c95d}.ranking-podium-card.is-rank2{border-color:#cbd5e199;background:radial-gradient(120% 120% at 50% 0%,rgba(203,213,225,.16),transparent 65%),#0f172ae0}.ranking-podium-card.is-rank3{border-color:#cd853f8c;background:radial-gradient(120% 120% at 50% 0%,rgba(205,133,63,.16),transparent 65%),#0f172ae0}.ranking-podium-card.is-me{outline:2px solid rgba(244,201,93,.85);outline-offset:-2px}.ranking-podium-medal{font-size:30px;line-height:1}.ranking-podium-card.is-rank1 .ranking-podium-medal{font-size:40px;filter:drop-shadow(0 4px 10px rgba(244,201,93,.6))}.ranking-podium-name{font-size:14.5px;font-weight:800;color:#f8fafc;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-podium-age{font-size:11px;color:#ffffff80}.ranking-podium-value{margin-top:4px;font-size:22px;font-weight:900;color:#f4c95d}.ranking-podium-card.is-rank1 .ranking-podium-value{font-size:28px}.ranking-podium-label{font-size:11px;color:#ffffff8c}.ranking-podium-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 10px;margin-top:7px;font-size:11px;color:#ffffff9e}.ranking-you-badge{position:absolute;top:8px;left:8px;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c)}.ranking-podium-refnote{margin-top:4px;font-size:10px;color:#ffffff73}@media (min-width: 641px){.ranking-podium{align-items:flex-end}.ranking-podium-card.is-rank1{order:2;flex-grow:1.3;padding-top:26px;padding-bottom:22px;transform:translateY(-8px)}.ranking-podium-card.is-rank2{order:1}.ranking-podium-card.is-rank3{order:3}}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ranking-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:13px;background:#0f172ab8;border:1px solid rgba(244,201,93,.16)}.ranking-row.is-me{border-color:#f4c95da6;background:linear-gradient(90deg,#f4c95d24,#0f172ab8 60%)}.ranking-pos{flex-shrink:0;width:34px;text-align:center;font-size:15px;font-weight:800;color:#ffffffb3}.ranking-pos.is-top{font-size:20px}.ranking-row-main{flex:1;min-width:0}.ranking-row-name{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row-meta{font-size:11.5px;color:#ffffff8c;margin-top:2px}.ranking-row-metric{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;min-width:64px}.ranking-row-value{font-size:17px;font-weight:900;color:#f4c95d}.ranking-row-unit{font-size:10.5px;color:#ffffff80}.ranking-ref-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;color:#0e1630;background:#cbd5e1d9}.ranking-ref-badge.sm{padding:1px 6px;font-size:9.5px}.ranking-podium-card .ranking-ref-badge{position:absolute;top:8px;right:8px}.ranking-section-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.ranking-section-icon{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.ranking-section-title{font-size:16px;font-weight:800;color:#f4c95d;margin:0}.ranking-section-sub{font-size:12px;color:#ffffff8c;margin:2px 0 0}.ranking-status{padding:32px 12px;text-align:center;font-size:14px;color:#fff9}.ranking-status.is-error{color:#fca5a5}.ranking-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px 16px 26px}.ranking-empty-img{width:96px;height:96px;-o-object-fit:contain;object-fit:contain;opacity:.9;margin-bottom:4px}.ranking-empty-title{font-size:16px;font-weight:900;color:#f4c95d;margin:0}.ranking-empty-text{font-size:13px;line-height:1.7;color:#fff9;margin:0;max-width:320px}.ranking-empty-cta{margin-top:6px;padding:10px 22px;border-radius:12px;font-size:14px;font-weight:800;color:#0e1630;background:linear-gradient(180deg,#f7d374,#e6b64c);border:1px solid rgba(244,201,93,.6);text-decoration:none;transition:transform .12s ease,box-shadow .15s ease}.ranking-empty-cta:hover{box-shadow:0 6px 18px #f4c95d66}.ranking-empty-cta:active{transform:scale(.97)}@media (max-width: 640px){.ranking-shell{padding:4px 10px 92px}.ranking-hero{padding:14px 16px;gap:12px}.ranking-hero-emblem{width:56px;height:56px}.ranking-hero-title{font-size:20px}.ranking-podium{flex-direction:column;align-items:stretch;gap:10px}.ranking-podium-card{max-width:none;padding:14px 12px 12px;border-radius:13px}.ranking-podium-card.is-rank1{transform:none}.ranking-podium-medal{font-size:26px}.ranking-podium-card.is-rank1 .ranking-podium-medal{font-size:32px}.ranking-podium-value{font-size:20px}.ranking-podium-card.is-rank1 .ranking-podium-value{font-size:24px}.ranking-register-form{flex-direction:column}.ranking-input,.ranking-select,.ranking-register-btn,.ranking-cancel-btn{flex:1 1 auto;width:100%}}.analytics-section-label{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:13px;font-weight:800;letter-spacing:.06em;color:#f4c95dbf}.analytics-section-label:before,.analytics-section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(244,201,93,.35),transparent)}.analytics-foot{display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.analytics-clear-btn{align-self:center;padding:8px 18px;border-radius:10px;font-size:12px;font-weight:700;color:#f87171bf;background:#f871710f;border:1px solid rgba(248,113,113,.22);transition:color .15s ease,background .15s ease}.analytics-clear-btn:hover{color:#f87171;background:#f871711f}.analytics-shell{padding-bottom:96px}@media (max-width: 760px){.analytics-grid{grid-template-columns:1fr}}@media (max-width: 560px){.analytics-overview{flex-direction:column;gap:14px}.analytics-overview-figure{width:100px;height:100px}.analytics-overview-body{width:100%}.analytics-summary-grid{grid-template-columns:repeat(2,1fr)}.analytics-summary-value{font-size:24px}.analytics-header .app-page-title{font-size:20px}.analytics-bar-label{width:72px;font-size:12px}.analytics-bar-value{width:76px}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gold-400\/40:hover{border-color:#d4a84b66}.hover\:border-purple-400\/60:hover{border-color:#c084fc99}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / 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))}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-4{padding:1rem}}