html,body{touch-action:manipulation;background-color:#070b14;width:100%;height:100%;margin:0;padding:0;overscroll-behavior:none!important;overflow:hidden!important}:focus,:focus-visible{outline-offset:3px!important;outline:3.5px solid #38bdf8!important;box-shadow:0 0 25px #38bdf8f2,inset 0 0 10px #38bdf84d!important}button:focus,button:focus-visible,.game-btn:focus,.game-btn:focus-visible,.dialog-opt-btn:focus,.dialog-opt-btn:focus-visible,.quick-play-card:focus,.quick-play-card:focus-visible,.nav-item:focus,.nav-item:focus-visible,.setting-item-card:focus,.setting-item-card:focus-visible,.btn-login-guest:focus,.btn-login-guest:focus-visible,.btn-login-google:focus,.btn-login-google:focus-visible{z-index:10;outline-offset:3px!important;border-color:#38bdf8!important;outline:3.5px solid #38bdf8!important;transform:scale(1.03)!important;box-shadow:0 0 25px #38bdf8f2,inset 0 0 12px #38bdf866!important}.mobile-container{background:linear-gradient(#0a0f1e 0%,#070b14 100%);flex-direction:column;width:100%;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden!important}.guest-disabled{opacity:.28!important;filter:grayscale()brightness(.65)!important;cursor:not-allowed!important;pointer-events:auto!important;box-shadow:none!important;border-color:#ffffff14!important}.guest-disabled:hover,.guest-disabled:focus,.guest-disabled:active{box-shadow:none!important;outline:none!important;transform:none!important}.guest-disabled .online-pulse-icon{opacity:.1!important;animation:none!important}.guest-disabled .online-card-badge{color:#64748b!important;border-color:#334155!important}.login-screen-overlay{z-index:200;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0;overflow:hidden}.login-screen-overlay.hidden{opacity:0;pointer-events:none;transform:scale(1.04)}.login-bg-img{z-index:1;background:url(/assets/images/bg_ui.png) 50%/cover no-repeat;position:absolute;inset:0}.login-dark-gradient{z-index:2;background:linear-gradient(#0009 0%,#0000004d 40% 60%,#000000b3 100%);position:absolute;inset:0}.login-content-box{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;max-width:400px;padding:24px;display:flex;position:relative}.login-glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:24px;flex-direction:column;align-items:center;width:100%;padding:32px 24px;display:flex;box-shadow:0 24px 50px #0009,0 0 25px #38bdf826}.login-welcome-text{color:#ffffffe6;margin-bottom:28px;font-size:15px;font-weight:600;line-height:1.5}.btn-login-google{cursor:pointer;color:#1f2937;background:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000040}.btn-login-google:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.btn-login-guest{cursor:pointer;color:#fff;background:#ffffff0d;border:1.5px solid #ffffff59;border-radius:16px;justify-content:center;align-items:center;width:100%;height:56px;margin-top:16px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-login-guest:hover{color:#38bdf8;background:#ffffff26;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 6px 20px #38bdf840}.login-app-title{letter-spacing:4px;text-align:center;background:linear-gradient(135deg,#fff 0%,#22c55e 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #22c55e99);-webkit-background-clip:text;font-size:40px;font-weight:900;animation:3s ease-in-out infinite alternate titlePulse}@keyframes titlePulse{0%{filter:drop-shadow(0 0 15px #22c55e66);transform:scale(.98)}to{filter:drop-shadow(0 0 30px #38bdf8cc);transform:scale(1.02)}}.profile-setup-overlay{z-index:300;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.setup-bg-img{z-index:1;background:url(/assets/images/bg_ui.png) 50%/cover no-repeat;position:absolute;inset:0}.setup-dark-gradient{z-index:2;background:linear-gradient(#000000b3 0%,#0006 40% 60%,#000c 100%);position:absolute;inset:0}.btn-setup-back{z-index:10;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1.5px solid #38bdf880;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:20px;left:20px}.btn-setup-back:hover{border-color:#38bdf8;transform:scale(1.08);box-shadow:0 0 16px #38bdf899}.setup-content-box{z-index:5;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:32px 24px;display:flex;position:relative}.setup-title{letter-spacing:2px;background:linear-gradient(135deg,#fff 0%,#38bdf8 50%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #38bdf899);-webkit-background-clip:text;margin-bottom:12px;font-size:30px;font-weight:900}.setup-desc{color:#cbd5e1d9;margin-bottom:32px;padding:0 12px;font-size:14px;font-weight:500;line-height:1.5}.setup-input-wrapper{background:#000000b3;border:2px solid #38bdf866;border-radius:20px;align-items:center;gap:6px;width:100%;height:60px;padding:0 20px;transition:all .25s;display:flex;box-shadow:0 10px 25px #00000080,0 0 15px #38bdf826}.setup-at-prefix{color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:800}.setup-username-input{color:#fff;letter-spacing:1px;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:18px;font-weight:800}.setup-username-input::placeholder{color:#94a3b873;font-weight:500}.setup-check-spinner{border:2px solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.setup-status-msg{min-height:24px;margin-top:14px;padding:0 8px;font-size:13.5px;font-weight:600;transition:all .2s}.setup-status-msg.available{color:#22c55e;filter:drop-shadow(0 0 6px #22c55e66)}.setup-status-msg.taken,.setup-status-msg.invalid{color:#ec4899;filter:drop-shadow(0 0 6px #ec489966)}.setup-status-msg.error{color:#eab308}.setup-status-msg.info{color:#38bdf8}.btn-save-profile{color:#94a3b8;letter-spacing:2px;cursor:not-allowed;background:#ffffff0d;border:2px solid #94a3b84d;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-top:28px;font-size:16px;font-weight:900;transition:all .25s;display:flex}.btn-save-profile.active{color:#22c55e;cursor:pointer;background:#000000d9;border-color:#22c55e;box-shadow:0 8px 24px #22c55e4d}.btn-save-profile.active:hover{background:#22c55e26;transform:translateY(-2px);box-shadow:0 12px 30px #22c55e80}.setup-btn-spinner{border:2.5px solid #22c55e40;border-top-color:#22c55e;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.floating-settings{z-index:50;color:#38bdf8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border:1.5px solid #38bdf866;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:16px;left:16px}.floating-settings:hover,.floating-settings:focus{border-color:#38bdf8;transform:scale(1.08);box-shadow:0 0 16px #38bdf880}.floating-top-right-group{z-index:50;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:16px}.floating-achievements{color:#a855f7;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border:1.5px solid #a855f780;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.floating-achievements:hover,.floating-achievements:focus{border-color:#c084fc;transform:scale(1.08);box-shadow:0 0 16px #a855f799}.floating-profile{color:#38bdf8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border:1.5px solid #38bdf880;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.floating-profile:hover,.floating-profile:focus{border-color:#38bdf8;transform:scale(1.08);box-shadow:0 0 16px #38bdf899}.floating-leaderboard{color:#f59e0b;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border:1.5px solid #f59e0b80;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.floating-leaderboard:hover,.floating-leaderboard:focus{border-color:#fbbf24;transform:scale(1.08);box-shadow:0 0 18px #f59e0b99}.achievements-modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.achievements-modal.open{display:flex}.achievements-dialog-card{box-sizing:border-box;background:linear-gradient(#130e24 0%,#080612 100%);border:1.5px solid #a855f766;border-radius:24px;flex-direction:column;width:90%;max-width:540px;max-height:85vh;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000e6,0 0 35px #a855f740}.achievements-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.achievements-title{color:#c084fc;letter-spacing:1.5px;text-shadow:0 0 14px #c084fc99;font-family:Outfit,sans-serif;font-size:19px;font-weight:900}.btn-close-achievements{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-close-achievements:hover{color:#fff;background:#ffffff2e}.achievements-glow-line{background:linear-gradient(90deg,#0000,#a855f7,#0000);width:80%;height:2px;margin:0 auto 14px}.achievements-scroll-list{flex-direction:column;gap:12px;max-height:calc(85vh - 120px);padding-right:4px;display:flex;overflow-y:auto}.achievements-scroll-list::-webkit-scrollbar{width:4px}.achievements-scroll-list::-webkit-scrollbar-thumb{background:#a855f766;border-radius:4px}.achievement-card{background:#1e1b4b59;border:1.5px solid #a855f733;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;transition:all .2s;display:flex}.achievement-card.unlocked{background:linear-gradient(90deg,#581c874d,#9333ea26);border-color:#c084fcb3;box-shadow:0 4px 14px #a855f733}.ach-badge-col{flex-shrink:0;width:56px;height:56px;position:relative}.ach-badge-frame{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.ach-badge-frame.gold-glow{filter:drop-shadow(0 0 8px #f59e0b99)}.ach-badge-frame.grayscale{filter:grayscale()opacity(40%)}.ach-badge-img{object-fit:contain;width:50px;height:50px}.ach-check-icon{color:#fff;background:#22c55e;border:1.5px solid #0f111a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:flex;position:absolute;bottom:-2px;right:-2px}.ach-lock-icon{font-size:14px;position:absolute;bottom:-2px;right:-2px}.ach-info-col{flex-direction:column;flex:1;gap:4px;display:flex}.ach-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ach-title{color:#fff;font-size:15px;font-weight:900}.ach-status-tag{border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800}.ach-status-tag.tag-unlocked{color:#22c55e;background:#22c55e2e;border:1px solid #22c55e66}.ach-status-tag.tag-locked{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b840}.ach-desc{color:#ffffffb3;font-size:12px;line-height:1.4}.ach-progress-bar{background:#ffffff14;border-radius:5px;width:100%;height:5px;margin-top:4px;overflow:hidden}.ach-progress-fill{background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:5px;height:100%;transition:width .3s}.profile-modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.profile-modal.open{display:flex}.profile-dialog-card{box-sizing:border-box;background:linear-gradient(#0f111a 0%,#07080d 100%);border:1.5px solid #38bdf866;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:460px;max-height:85vh;padding:20px;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #000000e6,0 0 30px #38bdf833}.profile-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.profile-title{color:#fff;letter-spacing:2px;text-shadow:0 0 10px #38bdf866;font-family:Outfit,sans-serif;font-size:17px;font-weight:900}.btn-close-profile{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-close-profile:hover{color:#fff;background:#ffffff26}.profile-avatar-box{margin:8px 0}.profile-avatar-ring{background:#0000004d;border:3px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 0 20px #38bdf866}.profile-avatar-img{object-fit:cover;border-radius:50%;width:70px;height:70px}.profile-avatar-letter{color:#38bdf8;background:#38bdf81f;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;font-weight:900;display:flex}.profile-avatar-star{color:#000;background:#38bdf8;border:2px solid #0f111a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-username{color:#fff;margin-top:4px;font-size:18px;font-weight:900}.profile-rank-badge{border:1px solid;border-radius:10px;margin-top:6px;padding:4px 12px;font-size:12px;font-weight:800}.profile-rank-points{color:#ffffffa6;margin-top:4px;font-size:11px;font-weight:700}.profile-progress-track{background:#ffffff14;border-radius:6px;width:80%;height:6px;margin:8px 0;overflow:hidden}.profile-progress-fill{border-radius:6px;height:100%;transition:width .3s}.profile-divider{background:#ffffff14;width:100%;height:1px;margin:12px 0}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.profile-stat-box{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:10px 12px}.profile-stat-box:last-child{grid-column:span 2}.stat-lbl{color:#94a3b8;font-size:11px;font-weight:700}.stat-num{color:#fff;margin-top:2px;font-size:18px;font-weight:900}.stat-num.green{color:#22c55e}.stat-num.gold{color:#fbbf24}.stat-num.purple{color:#a855f7}.btn-profile-logout{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:12px;width:100%;margin-top:14px;padding:12px;font-size:13px;font-weight:800;transition:all .2s}.btn-profile-logout:hover{background:#ef444440;border-color:#ef4444}.leaderboard-modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.leaderboard-modal.open{display:flex}.leaderboard-dialog-card{box-sizing:border-box;background:linear-gradient(#0a0f24f5 0%,#030712fa 100%);border:2px solid #0000;border-image:linear-gradient(135deg,#fbbf24,#3b82f6,#fbbf24) 1;border-radius:24px;flex-direction:column;width:90%;max-width:580px;max-height:85vh;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000e6,0 0 35px #f59e0b40}.leaderboard-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.leaderboard-title{color:#fbbf24;letter-spacing:1.5px;text-shadow:0 0 16px #fbbf24cc;font-family:Outfit,sans-serif;font-size:20px;font-weight:900}.btn-close-leaderboard{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;transition:all .2s;display:flex}.btn-close-leaderboard:hover{color:#fff;background:#ffffff1a}.leaderboard-glow-line{background:linear-gradient(90deg,#0000,#fbbf24,#0000);width:80%;height:2px;margin:0 auto 16px}.leaderboard-login-prompt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:36px 16px;display:flex}.lb-prompt-icon{font-size:40px}.lb-prompt-title{color:#fff;font-size:18px;font-weight:800}.lb-prompt-desc{color:#ffffffb3;max-width:360px;font-size:13px;line-height:1.5}.lb-google-btn{max-width:260px;margin-top:8px}.leaderboard-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;display:flex}.lb-spinner{border:3px solid #fbbf2433;border-top-color:#fbbf24;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite lbSpin}@keyframes lbSpin{to{transform:rotate(360deg)}}.lb-loading-text{color:#fbbf24;font-size:13px;font-weight:600}.leaderboard-list{flex-direction:column;gap:10px;max-height:calc(85vh - 140px);padding-right:4px;display:flex;overflow-y:auto}.leaderboard-list::-webkit-scrollbar{width:4px}.leaderboard-list::-webkit-scrollbar-thumb{background:#fbbf244d;border-radius:4px}.leaderboard-row{background:#1e293b66;border:1.5px solid #94a3b833;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.leaderboard-row.rank-1{background:linear-gradient(90deg,#d9770633,#fbbf241a,#d9770633);border-color:#fbbf24cc;box-shadow:0 4px 15px #fbbf2440}.leaderboard-row.rank-2{background:linear-gradient(90deg,#47556940,#e2e8f01a,#47556940);border-color:#e2e8f0b3}.leaderboard-row.rank-3{background:linear-gradient(90deg,#b4530940,#f59e0b1a,#b4530940);border-color:#f59e0bb3}.lb-rank-col{justify-content:center;align-items:center;width:32px;display:flex}.rank-crown{filter:drop-shadow(0 0 8px #ffd700cc);font-size:24px}.rank-number{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b84d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:flex}.leaderboard-row.rank-2 .rank-number{color:#e2e8f0;border-color:#e2e8f0}.leaderboard-row.rank-3 .rank-number{color:#f59e0b;border-color:#f59e0b}.lb-avatar-col{width:44px;height:44px}.lb-avatar-img{object-fit:cover;border:2px solid #fbbf24;border-radius:50%;width:44px;height:44px}.lb-avatar-placeholder{color:#fff;background:#ffffff14;border:2px solid #94a3b8;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:flex}.leaderboard-row.rank-1 .lb-avatar-placeholder{color:#fbbf24;border-color:#fbbf24}.lb-info-col{flex-direction:column;flex:1;gap:4px;display:flex}.lb-user-top{align-items:center;gap:8px;display:flex}.lb-username{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:15px;font-weight:900;overflow:hidden}.lb-title-badge{border:1px solid;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.lb-user-stats{color:#ffffffa6;align-items:center;gap:6px;font-size:12px;display:flex}.lb-dot{opacity:.5}.settings-modal{z-index:180;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.settings-modal.open{display:flex}.settings-dialog-card{background:radial-gradient(circle at 50% 15%,#1e293b 0%,#0f172a 65%,#070b14 100%);border:1.5px solid #38bdf873;border-radius:28px;flex-direction:column;width:100%;max-width:380px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;display:flex;overflow:hidden;box-shadow:0 25px 50px #000000d9,0 0 35px #38bdf833}.settings-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.settings-title{color:#38bdf8;letter-spacing:1.5px;font-size:18px;font-weight:900}.btn-close-settings{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:900;transition:all .15s;display:flex}.btn-close-settings:hover{background:#ffffff2e;transform:scale(1.08)}.settings-content-list{flex-direction:column;gap:14px;padding:16px 20px 24px;display:flex}.setting-item-card{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.setting-item-card.col{flex-direction:column;align-items:stretch;gap:10px}.setting-item-left{align-items:center;gap:12px;display:flex}.setting-icon-box{background:#38bdf81a;border:1px solid #38bdf840;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.setting-info{flex-direction:column;display:flex}.setting-title{color:#fff;font-size:14px;font-weight:800}.setting-desc{color:#94a3b8;margin-top:2px;font-size:11px;font-weight:600}.setting-slider-header{justify-content:space-between;align-items:center;display:flex}.setting-slider-label{color:#e2e8f0;font-size:13px;font-weight:800}.setting-slider-val{color:#38bdf8;font-size:13px;font-weight:900}.setting-vol-row{align-items:center;gap:10px;display:flex}.setting-vol-slider{-webkit-appearance:none;background:#334155;border-radius:3px;outline:none;flex:1;height:6px}.setting-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #38bdf8b3}.switch-toggle{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:#334155;border:1px solid #ffffff26;border-radius:34px;transition:all .25s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:3px;left:4px}input:checked+.slider-round{background-color:#22c55e;border-color:#22c55e}input:checked+.slider-round:before{transform:translate(20px)}.main-menu-content{z-index:5;flex-direction:column;justify-content:flex-end;align-items:center;padding:24px 20px 20px;display:flex;position:absolute;inset:0 0 64px;overflow:hidden}.main-menu-bg{z-index:1;background:url(/assets/images/bg_ui.png) top/cover no-repeat;position:absolute;inset:0 0 -90px}.main-menu-overlay{z-index:2;background:linear-gradient(#00111a33 0%,#0236 60%,#070b14f2 92%,#070b14 100%);position:absolute;inset:0}.main-title-container{z-index:3;position:absolute;top:70px;left:0;right:0}.glow-app-title{letter-spacing:4px;text-align:center;background:linear-gradient(135deg,gold 0%,#ef4444 50%,gold 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #ef4444b3);-webkit-background-clip:text;font-size:36px;font-weight:900;animation:2.5s ease-in-out infinite alternate titleScaleAnim}@keyframes titleScaleAnim{0%{filter:drop-shadow(0 0 16px #ef444480);transform:scale(.96)}to{filter:drop-shadow(0 0 28px #ffd700e6);transform:scale(1.04)}}.main-cards-container{z-index:3;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;margin-bottom:8px;display:flex;position:relative}.online-lobby-card.private-lobby{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(135deg,#06b6d440 0%,#0284c773 50%,#1e3a8a99 100%);border:1.5px solid #06b6d4;border-radius:16px;justify-content:center;align-items:center;width:100%;height:50px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 22px #06b6d459,inset 0 0 16px #06b6d440}.online-lobby-card.private-lobby:hover{border-color:#38bdf8;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #06b6d4a6,inset 0 0 20px #06b6d473}.online-lobby-card.private-lobby .online-card-badge{color:#e0f2fe;letter-spacing:2px;text-shadow:0 0 12px #06b6d4e6;font-size:15px;font-weight:900}.online-lobby-card.racon-lobby{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(135deg,#f973164d 0%,#e11d4880 50%,#881337a6 100%);border:1.5px solid #f97316;border-radius:16px;justify-content:center;align-items:center;width:100%;height:50px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 22px #f9731666,inset 0 0 16px #e11d4840}.online-lobby-card.racon-lobby:hover{border-color:#fb923c;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #f97316b3,inset 0 0 20px #e11d4873}.online-lobby-card.racon-lobby .online-card-badge{color:#fff7ed;letter-spacing:2px;text-shadow:0 0 12px #f97316e6;font-size:15px;font-weight:900}.online-pulse-icon.cyan{background:#06b6d4;border-radius:50%;width:9px;height:9px;animation:1.5s infinite liveDotPulse;box-shadow:0 0 10px #06b6d4,0 0 16px #06b6d4}.online-pulse-icon.green{background:#22c55e;border-radius:50%;width:9px;height:9px;animation:1.5s infinite liveDotPulse;box-shadow:0 0 10px #22c55e,0 0 16px #22c55e}.quick-play-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(135deg,#10b98140 0%,#0f172ad9 60%,#1e293be6 100%);border:1.5px solid #10b981;border-radius:16px;justify-content:center;align-items:center;width:100%;height:50px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 22px #10b98159,inset 0 0 15px #10b98133}.quick-play-card:hover{border-color:#34d399;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #10b98199,inset 0 0 20px #10b98159}.quick-play-card:active{transform:scale(.97)}.quick-card-badge{color:#a7f3d0;letter-spacing:2px;text-shadow:0 0 12px #10b981cc;font-size:15px;font-weight:900}.quick-games-modal{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.quick-games-modal.open{display:flex}.quick-games-dialog-card{background:radial-gradient(circle at 50% 20%,#1e293b 0%,#0f172a 60%,#090d16 100%);border:1.5px solid #38bdf866;border-radius:24px;flex-direction:column;width:100%;max-width:440px;max-height:85vh;animation:.25s ease-out modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #38bdf840}.quick-games-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.quick-games-title{color:#38bdf8;letter-spacing:1.5px;font-size:18px;font-weight:900}.btn-close-quick-games{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.quick-games-sub{color:#94a3b8;padding:10px 20px 4px;font-size:12px;font-weight:700}.quick-games-scroll-list{flex-direction:column;gap:8px;max-height:calc(85vh - 110px);padding:10px 20px 20px;display:flex;overflow:hidden auto}.game-btn{cursor:pointer;background:#0f172abf;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:all .2s;display:flex}.game-btn.active{background:linear-gradient(90deg,#38bdf81a,#0f172acc);border-color:#38bdf866}.game-btn:hover{border-color:#38bdf8;transform:translateY(-1px)}.game-btn:disabled{opacity:.5;cursor:not-allowed}.game-btn .title{color:#fff;font-size:14px;font-weight:800}.game-btn .sub{display:none!important}.badge{border-radius:10px;padding:5px 12px;font-size:10px;font-weight:900}.badge.play{background:var(--blue);color:#0f172a}.badge.soon{color:#94a3b8;background:#94a3b81f}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#0a0f1eeb;border-top:1.5px solid #38bdf840;justify-content:space-around;align-items:center;height:64px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0009}.nav-item{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 16px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.nav-item svg{stroke:#94a3b8;filter:drop-shadow(0 2px 4px #00000080);transition:all .2s}.nav-item span{color:#94a3b8;transition:all .2s}.nav-item:hover,.nav-item:focus{color:#fff;transform:translateY(-2px)}.nav-item:hover svg,.nav-item:focus svg{stroke:#38bdf8;filter:drop-shadow(0 0 8px #38bdf8b3)}.nav-item:hover span,.nav-item:focus span{color:#fff}.modal{z-index:2000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.open{display:flex}.modal-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;position:absolute;inset:0}.modal-box{z-index:2010;background:var(--bg-card);border:1.5px solid #38bdf873;border-radius:20px;width:90%;max-width:360px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;position:relative;box-shadow:0 25px 60px #000000e6,0 0 30px #38bdf840}.modal-box h2{color:#38bdf8;margin-bottom:4px;font-size:18px;font-weight:900}.modal-box .close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:14px;right:16px}.mode-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.btn-mode{cursor:pointer;color:#fff;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px}.btn-mode span{font-size:14px;font-weight:800;display:block}.btn-mode small{color:var(--gold);font-size:10px}.btn-mode:hover{border-color:var(--blue);background:#38bdf814}.arena-window{z-index:10;background:#050810;flex-direction:column;width:100%;max-width:480px;height:100vh;display:flex;position:relative;overflow:hidden}.room-bg{filter:brightness(.35);background:url(/assets/images/bg.png) 50%/cover no-repeat;position:absolute;inset:0}.table-wrap{z-index:2;flex:1;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.table-frame{background:radial-gradient(#6b2612 0%,#2f0d04 70%,#150502 100%);border:10px solid #4a1d0d;border-radius:46%/44%;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;display:flex;position:relative;box-shadow:0 0 0 2px #1f0b04,0 12px 30px #000000e6,inset 0 0 20px #000000d9}.felt{background:radial-gradient(#991b1b 0%,#7f1d1d 60%,#450a0a 100%);border:2px solid #6b2020;border-radius:46%/44%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c}.felt.shake{animation:.4s tableShake}@keyframes tableShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.global-exit-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0;z-index:9999!important}.global-exit-modal.open{display:flex}.exit-dialog-box{text-align:center;background:radial-gradient(circle at 50% 10%,#1e293b 0%,#0f172a 75%,#050811 100%);border:1.5px solid #ef444499;border-radius:24px;width:90%;max-width:340px;padding:24px 20px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;box-shadow:0 25px 60px #000000e6,0 0 35px #ef444459}.exit-dialog-icon{filter:drop-shadow(0 0 12px #ef444499);margin-bottom:8px;font-size:42px}.exit-dialog-title{color:#f87171;margin-bottom:8px;font-size:20px;font-weight:900}.exit-dialog-desc{color:#cbd5e1;margin-bottom:20px;font-size:13px;font-weight:600;line-height:1.4}.exit-dialog-actions{gap:10px;display:flex}.btn-exit-action{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:900;transition:all .15s}.btn-exit-action.confirm{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444466}.btn-exit-action.confirm:hover{background:#f87171;transform:translateY(-2px)}.btn-exit-action.cancel{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26}.btn-exit-action.cancel:hover{background:#ffffff26}.menu-pill{color:#fff;cursor:pointer;z-index:50;background:#0f172aeb;border:1.5px solid #38bdf859;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:900;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px #00000080}.menu-pill .icon{color:var(--blue);font-size:14px}.back-pill{color:#fff;cursor:pointer;z-index:50;background:#0f172aeb;border:1.5px solid #ef444459;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:900;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #00000080}.back-pill .icon{color:#f87171;font-size:14px}.back-pill:hover{background:#ef444426;border-color:#f87171}.stock-box{z-index:50;background:#0f172aeb;border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:6px;padding:3px 12px;display:flex;position:absolute;top:46px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #0009}.stock-mini{background:url(/assets/images/card_back.jpg) 50%/cover;border-radius:3px;width:18px;height:26px}.stock-num{font-size:16px;font-weight:900;line-height:1;color:#fff!important}.stock-lbl{text-align:center;font-size:7px;font-weight:800;color:#fff!important}.scoreboard{z-index:50;background:#0f172aeb;border:1.5px solid #38bdf84d;border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:8px 6px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 6px 20px #0009}.sb-player{flex-direction:column;align-items:center;display:flex}.sb-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #60a5fa;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:flex;box-shadow:0 0 8px #3b82f666}.sb-player.user .sb-avatar{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.sb-name{color:#94a3b8;margin-top:3px;font-size:8px;font-weight:800}.sb-score{color:var(--red);font-size:14px;font-weight:900}.sb-player.user .sb-score{color:var(--blue)}.sb-divider{background:#ffffff1f;width:18px;height:1.5px}.table-zone{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.pile{justify-content:center;align-items:center;width:76px;height:112px;display:flex;position:relative}.pile .card{width:100%;height:100%;position:absolute;top:0;left:0}.pile-count{color:#fff;background:#0000008c;border-radius:10px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:800}.card{-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:112px;transition:transform .18s;display:flex;overflow:hidden;box-shadow:0 4px 14px #0009}.card-back{background:url(/assets/images/card_back.jpg) 50%/cover no-repeat!important;border-color:#a8a29e!important}.card-text{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;display:flex;position:relative}.ct-rank{font-family:Outfit,sans-serif;font-size:34px;font-weight:900;line-height:1}.ct-suit{margin-top:2px;font-size:24px;line-height:1}.red{color:#dc2626}.black{color:#0f172a}.deal-in{animation:.28s cubic-bezier(.2,.8,.2,1) dealSlide}@keyframes dealSlide{0%{opacity:0;transform:translateY(-40px)scale(.6)}to{opacity:1}}.card-fly-user{animation:.32s cubic-bezier(.2,.9,.2,1) forwards flyToMiddleUser;z-index:100!important}@keyframes flyToMiddleUser{0%{opacity:.9;transform:translateY(180px)scale(1.1)rotate(0)}60%{opacity:1;transform:translateY(-10px)scale(1.15)rotate(-4deg)}to{transform:translateY(0)scale(1)rotate(2deg)}}.card-fly-opp{animation:.32s cubic-bezier(.2,.9,.2,1) forwards flyToMiddleOpp;z-index:100!important}@keyframes flyToMiddleOpp{0%{opacity:.9;transform:translateY(-180px)scale(.9)rotate(0)}60%{opacity:1;transform:translateY(10px)scale(1.15)rotate(4deg)}to{transform:translateY(0)scale(1)rotate(-2deg)}}.pile-sweep-user{animation:.38s cubic-bezier(.4,0,.2,1) forwards sweepToUser!important}@keyframes sweepToUser{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.1)translateY(40px)}to{opacity:0;transform:scale(.3)translateY(240px)translate(-80px)}}.pile-sweep-opp{animation:.38s cubic-bezier(.4,0,.2,1) forwards sweepToOpp!important}@keyframes sweepToOpp{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.1)translateY(-40px)}to{opacity:0;transform:scale(.3)translateY(-240px)translate(80px)}}.pisti-card-pulse{animation:.45s ease-out forwards pistiPulse}@keyframes pistiPulse{0%{transform:scale(1);box-shadow:0 0 #f9731600}50%{transform:scale(1.25)rotate(-6deg);box-shadow:0 0 35px #f97316e6}to{transform:scale(1)rotate(0)}}.opp-hand{z-index:40;justify-content:center;align-items:center;height:100px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.opp-hand .card{width:66px;height:98px;margin-left:-18px}.opp-hand .card:first-child{margin-left:0}.user-hand{z-index:40;justify-content:center;align-items:flex-end;height:125px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.user-hand .card{border:2px solid var(--blue);cursor:pointer;width:76px;height:112px;margin-left:-18px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 -3px 12px #38bdf833,0 6px 16px #0009}.user-hand .card:first-child{margin-left:0}.user-hand .card:hover,.user-hand .card:focus,.user-hand .card.selected-card{z-index:50!important;outline-offset:2px!important;border-color:gold!important;outline:3px solid gold!important;transform:translateY(-22px)scale(1.12)!important;box-shadow:0 0 25px #ffd700cc,0 10px 20px #000000b3!important}.fly-card{z-index:500;pointer-events:none;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:76px;height:112px;display:none;position:fixed;box-shadow:0 12px 30px #000c}.pisti-banner{text-align:center;z-index:200;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:18px;padding:14px 28px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 40px #f59e0bcc}.pisti-banner.show{animation:1.4s cubic-bezier(.175,.885,.32,1.275) forwards pistiBoom;display:block}@keyframes pistiBoom{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-10deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(3deg)}50%{transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.pisti-banner .title{color:#fff;font-family:Outfit;font-size:26px;font-weight:900}.pisti-banner .sub{color:#fef08a;font-size:12px;font-weight:800}.racon-special-banner{z-index:250;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.racon-special-banner.show{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.racon-special-glow{z-index:1;background:radial-gradient(circle,#f59e0b80 0%,#ef44444d 50%,#0000 70%);border-radius:50%;animation:1.2s infinite alternate raconGlowPulse;position:absolute;inset:-30px}@keyframes raconGlowPulse{0%{opacity:.6;transform:scale(.85)}to{opacity:1;filter:blur(6px);transform:scale(1.25)}}.racon-special-card-preview{z-index:2;background-position:50%;background-size:100% 100%;border:2.5px solid #f59e0b;border-radius:12px;width:90px;height:130px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards raconCardPop;position:relative;box-shadow:0 0 30px #f59e0be6,0 10px 25px #000c}@keyframes raconCardPop{0%{transform:scale(.5)rotate(-15deg)}70%{transform:scale(1.2)rotate(6deg)}to{transform:scale(1)rotate(0)}}.racon-special-info{z-index:2;text-align:center;background:#0f172ae6;border:1.5px solid #f59e0b;border-radius:20px;padding:6px 18px;position:relative;box-shadow:0 8px 20px #000000b3}.racon-special-title{color:#f59e0b;letter-spacing:1.5px;text-shadow:0 0 10px #f59e0bb3;font-size:14px;font-weight:900}.racon-special-sub{color:#fff;font-size:11px;font-weight:800}.setting-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;font-weight:700;display:flex}.settings-card{background:#ffffff0a;border-radius:10px;margin-top:10px;padding:10px}.settings-card .label{color:var(--text-dim);margin-bottom:6px;font-size:8px;font-weight:900;display:block}.btn-toggle{color:#4ade80;cursor:pointer;background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:900}.btn-primary{background:linear-gradient(135deg, var(--blue), #0284c7);color:#0f172a;cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:8px;padding:11px;font-size:13px;font-weight:900}.btn-danger{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;width:100%;padding:11px;font-size:13px;font-weight:800}.btn-success{color:#022c22;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;width:100%;margin-bottom:8px;padding:11px;font-size:14px;font-weight:900}.btn-secondary{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:11px;font-size:13px;font-weight:800}.game-over-header{text-align:center;margin-bottom:16px}.medallion{background:var(--bg-card);border:3px solid var(--green);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 10px;font-size:28px;display:flex;box-shadow:0 0 20px #22c55e4d}.result-title{font-size:22px;font-weight:900}.result-desc{color:var(--text-dim);margin-top:4px;font-size:12px}.stats-row{gap:8px;margin-top:12px;display:flex}.stat-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:10px}.stat-card .name{color:var(--text-dim);font-size:11px;font-weight:800}.stat-card .score{color:var(--blue);margin:4px 0;font-size:22px;font-weight:900}.stat-card .detail{color:var(--text-dim);font-size:10px}.stat-card.opp .score{color:var(--red)}.majority-badge{color:#4ade80;background:#22c55e26;border-radius:6px;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:900;display:none}.red-flash-overlay{pointer-events:none;opacity:0;z-index:100;background:#ef444459;transition:opacity .1s;position:absolute;inset:0}.red-flash-overlay.active{opacity:1}.ruleti-table-wrap{flex:1;justify-content:center;align-items:center;width:100%;padding:16px;display:flex;position:relative}.ruleti-table-circle{border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative;box-shadow:0 0 40px #000000e6}.ruleti-table-circle .table-img{object-fit:cover;border:4px solid #3e1b0e;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.gun-container{z-index:20;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .6s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute}.gun-img{object-fit:contain;filter:drop-shadow(0 6px 12px #000c);width:90px;height:90px}.gun-container.spin{animation:.4s linear infinite gunSpinAnim}@keyframes gunSpinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.r-player{z-index:30;flex-direction:column;align-items:center;display:flex;position:absolute}.r-avatar{color:#fff;background:linear-gradient(135deg,#475569,#1e293b);border:2px solid #94a3b8;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:900;transition:all .3s;display:flex;box-shadow:0 4px 12px #0009}.r-avatar.user{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#60a5fa}.r-player.active .r-avatar{border-color:var(--gold);transform:scale(1.15);box-shadow:0 0 16px #fbbf2499}.r-player.dead{opacity:.4}.r-player.dead .r-avatar{filter:grayscale();background:#334155;border-color:#ef4444}.r-name{color:#fff;text-shadow:0 2px 4px #000;margin-top:4px;font-size:10px;font-weight:900}.r-status{color:#4ade80;font-size:8px;font-weight:800}.r-player.dead .r-status{color:#f87171}.top-player{top:-20px;left:50%;transform:translate(-50%)}.left-player{top:50%;left:-20px;transform:translateY(-50%)}.right-player{top:50%;right:-20px;transform:translateY(-50%)}.bottom-player{bottom:-20px;left:50%;transform:translate(-50%)}.ruleti-controls{z-index:50;background:#0f172af2;border-top:1px solid #ffffff14;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.ruleti-log{color:#e2e8f0;text-align:center;white-space:pre-line;background:#00000080;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.ruleti-actions{gap:10px;display:flex}.btn-fire{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;flex:2;padding:14px;font-size:14px;font-weight:900;box-shadow:0 4px 14px #ef444466}.btn-spin{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:14px;font-size:11px;font-weight:800}.btn-fire:disabled,.btn-spin:disabled{opacity:.4;cursor:not-allowed}.sea-bg{filter:brightness(.4);z-index:1;background:url(/assets/images/sea_bg.webp) 50%/cover no-repeat;position:absolute;inset:0}.batti-content{z-index:10;flex-direction:column;gap:8px;width:100%;height:100%;padding:50px 10px 10px;display:flex;position:relative;overflow-y:auto}.batti-status-bar{text-align:center;margin-bottom:2px}.batti-turn-indicator{border:1.5px solid var(--blue);color:#fff;background:#0f172ae6;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:900;display:inline-block;box-shadow:0 4px 14px #00000080}.batti-boards-container{flex-direction:column;align-items:center;gap:8px;display:flex}.board-card{background:#0f172ae0;border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:320px;padding:8px;box-shadow:0 8px 24px #0009}.board-title{color:var(--blue);letter-spacing:1px;text-align:center;margin-bottom:6px;font-size:10px;font-weight:900}.batti-grid{aspect-ratio:1;background:#0284c733 radial-gradient(#38bdf826 1px,#0000 0) 0 0/10px 10px;border:1.5px solid #38bdf84d;border-radius:8px;grid-template-columns:repeat(10,1fr);gap:2px;padding:2px;display:grid}.b-cell{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a99;border-radius:3px;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex;position:relative}.b-cell:hover{background:#38bdf840}.b-cell:focus,.b-cell.keyboard-selected-grid{outline-offset:1px!important;z-index:50!important;background:#facc1559!important;outline:3.5px solid #facc15!important;box-shadow:0 0 16px #facc15cc!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}.b-cell.ship{background-color:#0f172acc;border:1px solid #38bdf84d}.b-cell.ship-img{background-repeat:no-repeat!important}.b-cell.hit{border:1px solid #ef4444;position:relative}.b-cell.hit:after{content:"";z-index:10;pointer-events:none;opacity:.9;background:url(/assets/images/gemi_patlama.gif) 50%/cover no-repeat;position:absolute;inset:0}.b-cell.miss{background:#94a3b840!important}.b-cell.miss:after{background:radial-gradient(circle,#38bdf8 30%,#0000 70%);border-radius:50%;width:8px;height:8px;display:block;content:""!important}.b-cell.sunk{border:1.5px solid #dc2626;position:relative}.b-cell.sunk:after{content:"";z-index:10;pointer-events:none;opacity:.95;background:url(/assets/images/patlama_desktop.gif) 50%/cover no-repeat;position:absolute;inset:0}.batti-placement-panel{background:#0f172aeb;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.ship-selector-list{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto;scrollbar-width:thin!important;scrollbar-color:#38bdf880 #0f172a99!important}.ship-selector-list::-webkit-scrollbar{height:5px!important;display:block!important}.ship-selector-list::-webkit-scrollbar-track{background:#0f172a99!important;border-radius:4px!important}.ship-selector-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#38bdf8,#0284c7)!important;border-radius:4px!important;box-shadow:0 0 8px #38bdf880!important}.btn-ship-select{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:78px;padding:6px 10px;font-size:10px;font-weight:800;display:flex}.btn-ship-select.selected{border-color:var(--blue);background:#38bdf826}.btn-ship-select.placed{opacity:.4;border-color:var(--green)}.ship-icon-preview{object-fit:contain;width:44px;height:16px}.placement-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.btn-placement{color:#38bdf8;cursor:pointer;text-align:center;white-space:nowrap;background:#0f172ad9;border:1.5px solid #38bdf866;border-radius:10px;flex:1;min-width:90px;padding:9px 10px;font-size:11.5px;font-weight:800;transition:all .15s}.btn-placement:hover{background:#38bdf82e;border-color:#38bdf8;transform:translateY(-1px)}.btn-placement.secondary{color:#f87171;border-color:#ef444466}.btn-placement.secondary:hover{background:#ef44442e;border-color:#ef4444}.btn-start-battle{color:#022c22;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;width:100%;margin-top:4px;padding:12px;font-size:13.5px;font-weight:900;transition:all .2s;box-shadow:0 4px 16px #22c55e66}.btn-start-battle:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e99}.btn-start-battle:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.poligon-lobby{background:radial-gradient(circle,#1e1b4bcc 0%,#0f172afa 100%);flex-direction:column;justify-content:center;gap:16px;width:100%;height:100%;padding:50px 16px 20px;display:flex}.poligon-header-title{color:#ef4444;letter-spacing:1.5px;text-align:center;margin-bottom:8px;font-size:18px;font-weight:900}.poligon-mode-section,.poligon-gun-section{flex-direction:column;gap:8px;display:flex}.section-title{color:#94a3b8;letter-spacing:1px;font-size:11px;font-weight:800}.poligon-mode-cards{gap:10px;display:flex}.poligon-mode-card{text-align:center;cursor:pointer;background:#0f172acc;border:1.5px solid #ffffff1a;border-radius:14px;flex:1;padding:14px 10px;transition:all .2s}.poligon-mode-card.selected{background:#ef44441f;border-color:#ef4444;box-shadow:0 0 16px #ef444440}.poligon-mode-card .mode-name{color:#fff;font-size:13px;font-weight:900}.poligon-mode-card .mode-desc{color:#94a3b8;margin-top:2px;font-size:10px}.gun-selector-list{flex-direction:column;gap:8px;display:flex}.btn-gun-card{cursor:pointer;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.btn-gun-card.selected{background:#ef444426;border-color:#ef4444}.btn-gun-card .gun-info .gun-name{color:#fff;font-size:13px;font-weight:900}.btn-gun-card .gun-info .gun-desc{color:#94a3b8;font-size:10px}.btn-gun-card .gun-preview-img{object-fit:contain;width:50px;height:30px}.btn-start-poligon{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:900;box-shadow:0 4px 18px #ef444466}.poligon-field{background:url(/assets/images/poligon_alani.png) 50%/cover no-repeat;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.poligon-field.bottle-mode{background:url(/assets/images/sise_poligon_alani.png) 50%/cover no-repeat!important}.poligon-status-bar{z-index:20;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50px;left:16px;right:16px}.stat-pill{color:#fff;background:#0f172ad9;border:1px solid #ef444466;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:900;box-shadow:0 4px 14px #0009}.stat-pill.score{border-color:#38bdf866}.poligon-range{z-index:10;cursor:crosshair;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.target-board{background:#fff;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:47.1%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #000000d9}.ring{border:1px solid #0f172a;border-radius:50%;position:absolute}.ring.r1{width:95%;height:95%}.ring.r2{width:85%;height:85%}.ring.r3{width:75%;height:75%}.ring.r4{width:65%;height:65%}.ring.r5{width:55%;height:55%}.ring.r6{width:45%;height:45%}.ring.r7{width:35%;height:35%}.ring.r8{width:25%;height:25%}.ring.r9{width:15%;height:15%}.ring.r10{background:#ef4444;border:none;width:8%;height:8%}.bullseye{z-index:2;background:#fff;border-radius:50%;width:3px;height:3px}.aim-crosshair{pointer-events:none;z-index:22;width:24px;height:24px;position:absolute;top:47.1%;left:50%;transform:translate(-50%,-50%)}.aim-crosshair:before,.aim-crosshair:after{content:"";background:#ef4444;position:absolute}.aim-crosshair:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.aim-crosshair:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.bottle-shelf{pointer-events:none;z-index:15;flex-direction:column;justify-content:flex-end;align-items:center;width:90%;height:160px;display:flex;position:absolute;top:47.5%}.shelf-ledge{background:linear-gradient(#475569,#1e293b);border:1px solid #ffffff40;border-radius:4px;width:100%;height:10px;box-shadow:0 4px 12px #000c}.bottle-container{width:100%;height:80px;position:relative}.bottle-item{background:linear-gradient(#10b981 0%,#047857 60%,#064e3b 100%);border:1.5px solid #a7f3d0;border-radius:8px 8px 3px 3px;width:28px;height:72px;transition:opacity .15s ease-out;position:absolute;bottom:0;transform:translate(-50%);box-shadow:0 6px 14px #000000b3,inset 0 0 8px #ffffff80}.bottle-item:before{content:"";background:#059669;border:1.5px solid #a7f3d0;border-radius:3px 3px 0 0;width:10px;height:16px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.bottle-item.broken{opacity:0;pointer-events:none}.glass-particles-layer{pointer-events:none;z-index:20;position:absolute;inset:0}.glass-particle{pointer-events:none;background:#10b981;border-radius:50%;position:absolute;box-shadow:0 0 6px #34d399}.trigger-joystick-wrap{z-index:25;justify-content:center;align-items:center;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.trigger-outer-ring{background:#00000059;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;box-shadow:0 8px 24px #000000b3}.trigger-btn{color:#fff;pointer-events:none;background:radial-gradient(circle,#ff5252 0%,#d32f2f 100%);border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:95px;height:95px;font-size:15px;font-weight:900;display:flex;box-shadow:0 4px 14px #0009}.gun-fps-canvas{z-index:30;pointer-events:none;width:100%;height:280px;position:absolute;bottom:0;left:0}.btn-start-battle{color:#022c22;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;width:100%;margin-top:4px;padding:10px;font-size:13px;font-weight:900}.btn-start-battle:disabled{opacity:.4;cursor:not-allowed}.batti-log{color:#e2e8f0;text-align:center;background:#0009;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.meslegi-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617f2}.meslegi-container{background:linear-gradient(#020617 0%,#0f172a 100%);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:440px;height:100%;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c}.meslegi-header{z-index:20;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.btn-meslegi-back{color:#f8fafc;cursor:pointer;background:#1e293bb3;border:1px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.meslegi-title-plate{color:#f8fafc;letter-spacing:2px;text-shadow:0 0 10px #818cf8;background:#1e293b80;border:1px solid #ffffff26;border-radius:12px;padding:6px 16px;font-size:14px;font-weight:900}.meslegi-score-badge{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;padding:6px 14px;font-size:12px;font-weight:900}.meslegi-viewport{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.meslegi-sky-canvas{width:100%;height:100%;position:absolute;inset:0}.meslegi-particles-canvas{pointer-events:none;z-index:15;width:100%;height:100%;position:absolute;inset:0}.balloon-carousel-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.balloons-behind,.balloons-front{pointer-events:none;position:absolute;inset:0}.balloons-behind{z-index:5}.balloons-front{z-index:10}.balloon-svg-item{filter:drop-shadow(0 8px 16px #0009);width:72px;height:96px;margin-top:-48px;margin-left:-36px;transition:opacity .15s;position:absolute;top:46%;left:50%}.central-metal-pole{z-index:7;flex-direction:column;align-items:center;width:24px;display:flex;position:absolute;top:10%;bottom:18%;left:50%;transform:translate(-50%)}.pole-shaft{background:linear-gradient(90deg,#334155 0%,#94a3b8 35%,#f8fafc 55%,#64748b 80%,#1e293b 100%);border-radius:6px;width:24px;height:100%;box-shadow:4px 0 10px #0006}.pole-ring{background:linear-gradient(90deg,#1e293b,#e2e8f0,#0f172a);border:.5px solid #ffffff80;border-radius:4px;width:36px;height:10px;position:absolute}.pole-ring.ring-1{top:25%}.pole-ring.ring-2{top:50%}.pole-ring.ring-3{top:75%}.pole-base-block{background:linear-gradient(90deg,#475569,#94a3b8,#334155);border-radius:5px;width:70px;height:16px;position:absolute;bottom:0}.pole-base-bottom{background:linear-gradient(90deg,#334155,#64748b,#1e293b);border-radius:8px;width:100px;height:24px;position:absolute;bottom:-20px;box-shadow:0 8px 16px #0009}.knife-slice-beam{z-index:12;opacity:0;pointer-events:none;background:linear-gradient(#ff2e931a,#ff2e93,#fff,#ff2e93);width:8px;transition:opacity 50ms;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff2e93}.knife-slice-beam.firing{opacity:1}.knife-projectile{z-index:14;opacity:0;font-size:32px;transition:transform .15s,opacity .1s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)rotate(45deg)}.knife-projectile.flying{opacity:1;transform:translate(-50%,-240px)rotate(360deg)}.meslegi-controls{z-index:20;justify-content:center;padding:20px;display:flex}.btn-throw-knife{color:#fff;letter-spacing:1.5px;cursor:pointer;background:linear-gradient(135deg,#ff2e93,#d91b75);border:2px solid #ff77b7;border-radius:30px;width:85%;height:60px;font-size:17px;font-weight:900;transition:all .15s;box-shadow:0 8px 24px #ff2e9366}.btn-throw-knife:active{transform:scale(.96);box-shadow:0 4px 12px #ff2e9399}.meslegi-options-dialog{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#000000bf;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.dialog-card{background:#0f172a;border:1.5px solid #fff3;border-radius:24px;flex-direction:column;align-items:center;width:100%;padding:24px;display:flex;box-shadow:0 20px 40px #000000e6}.dialog-badge{letter-spacing:1.5px;color:#94a3b8;margin-bottom:12px;font-size:13px;font-weight:900}.btn-replay-clue{color:#fff;cursor:pointer;background:radial-gradient(circle,#8b5cf6,#7c3aed);border:2px solid #c4b5fd;border-radius:50%;width:60px;height:60px;margin-bottom:18px;font-size:26px;box-shadow:0 8px 20px #7c3aed66}.dialog-options-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:14px;display:grid}.dialog-opt-btn{color:#f8fafc;cursor:pointer;background:linear-gradient(#1e293b,#0f172a);border:1px solid #334155;border-radius:14px;justify-content:center;align-items:center;height:48px;font-size:14px;font-weight:800;transition:all .15s;display:flex}.dialog-opt-btn.correct{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399}.dialog-opt-btn.wrong{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#f87171}.dialog-feedback-msg{text-align:center;margin-bottom:14px;font-size:14px;font-weight:800}.dialog-feedback-msg.correct{color:#10b981}.dialog-feedback-msg.wrong{color:#ef4444}.btn-dialog-continue{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;width:100%;height:46px;font-size:14px;font-weight:800}.meslegi-gameover-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.gameover-card{text-align:center;background:#0f172a;border:1.5px solid #fff3;border-radius:28px;flex-direction:column;align-items:center;width:100%;padding:28px;display:flex;box-shadow:0 25px 50px #000000e6}.gameover-title{letter-spacing:2px;color:#f8fafc;margin-bottom:8px;font-size:24px;font-weight:900}.gameover-emoji{margin-bottom:12px;font-size:48px}.gameover-desc{color:#cbd5e1;margin-bottom:14px;font-size:14px;font-weight:600}.gameover-score{color:#a78bfa;margin-bottom:20px;font-size:16px;font-weight:900}.btn-meslegi-restart{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;width:100%;height:48px;margin-bottom:10px;font-size:15px;font-weight:900}.btn-meslegi-menu{color:#f8fafc;cursor:pointer;background:#334155;border:none;border-radius:14px;width:100%;height:44px;font-size:14px;font-weight:800}.yilan-modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07080df5}.yilan-container{background:linear-gradient(#0f111a 0%,#07080d 100%);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:440px;height:100%;max-height:96vh;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000e6}.yilan-header{justify-content:space-between;align-items:center;height:48px;margin-bottom:6px;display:flex;position:relative}.btn-yilan-back{color:#00f5ff;cursor:pointer;background:#ffffff0a;border:1px solid #00f5ff80;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.yilan-title-plate{letter-spacing:1.5px;color:#00f5ff;text-shadow:0 0 10px #00f5ff66;font-size:18px;font-weight:900}.yilan-players-bar{background:#1c1f2e;border:1.2px solid #00f5ff66;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;padding:8px 12px;display:grid}.yilan-p-row{color:#fff;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.yilan-p-dot{border-radius:50%;width:10px;height:10px}.yilan-p-dot.p0{background:#00f5ff}.yilan-p-dot.p1{background:#ff2e93}.yilan-p-dot.p2{background:#ffd54f}.yilan-p-dot.p3{background:#b080ff}.yilan-board-wrapper{aspect-ratio:1;background:#2c3248;border:2.5px solid #00f5ffcc;border-radius:16px;width:100%;margin-bottom:8px;position:relative;overflow:hidden}.yilan-grid{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);width:100%;height:100%;display:grid}.yilan-cell{border:.5px solid #fff3;flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.yilan-cell.even-cell{background:#3d4560}.yilan-cell.odd-cell{background:#4c5575}.yilan-cell.ladder-cell{background:#2e7d32}.yilan-cell.snake-cell{background:#c62828}.cell-num-badge{color:#ffffffd9;pointer-events:none;font-size:9px;font-weight:800;position:absolute;top:1px;left:2px}.pieces-2x2-grid{grid-template-rows:8px 8px;grid-template-columns:8px 8px;justify-content:center;align-items:center;gap:2px;display:grid}.piece-dot{border:1px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 4px #000c}.piece-dot.p0{background:#00f5ff}.piece-dot.p1{background:#ff2e93}.piece-dot.p2{background:#ffd54f}.piece-dot.p3{background:#b080ff}.yilan-logs-box{background:#0006;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100%;height:68px;margin-bottom:8px;padding:6px 10px;display:flex;overflow-y:auto}.logs-header-title{color:#94a3b8;margin-bottom:2px;font-size:10px;font-weight:800}.log-line{color:#ffffffd9;margin-bottom:1px;font-size:10.5px;font-weight:600}.yilan-controls{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.turn-status-col{flex-direction:column;align-items:flex-start;display:flex}.turn-label{color:#00f5ff;font-size:11px;font-weight:900}.turn-player-name{color:#fff;font-size:13px;font-weight:700}.dice-interactive-box{color:#00f5ff;text-shadow:0 0 10px #00f5ff99;background:#ffffff0f;border:2px solid #00f5ff;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:900;display:flex}.dice-interactive-box.rolling{animation:.15s infinite alternate diceShake}.btn-roll-dice{color:#000;letter-spacing:1px;cursor:pointer;background:#00f5ff;border:none;border-radius:12px;width:125px;height:46px;font-size:13px;font-weight:900;transition:all .15s;box-shadow:0 0 15px #00f5ff66}.btn-roll-dice:disabled{color:#ffffff4d;box-shadow:none;cursor:not-allowed;background:#ffffff14}.yilan-gameover-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.yilan-gameover-card{text-align:center;background:#1e293b;border:2px solid #4caf50;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:24px;display:flex}.yilan-gameover-card.lost{border-color:#f44336}.btn-yilan-exit{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:12px;width:100%;height:46px;margin-top:14px;font-size:15px;font-weight:900}.btn-yilan-exit.lost{background:#f44336}.uno-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617fa}.uno-container{background:linear-gradient(#0f172a 0%,#020617 100%);border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;width:100%;max-width:480px;height:100%;max-height:98vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000e6}.uno-header{z-index:10;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.btn-uno-back{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.uno-title-plate{letter-spacing:2px;color:#fff;text-shadow:0 0 12px #ff2e6399;font-size:18px;font-weight:900}.uno-score-badge{color:#fff;background:#ffffff0d;border:1px solid #ff2e6366;border-radius:12px;padding:6px 14px;font-size:12px;font-weight:800}.uno-bot-card{z-index:15;text-align:center;background:#0f172ad9;border:1.2px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;padding:6px 14px;transition:all .25s;display:flex;position:absolute;box-shadow:0 8px 20px #0009}.uno-bot-card.active-turn{border-color:#ff2e63;transform:scale(1.05);box-shadow:0 0 16px #ff2e63cc}.top-bot{top:70px;left:50%;transform:translate(-50%)}.top-bot.active-turn{transform:translate(-50%)scale(1.05)}.left-bot{top:44%;left:16px;transform:translateY(-50%)}.left-bot.active-turn{transform:translateY(-50%)scale(1.05)}.right-bot{top:44%;right:16px;transform:translateY(-50%)}.right-bot.active-turn{transform:translateY(-50%)scale(1.05)}.bot-info{flex-direction:column;align-items:center;display:flex}.bot-name{color:#fff;margin-bottom:2px;font-size:12px;font-weight:800}.bot-cards-count{color:#94a3b8;font-size:10.5px;font-weight:700}.bot-bubble{color:#fff;white-space:nowrap;background:#000000e6;border:1px solid #ff2e63;border-radius:8px;margin-bottom:6px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.uno-center-table{z-index:5;justify-content:center;align-items:center;width:250px;height:190px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.direction-ring{pointer-events:none;width:230px;height:230px;position:absolute}.direction-ring.clockwise{animation:12s linear infinite rotateCw}.direction-ring.counter-clockwise{animation:12s linear infinite rotateCcw}@keyframes rotateCw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCcw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.uno-deck-pile{cursor:pointer;margin-right:18px;transition:transform .15s;position:relative;transform:rotate(-6deg)}.uno-deck-pile:hover{transform:rotate(-6deg)scale(1.06)}.uno-card-back{background:linear-gradient(#b91c1c 0%,#7f1d1d 100%);border:1.2px solid #ffd20066;border-radius:12px;justify-content:center;align-items:center;width:68px;height:102px;padding:3px;display:flex;position:relative;box-shadow:0 8px 18px #000c}.card-back-oval{background:#ffd200;border-radius:50%;justify-content:center;align-items:center;width:90%;height:42%;display:flex;transform:rotate(-25deg)}.uno-back-logo{color:#ff2e63;letter-spacing:.5px;text-shadow:1px 1px 3px #000c;font-size:16px;font-weight:900}.uno-discard-pile{margin-left:18px;position:relative;transform:rotate(6deg)}.uno-card-box{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.2px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;width:68px;height:102px;padding:3px;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #000000b3}.uno-card-box.card-red{background:linear-gradient(#ff2e63 0%,#8b0032 100%)}.uno-card-box.card-yellow{background:linear-gradient(#ffd200 0%,#ffa000 100%)}.uno-card-box.card-green{background:linear-gradient(#05df97 0%,#017a57 100%)}.uno-card-box.card-blue{background:linear-gradient(#00b0ff 0%,#0059b3 100%)}.uno-card-box.card-wild{background:linear-gradient(#1e293b 0%,#0f172a 100%)}.uno-card-box.dimmed{opacity:.45;cursor:default}.card-oval-center{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:90%;height:44%;display:flex;transform:rotate(-22deg)}.card-wild .card-oval-center{background:conic-gradient(#ff2e63 0 90deg, #ffd200 90deg 180deg, #05df97 180deg 270deg, #00b0ff 270deg 360deg);border:1.5px solid #fff6}.card-center-text{color:#fff;text-shadow:0 2px 4px #0009;font-size:26px;font-weight:900;transform:rotate(22deg)}.card-yellow .card-center-text{color:#1e293b;text-shadow:none}.card-wild .card-center-text{color:#fff;text-shadow:0 2px 5px #000000e6}.card-corner-top{color:#fff;font-size:11px;font-weight:900;position:absolute;top:3px;left:5px}.card-yellow .card-corner-top{color:#1e293b}.card-corner-bottom{color:#fff;font-size:11px;font-weight:900;position:absolute;bottom:3px;right:5px;transform:rotate(180deg)}.card-yellow .card-corner-bottom{color:#1e293b}.uno-card-box.playable{transform:translateY(-10px);box-shadow:0 0 16px #ffffffd9}.uno-bottom-dock{z-index:20;background:linear-gradient(#1e293b59 0%,#020617fa 100%);border-top:1.5px solid #ffffff26;border-radius:24px 24px 0 0;flex-direction:column;padding:6px 12px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.uno-log-banner{background:#000000a6;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;padding:6px 14px;display:flex}.color-dot{background:#ff2e63;border-radius:50%;width:9px;height:9px}.log-text{color:#fff;font-size:11.5px;font-weight:700}.uno-hand-header{color:#ffffff80;justify-content:space-between;align-items:center;padding:0 8px 4px;font-size:11px;font-weight:800;display:flex}.turn-chip{color:#ff2e63;background:#ff2e6326;border:1px solid #ff2e63;border-radius:8px;padding:3px 8px;font-size:10.5px;font-weight:900}.uno-hand-scroll-area{justify-content:center;width:100%;padding:12px 4px 6px;display:flex;overflow-x:auto}.uno-cards-fan{align-items:flex-end;min-height:115px;padding:0 10px;display:flex;position:relative}.uno-cards-fan .uno-card-box{flex-shrink:0;margin-left:-22px}.uno-cards-fan .uno-card-box:first-child{margin-left:0}.uno-color-picker-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:45;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.color-picker-card{text-align:center;background:#0f172a;border:1.5px solid #fff3;border-radius:24px;width:100%;max-width:300px;padding:20px}.picker-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:900}.picker-subtitle{color:#94a3b8;margin-bottom:16px;font-size:11px;font-weight:600}.color-picker-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-color-pick{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:16px;height:60px;font-size:12px;font-weight:900;box-shadow:0 4px 12px #00000080}.btn-color-pick.red{background:#ff2e63}.btn-color-pick.yellow{color:#0f172a;background:#ffd200}.btn-color-pick.green{background:#05df97}.btn-color-pick.blue{background:#00b0ff}.uno-swap-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:45;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.swap-card{text-align:center;background:#0f172a;border:1.5px solid #fff3;border-radius:24px;width:100%;max-width:300px;padding:20px}.swap-buttons-list{flex-direction:column;gap:8px;display:flex}.btn-swap-opt{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff26;border-radius:12px;width:100%;height:44px;font-size:13px;font-weight:800}.cendere-modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;opacity:0;background:#000000e0;justify-content:center;align-items:center;transition:opacity .3s;display:none;position:fixed;inset:0}.cendere-modal.open{opacity:1;display:flex}.cendere-container{background:linear-gradient(#0b0f17 0%,#030712 100%);border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;width:100%;max-width:480px;height:100vh;max-height:840px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000f2}.cendere-circle-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:900;display:flex}.cendere-circle-btn:active{transform:scale(.95)}.cendere-lobby-view{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16px 18px 24px;display:flex}.cendere-lobby-header{justify-content:space-between;align-items:center;width:100%;display:flex}.cendere-app-title{color:#fff;letter-spacing:1px;font-size:16px;font-weight:900}.cendere-lobby-center{flex-direction:column;gap:14px;width:100%;margin:auto 0;display:flex}.cendere-card-box{background:#161e2e;border:1px solid #ffffff14;border-radius:16px;padding:16px;box-shadow:0 4px 12px #0006}.cendere-box-title{color:#94a3b8;letter-spacing:.8px;margin-bottom:12px;font-size:12px;font-weight:800}.cendere-dist-selector{gap:8px;width:100%;display:flex}.dist-opt-btn{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:12px 0;font-size:13px;font-weight:700;transition:all .15s}.dist-opt-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;font-weight:900}.cendere-menu-card-btn{cursor:pointer;background:#161e2e;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:100%;height:52px;font-size:14px;font-weight:800;display:flex}.cendere-menu-card-btn.blue{color:#38bdf8}.cendere-menu-card-btn.purple{color:#8b5cf6}.btn-cendere-start-match{color:#fff;letter-spacing:.8px;cursor:pointer;background:#10b981;border:none;border-radius:14px;width:100%;height:52px;font-size:16px;font-weight:900;box-shadow:0 4px 14px #10b98166}.cendere-game-view{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:12px 16px 20px;display:flex}.cendere-game-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.cendere-game-header-title{color:#fbbf24;letter-spacing:1px;font-size:14px;font-weight:900}.cendere-match-layout{flex-direction:column;flex:1;justify-content:space-between;min-height:0;display:flex;overflow:hidden}.cendere-scoreboard-card{cursor:pointer;background:#161e2e;border:1px solid #ffffff14;border-radius:14px;padding:12px 14px;box-shadow:0 3px 10px #0006}.score-player-info{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.score-player-name{color:#e2e8f0;font-size:13px;font-weight:700}.score-player-name.bold{color:#fff;font-size:14px;font-weight:900}.score-player-status{font-size:11px;font-weight:800}.score-player-status.red{color:#ef4444}.score-player-status.green{color:#10b981}.cendere-progress-track{background:#334155;border-radius:3px;width:100%;height:6px;overflow:hidden}.cendere-progress-fill{border-radius:3px;height:100%;transition:width .35s}.cendere-progress-fill.bot{background:#ef4444}.cendere-progress-fill.player{background:#10b981}.cendere-event-banner{color:#cbd5e1;text-align:center;background:#1e293b99;border-radius:8px;justify-content:center;align-items:center;min-height:30px;margin:6px 0;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.cendere-hand-header{color:#94a3b8;margin-bottom:4px;font-size:12px;font-weight:800}.cendere-cards-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.cendere-cards-grid::-webkit-scrollbar{width:4px}.cendere-cards-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.cendere-grid-card{cursor:pointer;background:#161e2e;border:1.5px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;min-height:56px;padding:10px 12px;transition:all .18s;display:flex;box-shadow:0 2px 6px #0000004d}.cendere-grid-card:hover{border-color:#fff3;transform:translateY(-1px)}.cendere-grid-card.unplayable{opacity:.5;filter:grayscale(20%);background:#0f172a}.cendere-grid-card.selected{box-shadow:0 4px 14px #00000080;border-width:2px!important}.cendere-card-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.cendere-card-pill-bar{border-radius:3px;flex-shrink:0;width:5px;height:28px}.cendere-card-texts{flex-direction:column;min-width:0;display:flex}.cendere-card-main-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;font-size:13px;font-weight:800;overflow:hidden}.cendere-card-sub-title{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;font-weight:600;overflow:hidden}.cendere-card-selected-tag{letter-spacing:.5px;flex-shrink:0;margin-left:4px;font-size:10px;font-weight:900}.cendere-bottom-controls{flex-direction:column;gap:8px;margin-top:8px;display:flex}.cendere-turn-banner{color:#fff;text-align:center;letter-spacing:.6px;background:#0284c7;border-radius:10px;padding:8px 0;font-size:12px;font-weight:900;box-shadow:0 2px 8px #0284c74d}.cendere-turn-banner.bot{background:#ef4444;box-shadow:0 2px 8px #ef44444d}.cendere-action-btns-row{gap:10px;width:100%;display:flex}.btn-cendere-play-action{color:#fff;letter-spacing:.5px;cursor:pointer;background:#10b981;border:none;border-radius:14px;flex:1;height:50px;font-size:14px;font-weight:900;transition:all .18s;box-shadow:0 4px 12px #10b9814d}.btn-cendere-play-action:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-cendere-play-action:disabled{color:#ffffff40;cursor:not-allowed;box-shadow:none;background:#10b9812e}.btn-cendere-discard-action{color:#fff;letter-spacing:.5px;cursor:pointer;background:#ef4444;border:none;border-radius:14px;flex:1;height:50px;font-size:14px;font-weight:900;transition:all .18s;box-shadow:0 4px 12px #ef44444d}.btn-cendere-discard-action:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-cendere-discard-action:disabled{color:#ffffff40;cursor:not-allowed;box-shadow:none;background:#ef44442e}.cendere-dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;background:#000000d9;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.cendere-dialog-card{text-align:center;background:#161e2e;border:1.5px solid #38bdf880;border-radius:20px;width:100%;max-width:380px;padding:20px}.dialog-title{color:#fff;margin-bottom:12px;font-size:16px;font-weight:900}.dialog-desc{color:#cbd5e1;margin-bottom:16px;font-size:13px;font-weight:600}.dialog-body-scroll{text-align:left;color:#cbd5e1;flex-direction:column;gap:8px;max-height:320px;margin-bottom:16px;font-size:12px;line-height:1.55;display:flex;overflow-y:auto}.btn-dialog-close{cursor:pointer;border:none;border-radius:10px;width:100%;height:44px;margin-top:4px;font-size:14px;font-weight:800}.btn-dialog-close.blue{color:#0f172a;background:#38bdf8}.btn-dialog-close.purple{color:#fff;background:#8b5cf6}.btn-dialog-close.gray{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff26}.settings-opt-box{background:#0f172a;border-radius:12px;margin-top:8px;padding:14px}.settings-opt-label{color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:800}.cendere-slider{accent-color:#38bdf8;width:100%}.uno-gameover-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#000000e0;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.uno-gameover-card{text-align:center;background:#0f172a;border:2px solid #10b981;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:24px;display:flex}.uno-gameover-card.lost{border-color:#ef4444}.uno-round-score-val{color:#ffd200;margin:12px 0 18px;font-size:15px;font-weight:900}.btn-uno-exit{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;width:100%;height:46px;margin-bottom:8px;font-size:15px;font-weight:900}.btn-uno-exit.lost{background:#ef4444}.btn-uno-menu{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:12px;width:100%;height:44px;font-size:14px;font-weight:800}.golbol-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#020617fa;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.golbol-modal.open{display:flex}.golbol-container{background:linear-gradient(#0f172a 0%,#020617 100%);border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;width:96vw;max-width:1100px;height:92vh;max-height:700px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000f2}.golbol-header{z-index:15;background:#1e293bcc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.btn-golbol-back{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.golbol-header-center{flex-direction:column;align-items:center;gap:2px;display:flex}.golbol-title{letter-spacing:3px;color:#60a5fa;font-size:17px;font-weight:900}.golbol-target-badge{letter-spacing:1px;color:#ffd200;background:#ffd2001f;border:1px solid #ffd20059;border-radius:6px;padding:1px 8px;font-size:10px;font-weight:900}.golbol-score-hud{background:#000000bf;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:5px 16px;font-size:16px;font-weight:900;display:flex}.hud-label{color:#94a3b8;letter-spacing:.5px;font-size:11px;font-weight:900}.p-score{color:#60a5fa}.hud-div{color:#64748b}.b-score{color:#ef4444}.golbol-canvas-wrapper{background:#0f172a;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}#golbol-canvas{width:100%;height:100%;display:block}.blindfold-overlay{pointer-events:none;z-index:10;background:0 0;transition:background .6s,-webkit-backdrop-filter .6s,backdrop-filter .6s;position:absolute;inset:0}.blindfold-overlay.blindfolded{-webkit-backdrop-filter:blur(16px);background:#000000b8}.golbol-turn-pill{letter-spacing:1px;color:#fff;z-index:12;background:#3b82f6e6;border-radius:12px;padding:6px 18px;font-size:11px;font-weight:900;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.golbol-round-banner{color:#fff;z-index:25;border-radius:20px;padding:16px 40px;font-size:48px;font-weight:900;animation:.3s ease-out bannerPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 40px #000c}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.golbol-controls-layer{pointer-events:none;z-index:20;pointer-events:none;z-index:20;inset:0;justify-content:space-between;align-items:flex-end;padding:18px 24px;display:flex;position:absolute;inset:0}.joy-column{pointer-events:auto;flex-direction:column;align-items:center;display:flex}.joy-label{color:#fff;text-shadow:0 2px 4px #000c;margin-bottom:6px;font-size:12px;font-weight:800}.joy-hint{color:#fff9;text-align:center;text-shadow:0 1px 3px #000c;margin-top:5px;font-size:10px;font-weight:700}.joy-capsule{touch-action:none;cursor:crosshair;background:0 0;border:3px solid #ffffffa6;border-radius:76px;justify-content:center;align-items:center;width:240px;height:152px;display:flex;position:relative;box-shadow:0 8px 24px #00000080}.joy-knob-circle{pointer-events:none;border-radius:50%;width:56px;height:56px;position:absolute;box-shadow:0 4px 12px #0009}.yellow-knob{background:radial-gradient(circle,#fbbf24 0%,#d97706 100%)}.blue-knob{background:radial-gradient(circle,#60a5fa 0%,#2563eb 100%)}.power-ring-svg{pointer-events:none;width:170px;height:170px;position:absolute;transform:rotate(-90deg)}.power-bar{fill:none;stroke:#60a5fa;stroke-width:5px;stroke-dasharray:276.46;stroke-dashoffset:276.46px;transition:stroke-dashoffset 50ms linear,stroke .2s}.joy-right-container{pointer-events:auto}.gb-dive-box{flex-direction:column;align-items:center;width:250px;display:flex}.dive-btns-stack{flex-direction:column;gap:8px;width:100%;display:flex}.btn-dive-rect{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:14px;width:100%;height:54px;font-size:14px;font-weight:900;box-shadow:0 6px 18px #ef444480}.btn-dive-rect:active{transform:scale(.97)}.golbol-gameover-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;background:#000000e0;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.golbol-gameover-card{text-align:center;background:#0f172a;border:2px solid #10b981;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:26px;display:flex}.golbol-gameover-card.lost{border-color:#ef4444}.score-row{justify-content:space-between;align-items:center;padding:6px 4px;display:flex}.player-name{color:#fff;font-size:14px;font-weight:800}.player-pts{font-size:18px;font-weight:900}.player-pts.p{color:#60a5fa}.player-pts.b{color:#ef4444}.table-divider{background:#ffffff1a;height:1px;margin:6px 0}.btn-golbol-restart{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;width:100%;height:46px;margin-bottom:8px;font-size:15px;font-weight:900}.btn-golbol-restart.lost{background:#ef4444}.btn-golbol-exit{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:12px;width:100%;height:44px;font-size:14px;font-weight:800}.radio-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:160;opacity:0;background:#000000a6;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:none;position:fixed;inset:0}.radio-modal.open{opacity:1;display:flex}.radio-card{background:radial-gradient(circle at 50% 15%,#1e293b 0%,#0f172a 65%,#070b14 100%);border:1.5px solid #38bdf873;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:24px 20px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;display:flex;position:relative;box-shadow:0 25px 50px #000000d9,0 0 35px #38bdf840}.btn-radio-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.btn-radio-close:hover{background:#ffffff2e;transform:scale(1.08)}.btn-radio-close:active{transform:scale(.92)}.radio-disc-wrap{justify-content:center;align-items:center;width:120px;height:120px;margin:10px 0 16px;display:flex;position:relative}.radio-disc{background:radial-gradient(circle,#1e293b 0%,#0f172a 70%,#0284c7 100%);border:3px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;transition:transform .3s;display:flex;box-shadow:0 0 25px #38bdf866}.radio-disc.spinning{animation:4s linear infinite discSpin;box-shadow:0 0 35px #38bdf8b3}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc-inner{background:#0b0f17;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.disc-icon{font-size:22px}.radio-waves{align-items:flex-end;gap:4px;height:18px;display:none;position:absolute;bottom:-8px}.radio-waves.active{display:flex}.wave{background:#38bdf8;border-radius:2px;width:4px;animation:1s ease-in-out infinite alternate waveAnim}.w1{height:8px;animation-delay:0s}.w2{height:16px;animation-delay:.2s}.w3{height:10px;animation-delay:.4s}@keyframes waveAnim{0%{height:4px}to{height:18px}}.radio-station-title{color:#fff;letter-spacing:2px;text-shadow:0 2px 8px #0009;font-size:20px;font-weight:900}.radio-station-status{color:#38bdf8;margin:4px 0 16px;font-size:12px;font-weight:700}.radio-station-status.playing{color:#10b981}.btn-radio-toggle{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:15px;font-weight:900;transition:all .18s;display:flex;box-shadow:0 6px 20px #0284c766}.btn-radio-toggle:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.radio-vol-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;width:100%;margin-top:16px;padding:8px 14px;display:flex}.vol-icon{font-size:14px}.radio-vol-slider{accent-color:#38bdf8;cursor:pointer;flex:1}.radio-modes-row{gap:8px;width:100%;margin-top:14px;display:flex}.radio-mode-chip.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.contact-modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:120;opacity:0;background:#000000d9;justify-content:center;align-items:center;transition:opacity .25s;display:none;position:fixed;inset:0}.contact-modal.open{opacity:1;display:flex}.contact-card{background:linear-gradient(#161e2e 0%,#0b0f17 100%);border:1.5px solid #38bdf866;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:380px;padding:24px 20px;display:flex;position:relative;box-shadow:0 20px 50px #000000e6}.btn-contact-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;position:absolute;top:14px;right:16px}.btn-contact-close:active{transform:scale(.92)}.contact-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.contact-badge-icon{filter:drop-shadow(0 4px 10px #38bdf866);margin-bottom:6px;font-size:32px}.contact-title{color:#fff;letter-spacing:1.5px;font-size:20px;font-weight:900}.contact-sub{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:600;line-height:1.4}.contact-items-list{flex-direction:column;gap:12px;width:100%;margin-bottom:4px;display:flex}.contact-item-card{background:#0f172acc;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.contact-item-card:hover{border-color:#38bdf899;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.contact-item-card.insta:hover{border-color:#e1306c;box-shadow:0 6px 20px #e1306c40}.contact-item-card.mail:hover{border-color:#ea4335;box-shadow:0 6px 20px #ea433540}.item-left{align-items:center;gap:12px;display:flex}.item-icon-box{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.item-icon-box.insta{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.item-icon-box.mail{background:linear-gradient(135deg,#ea4335,#c5221f)}.item-info{flex-direction:column;display:flex}.item-label{color:#94a3b8;font-size:11px;font-weight:700}.item-val{color:#fff;margin-top:1px;font-size:13px;font-weight:800}.item-action-pill{color:#38bdf8;background:#ffffff14;border:1px solid #38bdf84d;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:900}.carrace-container{z-index:1000;background:#020617;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.carrace-garage-screen{box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#1e1b4b 0%,#0f172a 50%,#020617 100%);flex-direction:column;width:100%;height:100%;padding:20px 32px;display:flex;overflow-y:auto}.garage-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.btn-garage-back{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:900;transition:all .15s;display:flex}.btn-garage-back:hover{background:#334155;transform:scale(1.05)}.garage-header-title{color:#fff;letter-spacing:1.5px;font-size:22px;font-weight:900}.garage-body-grid{flex:1;grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.garage-car-section{background:#0f172a;border:1px solid #1e293b;border-radius:20px;flex-direction:column;padding:20px;display:flex;box-shadow:0 10px 30px #0009}.section-title{color:#94a3b8;letter-spacing:1.5px;margin-bottom:12px;font-size:12px;font-weight:900}.garage-cars-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.car-select-card{text-align:center;cursor:pointer;background:#0f172acc;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;padding:12px;transition:all .2s;display:flex}.car-select-card:hover{border-color:#38bdf880;transform:translateY(-2px)}.car-select-card.active{background:#38bdf81f;border-color:#38bdf8;box-shadow:0 0 20px #38bdf840}.car-img-wrap{justify-content:center;align-items:center;width:100%;height:90px;display:flex}.car-img-wrap img{object-fit:contain;filter:drop-shadow(0 6px 12px #0009);max-width:100%;max-height:80px}.car-card-name{color:#fff;margin-top:6px;font-size:15px;font-weight:900}.car-stat-tag{color:#38bdf8;margin-top:2px;font-size:10px;font-weight:700}.garage-options-section{flex-direction:column;gap:14px;display:flex}.garage-opt-group{background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:14px}.opt-chips-row{gap:10px;display:flex}.garage-chip{color:#cbd5e1;cursor:pointer;background:#0b0f17;border:1px solid #ffffff1a;border-radius:12px;flex:1;height:44px;font-size:13px;font-weight:800;transition:all .15s}.garage-chip:hover{color:#fff;border-color:#38bdf8}.garage-chip.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:0 4px 14px #38bdf859}.btn-start-race{color:#fff;letter-spacing:1.5px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#f43f5e 50%,#ec4899 100%);border:none;border-radius:16px;width:100%;height:54px;font-size:16px;font-weight:900;transition:all .2s;box-shadow:0 8px 25px #ef444466}.btn-start-race:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ef444499}.carrace-gameplay-screen{flex-direction:column;display:flex;position:absolute;inset:0}#carrace-canvas{object-fit:cover;width:100%;height:100%;display:block}.carrace-hud-bar{z-index:10;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:24px;right:24px}.btn-race-back{color:#fff;cursor:pointer;background:#000000bf;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:900;transition:all .15s;display:flex}.btn-race-back:hover{background:#000000e6;transform:scale(1.05)}.race-stats-cluster{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;border:1.5px solid #ffffff40;border-radius:20px;align-items:center;gap:16px;padding:8px 22px;display:flex;box-shadow:0 10px 30px #0009}.hud-stat-box{flex-direction:column;align-items:center;display:flex}.stat-num{color:#fbbf24;font-size:18px;font-weight:900}.stat-num.cyan{color:#38bdf8}.stat-num.yellow{color:#facc15}.stat-num.red{color:#ef4444}.stat-lbl{color:#94a3b8;margin-top:1px;font-size:10px;font-weight:800}.hud-divider{background:#fff3;width:1.5px;height:24px}.race-score-pill{color:#fff;background:#ef4444;border-radius:14px;padding:10px 18px;font-size:14px;font-weight:900;box-shadow:0 6px 20px #ef444480}.carrace-controls-layer{z-index:10;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.ctrl-group{pointer-events:auto;gap:16px;display:flex}.ctrl-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#000c;border:2.5px solid #ffffff73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .1s,background .1s;display:flex;box-shadow:0 8px 24px #0009}.ctrl-btn:active{background:#38bdf859;border-color:#38bdf8;transform:scale(.9)}.ctrl-arrow{font-size:22px;font-weight:900}.ctrl-lbl{color:#94a3b8;margin-top:2px;font-size:11px;font-weight:800}.pedal-btn.gas:active{background:#22c55e73;border-color:#22c55e}.pedal-btn.brake:active{background:#ef444473;border-color:#ef4444}.carrace-gameover-dialog{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.gameover-card{text-align:center;background:#0f172a;border:2px solid #ef4444;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:24px 20px;display:flex;box-shadow:0 20px 50px #000000e6}.go-header-badge{color:#ef4444;letter-spacing:1.5px;background:#ef44441f;border-radius:8px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:900}.go-title{color:#fff;margin-bottom:16px;font-size:20px;font-weight:900}.go-stats-table{background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;width:100%;margin-bottom:20px;padding:12px 14px;display:flex}.go-stat-row{color:#94a3b8;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.go-stat-row .val{color:#fff;font-weight:900}.go-stat-row .val.highlight{color:#ef4444;font-size:15px}.go-stat-row .val.gold{color:#facc15;font-size:16px}.go-actions-row{gap:10px;width:100%;display:flex}.btn-go-action{cursor:pointer;border:none;border-radius:12px;flex:1;height:46px;font-size:13px;font-weight:900;transition:all .15s}.btn-go-action.lobby{color:#fff;background:#334155}.btn-go-action.restart{color:#fff;background:#ef4444}.radio-dialog-box{text-align:center;background:linear-gradient(#131926 0%,#0b0f19 100%);border:1px solid #38bdf859;border-radius:24px;width:92%;max-width:370px;padding:22px 20px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000f2,0 0 35px #38bdf833}.radio-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.radio-title-wrap{align-items:center;gap:10px;display:flex}.radio-live-dot{background:#64748b;border-radius:50%;width:10px;height:10px;transition:all .3s;box-shadow:0 0 #64748b00}.radio-live-dot.active{background:#ef4444;animation:1.4s infinite pulseDot;box-shadow:0 0 10px #ef4444,0 0 20px #ef4444}@keyframes pulseDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}.radio-header h2{letter-spacing:1px;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:16px;font-weight:900}.radio-deck-container{background:#0f172ad9;border:1px solid #38bdf833;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 18px;display:flex;box-shadow:inset 0 2px 10px #0009}.radio-cassette-reel{background:#1e293b;border:3px dashed #475569;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .3s;display:flex}.radio-cassette-reel .reel-inner{background:#0f172a;border:2px solid #64748b;border-radius:50%;width:14px;height:14px}.radio-cassette-reel.spinning{border-color:#38bdf8;animation:2s linear infinite reelSpin}@keyframes reelSpin{to{transform:rotate(360deg)}}.radio-equalizer-bars{flex:1;justify-content:center;align-items:flex-end;gap:5px;height:38px;margin:0 14px;display:flex}.eq-bar{background:#334155;border-radius:2px;width:4px;height:6px;transition:height .15s,background .3s}.radio-equalizer-bars.active .eq-bar{background:linear-gradient(#38bdf8,#818cf8);animation:.8s ease-in-out infinite alternate eqAnim;box-shadow:0 0 8px #38bdf880}.radio-equalizer-bars.active .eq-bar:first-child{animation-duration:.6s;animation-delay:.1s}.radio-equalizer-bars.active .eq-bar:nth-child(2){animation-duration:.9s;animation-delay:.2s}.radio-equalizer-bars.active .eq-bar:nth-child(3){animation-duration:.7s;animation-delay:50ms}.radio-equalizer-bars.active .eq-bar:nth-child(4){animation-duration:1.1s;animation-delay:.3s}.radio-equalizer-bars.active .eq-bar:nth-child(5){animation-duration:.65s;animation-delay:.15s}.radio-equalizer-bars.active .eq-bar:nth-child(6){animation-duration:.85s;animation-delay:.25s}.radio-equalizer-bars.active .eq-bar:nth-child(7){animation-duration:1s;animation-delay:.1s}.radio-equalizer-bars.active .eq-bar:nth-child(8){animation-duration:.75s;animation-delay:.2s}@keyframes eqAnim{0%{height:6px}50%{height:34px}to{height:12px}}.radio-station-badge{letter-spacing:1px;color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:20px;margin-bottom:6px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.radio-station-status{color:#94a3b8;margin-bottom:16px;font-size:13px;font-weight:800}.radio-station-status.playing{color:#34d399;text-shadow:0 0 10px #34d39966}.btn-radio-toggle{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-bottom:18px;font-size:14px;font-weight:900;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #2563eb66}.btn-radio-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2563eb99}.btn-radio-toggle.playing{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 24px #ef444473}.btn-radio-toggle.playing:hover{box-shadow:0 10px 28px #ef4444a6}.radio-modes-section{text-align:left;margin-bottom:16px}.radio-section-lbl{color:#64748b;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:800}.radio-chips-row{gap:6px;display:flex}.radio-mode-chip{color:#94a3b8;cursor:pointer;background:#0f172ab3;border:1px solid #ffffff14;border-radius:10px;flex:1;height:34px;font-size:11px;font-weight:800;transition:all .15s}.radio-mode-chip:hover{color:#fff;border-color:#38bdf84d}.radio-mode-chip.active{color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#818cf833);border-color:#38bdf8;box-shadow:0 0 12px #38bdf840}.radio-vol-section{background:#0f172acc;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.radio-vol-section .vol-label{color:#64748b;font-size:11px;font-weight:900}.radio-vol-section .vol-percent{color:#38bdf8;text-align:right;min-width:34px;font-size:12px;font-weight:900}.radio-vol-range{-webkit-appearance:none;cursor:pointer;background:#1e293b;border-radius:3px;outline:none;flex:1;height:6px}.radio-vol-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #38bdf8cc}.contact-dialog-box{text-align:center;background:radial-gradient(circle at 50% 10%,#1e293b 0%,#0f172a 80%,#050811 100%);border:1.5px solid #38bdf873;border-radius:24px;width:90%;max-width:360px;padding:24px 20px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;box-shadow:0 25px 60px #000000e6,0 0 35px #38bdf840}.contact-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.contact-header h2{color:#38bdf8;margin:0;font-size:18px;font-weight:900}.contact-icon-hero{margin-bottom:8px;font-size:44px}.contact-sub{color:#94a3b8;margin-bottom:16px;font-size:12px;font-weight:600;line-height:1.4}.contact-card-box{text-align:left;background:#0f172acc;border:1px solid #38bdf840;border-radius:14px;margin-bottom:16px;padding:12px}.contact-label{color:#38bdf8;margin-bottom:4px;font-size:10px;font-weight:800}.contact-email-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.contact-email-text{color:#fff;word-break:break-all;font-size:12px;font-weight:800}.btn-copy-action{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:900}.contact-social-row{gap:10px;display:flex}.social-chip{color:#fff;border:1px solid #ffffff26;border-radius:12px;flex:1;justify-content:center;align-items:center;height:42px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.social-chip.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #dc274359}.social-chip.instagram:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc27438c}.okey-modal{z-index:100;background:#020617;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.okey-modal.open{display:flex}.okey-table-window{box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#0d261d 0%,#061510 70%,#020805 100%);flex-direction:column;justify-content:space-between;width:100%;max-width:1280px;height:100dvh;padding:12px 20px;display:flex;position:relative;overflow:hidden}.okey-header-bar{z-index:10;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.okey-header-title{color:#facc15;letter-spacing:1.5px;text-shadow:0 0 12px #facc1573;font-size:18px;font-weight:900}.okey-felt-table{background:radial-gradient(#144634 0%,#0c2b21 65%,#051610 100%);border:3px solid #332015;border-radius:24px;flex-direction:column;flex:1;justify-content:space-between;width:100%;min-height:240px;padding:12px 24px;display:flex;position:relative;box-shadow:inset 0 0 50px #000000d9,0 10px 30px #0009}.card{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;width:72px;height:104px;padding:6px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 12px #00000059}.card.racon-special-card{border:1.5px solid #f9731699;box-shadow:0 6px 16px #0006,0 0 14px #f9731666}.okey-player-zone{flex-direction:column;align-items:center;transition:all .2s;display:flex}.okey-player-zone.active-turn .okey-player-badge{background:#facc1540;border-color:#facc15;transform:scale(1.05);box-shadow:0 0 16px #facc15b3}.okey-player-zone.active-turn .p-name{color:#facc15}.okey-player-badge{background:#0f172ad9;border:1.5px solid #ffffff2e;border-radius:16px;align-items:center;gap:8px;margin-bottom:6px;padding:4px 14px;display:flex;box-shadow:0 4px 12px #00000080}.okey-player-badge .p-name{color:#fff;font-size:13px;font-weight:800}.okey-player-badge .p-score{color:#38bdf8;background:#38bdf840;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:900}.okey-middle-row{justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex}.okey-discard-pile{background:#00000073;border:1.5px dashed #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:48px;height:64px;display:flex;box-shadow:inset 0 2px 8px #0009}.okey-discard-pile.interactive{cursor:pointer;border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.empty-pile-text{color:#fff6;font-size:10px;font-weight:700}.okey-center-deck-box{align-items:center;gap:24px;display:flex}.okey-deck-stack,.okey-indicator-box{flex-direction:column;align-items:center;display:flex}.stack-label{color:#ffffffb3;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:900}.stack-box{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #38bdf8;border-radius:8px;justify-content:center;align-items:center;width:48px;height:64px;display:flex;box-shadow:0 6px 16px #00000080}.stack-count{color:#0369a1;font-size:22px;font-weight:900}.indicator-tile-slot{justify-content:center;align-items:center;width:48px;height:64px;display:flex}.okey-user-discard-row{justify-content:center;align-items:center;gap:12px;display:flex}.okey-game-log-bar{color:#fde047;text-align:center;background:#0000008c;border:1px solid #ffffff14;border-radius:8px;max-width:600px;margin:0 auto;padding:5px 14px;font-size:12px;font-weight:800}.okey-action-bar{gap:12px;width:100%;max-width:600px;margin:8px auto;display:flex}.btn-okey-action{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;height:44px;font-size:13px;font-weight:900;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-okey-action:hover:not(:disabled){transform:translateY(-2px)}.btn-okey-action.draw-yandan{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 15px #0284c766}.btn-okey-action.draw-yerden{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 15px #16a34a66}.btn-okey-action.discard-tas{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 15px #ea580c66}.btn-okey-action:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.okey-wooden-rack-box{box-sizing:border-box;background:linear-gradient(#8d6e63 0%,#5d4037 35%,#4e342e 65%,#271512 100%);border:3px solid #a1887f;border-radius:16px;width:100%;padding:8px 10px;box-shadow:0 12px 35px #000000e6,inset 0 2px 8px #ffffff40}.okey-rack-slots-grid{flex-direction:column;gap:6px;width:100%;display:flex}.okey-rack-row{justify-content:space-between;gap:4px;width:100%;display:flex}.okey-rack-slot{cursor:pointer;background:#00000073;border:1px solid #ffffff14;border-radius:6px;flex:1;justify-content:center;align-items:center;max-width:64px;height:60px;transition:all .15s;display:flex;position:relative}.okey-rack-slot.selected{z-index:5;border-color:#facc15;transform:translateY(-4px);box-shadow:0 0 12px #facc15}.okey-tile-card{-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f4f1ea 100%);border:1px solid #d1d5db;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:56px;height:90%;max-height:56px;display:flex;position:relative;box-shadow:0 4px 8px #00000073}.okey-tile-card.is-okey{background:linear-gradient(#fef08a 0%,#facc15 100%);border-color:#ca8a04;box-shadow:0 0 10px #facc1580}.okey-sort-bar{gap:10px;width:100%;max-width:600px;margin-top:8px;margin-left:auto;margin-right:auto;display:flex}.btn-okey-sort{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;flex:1;height:36px;font-size:12px;font-weight:800;transition:all .15s}.btn-okey-sort:hover{background:#fff3}.btn-okey-sort.break-per{color:#fca5a5;background:#ef44444d;border-color:#ef4444}.okey-gameover-card{text-align:center;z-index:200;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:2px solid #facc15;border-radius:24px;width:88%;max-width:380px;padding:32px 24px;animation:.25s ease-out modalPop;box-shadow:0 25px 60px #000000f2,0 0 35px #facc1559}.okey-gameover-card h2{color:#facc15;margin-bottom:12px;font-size:22px;font-weight:900}.okey-gameover-card p{color:#fff;margin-bottom:24px;font-size:15px;font-weight:700}.okey-gameover-actions{gap:12px;display:flex}.okey-tile-card{-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f4f1ea 100%);border:1px solid #d1d5db;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:36px;height:48px;display:flex;position:relative;box-shadow:0 3px 6px #0006}.okey-tile-card.mini{width:34px;height:46px}.okey-tile-card.last-drawn{border:2px solid #38bdf8;box-shadow:0 0 8px #38bdf8}.okey-tile-card.is-okey{background:linear-gradient(#fef08a 0%,#facc15 100%);border-color:#ca8a04}.okey-tile-card.is-false-joker{background:linear-gradient(#e0e7ff 0%,#c7d2fe 100%)}.okey-tile-val{margin-bottom:2px;font-size:18px;font-weight:900;line-height:1}.okey-tile-dot{border-radius:50%;width:5px;height:5px}.okey-star{color:#ca8a04;font-size:8px;position:absolute;top:1px;right:2px}.okey-tile-card.color-red .okey-tile-val,.okey-tile-card.color-red .okey-tile-dot{color:#dc2626;background-color:#dc2626}.okey-tile-card.color-red .okey-tile-val{background:0 0}.okey-tile-card.color-black .okey-tile-val,.okey-tile-card.color-black .okey-tile-dot{color:#1e293b;background-color:#1e293b}.okey-tile-card.color-black .okey-tile-val{background:0 0}.okey-tile-card.color-blue .okey-tile-val,.okey-tile-card.color-blue .okey-tile-dot{color:#0284c7;background-color:#0284c7}.okey-tile-card.color-blue .okey-tile-val{background:0 0}.okey-tile-card.color-green .okey-tile-val,.okey-tile-card.color-green .okey-tile-dot{color:#16a34a;background-color:#16a34a}.okey-tile-card.color-green .okey-tile-val{background:0 0}.online-lobby-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(135deg,#ef444440 0%,#dc262673 100%);border:1.5px solid #ef4444;border-radius:18px;justify-content:center;align-items:center;width:100%;height:56px;margin-bottom:10px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 24px #ef444466,inset 0 0 15px #ef444440}.online-lobby-card:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #ef4444a6,inset 0 0 20px #ef444466}.online-lobby-card-content{align-items:center;gap:10px;display:flex}.online-pulse-icon{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s infinite liveDotPulse;box-shadow:0 0 10px #22c55e}.online-card-badge{color:#fff;letter-spacing:2px;text-shadow:0 0 12px #ef4444e6;font-size:16px;font-weight:900}.online-lobby-modal,.private-lobby-modal{z-index:130;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617f2;justify-content:center;align-items:center;padding:12px;display:none;position:fixed;inset:0}.online-lobby-modal.open,.private-lobby-modal.open{display:flex}.lobby-window,.private-lobby-window{box-sizing:border-box;background:radial-gradient(circle at 50% 10%,#1e293b 0%,#0f172a 50%,#070b14 100%);border:1.5px solid #38bdf859;border-radius:24px;flex-direction:column;width:100%;max-width:620px;height:92vh;max-height:900px;padding:20px 24px;animation:.25s ease-out modalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000e6,0 0 35px #38bdf826}.lobby-header-bar,.private-lobby-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex;position:relative}.lobby-header-title{color:#38bdf8;letter-spacing:2px;text-shadow:0 0 12px #38bdf880;font-size:18px;font-weight:900}.private-lobby-header .title-wrap{text-align:center;flex:1}.private-lobby-header .main-title{color:#fff;letter-spacing:2px;text-shadow:0 0 16px #fff6;font-size:20px;font-weight:900}.private-lobby-header .sub-title{color:#94a3b8;letter-spacing:.5px;margin-top:3px;font-size:11px;font-weight:600}.btn-close-private{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:900;transition:all .2s;display:flex;position:absolute;top:2px;right:0}.btn-close-private:hover{background:#ef44444d;border-color:#ef4444}.lobby-scroll-body,.private-lobby-body{flex-direction:column;flex:1;gap:14px;padding-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.lobby-scroll-body::-webkit-scrollbar{width:5px}.private-lobby-body::-webkit-scrollbar{width:5px}.lobby-scroll-body::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}.private-lobby-body::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}.racon-feature-card,.racon-leaderboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff12 0%,#ffffff05 100%);border:1.5px solid #f9731673;border-radius:18px;padding:16px;box-shadow:0 10px 25px #f9731626}.racon-card-title{color:#f97316;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:900;display:flex}.racon-rules-list{flex-direction:column;gap:10px;display:flex}.racon-rule-item{align-items:flex-start;gap:10px;display:flex}.racon-rule-item .r-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:800}.racon-rule-item .r-desc{color:#94a3b8;font-size:11px;font-weight:600;line-height:1.4}.racon-leaders-list{flex-direction:column;gap:8px;display:flex}.racon-leader-row{background:#00000059;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.racon-leader-row .left{color:#fff;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.racon-leader-row.rank-gold .rank-num{color:#fbbf24;font-weight:900}.racon-leader-row.rank-silver .rank-num{color:#e2e8f0;font-weight:900}.racon-leader-row.rank-bronze .rank-num{color:#cd7f32;font-weight:900}.racon-leader-row .u-wins{color:#f97316;font-size:12px;font-weight:800}.lobby-status-banner{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.lobby-status-banner h2{color:#facc15;letter-spacing:1px;margin:0 0 4px;font-size:17px;font-weight:900}.lobby-status-banner p{color:#94a3b8;margin:0;font-size:12px;font-weight:600}.lobby-matchup-arena{background:#0f172ab3;border:1.5px solid #38bdf84d;border-radius:20px;justify-content:space-around;align-items:center;padding:20px 16px;display:flex;box-shadow:0 10px 30px #0009}.lobby-player-card{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:140px;display:flex}.lobby-avatar-wrap{margin-bottom:8px;position:relative}.lobby-avatar-box{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex;box-shadow:0 0 16px #38bdf866}.lobby-player-card.opponent-player .lobby-avatar-box{border-color:#ef4444;box-shadow:0 0 16px #ef444466}.lobby-player-card.opponent-player.found .lobby-avatar-box{border-color:#22c55e;box-shadow:0 0 16px #22c55e99}.lobby-avatar-crown{font-size:16px;position:absolute;top:-10px;right:-4px}.lobby-player-name{color:#fff;margin-bottom:2px;font-size:13px;font-weight:900}.lobby-player-tag{color:#38bdf8;letter-spacing:.5px;font-size:10px;font-weight:800}.lobby-vs-center{flex-direction:column;justify-content:center;align-items:center;width:80px;display:flex;position:relative}.lobby-radar-circle{border:1px solid #38bdf866;border-radius:50%;width:54px;height:54px;margin-bottom:6px;position:relative;overflow:hidden}.radar-sweep{background:conic-gradient(#38bdf899 0deg,#0000 90deg);border-radius:50%;animation:2s linear infinite radarSpin;position:absolute;inset:0}.lobby-vs-text{color:#f43f5e;letter-spacing:1px;font-size:15px;font-weight:900}.lobby-dice-section{background:radial-gradient(circle at 50% 30%,#1e293b,#0f172a);border:1.5px solid #facc15;border-radius:18px;flex-direction:column;align-items:center;padding:16px;display:flex;box-shadow:0 8px 24px #facc1540}.dice-section-header{text-align:center;margin-bottom:10px}.dice-badge{color:#facc15;letter-spacing:1px;font-size:11px;font-weight:900}.dice-rule-text{color:#94a3b8;margin-top:2px;font-size:11px;font-weight:700}.dice-displays-row{justify-content:center;align-items:center;gap:24px;margin:12px 0;display:flex}.dice-player-box{flex-direction:column;align-items:center;display:flex}.dice-lbl{color:#cbd5e1;margin-bottom:6px;font-size:11px;font-weight:800}.dice-cube{color:#0f172a;background:linear-gradient(135deg,#fff,#f1f5f9);border:2px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;font-weight:900;display:flex;box-shadow:0 4px 14px #00000073}.btn-lobby-roll{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:12px;width:100%;max-width:240px;height:44px;font-size:14px;font-weight:900;transition:all .15s;box-shadow:0 4px 15px #eab30866}.btn-lobby-roll:hover:not(:disabled){transform:translateY(-2px)}.btn-lobby-roll:disabled{opacity:.4;cursor:not-allowed}.dice-result-status{color:#4ade80;margin-top:10px;font-size:14px;font-weight:900}.lobby-logs-box{background:#00000080;border:1px solid #ffffff14;border-radius:16px;padding:12px}.logs-header{color:#94a3b8;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:900}.lobby-logs-list{flex-direction:column;gap:4px;max-height:100px;display:flex;overflow-y:auto}.lobby-log-item{color:#cbd5e1;font-family:monospace;font-size:11px;font-weight:600}.btn-lobby-leave{color:#fca5a5;letter-spacing:1px;cursor:pointer;background:#ef444426;border:1.5px solid #ef4444;border-radius:14px;width:100%;height:48px;font-size:13px;font-weight:900;transition:all .2s}.btn-lobby-leave:hover{color:#fff;background:#ef444440;transform:translateY(-1px)}.private-card{background:#0f172aa6;border:1px solid #ffffff14;border-radius:18px;padding:16px;box-shadow:0 10px 25px #00000080}.private-card.create-card{border-color:#f43f5e66}.private-card.join-card{border-color:#38bdf866}.private-card.list-card{border-color:#f9731666}.private-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.private-card-header.static{cursor:default}.private-card-header .header-left{align-items:center;gap:8px;display:flex}.color-bar{border-radius:2px;width:4px;height:18px}.color-bar.pink{background:#f43f5e;box-shadow:0 0 8px #f43f5e}.color-bar.cyan{background:#38bdf8;box-shadow:0 0 8px #38bdf8}.color-bar.orange{background:#f97316;box-shadow:0 0 8px #f97316}.card-title{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:900}.section-label{color:#94a3b8;margin:12px 0 8px;font-size:12px;font-weight:700}.private-games-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.private-game-card{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;height:44px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.private-game-card.full{grid-column:span 2}.private-game-card:hover{color:#fff;background:#38bdf814;border-color:#38bdf8;transform:translateY(-1px)}.private-game-card.selected{color:#fff;background:#f43f5e40;border-color:#f43f5e;box-shadow:0 0 14px #f43f5e73}.option-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.option-label{color:#cbd5e1;font-size:13px;font-weight:800}.player-count-chips{align-items:center;gap:8px;display:flex}.btn-player-count{color:#94a3b8;cursor:pointer;background:#0f172ab3;border:1.5px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;min-width:90px;height:38px;padding:0 16px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000004d}.btn-player-count:hover{color:#fff;background:#a855f726;border-color:#a855f799}.btn-player-count.selected{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);border:1.5px solid #d8b4fe;font-weight:900;transform:scale(1.02);box-shadow:0 0 16px #a855f799,inset 0 1px 1px #fff6}.btn-submit-create-room{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#e11d48,#9f1239);border:none;border-radius:14px;width:100%;height:48px;margin-top:8px;font-size:14px;font-weight:900;transition:all .2s;box-shadow:0 6px 20px #e11d4873}.btn-submit-create-room:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e11d4899}.join-code-row{gap:10px;margin-top:10px;display:flex}.join-code-row input{color:#fff;letter-spacing:2px;background:#00000080;border:1.5px solid #38bdf866;border-radius:12px;flex:1;height:46px;padding:0 16px;font-size:15px;font-weight:900}.btn-join-code-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:12px;width:100px;height:46px;font-size:14px;font-weight:900;box-shadow:0 4px 14px #2563eb66}.private-rooms-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.private-room-item{background:#0006;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.room-game-badge{color:#fff;border-radius:6px;margin-bottom:3px;padding:2px 8px;font-size:10px;font-weight:900;display:inline-block}.room-game-badge.pisti{background:#0284c7}.room-game-badge.okey{background:#ea580c}.room-game-badge.uno{background:#ef4444}.room-game-badge.turk_ruleti{background:#ca8a04}.room-host{color:#cbd5e1;font-size:13px;font-weight:700}.room-code-tag{color:#94a3b8;font-size:11px;font-weight:700}.btn-join-room-card{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:900;box-shadow:0 3px 10px #16a34a66}.lobby-real-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.lobby-avatar-box{background:#0f172ae6;border:2px solid #38bdf866;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000080}.lobby-player-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:110px;margin-top:8px;font-size:14px;font-weight:800;overflow:hidden}