:root{--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--gold: #ffd700;--gold-light: #ffe44d;--gold-dark: #b8960f;--accent: #ff6b35;--text-primary: #f0e6d3;--text-secondary: #a09888;--success: #4ade80;--danger: #ef4444;--card-border: rgba(255, 215, 0, .2);--glow-gold: rgba(255, 215, 0, .4);--glow-blue: rgba(59, 130, 246, .4);--glow-purple: rgba(139, 92, 246, .4)}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientFlow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.4;filter:blur(20px)}50%{opacity:.8;filter:blur(30px)}}@keyframes borderRotate{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes neonFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes particleDrift{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glitchShift{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes loadingPulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-dark),var(--gold));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-light)}*{scrollbar-width:thin;scrollbar-color:var(--gold-dark) transparent}.page-scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:0}.glass-card{background:#1a1a2e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.1);border-radius:16px;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent)}.glass-card-strong{background:#1a1a2ecc;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,215,0,.15);border-radius:16px;position:relative;overflow:hidden}.glass-card-strong:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent)}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from var(--angle, 0deg),transparent 0%,var(--gold) 10%,transparent 20%,transparent 80%,var(--gold) 90%,transparent 100%);z-index:-1;animation:spinSlow 4s linear infinite;opacity:.5}.neon-text-gold{color:var(--gold);text-shadow:0 0 7px rgba(255,215,0,.6),0 0 20px rgba(255,215,0,.3),0 0 40px rgba(255,215,0,.1);animation:neonFlicker 4s ease-in-out infinite}.neon-text-blue{color:#60a5fa;text-shadow:0 0 7px rgba(96,165,250,.6),0 0 20px rgba(96,165,250,.3),0 0 40px rgba(96,165,250,.1)}.neon-text-purple{color:#a78bfa;text-shadow:0 0 7px rgba(167,139,250,.6),0 0 20px rgba(167,139,250,.3),0 0 40px rgba(167,139,250,.1)}.shimmer-text{background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease infinite}.animated-bg{background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,215,0,.06) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(59,130,246,.05) 0%,transparent 50%),var(--bg-primary);background-size:200% 200%;animation:gradientFlow 15s ease infinite}.premium-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.premium-card:hover{transform:translateY(-2px) scale(1.01)}.premium-card:active{transform:scale(.98)}.premium-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:left .5s ease;z-index:2}.premium-card:hover:after{left:150%}.stat-card{position:relative;border-radius:14px;overflow:hidden;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--stat-color, var(--gold));opacity:.6}.bar-animated{position:relative;overflow:hidden;border-radius:4px}.bar-animated:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s ease infinite}.leaderboard-row{position:relative;border-radius:10px;overflow:hidden;transition:transform .15s ease,background .15s ease}.leaderboard-row:hover{transform:translate(4px);background:#ffd70008}.leaderboard-row.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.08),transparent);border:1px solid rgba(255,215,0,.2)}.leaderboard-row.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.06),transparent);border:1px solid rgba(192,192,192,.15)}.leaderboard-row.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.06),transparent);border:1px solid rgba(205,127,50,.15)}.tab-btn{position:relative;border:none;cursor:pointer;font-weight:700;transition:color .2s ease;overflow:hidden}.tab-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gold);transition:width .3s ease,left .3s ease}.tab-btn.active:after{left:0;width:100%}.btn-premium{position:relative;overflow:hidden;isolation:isolate}.btn-premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.btn-premium:hover:before{opacity:1}.loading-dots{display:flex;gap:6px;align-items:center;justify-content:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.scanline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:pulseGlow 6s ease-in-out infinite;pointer-events:none}.glass-header{background:#0a0a0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.1);position:relative}.glass-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),rgba(255,215,0,.4),rgba(255,215,0,.2),transparent)}.back-btn{position:relative;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,215,0,.2);background:#1a1a2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gold);cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:#ffd70066;box-shadow:0 0 15px #ffd70026;background:#1a1a2ecc}.icon-box{position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden}.icon-box:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,255,255,.1) 25%,transparent 50%);animation:spinSlow 6s linear infinite}.arrow-indicator{transition:transform .2s ease}.premium-card:hover .arrow-indicator{transform:translate(4px)}.action-row{position:relative;border-radius:10px;overflow:hidden;transition:all .15s ease}.action-row:hover{background:#ffd70008}.action-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .2s ease}.action-row:hover:before{background:linear-gradient(180deg,var(--gold),transparent)}.chart-bar{position:relative;border-radius:4px;overflow:hidden}.chart-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%)}.sub-tab-pill{border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sub-tab-pill.active{background:#ffd7001f;color:var(--gold);box-shadow:0 0 15px #ffd7001a}.sub-tab-pill.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,215,0,.15)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:800;min-width:28px}.rank-badge.rank-1{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.rank-badge.rank-2{color:silver;text-shadow:0 0 8px rgba(192,192,192,.4)}.rank-badge.rank-3{color:#cd7f32;text-shadow:0 0 8px rgba(205,127,50,.4)}.loading-screen{position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.1),transparent 70%);animation:pulseGlow 3s ease-in-out infinite}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);position:relative;padding-left:12px}.section-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;border-radius:2px;background:var(--gold)}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.gradient-border-spin{--angle: 0deg;border:2px solid transparent;border-image:conic-gradient(from var(--angle),var(--gold),transparent 40%,transparent 60%,var(--gold)) 1;animation:borderRotate 4s linear infinite}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.fade-in{animation:fadeSlideUp .4s ease forwards}.glow-shadow-gold{box-shadow:0 0 15px #ffd70026,0 4px 20px #0000004d}.glow-shadow-blue{box-shadow:0 0 15px #3b82f626,0 4px 20px #0000004d}.glow-shadow-purple{box-shadow:0 0 15px #8b5cf626,0 4px 20px #0000004d}.durak-table{background:radial-gradient(ellipse at 50% 50%,rgba(40,80,40,.3) 0%,transparent 70%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),linear-gradient(135deg,#1a2f1a,#0d1f0d,#1a2f1a)}@keyframes candleFlicker{0%,to{opacity:.12;transform:scale(1)}25%{opacity:.18;transform:scale(1.05)}50%{opacity:.1;transform:scale(.97)}75%{opacity:.15;transform:scale(1.03)}}.candle-glow{position:absolute;border-radius:50%;pointer-events:none;animation:candleFlicker 3s ease-in-out infinite}.card-frame-gold{border:2px solid #ffd700;box-shadow:0 0 12px #ffd7004d,inset 0 0 8px #ffd7001a}.card-frame-silver{border:2px solid #b0b8c4;box-shadow:0 0 8px #b0b8c433,inset 0 0 6px #b0b8c414}.card-frame-bronze{border:2px solid #cd7f32;box-shadow:0 0 8px #cd7f3233,inset 0 0 6px #cd7f3214}.card-back-pattern{background:repeating-conic-gradient(rgba(255,215,0,.08) 0% 25%,transparent 0% 50%) 0 0 / 12px 12px,linear-gradient(135deg,#1a2a4a,#0d1a2f,#1a2a4a);border:2px solid rgba(255,215,0,.2)}@keyframes trumpGlow{0%,to{box-shadow:0 0 8px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099,0 0 30px #ffd70033}}.card-trump{animation:trumpGlow 2s ease-in-out infinite}@keyframes bitoFlash{0%{background:#4ade804d}to{background:transparent}}@keyframes takeFlash{0%{background:#ef44444d}to{background:transparent}}.card-face-parchment{background:radial-gradient(ellipse at 30% 20%,rgba(255,248,230,.15),transparent 50%),linear-gradient(135deg,#f5f0e0,#e8dcc8,#f5f0e0)}@keyframes dustFloat{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:.6}80%{opacity:.4}to{transform:translateY(-100vh) translate(30px);opacity:0}}@keyframes cardFlipIn{0%{transform:rotateY(180deg) scale(.8);opacity:0}60%{transform:rotateY(0) scale(1.05);opacity:1}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes goldParticle{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}50%{opacity:.8}to{transform:translateY(-120px) translate(var(--dx, 20px)) rotate(360deg);opacity:0}}.tavern-wood{background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 6px),linear-gradient(135deg,#2a1f14,#1e150d,#2a1f14);border:1px solid rgba(205,127,50,.25)}@keyframes countPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.chess-hall{background:radial-gradient(ellipse at 50% 30%,rgba(160,128,96,.08) 0%,transparent 60%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 6px),linear-gradient(180deg,#1a150f,#0f0c08 40%,#1a150f)}.chess-square-light{background:radial-gradient(ellipse at 30% 20%,rgba(255,248,230,.08),transparent 50%),linear-gradient(135deg,#c8b896,#b8a882,#c8b896);transition:box-shadow .15s ease}.chess-square-light:hover{box-shadow:inset 0 0 0 2px #ffd70040}.chess-square-dark{background:radial-gradient(ellipse at 70% 80%,rgba(90,77,62,.15),transparent 50%),linear-gradient(135deg,#6b5d4f,#5a4d3e,#6b5d4f);transition:box-shadow .15s ease}.chess-square-dark:hover{box-shadow:inset 0 0 0 2px #ffd70033}@keyframes torchFlicker{0%,to{opacity:.1;transform:scale(1) translateY(0)}20%{opacity:.16;transform:scale(1.05) translateY(-1px)}40%{opacity:.08;transform:scale(.97) translateY(1px)}60%{opacity:.14;transform:scale(1.03) translateY(-1px)}80%{opacity:.11;transform:scale(.99) translateY(0)}}.torch-glow{position:absolute;border-radius:50%;pointer-events:none;animation:torchFlicker 2.5s ease-in-out infinite}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-3px,2px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-2px,3px)}40%{transform:translate(2px,-1px)}50%{transform:translate(0)}}.chess-screen-shake{animation:screenShake .3s ease-out}@keyframes dustRise{0%{transform:scale(.5);opacity:.6}to{transform:scale(2) translateY(-20px);opacity:0}}@keyframes kingFall{0%{transform:rotate(0);opacity:1}to{transform:rotate(90deg) translate(10px);opacity:.4}}@keyframes checkPulse{0%,to{box-shadow:inset 0 0 0 3px #ef444480,0 0 8px #ef44444d}50%{box-shadow:inset 0 0 0 4px #ef4444cc,0 0 16px #ef444480}}@keyframes pieceThud{0%{transform:scale(1.05)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes checkmateAppear{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}