@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@700&display=swap";:root{--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif}:root,[data-theme=dark]{--bg-primary: #121218;--bg-secondary: #1c1c24;--bg-tertiary: #16161c;--bg-panel: rgba(22, 22, 30, .97);--bg-panel-solid: rgba(22, 22, 30, .97);--bg-panel-hover: rgba(255, 255, 255, .07);--bg-overlay: rgba(0, 0, 0, .85);--bg-modal: #2a2a34;--bg-modal-darker: #1e1e26;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text-primary: #f0f0f0;--text-secondary: rgba(240, 240, 240, .75);--text-muted: rgba(240, 240, 240, .5);--text-hint: rgba(240, 240, 240, .35);--accent-primary: #c9a227;--accent-secondary: #a68518;--accent-subtle: rgba(201, 162, 39, .15);--accent-line: rgba(201, 162, 39, .25);--color-success: #3d9970;--color-success-light: #5ab88a;--color-warning: #d4a24c;--color-danger: #c45c5c;--color-danger-light: #d47a7a;--color-level: #9a8bc7;--color-level-dark: #7b6ba8;--bet-red: #b54545;--bet-red-dark: #8a3535;--bet-black: #3a3a42;--bet-black-dark: #2a2a30;--bet-green: #3a8a5c;--bet-green-dark: #2d6b47;--strip-bg: linear-gradient(180deg, #1e1e24 0%, #141418 100%);--strip-border: rgba(201, 162, 39, .3);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4);--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(201, 162, 39, .4);--scrollbar-thumb-hover: rgba(201, 162, 39, .6);--ambient-top: rgba(201, 162, 39, .05);--ambient-blob: rgba(180, 70, 70, .05);--blur-panel: none}[data-theme=casino]{--bg-primary: #0f2a1f;--bg-secondary: #1a3d2a;--bg-tertiary: #0c221a;--bg-panel: rgba(18, 40, 30, .97);--bg-panel-solid: rgba(18, 40, 30, .97);--bg-panel-hover: rgba(0, 0, 0, .4);--bg-overlay: rgba(10, 30, 20, .9);--bg-modal: #2d4538;--bg-modal-darker: #243a2e;--border-subtle: rgba(180, 140, 50, .15);--border-medium: rgba(180, 140, 50, .22);--border-strong: rgba(180, 140, 50, .35);--text-primary: #e8e4d4;--text-secondary: rgba(232, 228, 212, .8);--text-muted: rgba(232, 228, 212, .55);--text-hint: rgba(232, 228, 212, .4);--accent-primary: #d4a030;--accent-secondary: #b08020;--accent-subtle: rgba(212, 160, 48, .18);--accent-line: rgba(212, 160, 48, .3);--color-success: #4a9a6a;--color-success-light: #5fb57f;--color-warning: #cc9040;--color-danger: #b85050;--color-danger-light: #cc6a6a;--color-level: #d4a030;--color-level-dark: #b08020;--bet-red: #a83838;--bet-red-dark: #7a2828;--bet-black: #252525;--bet-black-dark: #1a1a1a;--bet-green: #2d7048;--bet-green-dark: #225536;--strip-bg: linear-gradient(180deg, #2a201a 0%, #1a1410 100%);--strip-border: rgba(212, 160, 48, .35);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .35);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .45);--scrollbar-track: rgba(0, 0, 0, .25);--scrollbar-thumb: rgba(212, 160, 48, .4);--scrollbar-thumb-hover: rgba(212, 160, 48, .55);--ambient-top: rgba(212, 160, 48, .06);--ambient-blob: rgba(212, 160, 48, .04);--blur-panel: none}[data-theme=casino] body:before{background:radial-gradient(ellipse at 50% 0%,var(--ambient-top) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100%;font-family:Outfit,SF Pro Display,-apple-system,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-attachment:fixed;-webkit-user-select:none;user-select:none;color:var(--text-primary);-webkit-overflow-scrolling:touch}html{overflow-y:scroll;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,var(--ambient-top) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:20%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,var(--ambient-blob) 0%,transparent 70%);pointer-events:none;filter:blur(60px);z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.hidden{display:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.feed-list,.bets-list,.leaderboard-list,.bet-amounts-row,.history-items,.modal-content,.quests-list,.achievements-grid{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}[style*=overflow],.feed-list,.bets-list,.bet-amounts-row{-webkit-overflow-scrolling:touch;scroll-behavior:auto}#app{width:100%;min-height:100vh;display:flex;flex-direction:column;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:12px;position:relative;z-index:1;max-width:900px;margin:0 auto}.top-bar{display:flex;flex-direction:row;overflow:hidden;background:var(--bg-panel);border-radius:16px;border:1px solid var(--border-subtle);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.top-bar.panel{padding:0}.top-bar>*{flex:1}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;padding:16px;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-line),transparent)}.panel-title{font-size:12px;font-weight:600;color:var(--text-hint);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}#game-container{display:grid;gap:12px}@media(min-aspect-ratio:1/1){#app{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px}.panel{padding:12px;border-radius:14px}.panel-title{margin-bottom:8px;font-size:11px}#game-container{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:8px}#game-status-panel{grid-column:1 / -1;grid-row:1}#round-history-panel{grid-column:1 / -1;grid-row:2;margin-top:4px}#feed-panel{grid-column:1 / -1;grid-row:3}#betting-panel{grid-column:1 / 2;grid-row:4}#leaderboard-panel{grid-column:2 / 3;grid-row:4}.footer-bar{padding:6px 12px;border-radius:12px}.footer-button{padding:6px 12px;font-size:12px}.top-bar,.header-panel{border-radius:12px}}@media(max-aspect-ratio:1/1){#game-container{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto}#game-status-panel{grid-row:1}#round-history-panel{grid-row:2}#betting-panel{grid-row:3}#feed-panel{grid-row:4}#leaderboard-panel{grid-row:5}.footer-bar{gap:8px;padding:8px 12px}.footer-button{padding:10px 12px;gap:6px}.footer-button .button-text{display:none}.footer-button .button-icon{font-size:20px}}#game-container::-webkit-scrollbar{width:8px}#game-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}#game-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}#game-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.footer-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:var(--bg-panel);border-radius:16px;border:1px solid var(--border-subtle);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.footer-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(180deg,#8a63d24d,#8a63d226);border:1px solid rgba(138,99,210,.4);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.footer-button:hover{background:linear-gradient(180deg,#8a63d266,#8a63d240);transform:translateY(-1px)}.footer-button:active{transform:translateY(0)}.footer-button .button-icon{font-size:16px;font-family:var(--font-emoji)}.footer-button .button-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(180deg,#e74c3c,#c0392b);border-radius:9px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.footer-button .button-badge.hidden{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:modalFadeIn .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-primary);color:var(--text-primary);font-size:15px;font-weight:600;z-index:1000;letter-spacing:.5px}#loading-screen p{margin-top:20px;color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .9s linear infinite}#loading-screen:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;background:radial-gradient(circle,var(--accent-subtle) 0%,transparent 70%);pointer-events:none;filter:blur(50px)}#error-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--bg-primary);padding:20px;z-index:1001}#error-screen:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(var(--color-danger-rgb, 180, 80, 80),.12) 0%,transparent 70%);pointer-events:none;filter:blur(60px)}.error-card{position:relative;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:16px;padding:32px 28px;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-medium);max-width:400px;width:100%;text-align:center}.error-card:before{content:"⚠️";display:block;font-size:48px;margin-bottom:16px;font-family:var(--font-emoji)}.error-card h2{color:var(--color-danger);font-size:20px;font-weight:700;margin-bottom:12px;letter-spacing:.5px}.error-card p{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:8px}.error-card .hint{color:var(--text-muted);font-size:13px;margin-top:16px}.error-card button{margin-top:20px;padding:12px 28px;background:var(--color-danger);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.error-card button:hover{background:var(--color-danger-light);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.error-card button:active{transform:translateY(0)}.header-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-panel);border-radius:16px;border:1px solid var(--border-subtle);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);position:relative;overflow:hidden}.header-menu-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-muted);font-size:18px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.header-menu-button:hover{background:var(--bg-panel-hover);border-color:var(--border-medium);color:var(--text-secondary)}.header-menu-button:active{transform:scale(.95)}.header-actions{display:flex;align-items:center;gap:8px}.header-panel:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-line),transparent)}.header-xp-border{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border-medium);border-radius:0 0 16px 16px;overflow:hidden}.header-xp-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));transition:width .5s ease;border-radius:0 0 0 16px}.header-player{display:flex;align-items:center;gap:12px}.header-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border:2px solid var(--accent-line);display:flex;align-items:center;justify-content:center;box-shadow:0 3px #00000040;cursor:pointer;transition:all .15s ease}.header-avatar:hover{transform:translateY(-2px);box-shadow:0 5px #00000040}.header-avatar:active{transform:translateY(1px);box-shadow:0 1px #00000040}.header-avatar .avatar-icon-container{display:flex;align-items:center;justify-content:center}.header-avatar .avatar-icon-container .avatar-emoji{font-size:22px;line-height:1;font-family:var(--font-emoji)}.header-player-info{display:flex;flex-direction:column;gap:2px}.header-player-name{font-size:14px;font-weight:600;color:var(--text-secondary)}.header-player-level{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-primary);font-weight:500}.level-star{font-size:10px}.header-level-value{font-weight:700}.header-xp-text{color:var(--text-hint);font-weight:400;margin-left:2px}.bonus-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;height:44px;background:linear-gradient(180deg,var(--color-success-light) 0%,var(--color-success) 100%);border-radius:12px;border:3px solid rgba(0,0,0,.2);cursor:pointer;transition:all .15s ease;font-family:inherit;box-shadow:0 4px #0000004d}.bonus-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #0000004d}.bonus-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000004d}.bonus-button:disabled{background:var(--bg-panel-hover);border-color:var(--border-medium);cursor:default;opacity:.8;box-shadow:none}.bonus-button:disabled .bonus-text{color:var(--text-secondary)}.bonus-button.available{animation:bonus-bounce 1.5s ease-in-out infinite}@keyframes bonus-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bonus-icon{font-size:20px;line-height:1;font-family:var(--font-emoji)}.bonus-text{font-size:11px;font-weight:600;color:#ffffffe6;min-width:32px;text-align:center}.bonus-button.available .bonus-text{color:#000}.bonus-timer{font-size:11px;font-weight:600;color:var(--text-secondary);min-width:32px;text-align:center}.shop-text{display:none;font-size:11px;font-weight:600;color:#000c}.header-balance{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:12px;border:2px solid var(--accent-line);box-shadow:0 3px #00000040}.header-balance-icon{font-size:22px;line-height:1;font-family:var(--font-emoji)}.header-balance-value{font-size:16px;font-weight:700;color:var(--accent-primary)}.flying-coin{position:fixed;pointer-events:none;z-index:9999;font-size:20px;line-height:1;font-family:var(--font-emoji);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-balance.bump{animation:balance-bump .3s ease-out}@keyframes balance-bump{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.header-balance-value.counting{animation:balance-glow .5s ease-out}@keyframes balance-glow{0%{filter:brightness(1)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}@media(min-aspect-ratio:1/1){.header-panel{gap:12px;padding:8px 12px}.header-menu-button{width:32px;height:32px;font-size:16px;border-radius:8px}.header-avatar{width:36px;height:36px;border-radius:10px;box-shadow:0 2px #00000040}.header-avatar .avatar-icon-container .avatar-emoji{font-size:18px}.header-player-level{font-size:10px}.header-xp-text{display:none}.bonus-button{height:38px;padding:0 12px;gap:5px;box-shadow:0 2px #0000004d}.bonus-icon{font-size:16px}.bonus-text{font-size:11px}.shop-button{height:38px;padding:0 12px;gap:5px;box-shadow:0 2px #0000004d}.shop-icon{font-size:16px}.shop-text{display:inline;font-size:11px}.header-balance{padding:6px 10px;gap:6px;box-shadow:0 2px #00000040}.header-balance-icon{font-size:18px}.header-balance-value{font-size:14px}.header-xp-border{height:2px;border-radius:0 0 12px 12px}}@media(max-width:500px){.header-panel{gap:8px;padding:10px 12px}.header-menu-button{width:32px;height:32px;font-size:15px;border-radius:8px}.header-avatar{width:36px;height:36px;border-radius:10px}.avatar-emoji{font-size:18px}.header-player-info{gap:1px}.header-player-name{font-size:12px}.header-player-level{font-size:10px}.level-star{font-size:9px}.header-xp-text{display:none}.bonus-button{width:40px;height:36px;padding:0;border-radius:10px}.bonus-icon{font-size:17px}.bonus-text,.bonus-timer{display:none}.shop-button{width:40px;height:36px;border-radius:10px}.shop-icon{font-size:17px}.shop-text{display:none}.header-balance{padding:6px 10px;gap:6px}.header-balance-icon{font-size:18px}.header-balance-value{font-size:13px}}@media(max-width:380px){.header-panel{gap:6px;padding:8px}.header-menu-button{width:28px;height:28px;font-size:14px;border-radius:6px}.header-player{gap:6px;min-width:0}.header-avatar{width:30px;height:30px;border-radius:8px}.header-avatar .avatar-icon-container .avatar-emoji{font-size:15px}.header-player-info{display:flex;min-width:0}.header-rank-badge{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55px}.header-player-level{font-size:8px}.level-star{font-size:7px}.header-balance{padding:5px 8px;gap:4px;border-radius:8px}.header-balance-icon{font-size:14px}.header-balance-value{font-size:11px}.header-actions{gap:4px}.bonus-button{width:36px;height:32px;padding:0;border-radius:8px}.bonus-icon{font-size:15px}.bonus-text,.bonus-timer{display:none}.shop-button{width:36px;height:32px;border-radius:8px}.shop-icon{font-size:15px}.shop-text{display:none}}.level-up-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.level-up-modal.visible{opacity:1;visibility:visible}.level-up-content{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border:3px solid var(--accent-primary);border-radius:20px;padding:32px 48px;text-align:center;box-shadow:var(--shadow-medium);animation:levelUpPopIn .4s ease-out}@keyframes levelUpPopIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.level-up-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.level-up-icon{font-size:32px;animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.level-up-title{font-size:24px;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:2px}.level-up-level-container{margin-bottom:20px}.level-up-level-label{display:block;font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.level-up-level-value{font-size:56px;font-weight:800;color:var(--accent-primary)}.level-up-reward-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;padding:12px 20px;background:var(--accent-subtle);border-radius:12px;border:1px solid var(--accent-line)}.level-up-reward-label{font-size:14px;color:var(--text-muted)}.level-up-reward-value{font-size:20px;font-weight:700;color:var(--accent-primary)}.level-up-maxbet-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;padding:12px 20px;background:var(--bg-panel-hover);border-radius:12px;border:1px solid var(--border-medium)}.level-up-maxbet-label{font-size:14px;color:var(--text-muted)}.level-up-maxbet-value{font-size:20px;font-weight:700;color:var(--text-primary)}.level-up-close-btn{padding:14px 48px;font-size:16px;font-weight:600;color:var(--bg-primary);background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:3px solid rgba(0,0,0,.2);border-radius:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;box-shadow:0 4px #0000004d}.level-up-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0000004d}.level-up-close-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.rank-up-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.rank-up-modal.visible{opacity:1;visibility:visible}.rank-up-content{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border:3px solid var(--accent-secondary);border-radius:20px;padding:32px 48px;text-align:center;box-shadow:var(--shadow-medium),0 0 40px rgba(var(--accent-secondary-rgb),.3);animation:rankUpPopIn .5s ease-out}@keyframes rankUpPopIn{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.rank-up-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.rank-up-icon{font-size:40px;animation:rankShine 1.5s ease infinite}@keyframes rankShine{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}}.rank-up-title{font-size:24px;font-weight:700;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:2px}.rank-up-rank-container{margin-bottom:24px}.rank-up-name{font-size:36px;font-weight:800;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px}.rank-up-avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;padding:16px 24px;background:var(--accent-subtle);border-radius:12px;border:1px solid var(--accent-line)}.rank-up-avatar-label{font-size:14px;color:var(--text-muted)}.rank-up-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border-radius:16px;border:3px solid var(--accent-primary);box-shadow:0 4px #00000040}.rank-up-avatar .avatar-emoji{font-size:40px}.rank-up-close-btn{padding:14px 48px;font-size:16px;font-weight:600;color:var(--bg-primary);background:linear-gradient(180deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);border:3px solid rgba(0,0,0,.2);border-radius:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;box-shadow:0 4px #0000004d}.rank-up-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0000004d}.rank-up-close-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.achievement-unlocked-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1002;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.achievement-unlocked-modal.visible{opacity:1;visibility:visible}.achievement-unlocked-content{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border:3px solid #ffc107;border-radius:20px;padding:32px 48px;text-align:center;box-shadow:var(--shadow-medium),0 0 40px #ffc1074d;animation:achievementPopIn .5s ease-out;min-width:280px}@keyframes achievementPopIn{0%{transform:scale(.3) rotate(10deg);opacity:0}60%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1}}.achievement-unlocked-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.achievement-unlocked-icon{font-size:32px;animation:trophyBounce .8s ease infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.achievement-unlocked-title{font-size:22px;font-weight:700;color:#ffc107;text-transform:uppercase;letter-spacing:2px}.achievement-unlocked-badge{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffc10733,#ffc1071a);border-radius:50%;border:3px solid #ffc107;box-shadow:0 0 20px #ffc10766}.achievement-unlocked-emoji{font-size:48px}.achievement-unlocked-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.achievement-unlocked-description{font-size:14px;color:var(--text-muted);margin-bottom:20px;line-height:1.4}.achievement-unlocked-reward-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;padding:12px 20px;background:#ffc10726;border-radius:12px;border:1px solid rgba(255,193,7,.3)}.achievement-unlocked-reward-label{font-size:14px;color:var(--text-muted)}.achievement-unlocked-reward-value{font-size:20px;font-weight:700;color:#ffc107}.achievement-unlocked-close-btn{padding:14px 48px;font-size:16px;font-weight:600;color:#1a1a1a;background:linear-gradient(180deg,#ffc107,#ff9800);border:3px solid rgba(0,0,0,.2);border-radius:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;box-shadow:0 4px #0000004d}.achievement-unlocked-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0000004d}.achievement-unlocked-close-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.game-status-panel{display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#0009,#0006);border:1px solid var(--border-medium);position:relative;padding-top:0!important;padding-bottom:4px!important;overflow:hidden}.progress-border{position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-medium);border-radius:16px 16px 0 0}.progress-border .progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));transition:width .3s linear;border-radius:16px 0 0}.progress-border .progress-bar.warning{background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));opacity:.6}.status-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0}.round-info{display:flex;align-items:center;gap:8px}.round-label{font-size:13px;color:var(--text-muted)}.round-number{background:var(--accent-subtle);padding:4px 10px;border-radius:6px;color:var(--accent-primary);font-weight:600;font-size:13px}.online-status{display:flex;align-items:center;gap:6px;margin-left:12px;padding-left:12px;border-left:1px solid var(--border-medium);font-size:12px;color:var(--text-muted)}.connection-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:connection-pulse 2s infinite}.connection-indicator.connected{background:var(--accent-primary);animation:none}@keyframes connection-pulse{0%,to{opacity:1}50%{opacity:.5}}.online-count{font-weight:600;color:var(--text-secondary)}.online-label{color:var(--text-hint)}.phase-indicator{display:flex;align-items:center;gap:12px}.game-phase{font-size:14px;font-weight:600;padding:0;background:none;border:none;text-transform:uppercase;letter-spacing:.5px}.game-phase.bettings{color:var(--accent-primary)}.game-phase.playing{color:var(--accent-primary);animation:blink .5s infinite}.game-phase.result{color:var(--accent-primary)}.game-phase.waiting,.game-phase.canceled{color:var(--text-muted)}.timer{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-primary);transition:all .3s ease;min-width:70px;text-align:right}.timer.warning{color:var(--accent-primary);opacity:.7}.strip-container{position:relative;height:90px;margin:0 20px 20px;overflow:hidden;border-radius:12px;background:var(--strip-bg);border:2px solid var(--strip-border);box-shadow:inset 0 4px 20px #00000080,0 0 30px var(--accent-subtle)}.strip-marker-top{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--accent-primary);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.strip-marker-bottom{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--accent-primary);z-index:10;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.5))}.strip-highlight{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:85px;background:var(--accent-subtle);border-radius:12px;box-shadow:inset 3px 0 0 var(--accent-primary),inset -3px 0 0 var(--accent-primary),inset 0 3px 0 var(--accent-primary),inset 0 -3px 0 var(--accent-primary);z-index:5;pointer-events:none}.strip-track{display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:transform 5s cubic-bezier(.15,.85,.35,1);will-change:transform}.strip-track.instant{transition:none!important}.strip-cell{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 2px;border-radius:8px;flex-shrink:0;font-size:28px;font-weight:800;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003}.strip-cell.red{background:linear-gradient(180deg,var(--bet-red) 0%,var(--bet-red-dark) 100%)}.strip-cell.black{background:linear-gradient(180deg,var(--bet-black) 0%,var(--bet-black-dark) 100%)}.strip-cell.green{background:linear-gradient(180deg,var(--bet-green) 0%,var(--bet-green-dark) 100%)}.result-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none}.result-overlay.hidden{display:none}.result-content{background:linear-gradient(180deg,#1e1e23f2,#141419fa);padding:20px 40px;border-radius:20px;border:3px solid var(--accent-primary);box-shadow:0 0 60px var(--accent-glow),0 0 100px #d4af3733,inset 0 1px #ffffff1a;animation:resultPopIn .4s cubic-bezier(.34,1.56,.64,1);text-align:center;position:relative;overflow:visible}@keyframes resultPopIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.result-sparkles{position:absolute;top:-8px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.sparkle{font-size:24px;font-family:var(--font-emoji);animation:sparkleFloat 1.5s ease-in-out infinite}.sparkle-left{animation-delay:0s}.sparkle-right{animation-delay:.75s}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-6px) scale(1.2);opacity:.8}}.result-label{font-size:16px;font-weight:600;color:var(--accent-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px}.result-emoji{font-family:var(--font-emoji)}.result-content .payout-value{font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.result-content .payout-win{background:linear-gradient(135deg,var(--accent-primary) 0%,#f5d742 50%,var(--accent-secondary) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 2s ease-in-out infinite;display:flex;align-items:center;gap:8px}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.payout-coin{font-size:28px;font-family:var(--font-emoji);-webkit-text-fill-color:initial;animation:coinBounce .6s ease-in-out infinite}@keyframes coinBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(10deg)}}.result-container{display:none}.result-value{font-size:28px;font-weight:800;margin-bottom:8px}.result-value.red{color:var(--color-danger)}.result-value.black{color:var(--text-primary)}.result-value.zero{color:var(--color-success)}.payout-value{font-size:20px;font-weight:700;color:var(--accent-primary)}.payout-value.loss{color:var(--text-muted)}.timer-container,.progress-bar-container{display:none}.players-bets-section{padding:0 20px 12px}.players-bets-section.hidden{display:none}.players-bets-header{font-size:11px;color:var(--text-hint);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.players-bets-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.players-bets-list::-webkit-scrollbar{height:3px}.players-bets-list::-webkit-scrollbar-track{background:transparent}.players-bets-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.player-bet-item{display:flex;align-items:center;gap:6px;background:#0006;border:1px solid var(--accent-subtle);border-radius:6px;padding:5px 8px;flex-shrink:0}.player-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-avatar .avatar-emoji{font-size:14px;line-height:1;font-family:var(--font-emoji)}.player-info{display:flex;flex-direction:column;gap:1px;min-width:0}.player-name{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.player-total-bet{font-size:12px;font-weight:700;color:var(--accent-primary)}.player-bets-colors{display:flex;gap:3px}.player-bets-colors .bet-color{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:14px;padding:0 3px;border-radius:3px;font-size:9px;font-weight:600;color:var(--text-primary)}.player-bets-colors .bet-color.red{background:linear-gradient(180deg,var(--bet-red) 0%,var(--bet-red-dark) 100%)}.player-bets-colors .bet-color.black{background:linear-gradient(180deg,var(--bet-black) 0%,var(--bet-black-dark) 100%)}.player-bets-colors .bet-color.zero{background:linear-gradient(180deg,var(--bet-green) 0%,var(--bet-green-dark) 100%)}.player-bet-item.is-me{border-color:var(--accent-primary);background:var(--accent-subtle)}.player-bet-item.is-me .player-avatar{box-shadow:0 0 8px var(--accent-glow)}.online-players-row{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 16px 4px;height:40px}.online-player-avatar{position:relative;width:28px;height:28px;animation:avatarAppear .3s ease-out}@keyframes avatarAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.online-player-avatar .avatar-circle{width:100%;height:100%;border-radius:50%;background:#0006;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,transform .2s}.online-player-avatar .avatar-circle .avatar-emoji{font-size:14px;line-height:1;font-family:var(--font-emoji)}.online-player-avatar.is-me .avatar-circle{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-subtle);border-width:3px}.online-player-avatar.is-me .avatar-name{color:var(--accent-primary);font-weight:600}.online-player-avatar.is-me .avatar-bet-amount{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);box-shadow:0 0 8px var(--accent-glow)}.online-player-avatar .avatar-bet-indicator{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary);display:none}.online-player-avatar .avatar-bet-indicator.red{display:block;background:var(--bet-red)}.online-player-avatar .avatar-bet-indicator.black{display:block;background:var(--bet-black)}.online-player-avatar .avatar-bet-indicator.zero{display:block;background:var(--bet-green)}.online-player-avatar .avatar-bet-indicator.mixed{display:block;background:linear-gradient(135deg,var(--bet-red) 50%,var(--bet-black) 50%)}.online-player-avatar .avatar-bet-amount{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:var(--bg-primary);font-size:10px;font-weight:700;padding:1px 4px;border-radius:4px;white-space:nowrap;line-height:1.2;box-shadow:0 1px 3px #0006}.online-player-avatar .avatar-name{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:9px;color:var(--text-primary);white-space:nowrap;text-align:center;line-height:1;background:#000000e6;padding:3px 6px;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none}.online-player-avatar:hover .avatar-name{opacity:1;visibility:visible}.bet-notifications{position:absolute;top:50%;left:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:15;max-width:180px}.bet-notification{display:flex;align-items:center;gap:6px;background:#000c;border:1px solid var(--border-medium);border-radius:20px;padding:4px 10px 4px 4px;animation:notifSlideIn .3s ease-out,notifFadeOut .5s ease-in 2.5s forwards;white-space:nowrap}@keyframes notifSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes notifFadeOut{to{opacity:0;transform:translate(-10px)}}.bet-notification .notif-avatar{width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bet-notification .notif-avatar .avatar-emoji{font-size:14px;font-family:var(--font-emoji)}.bet-notification .notif-text{font-size:11px;color:var(--text-secondary)}.bet-notification .notif-text .notif-amount{font-weight:700}.bet-notification .notif-text .notif-color{font-weight:600}.bet-notification .notif-text .notif-color.red{color:var(--bet-red)}.bet-notification .notif-text .notif-color.black{color:var(--text-primary)}.bet-notification .notif-text .notif-color.zero{color:var(--bet-green)}@media(min-aspect-ratio:1/1){.game-status-panel{gap:6px}.status-header{padding:8px 12px 0}.round-label{font-size:11px}.round-number{padding:3px 8px;font-size:11px}.online-status{font-size:10px;gap:4px;margin-left:8px;padding-left:8px}.connection-indicator{width:6px;height:6px}.game-phase{font-size:12px}.timer{font-size:20px;min-width:60px}.strip-container{height:90px;margin:0 16px 12px;border-radius:12px}.strip-cell{width:84px;height:84px;font-size:32px;border-radius:10px}.strip-highlight{width:88px;border-radius:12px}.strip-marker-top,.strip-marker-bottom{border-left-width:10px;border-right-width:10px;border-top-width:10px;border-bottom-width:10px}.players-bets-section{padding:0 12px 8px}.players-bets-header{font-size:10px;margin-bottom:4px}.player-bet-item{padding:4px 6px}.player-avatar{width:20px;height:20px}.player-avatar .avatar-emoji{font-size:12px}.player-name{font-size:9px}.player-total-bet{font-size:10px}.result-content{padding:12px 24px;border-radius:14px;border-width:2px}.result-label{font-size:12px;margin-bottom:4px}.result-content .payout-value{font-size:24px}.payout-coin{font-size:20px}.sparkle{font-size:18px}}@media(max-width:500px){.status-header{flex-wrap:wrap;gap:8px;padding:12px 12px 0}.round-info{width:100%;justify-content:flex-start}.online-status{margin-left:auto;padding-left:0;border-left:none}.phase-indicator{width:100%;justify-content:space-between}.game-phase{font-size:12px}.timer{font-size:20px;min-width:60px}.strip-container{height:70px;margin:0 12px 12px}.strip-cell{width:60px;height:60px;font-size:22px}.strip-highlight{width:65px}}.betting-panel{position:relative;display:flex;flex-direction:column;gap:8px}.betting-tip{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#ffffff0d;border-radius:8px;margin-bottom:4px}.tip-icon{font-size:16px;line-height:1}.tip-text{font-size:13px;font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.betting-panel:before{display:none}.bet-main-row{display:flex;align-items:center;justify-content:center;gap:8px}.bet-amounts-row{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0}.bet-separator-v{width:1px;height:32px;background:linear-gradient(180deg,transparent,var(--border-strong),transparent);flex-shrink:0;margin:0 4px}.bet-separator-h{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);margin:2px 0}.bet-button{width:80px;height:50px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-weight:600;position:relative;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px #0000004d;transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover){.bet-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px #0000004d}}.bet-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000004d}.bet-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.bet-button.has-bet{border-color:var(--accent-primary);box-shadow:0 4px #0000004d,0 0 12px var(--accent-glow)}.bet-red{background:linear-gradient(180deg,var(--bet-red) 0%,var(--bet-red-dark) 100%);color:#fff}.bet-black{background:linear-gradient(180deg,var(--bet-black) 0%,var(--bet-black-dark) 100%);color:#fff}.bet-zero{background:linear-gradient(180deg,var(--bet-green) 0%,var(--bet-green-dark) 100%);color:#fff}.bet-multiplier{font-size:15px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 8px rgba(255,255,255,.3);letter-spacing:.5px}.bet-current-amount{margin-top:2px;padding:2px 5px;background:#0000004d;border-radius:4px;font-size:10px;font-weight:700;color:var(--accent-primary)}.amount-button{padding:10px 14px;min-width:44px;background:var(--bg-panel-hover);border:2px solid var(--border-medium);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;box-shadow:0 3px #0003;white-space:nowrap;flex-shrink:0;transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover){.amount-button:hover{background:var(--border-medium);transform:translateY(-2px);box-shadow:0 5px #0003}}.amount-button:active{transform:translateY(1px);box-shadow:0 1px #0003}.amount-button.selected{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-secondary);box-shadow:0 3px 0 var(--accent-secondary)}.action-button{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border:2px solid rgba(255,255,255,.1);box-shadow:0 3px #0000004d;position:relative;flex-shrink:0;transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.action-button:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#000000d9;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100}@media(hover:hover){.action-button:hover:after{opacity:1;visibility:visible}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #0000004d}}.action-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #0000004d}.action-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;isolation:isolate}.action-random{background:linear-gradient(180deg,#9b59b6,#7d3c98);color:#fff}.action-cancel{background:linear-gradient(180deg,#e74c3c,#c0392b);color:#fff}.action-cancel:before{content:"";display:block;width:12px;height:12px;background:linear-gradient(45deg,transparent 40%,white 40%,white 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,white 40%,white 60%,transparent 60%)}.action-auto{background:linear-gradient(180deg,#27ae60,#1e8449);color:#fff}.action-auto.active{background:linear-gradient(180deg,#2ecc71,#27ae60);box-shadow:0 0 10px #2ecc7180,0 3px #0000004d;animation:pulse-auto 1.5s infinite}@keyframes pulse-auto{0%,to{box-shadow:0 0 10px #2ecc7180,0 3px #1e8449}50%{box-shadow:0 0 15px #2ecc71cc,0 3px #1e8449}}.amount-allin{background:linear-gradient(135deg,#f1c40f,#f39c12);border-color:#d68910;color:#2c3e50;font-weight:700}@media(hover:hover){.amount-allin:hover{background:linear-gradient(135deg,#f39c12,#e67e22);color:#2c3e50}}.amount-allin.selected{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#b9770e;color:#2c3e50;box-shadow:0 3px #b9770e}@media(min-aspect-ratio:1/1){.betting-panel,.bet-main-row{gap:6px}.bet-button{width:70px;height:44px;border-radius:10px}.bet-multiplier{font-size:14px}.bet-amounts-row{gap:5px}.action-button{width:34px;height:34px;font-size:14px}.amount-button{padding:8px 12px;font-size:12px}.bet-separator-v{height:28px;margin:0 3px}.bet-separator-h{margin:1px 0}}@media(max-width:400px){.betting-panel{gap:6px}.bet-main-row{gap:5px}.bet-button{width:60px;height:40px;border-radius:8px}.bet-multiplier{font-size:13px}.bet-amounts-row{gap:4px}.action-button{width:32px;height:32px;font-size:14px}.amount-button{padding:8px 10px;font-size:11px}.bet-separator-v{height:26px;margin:0 2px}.bet-separator-h{margin:1px 0}}.current-bets-panel{display:flex;flex-direction:column}.bets-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.bet-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0003;border-radius:8px;border:1px solid var(--border-subtle)}.bet-item-info{display:flex;align-items:center;gap:10px}.bet-color-indicator{width:12px;height:12px;border-radius:50%}.bet-color-indicator.red{background:var(--bet-red)}.bet-color-indicator.black{background:var(--bet-black)}.bet-color-indicator.zero{background:var(--bet-green)}.bet-color{font-weight:500;font-size:14px;color:var(--text-secondary);text-transform:capitalize}.bet-amount{font-weight:700;font-size:14px;color:var(--accent-primary)}.bets-total{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--accent-subtle);border-radius:8px;margin-top:12px;border:1px solid var(--accent-subtle)}.bets-total-label{font-size:14px;color:var(--text-muted)}.bets-total-value{font-weight:700;font-size:18px;color:var(--accent-primary)}.empty-message{text-align:center;color:var(--text-hint);font-size:14px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-message-icon{font-size:32px;opacity:.5}.bets-list::-webkit-scrollbar{width:6px}.bets-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.bets-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.bets-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.round-history-panel{display:flex;flex-direction:column;padding:12px 16px}.history-numbers{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;min-height:42px}.history-numbers::-webkit-scrollbar{display:none}.history-number{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:var(--shadow-soft);flex-shrink:0;cursor:default;color:var(--text-primary)}.history-number.red{background:linear-gradient(180deg,var(--bet-red) 0%,var(--bet-red-dark) 100%)}.history-number.black{background:linear-gradient(180deg,var(--bet-black) 0%,var(--bet-black-dark) 100%)}.history-number.green{background:linear-gradient(180deg,var(--bet-green) 0%,var(--bet-green-dark) 100%)}.history-number.latest{width:42px;height:42px;font-size:18px;box-shadow:0 0 12px var(--accent-glow),var(--shadow-soft);border:2px solid var(--accent-primary)}.history-separator{width:1px;height:36px;background:linear-gradient(180deg,transparent,var(--border-strong),transparent);flex-shrink:0;margin:0 4px;align-self:center}.round-history-panel .empty-message{text-align:center;color:var(--text-hint);font-size:14px;padding:10px;margin:0}.empty-message.hidden{display:none}@media(min-aspect-ratio:1/1){.round-history-panel{padding:8px 12px;margin-top:2px;border-top:2px solid var(--accent-line)}.history-numbers{gap:4px}.history-number{width:36px;height:36px;font-size:14px}.history-number.latest{width:42px;height:42px;font-size:18px}.history-separator{height:36px;margin:0 4px}}.leaderboard-panel{display:flex;flex-direction:column}.leaderboard-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto;scrollbar-width:none}.leaderboard-list::-webkit-scrollbar{display:none}.leaderboard-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0003;border-radius:8px;border:1px solid var(--border-subtle);transition:background .2s ease}.leaderboard-entry:hover{background:#0000004d}.leaderboard-entry.is-me{background:var(--accent-subtle);border-color:var(--accent-line)}.entry-rank{min-width:28px;font-size:12px;font-weight:700;color:var(--text-muted)}.entry-rank.gold{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.entry-rank.silver{color:silver;text-shadow:0 0 8px rgba(192,192,192,.4)}.entry-rank.bronze{color:#cd7f32;text-shadow:0 0 8px rgba(205,127,50,.4)}.entry-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border:2px solid var(--accent-line);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.entry-avatar .avatar-emoji{font-size:18px;line-height:1;font-family:var(--font-emoji)}.leaderboard-entry.is-me .entry-avatar{box-shadow:0 0 10px var(--accent-glow)}.entry-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.entry-name{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-level{font-size:11px;color:var(--text-hint)}.entry-wagered{font-size:14px;font-weight:700;color:var(--accent-primary);text-align:right;min-width:60px}.leaderboard-panel .empty-message{text-align:center;color:var(--text-hint);font-size:14px;padding:40px 20px}@media(min-aspect-ratio:1/1){.leaderboard-list{gap:4px;max-height:180px}.leaderboard-entry{gap:8px;padding:6px 10px}.entry-avatar{width:26px;height:26px}.entry-avatar .avatar-emoji{font-size:14px}.entry-name{font-size:12px}.entry-level{font-size:10px}.entry-wagered{font-size:12px}}.feed-panel{display:flex;flex-direction:column}.feed-panel .panel-title{margin-bottom:8px}.feed-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.feed-list::-webkit-scrollbar{display:none}.feed-panel .empty-message{padding:10px}.feed-event{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 14px;background:#0003;border-radius:8px;border:1px solid var(--border-subtle);animation:feedSlideIn .3s ease-out;flex-shrink:0;min-width:160px;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity}@keyframes feedSlideIn{0%{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translateZ(0)}}.feed-event.allin-win{background:#c9a22726;border-color:var(--accent-line)}.feed-event.allin-win .feed-amount{color:var(--accent-primary);text-shadow:0 0 8px rgba(201,162,39,.5)}.feed-event.win-streak{background:#3d997026;border-color:#3d99704d}.feed-event.win-streak .feed-amount{color:var(--color-success)}.feed-event.comeback{background:#9a8bc726;border-color:#9a8bc74d}.feed-event.comeback .feed-amount{color:var(--color-level)}.feed-avatar{width:28px;height:28px;border-radius:6px;background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feed-avatar .avatar-emoji{font-size:14px;line-height:1;font-family:var(--font-emoji)}.feed-content{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.feed-username{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-message{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-amount{font-size:12px;font-weight:700;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}@media(min-aspect-ratio:1/1){.feed-panel .panel-title{margin-bottom:6px}.feed-list{gap:6px}.feed-event{gap:8px;padding:6px 10px;min-width:140px}.feed-avatar{width:24px;height:24px}.feed-avatar .avatar-emoji{font-size:12px}.feed-username{font-size:10px}.feed-message{font-size:9px}.feed-amount{font-size:11px}}.reaction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10}.floating-reaction{position:absolute;display:flex;align-items:center;gap:6px;animation:floatUp 2s ease-out forwards;transform-origin:center}.floating-reaction-emoji{font-size:32px;font-family:var(--font-emoji);line-height:1}.floating-reaction-name{font-size:12px;font-weight:600;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}@keyframes floatUp{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}50%{opacity:1}to{transform:translateY(-120px) scale(1.3) rotate(var(--rotation, 0deg));opacity:0}}.reaction-picker{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;background:#000000f2;z-index:10;animation:pickerFadeIn .2s ease-out;border-radius:12px}.reaction-picker.hidden{display:none}@keyframes pickerFadeIn{0%{opacity:0}to{opacity:1}}.reaction-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:280px}.reaction-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#ffffff1a;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s ease}.reaction-btn:hover{background:#fff3;transform:scale(1.1)}.reaction-btn:active{transform:scale(.95)}.reaction-btn.locked{background:#0000004d;border-color:var(--border-subtle)}.reaction-btn.locked:hover{background:#0006;border-color:var(--accent-line)}.reaction-btn.locked.disabled{opacity:.5;cursor:not-allowed}.reaction-btn.locked.disabled:hover{transform:none;background:#0000004d;border-color:var(--border-subtle)}.reaction-emoji{font-size:22px;font-family:var(--font-emoji);line-height:1}.reaction-btn.locked .reaction-emoji{font-size:16px;opacity:.6}.reaction-price{font-size:9px;font-weight:600;color:var(--accent-primary);margin-top:2px}@media(max-height:700px){.reaction-btn{width:38px;height:38px}.reaction-emoji{font-size:18px}.reaction-btn.locked .reaction-emoji{font-size:14px}.reaction-price{font-size:8px}.floating-reaction-emoji{font-size:28px}.floating-reaction-name{font-size:10px;max-width:60px}}.quests-modal{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:20px;width:100%;max-width:420px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-medium);border:1px solid var(--accent-line);animation:questsSlideUp .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@keyframes questsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quests-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--accent-line)}.quests-modal .modal-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.quests-modal .modal-close{background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.quests-modal .modal-close:hover{background:var(--border-medium);color:var(--text-primary)}.quests-modal .modal-content{padding:16px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateZ(0);-webkit-transform:translateZ(0)}.quests-panel{display:flex;flex-direction:column}.quests-list{display:flex;flex-direction:column;gap:8px}.quest-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border-radius:8px;border:1px solid var(--border-subtle);transition:all .2s ease}.quest-item:hover{background:#0000004d}.quest-item.completed{border-color:var(--success-line);background:#10b9811a}.quest-item.claimed{opacity:.6;background:#00000026}.quest-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.quest-title{font-size:13px;font-weight:600;color:var(--text-secondary)}.quest-description{font-size:11px;color:var(--text-hint)}.quest-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:4px}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;transition:width .3s ease;min-width:0}.quest-progress-text{font-size:10px;color:var(--text-hint);margin-top:2px}.quest-completed-text{font-size:12px;font-weight:600;color:var(--success-primary);margin-top:4px}.quest-reward{display:flex;align-items:center;justify-content:center;min-width:70px}.quest-reward-preview{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.quest-reward-preview .coin-icon{font-size:14px}.quest-claim-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:3px solid rgba(0,0,0,.2);border-radius:10px;font-size:13px;font-weight:700;color:var(--bg-primary);cursor:pointer;transition:all .15s ease;box-shadow:0 4px #0000004d}.quest-claim-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0000004d}.quest-claim-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.quest-claim-btn .coin-icon{font-size:14px}.quest-claimed-icon{font-size:18px;color:var(--success-primary)}.quest-empty{text-align:center;color:var(--text-hint);font-size:14px;padding:20px}.quests-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;gap:8px}.quests-locked-icon{font-size:32px;opacity:.6}.quests-locked-text{font-size:14px;color:var(--text-muted);margin:0}.quests-locked-level{font-weight:700;color:var(--accent-primary)}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-primary{padding:14px 28px;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--bg-primary);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:scale(1.05);box-shadow:var(--shadow-glow-accent)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:12px 24px;background:var(--bg-panel-hover);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border-medium);border-color:var(--border-strong)}.btn-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel-hover);border:1px solid var(--border-medium);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.btn-icon:hover{background:var(--border-medium);color:var(--text-primary)}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-medium);border:1px solid var(--accent-line);animation:slideUp .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(max-aspect-ratio:1/1){.profile-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none}.profile-modal-overlay{padding:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-medium)}.profile-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.profile-modal-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.profile-modal-close:hover{background:var(--border-medium);color:var(--text-primary)}.profile-modal-content{padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateZ(0);-webkit-transform:translateZ(0)}.profile-current{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;background:var(--bg-panel-hover);border-radius:12px}.profile-avatar-large{width:64px;height:64px;border-radius:14px;background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);display:flex;align-items:center;justify-content:center;border:3px solid var(--accent-primary);box-shadow:0 4px #00000040;color:var(--accent-primary)}.profile-avatar-large .avatar-emoji{font-size:32px;line-height:1;font-family:var(--font-emoji)}.profile-info{flex:1}.profile-username{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.profile-rank{font-size:14px;font-weight:600}.profile-level-inline{font-weight:400;opacity:.6}.profile-level{font-size:14px;color:var(--text-muted)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-stats-grid-bottom{grid-template-columns:repeat(2,1fr);margin-top:8px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:var(--bg-panel-hover);border-radius:8px;text-align:center}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.stat-value.stat-wins{color:var(--accent-primary)}.stat-value.stat-losses{color:var(--text-muted)}.stat-value.stat-highlight{color:var(--accent-primary)}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.profile-section{margin-bottom:16px}.profile-section-compact{margin-bottom:12px}.profile-section h3{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.rank-progress{margin-bottom:16px}.rank-progress-bar{height:8px;background:var(--border-medium);border-radius:4px;overflow:hidden;margin-bottom:12px}.rank-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:4px;transition:width .3s ease}.rank-progress-text{font-size:13px;color:var(--text-muted);text-align:left;margin-bottom:8px}.ranks-list{display:flex;flex-direction:column;gap:8px}.rank-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-panel);border-radius:8px;border:1px solid transparent;transition:all .2s}.rank-item.current{background:var(--accent-subtle);border-color:var(--accent-line)}.rank-item.locked{opacity:.5}.rank-item-index{width:24px;height:24px;border-radius:50%;background:var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted)}.rank-item.current .rank-item-index{background:var(--accent-subtle);color:var(--accent-primary)}.rank-item-info{flex:1}.rank-item-name{font-size:14px;font-weight:600;margin-bottom:2px}.rank-item-levels{font-size:11px;color:var(--text-hint)}.rank-item-badge{font-size:16px}.ranks-row{display:flex;flex-wrap:wrap;gap:6px}.rank-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-panel-hover);border-radius:12px;border:1px solid transparent;cursor:default;transition:all .2s}.rank-chip.current{background:var(--accent-subtle);border-color:var(--accent-primary);box-shadow:0 2px 0 var(--accent-secondary);margin-bottom:2px}.rank-chip.locked{opacity:.4}.rank-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rank-chip-name{font-size:11px;font-weight:600}.avatar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.avatar-item{aspect-ratio:1;border-radius:10px;background:linear-gradient(180deg,var(--bg-panel-hover) 0%,var(--bg-panel) 100%);border:2px solid var(--border-medium);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;transition:all .15s ease;position:relative;padding:4px;box-shadow:0 2px #0003}.avatar-item:hover{transform:translateY(-2px);box-shadow:0 4px #0003;border-color:var(--accent-line)}.avatar-item.selected{border-color:var(--accent-primary);background:var(--accent-subtle);box-shadow:0 2px 0 var(--accent-secondary)}.avatar-item .avatar-icon-container{display:flex;align-items:center;justify-content:center}.avatar-item .avatar-icon-container .avatar-emoji{font-size:20px;line-height:1;font-family:var(--font-emoji)}.avatar-item .avatar-price{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--bg-primary);background:var(--accent-primary);padding:2px 6px;border-radius:8px;white-space:nowrap;box-shadow:0 2px #0003}.avatar-item .avatar-price-icon{width:12px;height:12px;stroke-width:2.5}.avatar-item.locked{border-color:var(--accent-line)}.avatar-item.locked:hover{border-color:var(--accent-primary)}.avatar-item.disabled{opacity:.5;cursor:not-allowed}.avatar-item.disabled:hover{transform:none;background:var(--bg-panel-hover)}.header-rank-badge{font-size:12px;font-weight:600;margin-bottom:2px}.purchase-dialog{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .15s ease}.purchase-dialog.hidden{display:none}.purchase-dialog-content{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:16px;padding:24px;text-align:center;box-shadow:var(--shadow-medium);border:1px solid var(--accent-line)}.purchase-dialog-avatar{width:80px;height:80px;border-radius:16px;background:linear-gradient(180deg,var(--bg-panel-hover) 0%,var(--bg-panel) 100%);border:3px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px #00000040;color:var(--accent-primary)}.purchase-dialog-avatar .avatar-emoji{font-size:40px;line-height:1;font-family:var(--font-emoji)}.purchase-dialog-text{font-size:16px;color:var(--text-primary);margin-bottom:20px}.purchase-price{color:var(--accent-primary);font-weight:700}.purchase-dialog-buttons{display:flex;gap:12px;justify-content:center}.purchase-cancel,.purchase-confirm{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.purchase-cancel{background:var(--border-medium);color:var(--text-secondary)}.purchase-cancel:hover{background:var(--border-strong);color:var(--text-primary)}.purchase-confirm{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--bg-primary)}.purchase-confirm:hover{transform:scale(1.05);box-shadow:var(--shadow-glow-accent)}.profile-achievements-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.profile-achievements-empty{font-size:12px;color:var(--text-hint)}.profile-achievement-badge{width:40px;height:40px;border-radius:10px;background:var(--bg-panel-hover);border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:default;position:relative}.profile-achievement-badge:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#000000d9;color:#fff;font-size:12px;font-weight:500;white-space:pre-line;text-align:center;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100;max-width:180px}@media(hover:hover){.profile-achievement-badge:hover:after{opacity:1;visibility:visible}}.profile-achievement-badge:hover{transform:scale(1.1)}.profile-achievement-badge.tier-bronze{border-color:#cd7f32;background:#cd7f3226}.profile-achievement-badge.tier-silver{border-color:silver;background:#c0c0c026}.profile-achievement-badge.tier-gold{border-color:gold;background:#ffd70026}.profile-achievement-icon{font-size:20px;line-height:1}.profile-achievements-more{width:40px;height:40px;border-radius:10px;background:var(--bg-panel-hover);border:2px dashed var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted)}.shop-button{height:44px;padding:0 12px;gap:6px;border-radius:12px;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:3px solid rgba(0,0,0,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 4px #0000004d}.shop-button:hover{transform:translateY(-2px);box-shadow:0 6px #0000004d}.shop-button:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.shop-icon{font-size:20px;line-height:1;font-family:var(--font-emoji)}@media(min-aspect-ratio:1/1){.shop-button{height:38px;padding:0 12px;gap:5px;box-shadow:0 2px #0000004d}.shop-icon{font-size:16px}}@media(max-width:500px){.shop-button{width:40px;height:36px;padding:0;border-radius:10px}.shop-icon{font-size:17px}}@media(max-width:380px){.shop-button{width:36px;height:32px;padding:0;border-radius:8px}.shop-icon{font-size:15px}}.shop-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:shopFadeIn .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes shopFadeIn{0%{opacity:0}to{opacity:1}}.shop-modal{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:20px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-medium);border:1px solid var(--accent-line);animation:shopSlideUp .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@keyframes shopSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--accent-line)}.shop-modal-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.shop-modal-close{background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.shop-modal-close:hover{background:var(--border-medium);color:var(--text-primary)}.shop-modal-content{padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateZ(0);-webkit-transform:translateZ(0)}.shop-products-grid{display:flex;flex-direction:column;gap:12px}.shop-product-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-panel-hover);border:2px solid var(--border-medium);border-radius:14px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;width:100%;text-align:left}.shop-product-card:hover{background:var(--bg-panel);border-color:var(--color-success-glow);transform:translate(4px)}.shop-product-card:active{transform:scale(.98)}.shop-product-card.popular{border-color:var(--color-warning-glow);background:linear-gradient(135deg,rgba(251,191,36,.08) 0%,var(--bg-panel-hover) 100%)}.shop-product-card.best-value{border-color:var(--color-success-glow);background:linear-gradient(135deg,rgba(74,222,128,.1) 0%,var(--bg-panel-hover) 100%)}.shop-product-badge{position:absolute;top:-1px;right:12px;padding:4px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:0 0 8px 8px;display:none}.shop-product-card.popular .shop-product-badge{display:block;background:linear-gradient(135deg,var(--color-warning) 0%,#f59e0b 100%);color:var(--bg-primary)}.shop-product-card.popular .shop-product-badge:after{content:"Популярный"}.shop-product-card.best-value .shop-product-badge{display:block;background:linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success) 100%);color:var(--bg-primary)}.shop-product-card.best-value .shop-product-badge:after{content:"Лучшая цена"}.shop-product-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-subtle) 0%,rgba(212,175,55,.1) 100%);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;font-family:var(--font-emoji);flex-shrink:0}.shop-product-name{flex:1;font-size:15px;font-weight:600;color:var(--text-primary)}.shop-product-bottom{display:contents}.shop-product-coins{display:flex;align-items:center;gap:4px;background:var(--accent-subtle);padding:6px 10px;border-radius:8px}.shop-product-coins .coins-icon{font-size:14px;line-height:1;font-family:var(--font-emoji)}.shop-product-coins .coins-amount{font-size:15px;font-weight:700;color:var(--accent-primary)}.shop-product-price{font-size:15px;font-weight:700;color:var(--color-success);min-width:70px;text-align:right}.shop-disclaimer{margin-top:16px;padding:12px;background:var(--bg-panel);border-radius:10px;font-size:12px;color:var(--text-hint);text-align:center;line-height:1.4}.shop-products-grid.loading{min-height:200px;display:flex;align-items:center;justify-content:center}.shop-products-grid.loading:after{content:"Загрузка...";color:var(--text-muted);font-size:14px}@media(min-aspect-ratio:1/1)and (max-width:500px){.shop-product-card{padding:10px 12px;gap:10px}.shop-product-icon{width:40px;height:40px;font-size:24px}.shop-product-name{font-size:13px}.shop-product-price{font-size:13px;min-width:60px}}@media(max-aspect-ratio:1/1){.shop-modal-overlay{padding:0}.shop-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none}.shop-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shop-product-card{flex-direction:column;align-items:center;text-align:center;padding:20px 8px 12px;gap:6px}.shop-product-card:hover{transform:translateY(-2px)}.shop-product-icon{width:40px;height:40px;font-size:24px;border-radius:10px}.shop-product-name{font-size:12px;line-height:1.2;font-weight:600}.shop-product-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.shop-product-coins{padding:4px 8px}.shop-product-coins .coins-icon{font-size:12px}.shop-product-coins .coins-amount{font-size:13px}.shop-product-price{font-size:13px;font-weight:700;text-align:center;width:100%}.shop-product-badge{top:-1px;left:-1px;right:-1px;font-size:9px;padding:3px 0;border-radius:12px 12px 0 0;text-align:center}}.avatars-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:avatarsFadeIn .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes avatarsFadeIn{0%{opacity:0}to{opacity:1}}.avatars-modal{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:16px;width:100%;max-width:400px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-medium);border:1px solid var(--accent-line);animation:avatarsSlideUp .3s ease;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(max-aspect-ratio:1/1){.avatars-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none}.avatars-modal-overlay{padding:0}}@keyframes avatarsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatars-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-medium)}.avatars-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.avatars-modal-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.avatars-modal-close:hover{background:var(--border-medium);color:var(--text-primary)}.avatars-modal-content{padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateZ(0);-webkit-transform:translateZ(0)}.avatars-current{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;background:var(--bg-panel-hover);border-radius:12px}.avatars-current-avatar{width:64px;height:64px;border-radius:14px;background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);display:flex;align-items:center;justify-content:center;border:3px solid var(--accent-primary);box-shadow:0 4px #00000040;color:var(--accent-primary)}.avatars-current-avatar .avatar-emoji{font-size:40px;line-height:1;font-family:var(--font-emoji)}.avatars-current-info{flex:1}.avatars-current-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.avatars-current-hint{font-size:12px;color:var(--text-muted)}.avatars-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.avatars-grid .avatar-item{aspect-ratio:1;border-radius:12px;background:linear-gradient(180deg,var(--bg-panel-hover) 0%,var(--bg-panel) 100%);border:2px solid var(--border-medium);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;transition:all .15s ease;position:relative;padding:6px;box-shadow:0 2px #0003}.avatars-grid .avatar-item:hover{transform:translateY(-2px);box-shadow:0 4px #0003;border-color:var(--accent-line)}.avatars-grid .avatar-item.selected{border-color:var(--accent-primary);background:var(--accent-subtle);box-shadow:0 2px 0 var(--accent-secondary)}.avatars-grid .avatar-item .avatar-icon-container{display:flex;align-items:center;justify-content:center}.avatars-grid .avatar-item .avatar-icon-container .avatar-emoji{font-size:24px;line-height:1;font-family:var(--font-emoji)}.avatars-grid .avatar-item .avatar-price{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--bg-primary);background:var(--accent-primary);padding:2px 6px;border-radius:8px;white-space:nowrap;box-shadow:0 2px #0003}.avatars-grid .avatar-item .avatar-price-icon{width:12px;height:12px;stroke-width:2.5}.avatars-grid .avatar-item.locked{border-color:var(--accent-line)}.avatars-grid .avatar-item.locked:hover{border-color:var(--accent-primary)}.avatars-grid .avatar-item.disabled{opacity:.5;cursor:not-allowed}.avatars-grid .avatar-item.disabled:hover{transform:none;background:var(--bg-panel-hover)}@media(max-width:380px){.avatars-grid{grid-template-columns:repeat(4,1fr);gap:8px}.avatars-current-avatar{width:56px;height:56px}.avatars-current-avatar .avatar-emoji{font-size:32px}}.notifications-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.notification{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;background:var(--bg-modal);border:1px solid var(--border-medium);border-radius:12px;box-shadow:0 4px 24px #00000080;animation:notificationSlideIn .3s ease-out;pointer-events:auto;text-align:center}.notification.hiding{animation:notificationSlideOut .3s ease-out forwards}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.notification-icon{font-size:22px;line-height:1}.notification-text{font-size:15px;font-weight:600;color:var(--text-primary)}.notification.success{border-color:#3d9970;background:#1a3329}.notification.success .notification-text{color:var(--color-success-light)}.notification.error{border-color:#c45c5c;background:#2d1a1a}.notification.error .notification-text{color:var(--color-danger-light)}.notification.info{border-color:#c9a227;background:#2a2618}.notification.info .notification-text{color:var(--accent-primary)}.notification-amount{color:var(--accent-primary);font-weight:700}.notification-coin{font-family:var(--font-emoji);font-size:16px}@media(max-aspect-ratio:1/1){.notifications-container{left:10px;right:10px;transform:none}.notification{width:100%}}.player-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.player-profile-modal{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:16px;width:100%;max-width:320px;overflow:hidden;box-shadow:var(--shadow-medium);border:1px solid var(--accent-line);animation:slideUp .3s ease;position:relative}.player-profile-modal-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;z-index:10}.player-profile-modal-close:hover{background:var(--border-medium);color:var(--text-primary)}.player-profile-content{padding:24px;min-height:200px;display:flex;flex-direction:column;align-items:center}.player-profile-loading{display:flex;align-items:center;justify-content:center;flex:1;min-height:180px}.player-profile-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-medium);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.player-profile-data{display:flex;flex-direction:column;align-items:center;width:100%}.player-profile-data.hidden{display:none}.player-profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);display:flex;align-items:center;justify-content:center;border:4px solid var(--accent-primary);box-shadow:0 4px 12px #0000004d;margin-bottom:12px}.player-profile-avatar .avatar-emoji{font-size:48px;line-height:1;font-family:var(--font-emoji)}.player-profile-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px;text-align:center}.player-profile-rank-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.player-profile-rank{font-size:14px;font-weight:600}.player-profile-level{font-size:13px;color:var(--text-muted)}.player-profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.player-stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:var(--bg-panel-hover);border-radius:8px;text-align:center}.player-stat-value{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.player-stat-value.stat-wins,.player-stat-value.stat-highlight{color:var(--accent-primary)}.player-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.player-profile-achievements{width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-medium)}.player-achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--text-secondary)}.player-achievements-count{font-size:12px;color:var(--text-muted);font-weight:400}.player-achievements-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.player-achievement-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-panel-hover);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;position:relative;border:2px solid transparent}.player-achievement-icon:hover{transform:scale(1.1);background:var(--bg-modal)}.player-achievement-icon.tier-bronze{border-color:#cd7f32;box-shadow:0 0 8px #cd7f324d}.player-achievement-icon.tier-silver{border-color:silver;box-shadow:0 0 8px #c0c0c04d}.player-achievement-icon.tier-gold{border-color:gold;box-shadow:0 0 8px #ffd7004d}.player-no-achievements{text-align:center;color:var(--text-muted);font-size:13px;padding:12px 0}.player-no-achievements.hidden{display:none}.player-achievement-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-modal);border:1px solid var(--border-medium);border-radius:8px;padding:8px 12px;min-width:140px;max-width:180px;z-index:100;box-shadow:0 4px 16px #0006;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none}.player-achievement-icon:hover .player-achievement-tooltip{opacity:1;visibility:visible}.player-achievement-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-medium)}.player-achievement-tooltip-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px;text-align:center}.player-achievement-tooltip-desc{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.3}.daily-bonus-modal{width:100%;max-width:400px}.daily-bonus-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px}.daily-bonus-day{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:var(--bg-panel-hover);border-radius:10px;border:2px solid var(--border-medium);transition:all .2s ease;position:relative}.daily-bonus-day .day-number{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;white-space:nowrap}.daily-bonus-day .day-reward{display:flex;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:700;color:var(--text-primary)}.daily-bonus-day .day-reward .coin-icon{font-size:12px}.daily-bonus-day .day-check{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--bg-primary);font-weight:700;box-shadow:0 2px #0003}.daily-bonus-day.past{background:var(--accent-subtle);border-color:var(--accent-line);opacity:.7}.daily-bonus-day.past .day-number,.daily-bonus-day.past .day-reward{color:var(--text-muted)}.daily-bonus-day.current{background:linear-gradient(180deg,var(--accent-subtle) 0%,var(--bg-panel-hover) 100%);border-color:var(--accent-primary);box-shadow:0 4px #0003,0 0 20px rgba(var(--accent-primary-rgb),.3);transform:translateY(-2px);animation:dailyBonusPulse 2s ease-in-out infinite}@keyframes dailyBonusPulse{0%,to{box-shadow:0 4px #0003,0 0 20px rgba(var(--accent-primary-rgb),.3)}50%{box-shadow:0 4px #0003,0 0 30px rgba(var(--accent-primary-rgb),.5)}}.daily-bonus-day.current .day-number,.daily-bonus-day.current .day-reward{color:var(--accent-primary)}.daily-bonus-note{text-align:center;font-size:12px;color:var(--text-muted);margin-bottom:16px;opacity:.8}.daily-bonus-reward{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:var(--accent-subtle);border-radius:12px;border:1px solid var(--accent-line);margin-bottom:20px}.daily-bonus-reward-label{font-size:16px;font-weight:500;color:var(--text-muted)}.daily-bonus-reward-value{display:flex;align-items:center;gap:6px}.daily-bonus-reward-value .coin-icon{font-size:24px}.daily-bonus-reward-value #daily-bonus-amount{font-size:28px;font-weight:800;color:var(--accent-primary)}.daily-bonus-claim-btn{width:100%;padding:16px 32px;font-size:18px;font-weight:700;color:var(--bg-primary);background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:3px solid rgba(0,0,0,.2);border-radius:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;box-shadow:0 4px #0000004d}.daily-bonus-claim-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0000004d}.daily-bonus-claim-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.daily-bonus-icon{font-size:28px;animation:dailyBonusIconBounce .8s ease infinite}@keyframes dailyBonusIconBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(5deg)}}@media(max-width:420px){.daily-bonus-days{gap:4px}.daily-bonus-day{padding:6px 2px}.daily-bonus-day .day-number{font-size:8px}.daily-bonus-day .day-reward,.daily-bonus-day .day-reward .coin-icon{font-size:10px}.daily-bonus-reward-value #daily-bonus-amount{font-size:24px}}.achievements-modal{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border-radius:20px;width:100%;max-width:520px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-medium);border:1px solid var(--accent-line);animation:achievementsSlideUp .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(max-aspect-ratio:1/1){.achievements-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none}.modal-overlay:has(.achievements-modal){padding:0}}@keyframes achievementsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.achievements-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--accent-line)}.achievements-modal .modal-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.achievements-modal .modal-close{background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.achievements-modal .modal-close:hover{background:var(--border-medium);color:var(--text-primary)}.achievements-modal .modal-content{padding:16px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateZ(0);-webkit-transform:translateZ(0)}.achievements-list{display:flex;flex-direction:column;gap:8px}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border-radius:8px;border:1px solid var(--border-subtle);transition:all .2s ease}.achievement-item:hover{background:#0000004d}.achievement-item.unlocked{border-color:var(--success-line);background:#10b9811a}.achievement-item.locked{opacity:.6}.achievement-item.tier-bronze{border-color:#cd7f32}.achievement-item.tier-bronze.unlocked{background:#cd7f3226;border-color:#cd7f32}.achievement-item.tier-silver{border-color:silver}.achievement-item.tier-silver.unlocked{background:#c0c0c026;border-color:silver}.achievement-item.tier-gold{border-color:gold}.achievement-item.tier-gold.unlocked{background:#ffd70026;border-color:gold}.achievement-icon{font-size:28px;min-width:40px;text-align:center}.achievement-item.locked .achievement-icon{filter:grayscale(100%);opacity:.5}.achievement-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.achievement-title{font-size:13px;font-weight:600;color:var(--text-secondary)}.achievement-description{font-size:11px;color:var(--text-hint)}.achievement-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:4px}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;transition:width .3s ease;min-width:0}.achievement-progress-text{font-size:10px;color:var(--text-hint);margin-top:2px}.achievement-reward{display:flex;align-items:center;justify-content:center;min-width:60px}.achievement-reward-preview{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.achievement-reward-preview .coin-icon{font-size:14px}.achievement-unlocked-icon{font-size:18px;color:var(--success-primary)}.achievements-empty{text-align:center;color:var(--text-hint);font-size:14px;padding:20px}.achievements-section-header{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.achievements-section-header:first-child{margin-top:0}.achievements-stats{display:flex;justify-content:center;gap:24px;padding:12px;background:#00000026;border-radius:8px;margin-bottom:16px}.achievements-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.achievements-stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.achievements-stat-label{font-size:11px;color:var(--text-hint)}.achievements-compact-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.achievement-compact{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:#0003;border-radius:10px;border:1px solid var(--border-subtle);min-width:70px;transition:all .2s ease}.achievement-compact:hover{background:#0000004d}.achievement-compact.unlocked{border-color:gold;background:#ffd70026}.achievement-compact-icon{font-size:24px}.achievement-compact:not(.unlocked) .achievement-compact-icon{filter:grayscale(100%);opacity:.5}.achievement-compact-level{font-size:14px;font-weight:700;color:var(--text-primary)}.achievement-compact-progress{font-size:10px;color:var(--text-hint)}.achievement-compact.unlocked .achievement-compact-progress{color:gold}.connection-error-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.connection-error-modal.visible{opacity:1;visibility:visible}.connection-error-content{background:linear-gradient(180deg,var(--bg-modal) 0%,var(--bg-modal-darker) 100%);border:3px solid var(--border-medium);border-radius:20px;padding:32px 40px;text-align:center;box-shadow:0 8px 32px #00000080;max-width:320px;animation:errorPopIn .3s ease-out}.connection-error-modal.failed .connection-error-content{border-color:var(--color-error, #e53935)}@keyframes errorPopIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.connection-error-icon{font-size:48px;margin-bottom:16px}.connection-error-title{font-size:20px;font-weight:700;color:var(--color-error, #e53935);margin:0 0 12px}.connection-error-message{font-size:14px;color:var(--text-muted);margin:0 0 24px;line-height:1.5}.connection-error-btn{background:var(--color-error, #e53935);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%}.connection-error-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e5393566}.connection-error-btn:active{transform:translateY(0)}.connection-error-modal.reconnecting .connection-error-title{color:var(--accent-primary)}.connection-spinner{width:32px;height:32px;border:3px solid var(--border-medium);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#connection-attempt-number{font-weight:700;color:var(--accent-primary)}.main-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;flex-direction:column;z-index:100;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-menu.hidden{display:none}.main-menu-content{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:400px;width:100%;margin:auto;text-align:center}.main-menu-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.main-menu-logo-icon{font-size:80px;font-family:var(--font-emoji);filter:drop-shadow(0 4px 20px rgba(212,160,48,.4));animation:menuLogoFloat 3s ease-in-out infinite}@keyframes menuLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.main-menu-title{font-size:42px;font-weight:700;color:var(--accent-primary);margin:0;text-shadow:0 2px 20px rgba(212,160,48,.3);letter-spacing:2px}.main-menu-subtitle{font-size:16px;color:var(--text-muted);margin:0;font-weight:500}.main-menu-buttons{display:flex;flex-direction:column;gap:16px;width:100%}.main-menu-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;width:100%}.main-menu-button .button-icon{font-size:24px;font-family:var(--font-emoji)}.main-menu-button-play{background:linear-gradient(180deg,var(--color-success) 0%,var(--color-success-light) 50%,var(--color-success) 100%);color:#fff;box-shadow:0 4px 20px #3d997066,inset 0 1px #fff3}.main-menu-button-play:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3d997080,inset 0 1px #fff3}.main-menu-button-play:active{transform:translateY(0)}.main-menu-button-secondary{background:var(--bg-panel);border:1px solid var(--border-medium);color:var(--text-secondary)}.main-menu-button-secondary:hover{background:var(--bg-panel-hover);border-color:var(--border-strong);transform:translateY(-1px)}.main-menu-button-secondary:active{transform:translateY(0)}.main-menu-settings{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px}.main-menu-setting{display:flex;align-items:center;justify-content:space-between;gap:16px}.main-menu-setting-label{font-size:16px;font-weight:600;color:var(--text-secondary)}.main-menu-sound-toggle{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:12px;cursor:pointer;transition:all .2s ease}.main-menu-sound-toggle:hover{background:var(--bg-panel-hover);border-color:var(--border-strong)}.main-menu-sound-toggle:active{transform:scale(.95)}.main-menu-sound-icon{font-size:28px;font-family:var(--font-emoji)}.main-menu-footer{margin-top:auto}.main-menu-version{font-size:12px;color:var(--text-hint)}.rules-modal-content{max-width:500px;width:100%;max-height:80vh;background:var(--bg-modal);border-radius:20px;padding:24px;overflow-y:auto;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rules-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rules-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.rules-modal-title .title-icon{font-size:28px;font-family:var(--font-emoji)}.rules-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-modal-darker);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-muted);font-size:18px;cursor:pointer;transition:all .2s ease}.rules-modal-close:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.rules-modal-body{display:flex;flex-direction:column;gap:20px}.rules-section{display:flex;flex-direction:column;gap:10px}.rules-section-title{font-size:16px;font-weight:700;color:var(--accent-primary);margin:0}.rules-section-text{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.rules-bet-types{display:flex;flex-direction:column;gap:12px}.rules-bet-type{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-modal-darker);border-radius:10px}.rules-bet-color{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.rules-bet-color.red{background:var(--bet-red)}.rules-bet-color.black{background:var(--bet-black)}.rules-bet-color.green{background:var(--bet-green)}.rules-bet-info{flex:1}.rules-bet-name{font-size:14px;font-weight:600;color:var(--text-primary)}.rules-bet-multiplier{font-size:13px;color:var(--color-success);font-weight:600}@media(max-height:600px){.main-menu-content{gap:24px}.main-menu-logo-icon{font-size:60px}.main-menu-title{font-size:32px}.main-menu-button{padding:14px 24px;font-size:16px}.main-menu-settings{padding:16px}}@media(min-aspect-ratio:1/1){.main-menu-content{gap:32px}.main-menu-logo-icon{font-size:64px}.main-menu-title{font-size:36px}}@media(max-width:640px){#app{padding:12px;gap:12px}.top-bar{flex-direction:column;border-radius:12px}.balance-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.panel{padding:16px;border-radius:12px}.panel-title{font-size:11px;margin-bottom:12px}.balance-value{font-size:16px}.level-value{font-size:14px}.timer{font-size:20px}.game-phase{font-size:11px}.round-number{font-size:11px;padding:3px 8px}.round-label{font-size:11px}.status-header{padding:12px 16px 0}.strip-container{height:70px;margin:0 16px 8px}.online-players-row{padding-top:6px}.strip-cell{width:60px;height:60px;font-size:22px;margin:0 1px}.strip-highlight{width:66px}.strip-marker-top,.strip-marker-bottom{border-left-width:10px;border-right-width:10px}.strip-marker-top{border-top-width:10px}.strip-marker-bottom{border-bottom-width:10px}.result-content{padding:12px 24px}.result-content .payout-value{font-size:24px}.bet-colors{gap:8px}.bet-button{padding:12px 8px;border-radius:10px}.bet-label{font-size:12px}.bet-multiplier{font-size:16px}.bet-current-amount{font-size:11px;padding:3px 6px}.chip-button{width:48px;height:48px;font-size:12px}.amount-button{padding:10px 6px;font-size:13px}.history-badge{width:36px;height:36px;font-size:14px;border-radius:8px}#game-container{gap:12px}}@media(max-width:380px){#app{padding:8px;gap:8px}.balance-value{font-size:14px}.level-value{font-size:12px}.chip-button{width:42px;height:42px;font-size:11px}.bet-button{padding:10px 6px}.bet-label{font-size:11px}.bet-multiplier{font-size:14px}}@media(max-height:500px)and (orientation:landscape){#app{padding:8px;gap:8px}.top-bar{flex-direction:row}.balance-panel{border-bottom:none;border-right:1px solid rgba(255,255,255,.06)}.strip-container{height:60px;margin:0 8px 8px}.strip-cell{width:50px;height:50px;font-size:18px;margin:0 1px}.strip-highlight{width:56px}.status-header{padding:8px 12px 0}}