@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700;800&family=Share+Tech+Mono&display=swap";:root{--primary-yellow: #e6b800;--primary-yellow-dim: rgba(230, 184, 0, .15);--primary-yellow-glow: rgba(230, 184, 0, .5);--bg-glass: rgba(15, 15, 20, .92);--bg-glass-light: rgba(255, 255, 255, .03);--text-white: #ffffff;--text-grey: #a0a0a0;--border-subtle: rgba(255, 255, 255, .1);--border-accent: rgba(230, 184, 0, .8)}body{margin:0;overflow:hidden;background-color:#0f172a;font-family:Rajdhani,sans-serif;color:#fff}#background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-image{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:url(https://images.unsplash.com/photo-1552820728-8b83bb6b773f?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;filter:blur(8px) brightness(.4);animation:bgPan 60s ease-in-out infinite alternate}@keyframes bgPan{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-2%)}}.tech-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#0f172a00,#0f172a66),repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(6,182,212,.03) 1px,rgba(6,182,212,.03) 2px);background-size:100% 100%,100% 4px;pointer-events:none}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 40%,#0f172a 100%);pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#eab3084d;border-radius:50%;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(100vh) scale(0);opacity:0}50%{opacity:.6}to{transform:translateY(-10vh) scale(1);opacity:0}}.skew-x-20{transform:skew(-20deg)}.unskew-x-20{transform:skew(20deg)}.skew-box{transform:skew(-15deg)}.unskew-content{transform:skew(15deg)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-down{animation:slideDown .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}@keyframes rowSlideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes rowSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.row-animate-left{animation:rowSlideInLeft .7s cubic-bezier(.2,.8,.2,1) forwards}.row-animate-right{animation:rowSlideInRight .7s cubic-bezier(.2,.8,.2,1) forwards}.xp-bar-bg{background:#1e293b;box-shadow:inset 0 2px 4px #00000080}.xp-fill{transition:width 1s ease-out;box-shadow:0 0 10px #84cc16}.scoreboard-row{transition:all .2s;background:#0f172a99}.scoreboard-row:hover{background:#1e293bcc;transform:scale(1.01);z-index:10}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column}.rank-number{font-family:Orbitron,sans-serif;text-shadow:2px 2px 0px rgba(0,0,0,.5)}.tab-btn{background:#0f172a99;border-bottom:2px solid transparent;transition:all .3s;cursor:pointer;transform:skew(-15deg)}.tab-btn:hover{background:#1e293be6}.tab-btn.active{background:#2563eb33;border-bottom:2px solid #3b82f6;color:#fff}.tab-btn .unskew-content{color:#94a3b8}.tab-btn.active .unskew-content{color:#fff;text-shadow:0 0 10px rgba(59,130,246,.5)}.stat-tile{background:#1e293b66;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.stat-tile:hover{background:#1e293bb3;border-color:#ffffff1a}