:root{--primary: 43 96% 56%;--primary-foreground: 0 0% 5%;--secondary: 220 14% 14%;--secondary-foreground: 0 0% 92%;--accent: 43 96% 56%;--accent-foreground: 0 0% 5%;--background: 0 0% 4%;--foreground: 0 0% 93%;--card: 222 18% 10%;--card-foreground: 0 0% 93%;--popover: 222 18% 10%;--popover-foreground: 0 0% 93%;--muted: 220 14% 14%;--muted-foreground: 220 8% 65%;--border: 220 14% 18%;--input: 220 14% 18%;--ring: 43 96% 56%;--destructive: 0 70% 50%;--destructive-foreground: 0 0% 100%;--level-bronze: 24 75% 50%;--level-silver: 220 12% 62%;--level-gold: 43 96% 56%;--level-platinum: 186 70% 72%;--semantic-success: #15803d;--semantic-warning: #f59e0b;--semantic-error: #b91c1c;--semantic-info: #3b82f6;--on-success: #ffffff;--on-error: #ffffff;--on-warning: #000000;--on-info: #ffffff;--warning: 38 92% 50%;--success: 142 72% 29%;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--modal-max-width: min(360px, calc(100vw - 32px) );--overlay-backdrop: rgba(0, 0, 0, .72);--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0em;--letter-spacing-wide: .04em;--letter-spacing-wider: .08em;--z-base: 0;--z-sticky: 10;--z-overlay: 100;--z-modal: 1000;--z-modal-inspector: 1001;--z-toast: 1100;--z-skiplink: 9999;--celebration-1: #f59e0b;--celebration-2: #10b981;--celebration-3: #6366f1;--celebration-4: #ec4899;--celebration-5: #3b82f6;--celebration-6: #fcd34d;--toast-fg-warning: #000;--toast-fg-error: #fff;--toast-bg-black: #000;--toast-fg-white: #fff;--rarity-common: hsl(var(--muted-foreground));--rarity-uncommon: var(--semantic-success);--rarity-rare: var(--semantic-info);--rarity-epic: #9333ea;--rarity-legendary: #f59e0b;--gradient-premium: linear-gradient(90deg, #f59e0b, #f97316);--font-size-2xs: 11px;--radius-xl-alt: 14px;--surface-tint-subtle: rgba(255, 255, 255, .05);--surface-tint-soft: rgba(255, 255, 255, .1);--surface-tint-medium: rgba(255, 255, 255, .12);--surface-tint-strong: rgba(255, 255, 255, .18);--surface-shimmer: rgba(255, 255, 255, .12);--surface-highlight: rgba(255, 255, 255, .15);--on-surface-muted: rgba(255, 255, 255, .35);--on-surface-loud: rgba(255, 255, 255, .85)}:root{--ob-canvas: #08090D;--ob-bg: #0C0E13;--ob-surface-1: #101218;--ob-surface-2: #15171F;--ob-surface-3: #1B1E27;--ob-hairline: #20222C;--ob-hairline-strong: #2A2D3A;--ob-glass: rgba(20, 22, 30, .7);--ob-scrim: rgba(6, 7, 11, .66);--ob-text-loud: #ECEAF2;--ob-text: #CFCDDA;--ob-text-muted: #9A9AA6;--ob-text-faint: #6B6A78;--ob-text-ghost: #5A596A;--ob-accent: #818CF8;--ob-accent-deep: #6366F1;--ob-metal-common: #8A8D9A;--ob-metal-common-soft: color-mix(in srgb, #8A8D9A 12%, transparent);--ob-metal-common-line: color-mix(in srgb, #8A8D9A 40%, transparent);--ob-metal-uncommon: #C08A5E;--ob-metal-uncommon-soft: color-mix(in srgb, #C08A5E 12%, transparent);--ob-metal-uncommon-line: color-mix(in srgb, #C08A5E 40%, transparent);--ob-metal-rare: #C9CCD6;--ob-metal-rare-soft: color-mix(in srgb, #C9CCD6 12%, transparent);--ob-metal-rare-line: color-mix(in srgb, #C9CCD6 40%, transparent);--ob-metal-epic: #9B7BC4;--ob-metal-epic-rim: #C4AA62;--ob-metal-epic-soft: color-mix(in srgb, #9B7BC4 12%, transparent);--ob-metal-epic-line: color-mix(in srgb, #9B7BC4 40%, transparent);--ob-metal-legendary: #C4AA62;--ob-metal-legendary-soft:color-mix(in srgb, #C4AA62 14%, transparent);--ob-metal-legendary-line:color-mix(in srgb, #C4AA62 45%, transparent);--ob-legendary-bloom: radial-gradient(circle at 50% 42%, color-mix(in srgb, #C4AA62 22%, transparent), transparent 65%);--ob-success: #5B9E7A;--ob-warn: #C4A35E;--ob-danger: #B0606A;--ob-info: var(--ob-accent);--ob-on-success: #08090D;--ob-on-warn: #08090D;--ob-on-danger: #ECEAF2;--ob-font-display: "Newsreader", Georgia, "Times New Roman", serif;--ob-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ob-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--ob-text-2xs: 10px;--ob-text-xs: 11px;--ob-text-sm: 13px;--ob-text-base:15px;--ob-text-lg: 18px;--ob-text-xl: 22px;--ob-text-2xl: 28px;--ob-text-3xl: 36px;--ob-lh-tight: 1.15;--ob-lh-body: 1.55;--ob-tracking-label: .14em;--ob-sp-1: 4px;--ob-sp-2: 8px;--ob-sp-3: 12px;--ob-sp-4: 16px;--ob-sp-5: 20px;--ob-sp-6: 24px;--ob-sp-8: 32px;--ob-sp-10: 40px;--ob-sp-12: 48px;--ob-gutter: 16px;--ob-r-xs: 2px;--ob-r-sm: 4px;--ob-r-md: 8px;--ob-r-full: 9999px;--ob-edge-inner: inset 0 1px 0 rgba(255, 255, 255, .04);--ob-float-ambient: 0 8px 32px rgba(0, 0, 0, .5);--ob-focus-ring: 0 0 0 2px var(--ob-canvas), 0 0 0 4px var(--ob-accent);--ob-touch-min: 44px;--ob-dock-h: 56px;--ob-topbar-h: 44px;--ob-sheet-max-h: 88vh;--ob-z-base: 0;--ob-z-sticky: 10;--ob-z-dock: 20;--ob-z-scrim: 90;--ob-z-sheet: 100;--ob-z-toast: 110;--ob-z-overlay: 1000;--ob-ease-out: cubic-bezier(.16, 1, .3, 1);--ob-ease-in-out: cubic-bezier(.65, 0, .35, 1);--ob-ease-breathe:cubic-bezier(.37, 0, .63, 1);--ob-d-fast: .15s;--ob-d-base: .28s;--ob-d-slow: .45s;--ob-d-breathe: 4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--tg-theme-bg-color, #000);color:var(--tg-theme-text-color, #fff)}#root,#app{height:100%;display:flex;flex-direction:column}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes successPop{0%{transform:scale(0);opacity:0}65%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes sa-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sa-pulse-expand{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes sa-glow-pulse{0%,to{box-shadow:0 0 30px 12px hsl(var(--level-gold) / .4),0 0 60px 24px hsl(var(--level-gold) / .2)}50%{box-shadow:0 0 60px 30px hsl(var(--level-gold) / .8),0 0 100px 50px hsl(var(--level-gold) / .3)}}@keyframes sa-crack-out{0%{transform:scale(1);opacity:1}40%{transform:scale(1.15);opacity:.7}to{transform:scale(0);opacity:0}}@keyframes sa-split-top{0%{transform:translateY(0);opacity:0}to{transform:translateY(-90px);opacity:1}}@keyframes sa-split-left{0%{transform:translate(0);opacity:0}to{transform:translate(-78px,45px);opacity:1}}@keyframes sa-split-right{0%{transform:translate(0);opacity:0}to{transform:translate(78px,45px);opacity:1}}@keyframes sa-title-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes sa-subtitle-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes hatchEggSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(8deg) scale(1.05)}to{transform:rotate(0) scale(1)}}@keyframes hatchRayRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hatchGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes hatchReadyPulse{0%,to{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 6px 14px rgba(251,191,36,.5))}50%{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 10px 22px rgba(251,191,36,.9))}}@keyframes hatchCrackAppear{0%,30%{opacity:0}40%{opacity:.4}50%{opacity:.1}60%{opacity:.8}to{opacity:.9}}@keyframes hatchJackpotBurst{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.15);opacity:1}60%{transform:scale(.95);opacity:.85}to{transform:scale(1);opacity:1}}@keyframes hatchVariantShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes hatchReadyCountdownTick{0%,to{opacity:1}50%{opacity:.55}}@keyframes rarityPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes sparkFloat-1{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px,-60px) scale(0)}}@keyframes sparkFloat-2{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-50px,-40px) scale(0)}}@keyframes sparkFloat-3{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60px,30px) scale(0)}}@keyframes sparkFloat-4{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30px,50px) scale(0)}}@keyframes lobby-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes balance-flash{0%,to{box-shadow:0 0 hsl(var(--semantic-success) / 0);transform:scale(1)}50%{box-shadow:0 0 0 6px hsl(var(--semantic-success) / .45);transform:scale(1.04)}}@keyframes balance-delta-up{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@keyframes skeleton-shimmer{0%{background-position:0% 0%}to{background-position:-200% 0%}}@keyframes ob-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ob-popover-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ob-tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ob-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-coachmark-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ob-hatch-crack-spread{0%{clip-path:circle(0% at 50% 50%);opacity:.2}30%{opacity:1}to{clip-path:circle(92% at 50% 50%);opacity:1}}.carousel-focus-ring:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px;border-radius:var(--radius-md)}.level-selector-btn:focus-visible{box-shadow:0 0 0 2px hsl(var(--primary));outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 2px hsl(var(--primary));outline:none}.ob-focus{outline:none}.ob-focus:focus-visible{box-shadow:var(--ob-focus-ring);outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.scroll-fade-x{-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%)}.scroll-fade-x::-webkit-scrollbar{display:none}.skip-link{position:absolute;top:0;left:0;z-index:var(--z-skiplink);padding:8px 16px;background:var(--toast-bg-black);color:var(--toast-fg-white);text-decoration:none;clip-path:inset(50%);clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus,.skip-link:focus-visible{clip-path:none;clip:auto;width:auto;height:auto;overflow:visible;white-space:normal;box-shadow:0 0 0 2px hsl(var(--primary))}input,textarea,select{font-size:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.egg-visual-root{position:relative;display:block;aspect-ratio:2 / 3;overflow:hidden;border-radius:12px;isolation:isolate;-webkit-tap-highlight-color:transparent}.egg-visual-root.egg-visual-pulse{animation:egg-visual-gentle-pulse 3s ease-in-out infinite}.egg-visual-size-showcase{width:100%;max-width:320px}.egg-visual-size-card{width:100%;max-width:192px}.egg-visual-size-thumb{width:100%;max-width:96px}.egg-visual-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}.egg-visual-layer-bg{z-index:0;object-fit:cover;object-position:center}.egg-visual-sparkles-back{z-index:1}.egg-visual-layer-egg{z-index:2;object-fit:contain;object-position:center;transition:filter .6s ease}.egg-visual-sparkles-front{z-index:3}.egg-visual-layer-frame{z-index:4;object-fit:contain;object-position:center}.egg-visual-layer-badges{z-index:5;pointer-events:auto}.egg-visual-badge{position:absolute;width:18%;height:auto;max-width:36px;max-height:36px;pointer-events:auto;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.egg-visual-size-thumb .egg-visual-layer-badges{display:none}.egg-visual-root.egg-care-0{filter:none}.egg-visual-root.egg-care-20{filter:drop-shadow(0 0 6px rgba(255,200,100,.25))}.egg-visual-root.egg-care-50{filter:drop-shadow(0 0 8px rgba(255,200,100,.3))}.egg-visual-root.egg-care-100{filter:drop-shadow(0 0 16px rgba(255,200,100,.6))}.egg-visual-root.egg-care-200{filter:drop-shadow(0 0 24px rgba(255,255,255,.8))}@keyframes egg-visual-gentle-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 24px rgba(255,255,255,.8))}50%{transform:scale(1.02);filter:drop-shadow(0 0 32px rgba(255,255,255,1))}}.egg-visual-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,200,100,.6) 50%,transparent 100%);animation:egg-visual-sparkle-twinkle var(--sparkle-dur, 3s) ease-in-out var(--sparkle-delay, 0s) infinite}@keyframes egg-visual-sparkle-twinkle{0%,to{opacity:0;transform:scale(.6) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-4px)}}@media (prefers-reduced-motion: reduce){.egg-visual-root.egg-visual-pulse{animation:none}.egg-visual-sparkle{animation:none;opacity:.6}.egg-visual-layer-egg{transition:none}}.egg-visual-root.egg-visual-static.egg-visual-pulse{animation:none}.egg-visual-root.egg-visual-static .egg-visual-sparkle{animation:none;opacity:.6}.egg-visual-root:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}