: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: 222 22% 6%;--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)}*,*: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 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)}}.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}.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))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}