*,:before,:after,::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:#3b82f680;--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:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{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))}.border{border-width:1px}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.shadow-blue-500\/50{--tw-shadow-color:#3b82f680;--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/40{--tw-shadow-color:#22c55e66;--tw-shadow:var(--tw-shadow-colored)}.shadow-purple-500\/60{--tw-shadow-color:#a855f799;--tw-shadow:var(--tw-shadow-colored)}.shadow-yellow-500\/70{--tw-shadow-color:#eab308b3;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.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)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(15.5% .018 268);--bg-2:oklch(18.5% .02 268);--surface:oklch(20.5% .021 268);--surface-2:oklch(24.5% .024 268);--surface-3:oklch(28.5% .026 268);--line:oklch(100% 0 0/.07);--line-2:oklch(100% 0 0/.12);--text:oklch(97.5% .004 268);--text-dim:oklch(74% .012 268);--text-faint:oklch(55% .014 268);--accent:oklch(64% .205 285);--accent-soft:color-mix(in oklch, var(--accent) 16%, transparent);--accent-line:color-mix(in oklch, var(--accent) 45%, transparent);--accent-text:color-mix(in oklch, var(--accent) 60%, white 32%);--r-legendary:oklch(82% .155 85);--r-ultra:oklch(68% .215 305);--r-rare:oklch(70% .155 245);--r-uncommon:oklch(76% .155 158);--r-common:oklch(72% .012 268);--t-fire:oklch(68% .2 40);--t-water:oklch(68% .145 235);--t-electric:oklch(84% .16 96);--t-grass:oklch(74% .155 150);--t-psychic:oklch(70% .18 330);--t-dragon:oklch(64% .16 286);--t-ice:oklch(82% .1 212);--t-fight:oklch(64% .18 30);--r-sm:10px;--r-md:16px;--r-lg:22px;--r-pill:999px;--shadow-card:0 1px 0 oklch(100% 0 0/.04) inset, 0 12px 30px -18px oklch(0% 0 0/.8);--shadow-pop:0 30px 70px -30px oklch(0% 0 0/.85);--fs:"Space Grotesk", system-ui, sans-serif;--fb:"DM Sans", system-ui, sans-serif;--fm:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--fb);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(800px 500px at 12% -8%,oklch(64% .205 285/.13),#0000 60%),radial-gradient(700px 480px at 100% 0,oklch(68% .215 305/.09),#0000 55%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4{font-family:var(--fs);letter-spacing:-.02em;margin:0}button{cursor:pointer;font-family:inherit}.mono{font-family:var(--fm);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--surface-2);background-clip:padding-box;border:3px solid #0000}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.spacer{flex:1}@keyframes floatUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes chargeHold{0%,to{box-shadow:0 30px 70px -40px var(--accent);filter:brightness();transform:scale(1)rotate(0)}50%{box-shadow:0 0 64px 2px var(--accent);filter:brightness(1.16);transform:scale(1.04)rotate(0)}}@keyframes dealIn{0%{opacity:0;transform:translateY(56px)scale(.72)rotate(-7deg)}55%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.3)}}@keyframes ringPop{0%{opacity:0;transform:scale(.82)}40%{opacity:.95}to{opacity:0;transform:scale(1.28)}}@keyframes hotGlow{0%,to{box-shadow:0 10px 30px -16px var(--rc), 0 0 16px -6px var(--rc)}50%{box-shadow:0 10px 34px -14px var(--rc), 0 0 30px -4px var(--rc)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{border-radius:var(--r-pill);font-family:var(--fs);letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-sm{padding:7px 13px;font-size:13px}.btn-md{padding:10px 18px;font-size:14.5px}.btn-lg{padding:15px 26px;font-size:16.5px}.btn-full{width:100%}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px -10px var(--accent), 0 1px 0 oklch(100% 0 0/.25) inset}.btn-primary:hover{background:color-mix(in oklch, var(--accent) 82%, white);box-shadow:0 12px 30px -10px var(--accent), 0 1px 0 oklch(100% 0 0/.3) inset}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--line-2)}.btn-outline{color:var(--text-dim);border-color:var(--line-2);background:0 0}.btn-outline:hover{color:var(--text);border-color:var(--accent-line)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.rbadge{font-family:var(--fs);color:var(--rc);border-radius:var(--r-pill);background:color-mix(in oklch, var(--rc) 14%, transparent);border:1px solid color-mix(in oklch, var(--rc) 32%, transparent);align-items:center;gap:7px;padding:4px 11px 4px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.rbadge-sm{padding:3px 9px 3px 7px;font-size:11px}.rdot{background:var(--rc);width:7px;height:7px;box-shadow:0 0 9px var(--rc);border-radius:50%}.tchip{font-family:var(--fm);letter-spacing:.02em;color:var(--tc);background:color-mix(in oklch, var(--tc) 12%, transparent);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:500}.prog{background:oklch(100% 0 0/.07);border-radius:99px;width:100%;overflow:hidden}.prog-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.art{border-radius:var(--r-md);isolation:isolate;background:radial-gradient(120% 90% at 50% 10%, color-mix(in oklch, var(--tc) 30%, transparent), transparent 70%), linear-gradient(160deg, var(--surface-2), var(--bg-2));border:1px solid var(--line);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.art-md,.art-sm{aspect-ratio:1}.art-lg{aspect-ratio:3/4}.art-stripes{z-index:0;opacity:.5;background-image:repeating-linear-gradient(45deg,oklch(100% 0 0/.025) 0 9px,#0000 9px 18px);position:absolute;inset:0}.art-glow{aspect-ratio:1;z-index:0;background:radial-gradient(circle, color-mix(in oklch, var(--tc) 55%, transparent), transparent 65%);filter:blur(14px);opacity:.7;border-radius:50%;width:60%;position:absolute}.art img{z-index:1;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 6px 18px color-mix(in oklch, var(--tc) 45%, transparent));padding:10%;position:relative}.art-reveal{animation:.5s cubic-bezier(.2,1.2,.3,1) both popIn}.stat{flex-direction:column;gap:3px;display:flex}.stat-label{letter-spacing:.13em;color:var(--text-faint);text-transform:uppercase;font-size:10.5px}.stat-value{font-family:var(--fs);letter-spacing:-.02em;font-size:22px;font-weight:700}.stat-sub{font-size:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.ccard{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);color:var(--text);flex-direction:column;padding:0;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.ccard:hover{border-color:var(--line-2);box-shadow:var(--shadow-card), 0 24px 40px -28px oklch(0% 0 0/.9);transform:translateY(-4px)}.ccard-owned{border-color:color-mix(in oklch, var(--rc) 45%, transparent)}.ccard-owned:hover{border-color:color-mix(in oklch, var(--rc) 70%, transparent);box-shadow:var(--shadow-card), 0 0 30px -8px color-mix(in oklch, var(--rc) 60%, transparent)}.ccard-own{z-index:3;letter-spacing:.14em;color:var(--rc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in oklch, var(--rc) 40%, transparent);background:oklch(16% .018 268/.8);border-radius:6px;padding:4px 8px;font-size:9px;font-weight:600;position:absolute;top:10px;left:10px}.ccard-soldout{opacity:.45;filter:grayscale(.7)}.ccard-soldout-tag{z-index:3;letter-spacing:.14em;color:var(--r-rare);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-2);background:oklch(16% .018 268/.8);border-radius:6px;padding:4px 8px;font-size:9px;font-weight:600;position:absolute;top:10px;right:10px}.ccard-art{padding:12px 12px 0}.ccard-body{flex-direction:column;padding:13px 15px 15px;display:flex}.ccard-name{font-family:var(--fs);letter-spacing:-.02em;font-size:16px;font-weight:600}.ccard-id{margin-top:2px;font-size:12px}.ccard-hp{color:var(--text-dim);font-size:12px}.ccard-floor{font-size:12.5px}.inv-price-input{border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line-2);width:100%;color:var(--text);padding:8px 11px;font-size:13px}.inv-price-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inv-list-btn{margin-top:10px}.modal-scrim{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(10% .01 268/.72);place-items:center;padding:24px;animation:.25s both floatUp;display:grid;position:fixed;inset:0}.modal{width:min(720px,100%);box-shadow:var(--shadow-pop);padding:28px;position:relative}.modal-x{z-index:4;background:var(--surface-2);border:1px solid var(--line);width:34px;height:34px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:16px;right:16px}.modal-x:hover{color:var(--text);background:var(--surface-3)}.modal-grid{grid-template-columns:230px 1fr;gap:28px;display:grid}.modal-art{border-radius:var(--r-md);box-shadow:0 0 40px -16px var(--rc);overflow:hidden}.modal-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 0;display:grid}@media (width<=600px){.modal-grid{grid-template-columns:1fr;gap:20px}.modal-art{max-width:200px;margin:0 auto}}.wallet-modal{width:min(420px,100%)}.wallet-list{flex-direction:column;gap:10px;display:flex}.wallet-option{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:background .15s,border-color .15s,transform .1s;display:flex}.wallet-option:hover{background:var(--surface-3);border-color:var(--accent)}.wallet-option:active{transform:scale(.99)}.wallet-icon{-o-object-fit:contain;object-fit:contain;border-radius:8px;flex:none}.wallet-icon-fallback{background:var(--surface-3);width:28px;height:28px;color:var(--accent-text);place-items:center;font-size:15px;display:grid}.wallet-option-name{text-align:left;flex:auto;font-size:15px;font-weight:600}.wallet-option-go{color:var(--text-dim);font-size:16px}.admin-form{padding:24px}.admin-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.adm-field{flex-direction:column;gap:6px;min-width:0;display:flex}.adm-field-full{grid-column:1/-1}.adm-label{color:var(--text-dim);font-size:12px;font-weight:600}.adm-hint{font-size:11px;font-weight:400}.adm-in{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--text);padding:10px 12px;font-size:14px;transition:border-color .15s}.adm-in:focus{border-color:var(--accent);outline:none}.admin-roy{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}@media (width<=640px){.admin-grid{grid-template-columns:1fr}}.pack-stage{flex-direction:column;align-items:center;gap:22px;padding:30px 0 40px;display:flex}.pack-pedestal{padding:10px 60px 0;position:relative}.pack-pedestal:after{content:"";background:radial-gradient(ellipse, var(--accent-soft), transparent 70%);filter:blur(6px);border-radius:50%;width:200px;height:26px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pack-cta{flex-direction:column;align-items:center;gap:9px;display:flex}.pack-cta .pack-price{color:var(--text-faint);letter-spacing:.04em;font-size:12.5px}.pack-note{text-align:center;justify-content:center;align-items:center;gap:8px;max-width:420px;font-size:12.5px;line-height:1.5;display:flex}.pack-note svg{opacity:.7;flex:none}.pack3d{cursor:pointer;border:1px solid var(--accent-line);isolation:isolate;width:230px;height:320px;box-shadow:0 40px 80px -40px var(--accent), 0 0 0 1px oklch(100% 0 0/.05) inset;text-align:center;background:linear-gradient(150deg,oklch(30% .1 285),oklch(20% .06 295) 55%,oklch(16% .02 268));border-radius:20px;place-content:center;gap:6px;transition:transform .3s cubic-bezier(.2,.8,.2,1);animation:.5s both floatUp;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.pack3d:hover{transform:translateY(-6px)rotate(-1deg)scale(1.02)}.pack-shine{border-radius:inherit;background:linear-gradient(115deg,#0000 35%,oklch(100% 0 0/.14) 48%,#0000 60%) 0 0/250% 100%;animation:4s linear infinite shimmer;position:absolute;inset:0}.pack-logo{font-family:var(--fs);letter-spacing:.12em;color:#fff;text-shadow:0 2px 24px var(--accent);font-size:30px;font-weight:700}.pack-sub{letter-spacing:.25em;color:oklch(90% .05 285);font-size:10px}.pack-bolt{color:oklch(95% .1 285);position:absolute;top:18px;left:18px}.pack-charging{transform-origin:50% 60%;animation:1.8s ease-in-out infinite chargeHold}.pack-charging .pack-rays{animation:1.1s linear infinite spinSlow}.pack-charging .pack-shine{animation:1.2s linear infinite shimmer}.pack-rays{background:conic-gradient(#0000,oklch(100% 0 0/.12),#0000,oklch(100% 0 0/.12),#0000);animation:3s linear infinite spinSlow;position:absolute;inset:-40%;-webkit-mask-image:radial-gradient(circle,#000 46%,#0000 70%);mask-image:radial-gradient(circle,#000 46%,#0000 70%)}.charge-text{letter-spacing:.22em;color:var(--accent-text);font-size:12px;animation:1s ease-in-out infinite pulseGlow}.reveal-stage{flex-direction:column;align-items:center;gap:30px;padding:16px 0 40px;display:flex;position:relative}.reveal-row{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.reveal-card{perspective:1100px;width:150px;animation:.55s cubic-bezier(.2,.85,.3,1.25) both dealIn;position:relative}.reveal-inner{aspect-ratio:3/4;width:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,1.1,.35,1);position:relative}.reveal-card.flipped .reveal-inner{transform:rotateY(180deg)}.reveal-back,.reveal-front{backface-visibility:hidden;border-radius:var(--r-md);position:absolute;inset:0}.reveal-back{border:1px solid var(--accent-line);background:linear-gradient(150deg,oklch(28% .09 285),oklch(17% .03 280));place-items:center;gap:12px;display:grid}.reveal-back:after{content:"";border-radius:inherit;background:linear-gradient(115deg,#0000 38%,oklch(100% 0 0/.12) 50%,#0000 62%) 0 0/250% 100%;animation:3.5s linear infinite shimmer;position:absolute;inset:0}.reveal-back-gem{background:linear-gradient(150deg, var(--accent), oklch(55% .2 305));width:26px;height:26px;box-shadow:0 0 16px var(--accent);border-radius:7px;transform:rotate(45deg)}.reveal-back span.mono{font-family:var(--fs);letter-spacing:.18em;color:#fff;opacity:.85;font-size:12px;font-weight:700}.reveal-front{border:1px solid color-mix(in oklch, var(--rc) 55%, transparent);background:var(--surface);box-shadow:0 10px 30px -16px var(--rc), 0 0 13px -7px var(--rc);flex-direction:column;gap:8px;padding:8px;display:flex;transform:rotateY(180deg)}.reveal-meta{flex-direction:column;align-items:flex-start;gap:5px;padding:0 2px 2px;display:flex}.reveal-ring{border-radius:calc(var(--r-md) + 7px);pointer-events:none;border:1.5px solid var(--rc);opacity:0;position:absolute;inset:-7px}.reveal-card.reveal-hot.flipped .reveal-ring{animation:.8s ease-out .12s both ringPop}.reveal-card.reveal-hot.flipped .reveal-front{animation:1.9s ease-in-out .65s infinite hotGlow}.burst-flash{z-index:6;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,oklch(98% .05 288/.95) 0%,oklch(72% .22 290/.5) 35%,#0000 70%);border-radius:50%;width:360px;height:360px;animation:.6s ease-out forwards burst;position:absolute;top:116px;left:50%;transform:translate(-50%,-50%)scale(.2)}.reveal-actions{flex-direction:column;align-items:center;gap:22px;display:flex}.reveal-summary{border-radius:var(--r-lg);background:var(--bg-2);border:1px solid color-mix(in oklch, var(--rc) 28%, var(--line));box-shadow:0 0 36px -16px var(--rc);flex-direction:column;align-items:center;gap:9px;min-width:280px;padding:18px 30px;display:flex}.rs-label{letter-spacing:.2em;color:var(--text-faint);white-space:nowrap;font-size:10.5px}.rs-name{font-family:var(--fs);letter-spacing:-.02em;font-size:22px;font-weight:700}.screen{flex-direction:column;gap:26px;animation:.4s both floatUp;display:flex}.pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-title{font-size:clamp(26px,4vw,36px)}.page-sub{max-width:620px;font-size:14.5px;line-height:1.5}.notconn{flex-wrap:wrap;align-items:center;gap:18px;padding:22px 24px;display:flex}.notconn-ic{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-text);border:1px solid var(--accent-line);border-radius:14px;flex:none;place-items:center;display:grid}.notconn .btn{margin-left:auto}.empty{color:var(--text-faint);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:50px 24px;display:flex}.empty a{color:var(--accent-text);cursor:pointer;text-decoration:underline}.hero{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--bg-2), var(--bg));border:1px solid var(--line);padding:clamp(28px,5vw,52px);position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(600px 300px at 80% 30%, var(--accent-soft), transparent 70%);position:absolute;inset:0}.hero-l{z-index:1;max-width:620px;position:relative}.hero-eyebrow{letter-spacing:.22em;color:var(--accent-text);font-size:11px}.hero-title{letter-spacing:-.03em;margin:16px 0 18px;font-size:clamp(34px,5.5vw,58px);line-height:1.02}.hero-desc{color:var(--text-dim);max-width:480px;font-size:16px;line-height:1.55}.hero-cta{margin-top:26px}.hero-carousel{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.hero-carousel:active{cursor:grabbing}.hero-carousel-track{will-change:transform;align-items:flex-start;width:max-content;display:flex}.hero-carousel-card{cursor:pointer;background:0 0;border:none;flex:none;width:clamp(150px,14vw,190px);margin-right:16px;padding:0}.hero-carousel-card .art{box-shadow:var(--shadow-card), 0 0 30px -18px var(--rc);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.hero-carousel-card:hover .art{transform:translateY(-6px)scale(1.03)}.hero-carousel img{pointer-events:none;-webkit-user-drag:none}.dash-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.dash-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.dash-stats{grid-template-columns:1fr}}.dash-stat{padding:20px}.lvl-ring{background:conic-gradient(var(--accent) calc(var(--p,64) * 1%), oklch(100% 0 0/.07) 0);isolation:isolate;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.lvl-ring:after{content:"";background:var(--surface);z-index:0;border-radius:50%;position:absolute;inset:4px}.lvl-ring-n{z-index:1;color:var(--accent-text);font-size:12px;position:relative}.dash-2col{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}@media (width<=860px){.dash-2col{grid-template-columns:1fr}}.dash-ach,.dash-quests{padding:22px}.gacha-panel{padding:20px}.odds{padding:22px}.odds-bar{background:oklch(100% 0 0/.05);border-radius:99px;gap:2px;width:100%;height:14px;padding:0;display:flex;overflow:hidden}.odds-seg{border-radius:3px;min-width:3px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px -2px}.odds-legend{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;display:grid}@media (width<=620px){.odds-legend{grid-template-columns:repeat(3,1fr)}}.odds-item{border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line);flex-direction:column;gap:5px;padding:12px 14px;display:flex}.odds-pct{font-family:var(--fs);color:var(--rc);letter-spacing:-.02em;font-size:21px;font-weight:700}.odds-name{color:var(--text-dim);align-items:center;gap:7px;font-size:12px;display:flex}.odds-name .rdot{background:var(--rc);width:6px;height:6px}.rfilter{flex-wrap:wrap;gap:9px;display:flex}.rfilt{border-radius:var(--r-pill);font-family:var(--fs);background:var(--surface);border:1px solid var(--line);color:var(--text-dim);padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .14s}.rfilt:hover{color:var(--text);border-color:var(--line-2)}.rfilt.active{color:var(--rc);border-color:color-mix(in oklch, var(--rc) 45%, transparent);background:color-mix(in oklch, var(--rc) 13%, transparent)}.cgrid{gap:var(--gap-grid,18px);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}@media (width<=520px){.cgrid{grid-template-columns:repeat(2,1fr);gap:12px}}.setprog{flex-direction:column;gap:8px;width:200px;display:flex}.setprog-val{font-family:var(--fs);text-align:right;font-size:22px;font-weight:700}.mkt-price{color:var(--text);font-size:14px;font-weight:600}.roy-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.roy-claim{flex-direction:column;grid-row:span 2;gap:14px;padding:26px;display:flex}.roy-big{font-size:clamp(36px,6vw,52px);font-weight:700;font-family:var(--fs);letter-spacing:-.03em}.roy-big span{color:var(--text-faint);font-size:18px}.roy-claim .btn{margin-top:auto}.roy-break,.roy-how{padding:22px}.roy-steps{color:var(--text-dim);margin:0;padding-left:20px;font-size:13.5px;line-height:1.7}.roy-steps li{margin-bottom:8px}@media (width<=820px){.roy-grid{grid-template-columns:1fr}.roy-claim{grid-row:auto}}.app{min-height:100vh;padding-bottom:60px}.topbar{z-index:40;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--line);background:oklch(15.5% .018 268/.78);position:sticky;top:0}.topbar-in{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;max-width:1180px;height:64px;margin:0 auto;padding:0 24px;display:grid}.brand{cursor:pointer;justify-self:start;align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(150deg, var(--accent), oklch(55% .2 305));width:30px;height:30px;box-shadow:0 6px 16px -6px var(--accent);border-radius:9px;place-items:center;display:grid}.brand-gem{background:#fff;border-radius:3px;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 8px oklch(100% 0 0/.6)}.brand-name{font-family:var(--fs);letter-spacing:.02em;font-size:18px;font-weight:700}.nav{justify-self:center;gap:2px;display:flex}.navi span{white-space:nowrap}.navi{border-radius:var(--r-pill);color:var(--text-faint);font-family:var(--fs);background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;transition:color .14s,background .14s;display:flex}.navi:hover{color:var(--text);background:var(--surface)}.navi.active{color:var(--text);background:var(--accent-soft)}.navi.active svg{color:var(--accent-text)}.topbar-r{justify-self:end;align-items:center;gap:12px;display:flex}.wallet-pill{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);white-space:nowrap;align-items:center;gap:9px;padding:7px 13px;display:flex}.wallet-bal{color:var(--accent-text);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.wallet-bal:after{content:"";background:var(--line);width:1px;height:15px;margin-left:9px;display:block}.wallet-addr{color:var(--text-dim);align-items:center;gap:7px;font-size:12.5px;display:flex}.wallet-addr:before{content:"";background:var(--r-uncommon);width:7px;height:7px;box-shadow:0 0 8px var(--r-uncommon);border-radius:50%;flex:none}@media (width<=1080px){.nav{gap:4px}.navi{padding:10px}.navi span{display:none}}.content{max-width:1180px;margin:0 auto;padding:34px 24px}.nav-mobile{display:none}@media (width<=760px){.nav{display:none}.topbar-in{gap:12px}.wallet-pill{padding:7px 11px}.wallet-addr{display:none}.content{padding:22px 16px 90px}.nav-mobile{z-index:45;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:oklch(15.5% .018 268/.92);display:flex;position:fixed;bottom:0;left:0;right:0}.navm{color:var(--text-faint);font-family:var(--fs);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:5px 2px;font-size:10px;font-weight:600;display:flex}.navm.active{color:var(--accent-text)}}