:root{--color-primary: #7C5CFF;--color-secondary: #F4A261;--color-accent: #457B9D;--color-accent-light: #A8DADC;--color-teal: #00E0B8;--color-premium: #AA55F7;--color-bg: #080D12;--color-surface: #151821;--color-text-main: #E6E9F2;--color-text-muted: #9ca3af;--color-border: rgba(255, 255, 255, .1);--color-success: #2A9D8F;--color-warning: #E9C46A;--color-danger: #E63946;--color-card-red: #E63946;--color-card-yellow: #F4A261;--color-card-peach: #E9C46A;--color-card-blue: #457B9D;--font-heading: "Sora", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .25), 0 10px 10px -5px rgba(0, 0, 0, .1);--shadow-card: 0 14px 34px rgba(2, 6, 23, .28);--shadow-btn: 0 2px 4px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(69, 123, 157, .15);--border-width: 2px}*,*:before,*:after{box-sizing:border-box}body{background:linear-gradient(180deg,#0b1220,#070b13 42%,#05070d);background-attachment:fixed;background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:0;overflow-x:clip}html{min-width:0;overflow-x:clip}img,svg,video,canvas,iframe{max-width:100%}.surface-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#0f172aeb,#080e24e0);border:1px solid rgba(255,255,255,.1);color:var(--color-text-main);box-shadow:var(--shadow-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.surface-input{background:#02061757;border:1px solid rgba(255,255,255,.1);color:var(--color-text-main);box-shadow:inset 0 1px #ffffff0a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.profile-text-input{background:#02061785;border:1px solid rgba(255,255,255,.1);color:var(--color-text-main);-webkit-text-fill-color:var(--color-text-main);caret-color:var(--color-accent-light);box-shadow:inset 0 1px #ffffff0a}.profile-text-input::placeholder{color:var(--color-text-muted);-webkit-text-fill-color:var(--color-text-muted);opacity:1}.profile-text-input:focus{background:#020617ad;border-color:var(--color-primary)}.surface-btn{background:#ffffff14;color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #02061738}.surface-btn:hover{color:var(--color-text-main);background-color:#ffffff1f}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-main);letter-spacing:0}.editorial-shell{background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:96px 96px}.editorial-eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-light)}.editorial-divider{height:1px;background:linear-gradient(90deg,rgba(168,218,220,.42),rgba(255,255,255,.08),transparent)}@keyframes gametracker-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.skeleton-shimmer{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff13,#ffffff09);border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px #ffffff09}.skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:gametracker-shimmer 1.45s ease-in-out infinite}::selection{background-color:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:768px){html,body{overflow-x:hidden;position:relative;width:100%}#root{overflow-x:hidden;width:100%}.editorial-eyebrow{letter-spacing:.12em}}@media(max-width:420px){h1,h2,h3{overflow-wrap:anywhere}.surface-panel,.magic-panel,.magic-card,.glass,.glass-dark{border-radius:20px}}.overscroll-contain{overscroll-behavior:contain}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-top-1{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-from-top-2{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-from-bottom-2{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hero-backdrop-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.hero-backdrop-marquee{width:max-content;will-change:transform;animation:hero-backdrop-marquee 34s linear infinite}@media(prefers-reduced-motion:reduce){.hero-backdrop-marquee{animation:none}}@keyframes slide-in-from-left-2{0%{transform:translate(-8px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoom-in-95{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes magic-reveal{0%{opacity:0;transform:translateY(56px) scale(.74) rotateX(-18deg);filter:blur(22px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.16,1,.3,1)}.fade-in{animation-name:fade-in}.slide-in-from-top-1{animation-name:slide-in-from-top-1}.slide-in-from-top-2{animation-name:slide-in-from-top-2}.slide-in-from-bottom-2{animation-name:slide-in-from-bottom-2}.slide-in-from-left-2{animation-name:slide-in-from-left-2}.zoom-in-95{animation-name:zoom-in-95}.magic-reveal{animation:magic-reveal .8s cubic-bezier(.16,1,.3,1) both;transform-origin:center center;transform-style:preserve-3d;will-change:opacity,transform,filter}.magic-sheen{position:relative;overflow:hidden}.magic-sheen:after{content:"";pointer-events:none;position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:30;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.28) 48%,rgba(125,211,252,.24) 52%,transparent 68%);transform:translate(-72%) rotate(8deg);opacity:0;animation:magic-sheen .95s cubic-bezier(.16,1,.3,1) .1s both;mix-blend-mode:screen}.soft-card-clip{overflow:hidden;isolation:isolate;contain:paint;backface-visibility:hidden;transform:translateZ(0);clip-path:inset(0 round 1rem)}.soft-card-clip-lg{overflow:hidden;isolation:isolate;contain:paint;backface-visibility:hidden;transform:translateZ(0);clip-path:inset(0 round 1.5rem)}@keyframes magic-sheen{0%{opacity:0;transform:translate(-72%) rotate(8deg);filter:blur(10px)}28%{opacity:.85}to{opacity:0;transform:translate(72%) rotate(8deg);filter:blur(16px)}}@media(prefers-reduced-motion:reduce){.magic-reveal{animation:fade-in .18s ease-out both;filter:none;transform:none}.magic-sheen:after{animation:none;opacity:0}}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.perspective-1000{perspective:1000px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.glass{background:radial-gradient(circle at top,rgba(125,211,252,.11),transparent 34%),linear-gradient(180deg,#0f172ad1,#080e24c2);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-dark{background:radial-gradient(circle at top,rgba(125,211,252,.08),transparent 34%),linear-gradient(180deg,#020617db,#020617bd);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.magic-panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top,rgba(125,211,252,.16),transparent 34%),radial-gradient(circle at 85% 18%,rgba(168,85,247,.12),transparent 26%),linear-gradient(180deg,#0f172ae6,#080e24d1);box-shadow:0 20px 80px #02061773;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.magic-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top,rgba(125,211,252,.12),transparent 32%),radial-gradient(circle at 85% 18%,rgba(192,132,252,.09),transparent 22%),linear-gradient(180deg,#0f172ae6,#080e24d9);box-shadow:0 12px 40px #02061752;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.player-panel{background:radial-gradient(circle at top,rgba(125,211,252,.14),transparent 36%),linear-gradient(180deg,#0f172ae6,#080e24c7);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #02061752}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loader-wrapper{position:relative;width:120px;height:50px;margin:0 auto}.loader-wrapper .packman:before{content:"";position:absolute;width:50px;height:25px;background-color:#eff107;border-radius:100px 100px 0 0;transform:translate(-50%,-50%);animation:pac-top .5s linear infinite;transform-origin:center bottom}.loader-wrapper .packman:after{content:"";position:absolute;width:50px;height:25px;background-color:#eff107;border-radius:0 0 100px 100px;transform:translate(-50%,50%);animation:pac-bot .5s linear infinite;transform-origin:center top}@keyframes pac-top{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-30deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes pac-bot{0%{transform:translate(-50%,50%) rotate(0)}50%{transform:translate(-50%,50%) rotate(30deg)}to{transform:translate(-50%,50%) rotate(0)}}.dots .dot{position:absolute;z-index:-1;top:8px;width:10px;height:10px;border-radius:50%;background:var(--color-text-main)}.dots .dot:nth-child(1){left:90px;animation:dot-stage1 .5s infinite}.dots .dot:nth-child(2){left:60px;animation:dot-stage1 .5s infinite}.dots .dot:nth-child(3){left:30px;animation:dot-stage1 .5s infinite}.dots .dot:nth-child(4){left:10px;animation:dot-stage2 .5s infinite}@keyframes dot-stage1{0%{transform:translate(0)}to{transform:translate(-24px)}}@keyframes dot-stage2{0%{transform:scale(1)}5%,to{transform:scale(0)}}