@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);.session-warning-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.session-warning-modal{background:linear-gradient(135deg,#1a1f3a,#2d3561);border:1px solid #4e5980;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:420px;padding:0;width:90%}.session-warning-header{align-items:center;border-bottom:1px dashed #4e5980;display:flex;justify-content:space-between;padding:20px}.session-warning-header h3{color:gold;font-size:1.2rem;font-weight:600;margin:0}.session-warning-close{align-items:center;background:none;border:none;border-radius:4px;color:#4e5980;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.session-warning-close:hover{background-color:#9e899533;color:#fff}.session-warning-body{padding:24px;text-align:center}.session-warning-body p{color:#b0b8d4;font-size:.95rem;margin:8px 0}.session-warning-timer{color:gold;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:16px 0}.session-warning-message{color:#a0b0d4;font-size:.9rem;margin-top:12px}.session-warning-footer{border-top:1px dashed #4e5980;display:flex;gap:12px;padding:20px}.session-warning-btn-logout,.session-warning-btn-stay{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.session-warning-btn-stay{background-color:#4e7c59;color:#fff}.session-warning-btn-stay:hover{background-color:#5d9a6a;box-shadow:0 4px 12px #4e7c594d;transform:translateY(-2px)}.session-warning-btn-logout{background-color:#8b3a3a;color:#fff}.session-warning-btn-logout:hover{background-color:#a85555;box-shadow:0 4px 12px #8b3a3a4d;transform:translateY(-2px)}@media (max-width:480px){.session-warning-modal{max-width:95%}.session-warning-header h3{font-size:1rem}.session-warning-timer{font-size:2rem}.session-warning-footer{flex-direction:column}}.auth-container{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#333;font-size:32px;margin-bottom:10px;text-align:center}.auth-card h2{color:#666;font-size:20px;margin-bottom:30px;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:15px}.auth-card input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px}.auth-card input:focus{border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a;outline:none}.auth-card button{background-color:#2a5298;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:all .3s ease}.auth-card button:hover:not(:disabled){background-color:#1e3c72;transform:translateY(-2px)}.auth-card button:disabled{background-color:#ccc;cursor:not-allowed}.auth-card p{color:#666;margin-top:20px;text-align:center}.auth-card a{color:#2a5298;font-weight:700;text-decoration:none}.auth-card a:hover{text-decoration:underline}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-top:12px;padding:12px}.resend-verification-row{margin-top:12px}.captcha-row{display:flex;justify-content:center;margin:4px 0 12px}.login-modal-page{background:#0000;min-height:100vh;overflow:hidden;position:relative}.login-modal-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}body.login-modal-open{background:#0000}.login-modal-card{animation:login-modal-enter .22s ease-out;margin:0;position:relative;width:min(100%,420px)}.login-modal-close{background:#2a52981f;border:none;border-radius:999px;color:#1e3c72;cursor:pointer;font-size:16px;height:32px;line-height:1;position:absolute;right:10px;top:10px;width:32px}.login-modal-close:hover{background:#2a529838}@keyframes login-modal-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.login-modal-card{padding:26px 20px}.login-modal-close{right:8px;top:8px}}.back-to-login-btn{background-color:#2a5298;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .3s ease}.back-to-login-btn:hover{background-color:#1e3c72;box-shadow:0 4px 12px #2a52984d}.guide-login-prompt{background:linear-gradient(135deg,#f6f9ff,#edf3ff);border:1px solid #d7e4ff;border-radius:10px;margin-bottom:14px;padding:12px}.guide-login-prompt__text{color:#1e3c72;font-weight:600;margin:0 0 8px;text-align:left}.guide-login-prompt__check{align-items:center;color:#42507a;display:flex;font-size:13px;gap:8px;margin-bottom:10px}.guide-login-prompt__actions{display:flex;gap:8px}.guide-btn{border:1px solid #2a5298;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 10px}.guide-btn--primary{background:#2a5298;color:#fff}.guide-btn--primary:hover{background:#1e3c72}.guide-btn--ghost{background:#0000;color:#2a5298}.guide-btn--ghost:hover{background:#e8eeff}.leaderboard-header{margin-bottom:32px}.leaderboard-filters,.leaderboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.leaderboard-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:24px;padding:20px}.filter-group{align-items:center;display:flex;gap:12px}.results-count{background:#8b5cf61a;border-radius:20px;color:#a78bfa;display:inline-block;font-size:13px;margin-bottom:20px;padding:8px 16px}.leaderboard-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:24px;overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:1px;padding:16px 20px;text-align:left;text-transform:uppercase}.leaderboard-table td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:14px;padding:16px 20px}.leaderboard-row{transition:all .3s ease}.leaderboard-row:hover{background:#ffffff0d;transform:translateX(4px)}.leaderboard-row.rank-1{background:linear-gradient(90deg,#ffd7001a,#0000)}.leaderboard-row.rank-2{background:linear-gradient(90deg,#c0c0c01a,#0000)}.leaderboard-row.rank-3{background:linear-gradient(90deg,#cd7f321a,#0000)}.rank-cell{width:80px}.rank-badge{align-items:center;background:#ffffff1a;border-radius:40px;display:inline-flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffb347);color:#000}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.player-cell{min-width:180px}.player-info{gap:12px}.player-avatar,.player-info{align-items:center;display:flex}.player-avatar{background:linear-gradient(135deg,#8b5cf6,#ec489a);border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.crown-icon{font-size:14px;margin-left:4px}.losses-cell,.wins-cell{width:100px}.wins-badge{background:#10b98133;color:#10b981}.losses-badge,.wins-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.losses-badge{background:#ef444433;color:#f87171}.games-cell{color:#fff;font-weight:600;width:100px}.winrate-cell{min-width:180px}.winrate-container{align-items:center;background:#0000004d;border-radius:16px;display:flex;height:32px;overflow:hidden;position:relative}.winrate-bar{border-radius:16px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.winrate-value{color:#fff;font-size:12px;font-weight:600;padding:0 12px;position:relative;text-shadow:0 0 2px #00000080;z-index:1}.leaderboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.leaderboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:24px;position:relative;text-align:center;transition:all .3s ease}.leaderboard-card:hover{background:#ffffff14;transform:translateY(-4px)}.leaderboard-card.rank-1{background:linear-gradient(135deg,#ffd7001a,#0000);border:2px solid #ffd70080}.leaderboard-card.rank-2{background:linear-gradient(135deg,#c0c0c01a,#0000);border:2px solid #c0c0c080}.leaderboard-card.rank-3{background:linear-gradient(135deg,#cd7f321a,#0000);border:2px solid #cd7f3280}.card-rank{left:16px;position:absolute;top:16px}.rank-badge-large{align-items:center;background:#ffffff1a;border-radius:48px;display:inline-flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.rank-badge-large.rank-1{background:linear-gradient(135deg,gold,#ffb347);color:#000}.rank-badge-large.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.rank-badge-large.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.crown-decoration{font-size:24px;opacity:.5;position:absolute;right:16px;top:16px}.card-avatar{margin:40px 0 16px}.avatar-large{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec489a);border-radius:50%;box-shadow:0 4px 20px #8b5cf64d;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto;width:80px}.avatar-large,.card-name{color:#fff;font-weight:700}.card-name{font-size:18px;margin-bottom:20px}.card-stats{background:#0000004d;border-radius:16px;display:flex;justify-content:space-around;margin-bottom:20px;padding:12px}.stat-group{text-align:center}.stat-group .stat-label{color:#ffffff80;font-size:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.stat-group .stat-value{color:#fff;font-size:20px;font-weight:700}.stat-group .stat-value.wins{color:#10b981}.stat-group .stat-value.losses{color:#f87171}.card-winrate{margin-top:16px}.winrate-label{color:#ffffff80;font-size:11px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.winrate-bar-container{background:#0000004d;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;position:relative}.winrate-percent{color:#fff;font-size:14px;font-weight:600;text-align:center}.leaderboard-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:24px;padding:20px}.footer-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around}.footer-stats span{background:#0000004d;border-radius:20px;color:#ffffffb3;font-size:13px;padding:8px 16px}@media (max-width:1024px){.leaderboard-table td,.leaderboard-table th{padding:12px 16px}.rank-cell{width:60px}.games-cell,.losses-cell,.wins-cell{width:80px}}@media (max-width:768px){.leaderboard-filters{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.view-toggle{margin-left:auto}.leaderboard-table td,.leaderboard-table th{font-size:12px;padding:10px 12px}.player-avatar{font-size:12px;height:28px;width:28px}.rank-badge{font-size:12px;height:32px;width:32px}.losses-badge,.wins-badge{font-size:11px;padding:2px 8px}.winrate-value{font-size:10px;padding:0 8px}.footer-stats{align-items:center;flex-direction:column}.leaderboard-grid{grid-template-columns:1fr}.games-cell,.games-col{display:none}}@media (max-width:640px){.losses-cell,.losses-col{display:none}.winrate-cell,.winrate-col{min-width:140px}}.chess-lobby-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.user-stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid #ffffff1a;border-radius:24px;margin-bottom:32px;padding:20px 24px}.stats-row{flex-wrap:wrap;gap:20px;justify-content:space-around}.stat-item,.stats-row{align-items:center;display:flex}.stat-item{gap:12px}.stat-icon{font-size:28px}.stat-info{display:flex;flex-direction:column}.stat-label{color:#fff9;font-size:11px;letter-spacing:1px}.stat-value{color:#fff;font-size:18px;font-weight:700}.stat-divider{background:#fff3;height:40px;width:1px}.quick-actions-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:32px;padding:24px}.quick-action{background:linear-gradient(135deg,#8b5cf6,#ec489a)}.quick-action:hover:not(:disabled){box-shadow:0 4px 15px #8b5cf666}.code-input:focus{border-color:#8b5cf6}.create-challenges{margin-bottom:40px}.create-cards{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.create-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;gap:16px;padding:20px;transition:all .3s ease}.create-card:hover{background:#ffffff14;transform:translateY(-2px)}.create-card.bot:hover{border-color:#8b5cf6}.create-card.real:hover{border-color:#fbbf24}.create-info{flex:1 1}.create-title{color:#fff;font-size:16px;font-weight:600}.create-desc{color:#fff9;font-size:12px;margin-top:4px}.create-arrow{color:#ffffff80;font-size:20px;transition:transform .3s ease}.create-card:hover .create-arrow{transform:translateX(4px)}.matches-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:24px}.matches-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:40px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#ec489a);color:#fff}.tab-count{background:#0000004d;border-radius:20px;font-size:11px;padding:2px 8px}.tab-btn.active .tab-count{background:#00000080}.matches-group{margin-bottom:24px}.group-title{color:#ffffffb3;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.matches-list{display:flex;flex-direction:column;gap:16px}.mode-badge{padding:4px 12px}.mode-badge.friendly{background:#10b98133;color:#10b981}.mode-badge.real{background:#fbbf2433;color:#fbbf24}.wager-badge{background:#ef444433;color:#f87171}.status-badge,.wager-badge{padding:4px 12px}.action-btn.join,.action-btn.play{background:linear-gradient(135deg,#8b5cf6,#ec489a);color:#fff}.action-btn.watch{background:#ffffff1a;color:#fff}.action-btn.join:hover,.action-btn.play:hover,.action-btn.watch:hover{transform:translateY(-2px)}.search-bar .search-input:focus{border-color:#8b5cf6}.time-options{display:flex;flex-wrap:wrap;gap:12px}.time-option{flex:1 1;text-align:center}.time-option.selected{background:#8b5cf633;border-color:#8b5cf6}.wager-input-wrapper{align-items:center;display:flex;position:relative}.wager-currency{font-size:16px;left:14px;position:absolute}.wager-input{-webkit-text-fill-color:#f8fafc!important;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#0f172ae6!important;background-color:#0f172ae6!important;border:1px solid #94a3b873!important;box-shadow:none!important;caret-color:#f8fafc!important;color:#f8fafc!important;color-scheme:dark;font-weight:700;opacity:1!important;padding-left:40px!important;padding-right:60px!important}.wager-input::placeholder{color:#cbd5e1d9}.wager-input:-webkit-autofill,.wager-input:-webkit-autofill:focus,.wager-input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc!important;background-color:#0f172ae6!important;box-shadow:inset 0 0 0 1000px #0f172ae6!important}.wager-suffix{color:#ffffff80;font-size:13px;position:absolute;right:14px}.error-hint{margin-top:8px}.chess-modal{max-width:500px}@media (max-width:768px){.stats-row{flex-direction:column;gap:16px}.stat-divider{display:none}.join-by-code,.match-players,.quick-actions-row{flex-direction:column}.match-players{text-align:center}.vs-divider{display:none}.match-actions{justify-content:center}.time-options{grid-template-columns:repeat(2,1fr)}.create-cards{grid-template-columns:1fr}}.transactions-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.header-left{gap:16px}.header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec489a);border-radius:20px;display:flex;font-size:48px;font-size:32px;height:64px;justify-content:center;width:64px}.page-title{color:#fff;font-size:32px;font-weight:800;margin:0}.page-subtitle{color:#fff9;margin:4px 0 0}.back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#fff3}.balance-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid #ffffff1a;border-radius:32px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding:32px}.balance-label{color:#fff9;font-size:14px;letter-spacing:1px;text-transform:uppercase}.balance-value{color:#fff;font-size:48px;font-weight:800;margin-top:8px}.balance-actions{display:flex;gap:12px}.balance-action{border:none;border-radius:40px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.balance-action.deposit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.balance-action.deposit.active{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 15px #10b9814d}.balance-action.withdraw{background:#ffffff1a;border:1px solid #fff3;color:#fff}.balance-action.withdraw.active{background:#fff3;border-color:#ffffff4d}.transaction-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;margin-bottom:32px;padding:32px}.card-title{font-size:24px}.provider-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.provider-option{align-items:center;background:#0000004d;border:2px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.provider-option.selected{background:#8b5cf61a;border-color:#8b5cf6}.provider-icon{font-size:32px}.provider-info{flex:1 1}.provider-name{color:#fff;font-size:16px;font-weight:600}.provider-desc{color:#fff9;font-size:12px;margin-top:4px}.provider-check{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.deposit-form,.withdraw-form{max-width:500px}.form-group{margin-bottom:24px}.form-label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-select{background:#0000004d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#8b5cf6;outline:none}.form-hint{color:#ffffff80;font-size:12px;margin-top:6px}.amount-input-wrapper{position:relative}.amount-input{background:#0000004d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:24px;font-weight:600;padding:14px 16px;text-align:center;width:100%}.amount-suggestions{display:flex;gap:8px;justify-content:center;margin-top:12px}.suggestion{background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.suggestion:hover{background:#fff3}.network-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.network-option{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:12px;text-align:left;transition:all .3s ease}.network-option.selected{background:#8b5cf61a;border-color:#8b5cf6}.network-icon{display:block;font-size:20px;margin-bottom:8px}.network-name{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.network-fee{color:#ffffff80;font-size:10px}.deposit-btn,.withdraw-btn{background:linear-gradient(135deg,#8b5cf6,#ec489a);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.deposit-btn:hover:not(:disabled),.withdraw-btn:hover:not(:disabled){box-shadow:0 4px 15px #8b5cf666;transform:translateY(-2px)}.deposit-btn:disabled,.withdraw-btn:disabled{cursor:not-allowed;opacity:.5}.recheck-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;margin-top:16px;padding:10px 20px;transition:all .3s ease;width:100%}.recheck-btn:hover{background:#fff3}.message{border-radius:12px;font-size:14px;margin-top:16px;padding:12px 16px}.message.success{background:#10b98133;border:1px solid #10b98180;color:#10b981}.message.error{border:1px solid #ef444480;color:#f87171}.message.info{background:#8b5cf633;border:1px solid #8b5cf680;color:#a78bfa}.admin-section,.mode-controls{margin-bottom:32px}.mode-controls{gap:20px;padding-bottom:24px}.mode-label,.mode-value{font-size:14px}.mode-value{padding:6px 12px}.mode-btn{font-size:14px;font-weight:600}.pending-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.pending-list{display:flex;flex-direction:column;gap:12px}.pending-item{align-items:center;background:#0000004d;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px}.pending-info{flex:1 1}.pending-user{color:#fff;font-weight:600;margin-bottom:4px}.pending-amount{color:#fbbf24;font-size:14px;margin-bottom:4px}.pending-address{color:#ffffff80;font-family:monospace;font-size:12px}.pending-actions{display:flex;gap:12px}.approve-btn,.reject-btn{border:none;border-radius:40px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 20px;transition:all .3s ease}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.reject-btn{background:#ef444433;border:1px solid #ef444480;color:#f87171}.approve-btn:hover:not(:disabled),.reject-btn:hover:not(:disabled){transform:translateY(-2px)}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;padding:32px}.filters-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filters-title{color:#fff;font-size:20px;font-weight:700;margin:0}.filters-controls{display:flex;flex-wrap:wrap;gap:12px}.filter-select{background:#0000004d;border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{background:#0000004d;border-radius:16px;gap:16px;padding:16px;transition:all .3s ease}.transaction-item:hover{background:#0006;transform:translateX(4px)}.transaction-icon{align-items:center;background:#8b5cf633;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.transaction-info{flex:1 1}.transaction-category{color:#fff;font-size:14px}.transaction-game{color:#ffffff80;font-size:12px;font-weight:400}.transaction-desc{color:#ffffff80;font-size:12px;margin-top:4px}.transaction-date{color:#fff6;margin-top:4px}.transaction-amount{font-size:18px;font-weight:700;min-width:80px;text-align:right}.transaction-balance{font-size:14px;min-width:80px;text-align:right}.deposit-history,.withdrawal-history{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.history-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.history-list{gap:12px;max-height:300px;overflow-y:auto}.history-item{align-items:center;border-radius:12px;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.history-amount{color:#fff;font-size:16px;font-weight:600}.history-date{color:#fff6;font-size:11px;margin-top:4px}.history-details{align-items:center;display:flex;gap:12px}.history-status{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.history-status.status-pending{background:#fbbf2433;color:#fbbf24}.history-status.status-completed,.history-status.status-success{background:#10b98133;color:#10b981}.history-status.status-failed,.history-status.status-rejected{background:#ef444433;color:#f87171}.history-network{color:#ffffff80;font-family:monospace;font-size:11px}.empty-state,.error-state,.loading-state{padding:48px;text-align:center}.spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#8b5cf6;display:inline-block;height:24px;margin-right:8px;width:24px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{color:#ffffff80}.error-icon{font-size:24px;margin-right:8px}@media (max-width:768px){.balance-value{font-size:32px}.transaction-item{align-items:flex-start;flex-direction:column}.transaction-amount,.transaction-balance{text-align:left;width:100%}.pending-item{align-items:flex-start;flex-direction:column}.pending-actions{width:100%}.approve-btn,.reject-btn{flex:1 1;text-align:center}.mode-controls{align-items:flex-start;flex-direction:column}.filters-controls{width:100%}.filter-select{flex:1 1}.network-selector{grid-template-columns:1fr}}.history-header{align-items:center;justify-content:space-between}.history-header,.stats-overview{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.stats-overview .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:16px;min-width:120px;padding:20px}.stats-overview .stat-card.total{background:linear-gradient(135deg,#8b5cf633,#ec489933);border-left:4px solid #8b5cf6}.stats-overview .stat-card .stat-value{color:#fff;font-size:28px;font-weight:800}.stats-overview .stat-card .stat-label{color:#fff9;font-size:12px;letter-spacing:1px;text-transform:uppercase}.stats-overview .stat-card .stat-icon{font-size:32px}.stats-overview .stat-card .stat-info{display:flex;flex-direction:column}.filters-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:32px;padding:24px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.filters-row:last-child{margin-bottom:0}.search-wrapper{flex:1 1;min-width:250px}.search-icon{color:#ffffff80;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper .search-input{transition:all .3s ease;width:100%}.search-wrapper .search-input:focus{border-color:#8b5cf6;outline:none}.clear-search{padding:0}.view-toggle{background:#0000004d;border-radius:40px;display:flex;gap:8px;padding:4px}.view-btn{background:#0000;border:none;border-radius:40px;color:#ffffffb3;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.view-btn.active{background:linear-gradient(135deg,#8b5cf6,#ec489a);color:#fff}.view-btn:hover:not(.active){background:#ffffff1a;color:#fff}.category-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.category-filter{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:40px;color:#ffffffb3;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.category-filter:hover{background:#ffffff1a;color:#fff}.category-filter.active{background:#8b5cf6;background:var(--category-color,#8b5cf6);border-color:#8b5cf6;border-color:var(--category-color,#8b5cf6);color:#fff}.filter-icon{font-size:14px}.filter-count{background:#00000080;border-radius:20px;font-size:10px;margin-left:4px;padding:2px 6px}.category-filter.active .filter-count,.sort-select{background:#0000004d}.sort-select{border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.date-filters{display:flex;flex-wrap:wrap;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{color:#fff9;font-size:11px;letter-spacing:1px;text-transform:uppercase}.date-input{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px}.date-input:focus{border-color:#8b5cf6;outline:none}.date-hint{color:#ffffff80;gap:6px}.date-hint,.filter-error{align-items:center;display:flex;font-size:12px}.filter-error{background:#ef44441a;border-radius:8px;color:#f87171;gap:8px;margin-top:12px;padding:10px}.history-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.history-item{background:#0000004d;border-radius:20px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.history-item:hover{background:#0006;transform:translateX(4px)}.history-item-icon{align-items:center;background:#8b5cf633;border-left:3px solid;border-radius:16px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.history-item-content{flex:1 1}.history-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.history-item-category{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.history-item-id{color:#fff6;font-family:monospace;font-size:11px}.result-badge{font-size:11px;font-weight:600;padding:4px 10px}.result-badge.win{background:#10b98133;color:#10b981}.result-badge.loss{background:#ef444433;color:#f87171}.result-badge.draw{background:#fbbf2433;color:#fbbf24}.result-badge.completed{background:#10b98133;color:#10b981}.result-badge.pending{background:#fbbf2433;color:#fbbf24}.result-badge.played{background:#8b5cf633;color:#a78bfa}.history-item-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.history-item-subtitle{color:#ffffffb3;font-size:13px;margin-bottom:4px}.history-item-details{color:#ffffff80;font-size:12px;margin-bottom:8px}.history-item-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:8px}.history-item-date{align-items:center;color:#fff6;display:flex;font-size:11px;gap:4px}.view-details-btn{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:40px;color:#a78bfa;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:all .3s ease}.view-details-btn:hover{background:#8b5cf64d;transform:translateX(2px)}.history-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.history-grid-item{background:#0000004d;border-radius:20px;overflow:hidden;transition:all .3s ease}.history-grid-item:hover{background:#0006;transform:translateY(-4px)}.grid-item-header{align-items:center;background:#0003;border-top:3px solid;display:flex;justify-content:space-between;padding:16px}.grid-item-category{align-items:center;display:flex;gap:6px}.grid-category-icon{font-size:20px}.grid-category-name{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.grid-item-content{padding:16px}.grid-item-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.grid-item-subtitle{color:#ffffffb3;font-size:12px;margin-bottom:4px}.grid-item-details{color:#ffffff80;font-size:11px}.grid-item-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.grid-item-date{color:#fff6;font-size:10px}.view-btn-small{background:#8b5cf633;border:none;border-radius:20px;color:#a78bfa;cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:all .3s ease}.view-btn-small:hover{background:#8b5cf64d}.results-summary{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:13px;padding:16px;text-align:center}.clear-filters-btn{background:#8b5cf633;border:1px solid #8b5cf64d;color:#a78bfa}.clear-filters-btn:hover{background:#8b5cf64d}@media (max-width:768px){.filters-row{align-items:stretch;flex-direction:column}.category-filters{order:1}.date-filters,.sort-select{width:100%}.date-input-group{flex:1 1}.date-input{width:100%}.history-item{flex-direction:column}.history-item-icon{font-size:24px;height:48px;width:48px}.history-grid{grid-template-columns:1fr}.stats-overview{justify-content:center}.stats-overview .stat-card{min-width:calc(33% - 12px)}}@media (max-width:480px){.stats-overview .stat-card{min-width:100%}.history-item-header{flex-wrap:wrap}.history-item-footer{align-items:flex-start;flex-direction:column}.view-details-btn{text-align:center;width:100%}}.header-actions{align-items:center;display:flex;gap:12px}.logout-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:40px;color:#f87171;cursor:pointer;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#ef44444d;transform:translateY(-2px)}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stats-grid .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stats-grid .stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stats-grid .stat-icon{font-size:32px}.stats-grid .stat-info{flex:1 1}.stats-grid .stat-label{color:#fff9;font-size:12px;letter-spacing:1px;text-transform:uppercase}.stats-grid .stat-value{color:#fff;font-size:24px;font-weight:700}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;margin-bottom:32px;padding:32px}.search-wrapper{align-items:center;display:flex;gap:12px;position:relative}.search-wrapper .search-input{background:#0000004d;border:1px solid #fff3;border-radius:40px;color:#fff;font-size:14px;padding:12px 16px 12px 40px;width:300px}.search-wrapper .search-icon{color:#ffffff80;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-btn{background:linear-gradient(135deg,#8b5cf6,#ec489a);border:none;border-radius:40px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.search-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.table-responsive{margin-top:20px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:1px;padding:12px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:13px;padding:12px}.admin-table tr:hover{background:#ffffff08}.user-name-cell{align-items:center;display:flex;gap:8px}.online-dot{background:#4b5563;border-radius:50%;display:inline-block;height:8px;width:8px}.online-dot.online{background:#10b981;box-shadow:0 0 4px #10b981}.role-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#8b5cf6,#ec489a);color:#fff}.role-badge.user{background:#3b82f633;color:#60a5fa}.status-badge.online{background:#10b98133;color:#10b981}.status-badge.offline{background:#6b728033;color:#9ca3af}.status-badge.blocked{background:#ef444433;color:#f87171}.category-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.category-badge.deposit{background:#10b98133;color:#10b981}.category-badge.withdrawal{background:#ef444433;color:#f87171}.category-badge.wager{background:#8b5cf633;color:#a78bfa}.category-badge.payout{background:#fbbf2433;color:#fbbf24}.amount-cell.positive{color:#10b981;font-weight:600}.amount-cell.negative{color:#f87171;font-weight:600}.balance-cell{color:#fff;font-weight:600}.date-cell{color:#ffffff80;font-size:12px;white-space:nowrap}.actions-cell{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border-radius:20px;font-size:11px;padding:6px 12px}.action-btn.view{background:#8b5cf633;color:#a78bfa}.action-btn.view:hover{background:#8b5cf64d}.action-btn.block{background:#ef444433;color:#f87171}.action-btn.block:hover{background:#ef44444d}.action-btn.unblock{background:#10b98133;color:#10b981}.action-btn.unblock:hover{background:#10b9814d}.action-btn.approve{background:#10b98133;color:#10b981}.action-btn.reject{background:#ef444433;color:#f87171}.pagination-bar{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:16px}.pagination-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#fff3}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#fff9;font-size:13px}.export-btn{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:40px;color:#a78bfa;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.export-btn:hover:not(:disabled){background:#8b5cf64d}.balance-form{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.balance-form .form-group{margin-bottom:0}.balance-form .save-btn{margin-top:0;padding:12px 24px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:32px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.setting-item input{background:#0000004d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:14px;padding:10px 14px}.setting-item input:focus{border-color:#8b5cf6;outline:none}.distribution-section{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.section-subtitle{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px}.distribution-block{background:#0003;border-radius:20px;margin-bottom:16px;padding:16px}.distribution-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.distribution-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.distribution-total{border-radius:20px;font-size:12px;padding:4px 10px}.distribution-total.valid{background:#10b98133;color:#10b981}.distribution-total.invalid{background:#ef444433;color:#f87171}.distribution-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.distribution-input{display:flex;flex-direction:column;gap:6px}.distribution-input label{color:#fff9;font-size:11px}.distribution-input input{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:13px;padding:8px 10px;text-align:center}.mode-controls{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.mode-controls,.mode-info{align-items:center;display:flex}.mode-info{gap:12px}.mode-label{color:#fff9;font-size:13px}.mode-value{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.mode-value.admin_approve{background:#ef444433;color:#f87171}.mode-value.auto{background:#10b98133;color:#10b981}.mode-actions{display:flex;gap:12px}.mode-btn{background:#ffffff1a;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .3s ease}.mode-btn.active{background:linear-gradient(135deg,#8b5cf6,#ec489a)}.mode-btn:hover:not(:disabled){transform:translateY(-2px)}.refresh-btn-small{background:#ffffff1a;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px}.reconcile-controls{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.reconcile-option{display:flex;flex-direction:column;gap:6px}.reconcile-option label{color:#fff9;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.reconcile-option input,.reconcile-option select{background:#0000004d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:13px;padding:8px 12px}.admin-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.dryrun-btn,.recover-btn{border:none;border-radius:40px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.dryrun-btn{background:#ffffff1a;color:#fff}.recover-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.dryrun-btn:hover:not(:disabled),.recover-btn:hover:not(:disabled){transform:translateY(-2px)}.error-hint{color:#f87171;font-size:12px}.reconcile-summary{grid-gap:12px;background:#0000004d;border-radius:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px;padding:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#ffffff80;font-size:11px;text-transform:uppercase}.summary-value{color:#fff;font-size:16px;font-weight:700}.profile-modal{background:linear-gradient(135deg,#1e1b4b,#0f172a);border:1px solid #ffffff1a;border-radius:32px;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.profile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.profile-field{display:flex;flex-direction:column;gap:4px}.field-label{color:#ffffff80;font-size:11px;letter-spacing:1px;text-transform:uppercase}.field-value{color:#fff;font-size:14px;font-weight:600}.field-value.balance{color:#fbbf24;font-size:18px}.transactions-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px;padding:0 20px}.transactions-list{padding:0 20px 20px}.transaction-item{align-items:center;background:#0003;border-radius:10px;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;justify-content:space-between;margin-bottom:8px;padding:10px}.transaction-date{color:#ffffff80;font-size:10px}.transaction-category{border-radius:12px;font-size:10px;font-weight:600;padding:2px 8px;text-transform:capitalize}.transaction-category.deposit{background:#10b98133;color:#10b981}.transaction-category.withdrawal{background:#ef444433;color:#f87171}.transaction-amount{font-weight:600}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#f87171}.transaction-balance{color:#fff9}.empty-state-small{align-items:center;color:#ffffff80;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.empty-state-small .empty-icon{font-size:32px;opacity:.5}.address-cell{color:#fff9;font-family:monospace;font-size:11px}.empty-cell{color:#ffffff80;padding:40px;text-align:center}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.balance-form{grid-template-columns:1fr}.mode-controls{align-items:flex-start;flex-direction:column}.distribution-inputs{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.actions-cell{flex-direction:column}.search-wrapper,.search-wrapper .search-input{width:100%}.admin-card{padding:20px}}.checkers-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:36px}.time-option{min-width:80px}.time-option.selected{background:#f59e0b33;border-color:#f59e0b}.quick-action{align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.quick-action.searching{background:#ffffff1a;cursor:wait}.quick-action:hover:not(:disabled){box-shadow:0 4px 15px #f59e0b66;transform:translateY(-2px)}.create-card.bot{border-left:3px solid #f59e0b}.create-card.bot:hover{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b33}.create-card.friendly{border-left:3px solid #10b981}.create-card.friendly:hover{border-color:#10b981;box-shadow:0 4px 20px #10b98133}.create-icon{font-size:40px;text-align:center;width:60px}.join-by-code{display:flex;flex:1 1;gap:12px}.code-input{background:#0000004d;border:1px solid #fff3;border-radius:40px;color:#fff;flex:1 1;font-size:14px;padding:12px 20px}.code-input:focus{border-color:#f59e0b;outline:none}.join-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.join-btn:hover:not(:disabled){background:#fff3}.join-btn:disabled{cursor:not-allowed;opacity:.5}.match-found{align-items:center;background:#10b98133;border-radius:12px;color:#10b981;display:flex;font-size:13px;gap:8px;margin-top:16px;padding:10px 16px}.search-bar .search-input:focus{border-color:#f59e0b}.clear-filters-btn{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.clear-filters-btn:hover{background:#f59e0b4d}@media (max-width:768px){.time-option{min-width:70px;padding:8px}.time-desc{display:none}.join-by-code,.quick-actions-row{flex-direction:column}.create-icon{font-size:32px;width:50px}}.flappy-icon{-webkit-text-fill-color:#0000;animation:flap .5s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:36px}@keyframes flap{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.quick-action.flappy-quick{background:linear-gradient(135deg,#10b981,#3b82f6);flex:1 1}.quick-action.flappy-quick:hover:not(:disabled){box-shadow:0 4px 15px #10b98166}.practice-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.practice-btn:hover{background:#fff3;transform:translateY(-2px)}.create-card.practice{border-left:3px solid #10b981}.create-card.practice:hover{border-color:#10b981;box-shadow:0 4px 20px #10b98133}.create-card.friendly{border-left:3px solid #3b82f6}.create-card.friendly:hover{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.create-card.real{border-left:3px solid #ef4444}.create-card.real:hover{border-color:#ef4444;box-shadow:0 4px 20px #ef444433}.time-option{align-items:center;background:#0000004d;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:70px;padding:12px;transition:all .3s ease}.time-option.selected{background:#10b98133;border-color:#10b981}.time-icon{font-size:20px}.time-label{color:#fff;font-size:12px;font-weight:600}.time-desc{color:#ffffff80;font-size:9px}.quick-actions-row{display:flex;flex-wrap:wrap;gap:16px}.search-bar{margin-bottom:20px;position:relative}.search-bar .search-icon{color:#ffffff80;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar .search-input{background:#0000004d;border:1px solid #fff3;border-radius:40px;color:#fff;font-size:14px;padding:12px 16px 12px 40px;width:100%}.search-bar .search-input:focus{border-color:#10b981;outline:none}.clear-search{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:18px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.clear-search:hover{color:#fff}.clear-filters-btn{background:#10b98133;border:1px solid #10b9814d;border-radius:40px;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:10px 24px;transition:all .3s ease}.clear-filters-btn:hover{background:#10b9814d}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.status-badge.pending{background:#fbbf2433;color:#fbbf24}.status-badge.ongoing{background:#10b98133;color:#10b981}.status-badge.completed{background:#6b728033;color:#9ca3af}.mode-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.mode-badge.friendly{background:#3b82f633;color:#60a5fa}.mode-badge.real{background:#ef444433;color:#f87171}.wager-badge{background:#fbbf2433;border-radius:20px;color:#fbbf24;font-size:11px;font-weight:600;padding:4px 10px}.match-card{background:#0000004d;border-radius:20px;margin-bottom:16px;padding:20px;transition:all .3s ease}.match-card:hover{background:#0006;transform:translateX(4px)}.match-card.available{border-left:3px solid #10b981}.match-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.match-id{background:#8b5cf633;border-radius:20px;color:#a78bfa;font-family:monospace;font-size:12px;padding:4px 12px}.match-badges{display:flex;flex-wrap:wrap;gap:8px}.match-players{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.player{flex:1 1;text-align:center}.player-role{color:#ffffff80;display:block;font-size:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.player-name{color:#fff;font-size:16px}.player-name.waiting{color:#ffffff80;font-style:italic}.vs-divider{color:#ffffff80;font-size:12px;font-weight:700;padding:0 8px}.match-details{background:#0003;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px}.detail-item{color:#fff9;font-size:12px}.match-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.action-btn{border-radius:40px;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s ease}.action-btn.join{background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff}.action-btn.play{background:linear-gradient(135deg,#8b5cf6,#ec489a);color:#fff}.action-btn.cancel{background:#ef444433;color:#f87171}.action-btn.cancel:hover{background:#ef44444d}.action-btn.join:hover,.action-btn.play:hover{transform:translateY(-2px)}@media (max-width:768px){.time-option{min-width:60px;padding:8px}.time-desc{display:none}.quick-actions-row{flex-direction:column}.practice-btn{justify-content:center}.match-players{flex-direction:column;text-align:center}.vs-divider{display:none}.match-actions{justify-content:center}.match-details{flex-direction:column;gap:8px}}.guide-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.guide-header,.guide-icon-main{align-items:center;display:flex}.guide-icon-main{background:linear-gradient(135deg,#8b5cf6,#ec489a);border-radius:20px;font-size:48px;height:64px;justify-content:center;width:64px}.guide-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:60px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;padding:16px}.nav-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:40px;color:#fffc;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 18px;text-decoration:none;transition:all .3s ease}.nav-chip:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.nav-chip-highlight{background:linear-gradient(135deg,#8b5cf6,#ec489a);border:none;color:#fff}.nav-chip-highlight:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-2px)}.chip-icon{font-size:16px}.guide-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;margin-bottom:24px;padding:28px;transition:all .3s ease}.guide-card:hover{background:#ffffff14;transform:translateY(-2px)}.general-card{background:linear-gradient(135deg,#8b5cf626,#ec48991a);border:1px solid #8b5cf64d}.card-header{border-bottom:1px solid #ffffff1a;gap:16px;margin-bottom:24px;padding-bottom:16px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:#ffffff1a;border-radius:16px;font-size:28px;height:52px;justify-content:center;width:52px}.card-title{color:#fff;font-size:20px;font-weight:700;margin:0}.card-subtitle{color:#fff9;font-size:13px;margin:4px 0 0}.guide-content{display:flex;flex-direction:column;gap:20px}.guide-block{background:#0003;border-radius:20px;padding:18px}.guide-block.compact{padding:12px 18px}.block-title{align-items:center;color:#a78bfa;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.block-text{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0}.guide-list{margin:0;padding-left:20px}.guide-list li{color:#fffc;font-size:13px;line-height:1.6;margin-bottom:8px}.guide-list li:last-child{margin-bottom:0}.tips-block{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-left:3px solid #10b981}.tips-list li{color:#10b981!important}.command-block{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-left:3px solid #f59e0b}.formula-block{background:#0000004d}.formula-grid{display:flex;flex-direction:column;gap:8px}.formula-code{background:#00000080;border-left:3px solid #fbbf24;border-radius:12px;color:#fbbf24;display:block;font-family:Courier New,monospace;font-size:13px;padding:10px 14px}.guide-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-top:8px}.guide-footer{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;margin-top:32px;padding:20px;text-align:center}.footer-content{align-items:center;color:#fff9;display:flex;font-size:13px;gap:12px;justify-content:center}.footer-icon{font-size:18px}@media (max-width:900px){.guide-grid{grid-template-columns:1fr}.guide-nav{border-radius:20px;justify-content:center}.nav-chip{font-size:12px;padding:6px 14px}}@media (max-width:640px){.guide-card{padding:20px}.card-header{flex-direction:column;text-align:center}.card-title{font-size:18px}.guide-block{padding:14px}.formula-code{font-size:11px;overflow-x:auto}.guide-nav{border-radius:16px;justify-content:flex-start;overflow-x:auto}.footer-content{flex-direction:column;text-align:center}}.direct-challenge-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.direct-challenge-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:24px;width:90%}.modal-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:12px}.modal-header h3{color:#333}.close-btn{border-radius:50%}form{gap:16px}.form-group,form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px}.friend-stats{background:#f8f9fa;border-radius:6px;color:#666;font-size:13px;margin:8px 0 0;padding:8px 12px}.wager-input-group{gap:8px}.wager-btn,.wager-input-group{align-items:center;display:flex}.wager-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.wager-btn:hover:not(:disabled){background:#5568d3;transform:scale(1.05)}.wager-btn:disabled{background:#ccc;cursor:not-allowed}.wager-input{border:2px solid #ddd;border-radius:6px;flex:1 1;font-size:16px;font-weight:600;padding:10px 12px;text-align:center;transition:border-color .2s ease}.wager-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.info-text{color:#999;font-size:12px;font-style:italic;margin:0}.error-message{background:#fff5f5;border-left:4px solid #c53030;color:#c53030}.modal-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;margin-top:20px;padding-top:16px}.btn-cancel,.btn-challenge{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.btn-cancel{background:#e8e8e8}.btn-cancel:hover:not(:disabled){background:#ddd}.btn-challenge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-challenge:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-challenge:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.direct-challenge-modal{padding:20px;width:95%}.modal-header h3{font-size:16px}.wager-input-group{flex-wrap:wrap}}.friends-container{position:relative}.menu-backdrop{display:none}.friends-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.friends-toggle-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.badge.pending{background:#ffa502}.friends-panel{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:600px;position:fixed;right:20px;top:100px;width:380px;z-index:15000}@media (max-width:576px){.menu-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0206178c;display:block;inset:0;position:fixed;z-index:14000}.friends-panel{left:10px;max-height:calc(100vh - 92px);right:10px;top:72px;width:auto}}.friends-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.friends-header h3{color:#333;font-size:16px;margin:0}.close-btn{font-size:20px}.friends-panel>div:not(.friends-header){flex:1 1;overflow-y:auto;padding:12px}.friends-panel>div:not(.friends-header)::-webkit-scrollbar{width:6px}.friends-panel>div:not(.friends-header)::-webkit-scrollbar-track{background:#f1f1f1}.friends-panel>div:not(.friends-header)::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.friends-list-section,.requests-section,.sent-requests-section{margin-bottom:16px}.add-friend-section h4,.friends-list-section h4,.requests-section h4,.sent-requests-section h4{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.empty,.loading{color:#999;font-size:13px;padding:8px;text-align:center}.requests-list{display:flex;flex-direction:column;gap:10px}.request-item,.sent-request-item{background:#f8f9fa;border:1px solid #eee;border-radius:8px;padding:12px}.request-item{align-items:center;display:flex;justify-content:space-between}.request-info{flex:1 1}.request-info .username{color:#333;font-size:13px;font-weight:600;margin:0 0 4px}.request-info .date{color:#999;font-size:11px;margin:0}.request-actions{display:flex;gap:8px}.accept-btn,.decline-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.accept-btn{background:#2ed573;color:#fff}.accept-btn:hover{background:#26de81}.decline-btn{background:#ff6348;color:#fff}.decline-btn:hover{background:#ff5c3d}.sent-request-item{align-items:center;display:flex;gap:8px;justify-content:space-between}.sent-request-item .username{color:#333;font-size:13px;font-weight:600;margin:0}.sent-request-item .status{color:#ffa502;font-size:12px;font-weight:600;margin:0}.sent-request-info{display:flex;flex-direction:column;gap:4px}.sent-request-actions{align-items:center;display:flex}.cancel-request-btn{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.cancel-request-btn:hover{background:#e2e8f0;color:#334155}.friends-list{display:flex;flex-direction:column;gap:10px}.friend-item{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.friend-info{flex:1 1}.friend-name-with-status{align-items:center;display:flex;gap:6px}.online-indicator{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;height:10px;justify-content:center;min-height:10px;min-width:10px;position:relative;width:10px}.online-indicator.online{animation:pulse-online 2s infinite;background-color:#2ecc71;border:2px solid #27ae60;box-shadow:0 0 8px #2ecc71cc}.online-indicator.offline{background-color:#e0e0e0;border:2px solid #999;box-shadow:0 0 2px #0000001a}@keyframes pulse-online{0%,to{box-shadow:0 0 6px #2ecc7199;opacity:1}50%{box-shadow:0 0 10px #2ecc71cc;opacity:.6}}.friend-info .username{color:#333;font-size:13px;font-weight:600;margin:0 0 4px}.friend-info .stats{color:#999;font-size:12px;margin:0}.friend-actions{display:flex;gap:8px}.challenge-btn,.message-btn,.remove-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.message-btn{background:#00b359;color:#fff}.message-btn:hover{background:#009a48}.challenge-btn{background:#667eea;color:#fff}.challenge-btn:hover{background:#5568d3}.remove-btn{background:#e8e8e8;color:#999}.remove-btn:hover{background:#ddd;color:#666}.add-friend-section{border-top:1px solid #eee;margin-top:12px;padding-top:12px}.add-friend-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.add-friend-btn:hover{background:#5568d3}.search-user-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.search-user-form form{display:flex;gap:8px}.search-user-form input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.search-user-form input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.search-user-form button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.search-user-form button:hover{background:#5568d3}.search-results{border:1px solid #eee;border-radius:6px;max-height:200px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 12px}.search-result-item:last-child{border-bottom:none}.search-result-item .username{color:#333;font-size:13px;font-weight:600;margin:0}.send-request-btn{background:#2ed573;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.send-request-btn:hover{background:#26de81}.error{color:#ff4757;font-size:12px;padding:8px;text-align:center}@media (max-width:768px){.friends-panel{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:70vh;position:fixed;right:0;top:auto;width:100%}.friends-toggle-btn{width:100%}}.chat-container{animation:slideUp .3s ease;background:#0a0e1aeb;border:1px solid #ffffff14;border-radius:18px;bottom:14px;box-shadow:0 18px 50px #00000073;color:#eef1ff;display:flex;flex-direction:column;font-family:Space Grotesk,Sora,sans-serif;height:min(640px,calc(100vh - 90px));overflow:hidden;position:fixed;right:14px;width:min(620px,calc(100vw - 28px));z-index:16000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{align-items:center;background:linear-gradient(135deg,#5ee4ff38,#ffcc662e);border-bottom:1px solid #ffffff14;color:#f8f9ff;display:flex;justify-content:space-between;padding:18px 20px}.chat-header h2{font-size:18px;margin:0}.close-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#f8f9ff;font-size:18px;padding:4px 10px}.close-btn:hover{background:#ffffff2e}.chat-content{display:flex;flex:1 1;overflow:hidden}.conversations-list{background:#0a0e1abf;border-right:1px solid #ffffff14;display:flex;flex-direction:column;width:210px}.conversations-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 16px}.conversations-header h3{color:#e5e9ff;font-size:13px;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.refresh-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#e5e9ff;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.refresh-btn:hover{background:#ffffff24;transform:rotate(180deg)}.no-conversations{align-items:center;color:#eef1ffb3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.no-conversations p{font-size:12px;margin:5px 0}.no-conversations .hint{font-size:11px;font-style:italic}.conversation-item{background:#ffffff05;border-bottom:1px solid #ffffff0f;border-left:3px solid #0000;cursor:pointer;padding:12px 14px;position:relative;transition:all .2s ease}.conversation-item:hover{background:#ffffff14;border-left-color:#5ee4ff}.conversation-item.active{background:linear-gradient(135deg,#5ee4ff40,#ffcc662e);border-left-color:#f8f9ff;color:#f8f9ff}.conversation-info{display:flex;flex-direction:column;gap:3px}.user-name{font-size:13px;font-weight:600}.last-message,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{font-size:11px;opacity:.7}.unread-badge{align-items:center;background:#ff635cd9;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.messages-area{background:#080c18e6;display:flex;flex:1 1;flex-direction:column}.messages-header{background:#ffffff05;border-bottom:1px solid #ffffff14;padding:14px 20px}.header-content{display:flex;flex-direction:column;gap:4px}.messages-header h3{color:#eef1ff;font-size:14px;font-weight:600;margin:0}.typing-indicator{animation:blink 1.4s infinite;color:#eef1ffb3;font-size:11px;font-style:italic;margin:0}@keyframes blink{0%,20%,50%,80%,to{opacity:1}40%{opacity:.5}60%{opacity:.7}}.messages-list{background:radial-gradient(400px 200px at 20% 0,#5ee4ff0f,#0000 60%);display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:14px}.no-messages,.no-selection{align-items:center;color:#eef1ffb3;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-messages p,.no-selection p{font-size:14px;margin:5px 0}.no-messages .hint,.no-selection .hint{font-size:12px;font-style:italic}.loading{align-items:center;color:#eef1ffb3;display:flex;height:100%;justify-content:center}.message{display:flex;margin-bottom:5px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{word-wrap:break-word;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 6px 18px #0003;max-width:74%;overflow-wrap:break-word;padding:9px 12px}.message.sent .message-content{background:linear-gradient(135deg,#5ee4ff59,#ffcc6640);color:#f8f9ff}.message.received .message-content{background:#ffffff14;color:#eef1ff}.timestamp{color:#eef1ffb3;display:block;font-size:11px;margin-top:5px;opacity:.7}.message-input-area{align-items:flex-end;background:#0a0e1ad9;border-top:1px solid #ffffff14;display:flex;flex-wrap:nowrap;gap:10px;padding:15px 20px}.message-input{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;color:#eef1ff;flex:1 1;font-family:inherit;font-size:13px;max-height:86px;padding:9px 11px;resize:vertical}.message-input:focus{border-color:#5ee4ff99;box-shadow:0 0 0 2px #5ee4ff33;outline:none}.send-btn{align-self:flex-end;background:linear-gradient(135deg,#5ee4ff80,#fc66);border:none;border-radius:10px;color:#fff;font-size:13px;min-width:70px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.mobile-back-btn,.send-btn{cursor:pointer;font-weight:600}.mobile-back-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#eef1ff;display:none;font-size:12px;justify-content:center;padding:5px 9px}.send-btn:hover:not(:disabled){box-shadow:0 4px 14px #5ee4ff4d;transform:translateY(-2px)}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{background:linear-gradient(135deg,#666,#444);cursor:not-allowed;opacity:.4}@media (max-width:768px){.chat-container{border-radius:14px;bottom:8px;height:min(88vh,700px);left:8px;right:8px;width:auto}.conversations-list{border-bottom:1px solid #ffffff14;border-right:none;max-height:36%;width:100%}.chat-content{flex-direction:column}.chat-header{padding:14px 16px}.messages-header{padding:10px 14px}.message-input-area{padding:10px 12px}.message-content{max-width:88%}}@media (max-width:560px){.chat-content.has-selection .conversations-list,.chat-content:not(.has-selection) .messages-area{display:none}.mobile-back-btn{display:inline-flex}.messages-list{padding:12px 10px}}.dashboard-container.dashboard-redesign{background:radial-gradient(1000px 600px at 10% 0,#7247ff33,#0000 55%),radial-gradient(900px 500px at 90% 10%,#00c4ff29,#0000 55%),#070b16;color:#eef3ff;font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.dashboard-container.dashboard-redesign,.dashboard-container.dashboard-redesign *,.dashboard-container.dashboard-redesign :after,.dashboard-container.dashboard-redesign :before{box-sizing:border-box}.dashboard-container.dashboard-redesign .dashboard-inner{margin:0 auto;padding:20px;position:relative;width:min(1260px,calc(100vw - 32px));z-index:1}.dashboard-container.dashboard-redesign .animated-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.dashboard-container.dashboard-redesign .gradient-orb{animation:dash2-float 16s ease-in-out infinite;border-radius:999px;filter:blur(95px);opacity:.52;position:absolute}.dashboard-container.dashboard-redesign .orb-1{background:radial-gradient(circle,#7d5cffd9,#7d5cff1f);height:460px;right:-140px;top:-120px;width:460px}.dashboard-container.dashboard-redesign .orb-2{animation-delay:4s;background:radial-gradient(circle,#ff518fcc,#ff518f14);bottom:4%;height:380px;left:-120px;width:380px}.dashboard-container.dashboard-redesign .orb-3{animation-delay:8s;background:radial-gradient(circle,#00d6ffcc,#00d6ff14);bottom:34%;height:280px;right:16%;width:280px}@keyframes dash2-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-14px,0) scale(1.08)}}.dashboard-container.dashboard-redesign .dashboard-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr);margin:0;max-width:none;padding:0;position:relative;z-index:1}.dashboard-container.dashboard-redesign .hero-section{margin-top:8px}.dashboard-container.dashboard-redesign .hero-glass-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(150deg,#ffffff14,#ffffff05);border:1px solid #ffffff24;border-radius:28px;box-shadow:0 24px 80px #00000080;padding:34px}.dashboard-container.dashboard-redesign .hero-badge{align-items:center;display:inline-flex;gap:12px;margin-bottom:20px}.dashboard-container.dashboard-redesign .live-badge{background:linear-gradient(140deg,#ff3f78,#ff7d43);border-radius:999px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 12px;text-transform:uppercase}.dashboard-container.dashboard-redesign .players-count{color:#b6c2ea;font-size:13px}.dashboard-container.dashboard-redesign .featured-game-switcher{border-bottom:1px solid #ffffff1f;display:flex;gap:12px;margin-bottom:26px;padding-bottom:18px}.dashboard-container.dashboard-redesign .featured-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;color:#d6ddf7;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 18px;transition:.2s ease}.dashboard-container.dashboard-redesign .featured-tab:hover{background:#ffffff1a;transform:translateY(-1px)}.dashboard-container.dashboard-redesign .featured-tab.active{background:linear-gradient(140deg,#7e63ff,#4f93ff);border-color:#0000;box-shadow:0 14px 28px #4f93ff59;color:#fff}.dashboard-container.dashboard-redesign .featured-game-content{display:block}.dashboard-container.dashboard-redesign .featured-slide{align-items:center;animation:dash2-slide-in .36s ease;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff29;border-radius:24px;display:flex;justify-content:center;min-height:360px;overflow:hidden;padding:28px;position:relative}.dashboard-container.dashboard-redesign .featured-home-copy{background:#fff3;border:1px solid #ffffff6b;border-radius:18px;box-shadow:0 12px 28px #04162f38;display:none;left:50%;padding:clamp(14px,2.2vw,20px) clamp(16px,2.4vw,24px);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 56px));z-index:3}.dashboard-container.dashboard-redesign .featured-home-intro{color:#f8fcff;font-family:Sora,sans-serif;font-size:clamp(1.2rem,3.2vw,2.2rem);font-weight:900;letter-spacing:.01em;line-height:1.1;margin:0;text-shadow:0 2px 10px #0410218c}.dashboard-container.dashboard-redesign .featured-home-brand{background:linear-gradient(135deg,#0c2240,#0b4a86 48%,#118acb);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Sora,sans-serif;font-size:clamp(1.7rem,4.8vw,3.3rem);font-weight:900;letter-spacing:.01em;line-height:1;margin:6px 0 0}.dashboard-container.dashboard-redesign .featured-home-caption{color:#eaf6ff;font-size:clamp(.92rem,2.1vw,1.18rem);font-weight:700;letter-spacing:.01em;margin:10px 0 0;text-shadow:0 2px 10px #04102180}@keyframes dash2-slide-in{0%{opacity:.5;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.dashboard-container.dashboard-redesign .featured-cta-wrap{bottom:30px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}@media (min-width:1400px){.dashboard-container.dashboard-redesign .featured-slide{background-color:#050a17;background-position:50%;background-repeat:repeat-x;background-size:auto 100%;min-height:460px}.dashboard-container.dashboard-redesign .featured-cta-wrap{bottom:34px}}.dashboard-container.dashboard-redesign .featured-carousel-controls{align-items:center;bottom:18px;display:inline-flex;gap:8px;position:absolute;right:20px;z-index:2}.dashboard-container.dashboard-redesign .carousel-arrow{background:#080d1c8f;border:1px solid #ffffff40;border-radius:999px;color:#fff;cursor:pointer;font-size:19px;height:34px;line-height:1;width:34px}.dashboard-container.dashboard-redesign .carousel-dots{align-items:center;display:inline-flex;gap:7px;padding:0 2px}.dashboard-container.dashboard-redesign .carousel-dot{background:#fff6;border:none;border-radius:999px;cursor:pointer;height:9px;padding:0;transition:transform .2s ease,background-color .2s ease;width:9px}.dashboard-container.dashboard-redesign .carousel-dot.active{background:#68deff;width:24px}.dashboard-container.dashboard-redesign .featured-slide-labels{align-items:center;bottom:18px;display:inline-flex;gap:8px;left:20px;position:absolute;z-index:2}.dashboard-container.dashboard-redesign .slide-label{background:#080d1c73;border:1px solid #ffffff3d;border-radius:999px;color:#c8d3f3;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.dashboard-container.dashboard-redesign .slide-label.active{background:#68deff;border-color:#68deff;color:#07162f}.dashboard-container.dashboard-redesign .game-icon-large{font-size:52px;line-height:1}.dashboard-container.dashboard-redesign .game-title{font-family:Sora,sans-serif;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;margin:12px 0 0}.dashboard-container.dashboard-redesign .game-subtitle{color:#a6b5e4;font-size:1rem;letter-spacing:.02em;margin:8px 0 14px}.dashboard-container.dashboard-redesign .game-description{color:#d8e1ff;margin:0;max-width:66ch}.dashboard-container.dashboard-redesign .game-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 24px}.dashboard-container.dashboard-redesign .game-stats .stat-item{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px}.dashboard-container.dashboard-redesign .game-stats .stat-label{color:#93a5dd;display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.dashboard-container.dashboard-redesign .game-stats .stat-value{color:#fff;display:block;font-size:15px;font-weight:800;margin-top:6px}.dashboard-container.dashboard-redesign .btn-play-now{align-items:center;background:linear-gradient(140deg,#0cf,#4f93ff);border:none;border-radius:14px;color:#04162f;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;padding:12px 20px;transition:.2s ease}.dashboard-container.dashboard-redesign .btn-play-now:hover{box-shadow:0 12px 26px #00ccff5c;transform:translateY(-2px)}.dashboard-container.dashboard-redesign .game-visual{background:linear-gradient(150deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff1f;border-radius:22px;display:grid;min-height:250px;overflow:hidden;place-items:center;position:relative}.dashboard-container.dashboard-redesign .visual-effect{animation:dash2-spin 9s linear infinite;background:conic-gradient(from 180deg,#ffffff1f,#0000 36%,#ffffff26,#0000 70%);inset:-20%;position:absolute}@keyframes dash2-spin{to{transform:rotate(1turn)}}.dashboard-container.dashboard-redesign .card-stack{position:relative;z-index:1}.dashboard-container.dashboard-redesign .whot-card{background:#fff;border-radius:12px;box-shadow:0 14px 28px #00000059;color:#101623;display:grid;font-size:34px;height:98px;left:0;place-items:center;position:absolute;top:0;width:74px}.dashboard-container.dashboard-redesign .card-1{transform:rotate(-14deg) translate(-36px,18px)}.dashboard-container.dashboard-redesign .card-2{transform:rotate(0deg)}.dashboard-container.dashboard-redesign .card-3{transform:rotate(14deg) translate(36px,18px)}.dashboard-container.dashboard-redesign .chess-board-preview{display:flex;gap:16px}.dashboard-container.dashboard-redesign .chess-piece{background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:grid;font-size:38px;height:62px;place-items:center;width:62px}.dashboard-container.dashboard-redesign .flappy-preview .bird{font-size:48px;margin-bottom:16px;text-align:center}.dashboard-container.dashboard-redesign .pipes{display:flex;gap:22px}.dashboard-container.dashboard-redesign .pipe{background:linear-gradient(180deg,#4fffc6,#13be8e);border-radius:999px;height:96px;width:20px}.dashboard-container.dashboard-redesign .stats-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-container.dashboard-redesign .stat-card{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;display:flex;gap:10px;padding:12px 14px}.dashboard-container.dashboard-redesign .stat-icon{font-size:20px}.dashboard-container.dashboard-redesign .stat-info{grid-gap:2px;display:grid;gap:2px}.dashboard-container.dashboard-redesign .stat-info .stat-label{color:#9eb0e8;font-size:12px}.dashboard-container.dashboard-redesign .stat-info .stat-value{color:#fff;font-size:15px;font-weight:700}.dashboard-container.dashboard-redesign .daily-section,.dashboard-container.dashboard-redesign .game-modes-section,.dashboard-container.dashboard-redesign .guest-section,.dashboard-container.dashboard-redesign .matchmaking-section,.dashboard-container.dashboard-redesign .quick-links-section,.dashboard-container.dashboard-redesign .referral-section,.dashboard-container.dashboard-redesign .support-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0f1ebf;border:1px solid #ffffff1f;border-radius:22px;padding:24px}.dashboard-container.dashboard-redesign .section-header{margin-bottom:14px}.dashboard-container.dashboard-redesign .section-title{font-family:Sora,sans-serif;font-size:clamp(1.25rem,2.5vw,1.7rem);margin:0}.dashboard-container.dashboard-redesign .section-subtitle{color:#a5b3df;margin:6px 0 0}.dashboard-container.dashboard-redesign .game-modes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-container.dashboard-redesign .game-mode-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;color:#eff3ff;cursor:pointer;padding:14px;position:relative;text-align:left;transition:.2s ease}.dashboard-container.dashboard-redesign .game-mode-card:hover{border-color:#4f93ffbf;transform:translateY(-2px)}.dashboard-container.dashboard-redesign .featured-mode{background:linear-gradient(160deg,#7e63ff33,#ffffff0d);border-color:#a07cffb3}.dashboard-container.dashboard-redesign .mode-icon-wrapper{background:linear-gradient(135deg,#38456f,#29355c);border-radius:12px;display:grid;height:42px;margin-bottom:10px;place-items:center;width:42px}.dashboard-container.dashboard-redesign .from-purple-500.to-pink-500{background:linear-gradient(135deg,#8c56ff,#ff5ec8)}.dashboard-container.dashboard-redesign .from-red-500.to-orange-500{background:linear-gradient(135deg,#ff4f61,#ff8a42)}.dashboard-container.dashboard-redesign .from-green-500.to-teal-500{background:linear-gradient(135deg,#10c67b,#00b3aa)}.dashboard-container.dashboard-redesign .from-blue-500.to-cyan-500{background:linear-gradient(135deg,#4f93ff,#0cf)}.dashboard-container.dashboard-redesign .from-yellow-500.to-red-500{background:linear-gradient(135deg,#ffd24f,#ff6c50)}.dashboard-container.dashboard-redesign .mode-title{font-size:1rem;font-weight:700;margin:0}.dashboard-container.dashboard-redesign .mode-description{color:#a9b7e2;font-size:.9rem;margin:6px 0 0}.dashboard-container.dashboard-redesign .mode-play-btn{color:#75d9ff;font-size:.85rem;font-weight:700;margin-top:10px}.dashboard-container.dashboard-redesign .mode-badge{border-radius:999px;display:grid;font-size:12px;font-weight:800;height:22px;min-width:26px;padding:0 8px;place-items:center;position:absolute;right:10px;top:10px}.dashboard-container.dashboard-redesign .hot-badge{background:#ff4d73;color:#fff}.dashboard-container.dashboard-redesign .pending-badge{background:#00d2ff;color:#04213b}.dashboard-container.dashboard-redesign .daily-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-container.dashboard-redesign .daily-card{grid-gap:10px;align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:14px}.dashboard-container.dashboard-redesign .daily-icon{font-size:24px}.dashboard-container.dashboard-redesign .daily-game{font-size:1rem;margin:0}.dashboard-container.dashboard-redesign .daily-challenge{color:#9fb0e3;font-size:.9rem;margin:4px 0 0}.dashboard-container.dashboard-redesign .daily-reward{background:#00d2ff29;border:1px solid #00d2ff73;border-radius:999px;color:#9cecff;font-size:.85rem;font-weight:700;padding:6px 10px}.dashboard-container.dashboard-redesign .daily-card.coming-soon .daily-reward{background:#ffffff14;border-color:#ffffff38;color:#d8e1ff}.dashboard-container.dashboard-redesign .daily-card--referral{background:#00d27812;border-color:#00d27859}.dashboard-container.dashboard-redesign .daily-card--referral .daily-reward{background:#00d2782e;border-color:#00d2788c;color:#7dffc7}.dashboard-container.dashboard-redesign .daily-referral-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.dashboard-container.dashboard-redesign .daily-ref-code{background:#00d2781f;border:1px solid #00d2784d;border-radius:6px;color:#7dffc7;font-family:monospace;font-size:.82rem;letter-spacing:1px;padding:2px 8px}.dashboard-container.dashboard-redesign .daily-ref-copy{background:#00d27833;border:1px solid #00d27880;border-radius:6px;color:#7dffc7;cursor:pointer;font-size:.8rem;font-weight:600;padding:3px 12px;transition:background .2s}.dashboard-container.dashboard-redesign .daily-ref-copy:hover{background:#00d27859}.dashboard-container.dashboard-redesign .quick-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-container.dashboard-redesign .quick-link-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;color:#fff;cursor:pointer;padding:14px;text-align:left;transition:.2s ease}.dashboard-container.dashboard-redesign .quick-link-card:hover{border-color:#4f93ffb3;transform:translateY(-2px)}.dashboard-container.dashboard-redesign .quick-icon{display:block;font-size:20px;margin-bottom:6px}.dashboard-container.dashboard-redesign .quick-label{display:block;font-weight:700}.dashboard-container.dashboard-redesign .quick-desc{color:#a2b2df;display:block;font-size:.85rem;margin-top:3px}.dashboard-container.dashboard-redesign .active-challenge-card{align-items:center;background:#00d2ff1a;border:1px solid #00d2ff61;border-radius:14px;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:12px}.dashboard-container.dashboard-redesign .challenge-info{grid-gap:3px;display:grid;gap:3px}.dashboard-container.dashboard-redesign .challenge-info span{color:#bed0ff;font-size:.9rem}.dashboard-container.dashboard-redesign .btn-copy,.dashboard-container.dashboard-redesign .btn-find-match,.dashboard-container.dashboard-redesign .btn-guest,.dashboard-container.dashboard-redesign .btn-leave-queue,.dashboard-container.dashboard-redesign .btn-login,.dashboard-container.dashboard-redesign .btn-resume,.dashboard-container.dashboard-redesign .btn-share{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:10px 14px;transition:.2s ease}.dashboard-container.dashboard-redesign .btn-copy,.dashboard-container.dashboard-redesign .btn-find-match,.dashboard-container.dashboard-redesign .btn-guest,.dashboard-container.dashboard-redesign .btn-resume{background:linear-gradient(140deg,#4f93ff,#0cf);color:#061d3a}.dashboard-container.dashboard-redesign .btn-leave-queue{background:linear-gradient(140deg,#ff5d79,#ff7a50);color:#fff}.dashboard-container.dashboard-redesign .btn-login,.dashboard-container.dashboard-redesign .btn-share{background:#ffffff1f;border:1px solid #fff3;color:#eef3ff}.dashboard-container.dashboard-redesign .btn-copy:hover,.dashboard-container.dashboard-redesign .btn-find-match:hover,.dashboard-container.dashboard-redesign .btn-guest:hover,.dashboard-container.dashboard-redesign .btn-leave-queue:hover,.dashboard-container.dashboard-redesign .btn-login:hover,.dashboard-container.dashboard-redesign .btn-resume:hover,.dashboard-container.dashboard-redesign .btn-share:hover{transform:translateY(-1px)}.dashboard-container.dashboard-redesign .error-message,.dashboard-container.dashboard-redesign .queue-status,.dashboard-container.dashboard-redesign .referral-feedback{border-radius:10px;font-size:.92rem;margin-bottom:10px;padding:10px 12px}.dashboard-container.dashboard-redesign .error-message{background:#ff577824;border:1px solid #ff577873;color:#ffc3d0}.dashboard-container.dashboard-redesign .queue-status,.dashboard-container.dashboard-redesign .referral-feedback{background:#ffffff14;border:1px solid #ffffff24;color:#d9e5ff}.dashboard-container.dashboard-redesign .matchmaking-controls{grid-gap:12px;display:grid;gap:12px}.dashboard-container.dashboard-redesign .balance-hint,.dashboard-container.dashboard-redesign .wager-label{color:#a6b5e4}.dashboard-container.dashboard-redesign .wager-value-display{font-size:1.5rem;font-weight:800;margin:6px 0}.dashboard-container.dashboard-redesign .wager-slider{width:100%}.dashboard-container.dashboard-redesign .guest-card{background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;padding:18px}.dashboard-container.dashboard-redesign .guest-card h3{margin:0}.dashboard-container.dashboard-redesign .guest-card p{color:#afbee9;margin:8px 0 14px}.dashboard-container.dashboard-redesign .guest-buttons{display:flex;flex-wrap:wrap;gap:10px}.dashboard-container.dashboard-redesign .referral-content{grid-gap:12px;display:grid;gap:12px;grid-template-columns:.9fr 1.1fr}.dashboard-container.dashboard-redesign .referral-code-card,.dashboard-container.dashboard-redesign .referral-link-card{grid-gap:8px;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;display:grid;gap:8px;padding:14px}.dashboard-container.dashboard-redesign .code-label,.dashboard-container.dashboard-redesign .link-label{color:#9fb0e3;font-size:.85rem}.dashboard-container.dashboard-redesign .code-value,.dashboard-container.dashboard-redesign .link-value{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:8px 10px;word-break:break-all}.dashboard-container.dashboard-redesign .link-actions{display:flex;flex-wrap:wrap;gap:8px}.dashboard-container.dashboard-redesign .support-callout{background:#00d2ff17;border:1px solid #00d2ff4d;border-radius:14px;color:#d9f7ff;margin-bottom:14px;padding:12px 14px}.dashboard-container.dashboard-redesign .support-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-container.dashboard-redesign .support-card{grid-gap:8px;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;color:#eef3ff;display:grid;gap:8px;padding:16px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.dashboard-container.dashboard-redesign .support-card:hover{background:#ffffff14;border-color:#4f93ffbf;transform:translateY(-2px)}.dashboard-container.dashboard-redesign .support-label{color:#9fb0e3;font-size:.85rem}.dashboard-container.dashboard-redesign .support-value{font-size:1rem;word-break:break-word}.dashboard-container.dashboard-redesign .support-hint{color:#bfd0ff;font-size:.9rem;line-height:1.45}.dashboard-container.dashboard-redesign .menu-backdrop{background:#050810a6;inset:0;position:fixed;z-index:1000}.dashboard-container.dashboard-redesign .profile-menu-modal{background:#0a0f1ef2;border:1px solid #ffffff29;border-radius:16px;box-shadow:0 26px 46px #0000008c;padding:16px;position:fixed;right:24px;top:84px;width:min(360px,calc(100vw - 30px));z-index:1001}.dashboard-container.dashboard-redesign .profile-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.dashboard-container.dashboard-redesign .profile-avatar{background:linear-gradient(140deg,#7e63ff,#0cf);border-radius:999px;color:#061d3a;display:grid;font-weight:800;height:42px;place-items:center;width:42px}.dashboard-container.dashboard-redesign .profile-name{margin:0}.dashboard-container.dashboard-redesign .profile-stats{grid-gap:8px;display:grid;gap:8px}.dashboard-container.dashboard-redesign .profile-stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;display:flex;justify-content:space-between;padding:9px 10px}@media (max-width:1150px){.dashboard-container.dashboard-redesign .featured-cta-wrap{bottom:44px}.dashboard-container.dashboard-redesign .game-modes-grid,.dashboard-container.dashboard-redesign .stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-container.dashboard-redesign .daily-grid,.dashboard-container.dashboard-redesign .quick-links-grid,.dashboard-container.dashboard-redesign .referral-content,.dashboard-container.dashboard-redesign .support-grid{grid-template-columns:1fr}}@media (max-width:760px){.dashboard-container.dashboard-redesign .dashboard-inner{margin:0 auto;max-width:calc(100vw - 12px);padding:14px 12px 16px;width:calc(100vw - 12px)}.dashboard-container.dashboard-redesign .dashboard-content{gap:18px;justify-items:stretch;min-width:0;width:100%}.dashboard-container.dashboard-redesign .dashboard-content>*{min-width:0;width:100%}.dashboard-container.dashboard-redesign .daily-section,.dashboard-container.dashboard-redesign .game-modes-section,.dashboard-container.dashboard-redesign .guest-section,.dashboard-container.dashboard-redesign .hero-glass-card,.dashboard-container.dashboard-redesign .matchmaking-section,.dashboard-container.dashboard-redesign .quick-links-section,.dashboard-container.dashboard-redesign .referral-section,.dashboard-container.dashboard-redesign .support-section{border-radius:16px;padding:16px}.dashboard-container.dashboard-redesign .featured-slide{min-height:430px;padding:20px}.dashboard-container.dashboard-redesign .featured-home-copy{border-radius:14px;display:block;left:50%;padding:13px 12px;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px)}.dashboard-container.dashboard-redesign .featured-cta-wrap{bottom:72px}.dashboard-container.dashboard-redesign .featured-slide-labels{bottom:14px;gap:6px;left:14px}.dashboard-container.dashboard-redesign .slide-label{font-size:11px;padding:5px 10px}.dashboard-container.dashboard-redesign .featured-carousel-controls{bottom:14px;right:14px}.dashboard-container.dashboard-redesign .game-modes-grid,.dashboard-container.dashboard-redesign .game-stats,.dashboard-container.dashboard-redesign .stats-bar{grid-template-columns:1fr}.dashboard-container.dashboard-redesign .daily-card{grid-template-columns:auto 1fr}.dashboard-container.dashboard-redesign .daily-reward{grid-column:span 2;justify-self:start}.dashboard-container.dashboard-redesign .profile-menu-modal{left:12px;right:12px;width:auto}}.game-container{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;min-height:100vh}.game-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;display:flex;justify-content:space-between;padding:20px}.game-header button{background-color:#2a5298;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.game-header button:hover{background-color:#1e3c72}.game-content{margin:40px auto;max-width:800px;padding:0 20px}.players-info{align-items:center;display:flex;gap:20px;justify-content:space-around;margin-bottom:40px}.player-card{background:#fffffff2;border-radius:12px;color:#333;flex:1 1;padding:20px;text-align:center}.player-card h3{font-size:20px;margin:0 0 5px}.player-card p{color:#666;font-size:14px;margin:0}.vs{align-items:center;border-radius:50%;display:flex;font-size:18px;font-weight:700;height:60px;justify-content:center;width:60px}.game-board,.vs{background:#fffffff2;color:#333}.game-board{border-radius:12px;box-shadow:0 10px 40px #0003;margin-bottom:30px;min-height:400px;padding:40px}.result-state,.rolled-state,.rolling-state,.waiting-state{text-align:center;width:100%}.spinner{font-size:80px;margin-bottom:20px}.rolls{gap:20px;justify-content:space-around;margin:30px 0}.opponent-roll,.your-roll{flex:1 1}.opponent-roll h3,.your-roll h3{color:#2a5298;margin:0 0 15px}.dice-value{background:#f0f0f0;border-radius:8px;color:#ff6b6b;padding:20px}.result-message{background:#f0f0f0;margin:30px 0}.result-message h2{font-size:24px;margin:0 0 10px}.result-message.tie h2{color:#ffc107}.result-message.player1 h2{color:#28a745}.result-message.player2 h2{color:#dc3545}.win{color:#28a745}.loss,.win{font-weight:700}.loss{color:#dc3545}.roll-btn{background-color:#ffc107;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.roll-btn:hover:not(:disabled){background-color:#ffb300;transform:translateY(-2px)}.game-board button{background-color:#2a5298;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:12px 30px}.game-board button:hover{background-color:#1e3c72}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070a14b8;bottom:0;left:0;padding:20px;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #667eea40;border-radius:12px;box-shadow:0 18px 60px #00000073;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{background:#fff;border-bottom:1px solid #eee;padding:20px;position:-webkit-sticky;position:sticky;top:0}.modal-header h2{color:#333;font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#f0f0f0;color:#333}.modal-body{padding:20px}.modal-footer{background:#f9f9f9;border-top:1px solid #eee;padding:20px}.btn-cancel,.btn-primary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-cancel{background:#f0f0f0;color:#333}.btn-cancel:hover{background:#e0e0e0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #667eea4d}.btn-primary:disabled{opacity:.5}.create-challenge-modal .form-group{margin-bottom:25px}.create-challenge-modal{border:1px solid #667eea59;box-shadow:0 20px 60px #667eea40}.friendly-challenge-modal{border:1px solid #10b98173;box-shadow:0 20px 60px #10b98133}.create-challenge-modal label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-challenge-modal small{color:#999;display:block;font-size:12px;margin-top:4px}.friends-picker{grid-gap:8px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:8px;max-height:200px;overflow-y:auto;padding:8px}.friend-dropdown-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:all .2s ease;width:100%}.friend-dropdown-toggle:hover{border-color:#c7d2fe;box-shadow:0 4px 10px #6366f11f}.friend-dropdown-caret{color:#6b7280;font-size:12px;margin-left:auto}.friend-search{border:1px solid #e5e7eb;border-radius:8px;font-size:13px;padding:9px 12px;width:100%}.friend-search:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #a5b4fc40;outline:none}.friend-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:all .2s ease;width:100%}.friend-option:hover{border-color:#c7d2fe;box-shadow:0 4px 10px #6366f11f}.friend-option.selected{background:#eef2ff;border-color:#667eea}.friend-status{background:#cbd5f5;border-radius:50%;box-shadow:0 0 0 2px #cbd5f559;flex:0 0 10px;height:10px;width:10px}.friend-status.online{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.friend-name{color:#111827;font-weight:600}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:10px 12px;transition:all .3s ease}.input-with-unit input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-with-unit .unit{color:#999;font-size:12px;pointer-events:none;position:absolute;right:12px}.summary{background:#f9f9f9;border-radius:8px;margin-bottom:15px;padding:15px}.summary-row.total{border-top:1px solid #ddd;margin-bottom:10px;margin-top:10px;padding-top:10px}.summary-row.total strong{color:#667eea;font-size:16px}.summary-row.available strong{color:#27ae60;font-size:16px}.info-box{background:#f0f7ff;border-left:4px solid #667eea;border-radius:4px;margin-bottom:15px;padding:12px}.info-box p{color:#111827;font-size:14px;line-height:1.6;margin:5px 0}.error-box{background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:15px;padding:12px}.error-box p{color:#c33;font-size:12px;margin:5px 0}.error-message{border-radius:6px;font-size:13px;margin-bottom:15px;padding:10px 12px}.challenge-terms{background:#fff}.challenge-terms h3{color:#333;font-size:16px;margin:0 0 15px}.challenge-terms h4{color:#333;font-size:14px;font-weight:600;margin:15px 0 10px}.term{border-bottom:1px solid #f0f0f0;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.term label{color:#666;font-weight:500}.term .value{color:#333;font-weight:600}.term .value.amount{color:#667eea;font-size:15px}.term.total{border-bottom:1px solid #f0f0f0;border-top:2px solid #f0f0f0;margin:10px 0;padding:15px 0 10px}.term.total .value.amount{color:#e74c3c;font-size:18px}.divider{background:#f0f0f0;height:1px;margin:15px 0}.what-happens{background:#f0f7ff;border-radius:8px;margin-bottom:15px;padding:12px}.what-happens ul{list-style:none;margin:10px 0;padding-left:20px}.what-happens li{color:#555;font-size:12px;line-height:1.4;margin-bottom:6px}.balance-check{background:#f9f9f9;border-radius:8px;margin-bottom:15px;padding:12px}.balance-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.balance-item:last-child{margin-bottom:0}.balance-item span{color:#666}.balance-item strong{color:#333;font-weight:600}.balance-item strong.error{color:#e74c3c}.challenges-container{margin:0 auto;max-width:1200px;padding:20px}.challenges-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.challenges-search{margin-bottom:20px}.challenges-search-input{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 6px 14px #0f172a14;color:#1f2937;font-size:14px;max-width:420px;padding:10px 14px;width:100%}.challenges-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.challenges-actions{display:flex;flex-wrap:wrap;gap:12px}.challenges-header h1{color:#fff;font-size:28px;margin:0}.btn-create-challenge{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-create-challenge.btn-create-friendly{background:linear-gradient(135deg,#10b981,#0f766e)}.btn-create-challenge:hover{box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.open-challenges,.pending-direct-challenges{margin:0 auto;max-width:800px;width:100%}.open-challenges h2,.pending-direct-challenges h2{border-bottom:2px solid #fff3;color:#fff;font-size:20px;margin:0 0 20px;padding-bottom:10px}.pending-direct-challenges h2{border-bottom-color:#fff3;color:#fff}.challenges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.challenges-list{grid-gap:12px;gap:12px}.challenge-row{grid-column-gap:16px;grid-row-gap:8px;background:#0f172a8c;border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #00000038;column-gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:9px 12px;row-gap:8px}.challenge-row-main{grid-gap:4px;display:grid;flex:1 1;gap:4px;min-width:0;padding-right:8px}.challenge-row-title{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:16px;font-weight:900;gap:8px}.challenge-game-prefix{background:#fff3;border-radius:999px;color:#fff;font-size:11px;font-weight:800;padding:2px 8px}.challenge-status-inline{background:#ffffff1f;border-radius:999px;color:#e2e8f0;font-size:12px;font-weight:700;padding:2px 8px}.challenge-row-meta{color:#fff;display:flex;flex-wrap:wrap;font-size:13px;font-weight:700;gap:12px}.challenge-row-meta span{color:#fff}.challenge-mode{border-radius:999px;font-size:12px;font-weight:900;padding:4px 10px}.challenge-mode.betting{background:#ef444433;color:#fca5a5}.challenge-mode.friendly{background:#22c55e33;color:#86efac}.challenge-wager.betting{color:#fca5a5;font-weight:900}.challenge-wager.friendly{color:#86efac;font-weight:900}.challenge-row-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-self:end}.challenge-row-actions .btn-accept,.challenge-row-actions .btn-reject{margin:0;white-space:nowrap;width:auto}@media (max-width:760px){.challenge-row{align-items:stretch;grid-template-columns:1fr}.challenge-row-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}}.challenge-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.challenge-card:hover{border-color:#667eea;box-shadow:0 8px 24px #00000026}.challenge-card.direct-challenge{background:#fffbfb;border-color:#ffe0e0}.challenge-card.direct-challenge:hover{border-color:#e74c3c;box-shadow:0 8px 24px #e74c3c33}.challenge-header h3{color:#333;font-size:18px;margin:0}.challenge-id{background:#ffffff2e;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.challenge-details{background:#f9f9f9;border-radius:8px;margin-bottom:15px;padding:15px}.detail{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.detail:last-child{margin-bottom:0}.detail label{color:#666;font-weight:500}.detail span{color:#333;font-weight:600}.detail .amount{color:#667eea;font-size:16px}.detail .amount.risk{color:#e74c3c}.challenge-stats{display:flex;gap:15px;margin-bottom:15px}.stat{background:#f0f0f0;border-radius:8px;flex:1 1;padding:10px;text-align:center}.stat .label{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.stat .value{color:#333;display:block;font-size:18px;font-weight:700}.challenge-actions{display:flex;gap:10px}.challenge-actions .btn-accept,.challenge-actions .btn-reject{flex:1 1}.btn-accept{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.btn-accept:hover{box-shadow:0 6px 12px #667eea4d;transform:translateY(-2px)}.btn-accept:active{transform:translateY(0)}.btn-reject{background:#f5f5f5;border:2px solid #e74c3c;border-radius:8px;color:#e74c3c;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease}.btn-reject:hover{background:#fee;box-shadow:0 6px 12px #e74c3c4d;transform:translateY(-2px)}.btn-reject:active{transform:translateY(0)}.no-challenges{background:#0f172a73;border-radius:12px;margin:40px 0;padding:60px 20px;text-align:center}.no-challenges p{color:#fff;font-size:16px;margin:10px 0}.no-challenges p:first-child{color:#fff;font-size:18px;font-weight:600}.error-message{font-size:14px;margin-bottom:20px}.challenge-game-container{background:#f5f5f5;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.game-header{color:#333;margin-bottom:30px;text-align:center}.game-header h1{font-size:28px;margin:0 0 15px}.series-info{display:flex;font-size:16px;font-weight:600;gap:30px;justify-content:center}.series-info span{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:8px 16px}.game-counter{color:#667eea}.wager{color:#e74c3c}.series-complete-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:20px;padding:40px 20px;text-align:center}.series-complete-banner h2{font-size:24px;margin:0 0 10px}.series-complete-banner p{margin:0 0 20px;opacity:.9}.series-complete-banner button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.series-complete-banner button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.game-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;padding:30px}.series-score{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:20px;justify-content:center;margin-bottom:30px;padding:20px}.score-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:1 1;padding:15px;text-align:center}.score-name{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.score-value{color:#667eea;font-size:36px;font-weight:700}.score-divider{color:#ddd;font-size:24px;font-weight:300}.ties-badge{background:gold;border-radius:20px;color:#333;font-size:12px;font-weight:600;padding:8px 12px}.game-board{min-height:350px}.game-board,.ready-state,.result-state,.rolled-state,.rolling-state,.waiting-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.ready-state,.result-state,.rolled-state,.rolling-state,.waiting-state{width:100%}.spinner{animation:spin 5s linear infinite;font-size:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ready-state p,.rolling-state p,.waiting-state p{color:#666;font-size:16px;margin:0}.ready-state{gap:30px}.ready-state p{color:#27ae60;font-weight:600}.rolled-state{gap:20px}.rolled-state p{color:#666;margin:0}.opponent-roll,.your-roll{text-align:center}.opponent-roll h3,.your-roll h3{color:#333;font-size:16px;margin:0 0 10px}.dice-value{color:#667eea;font-size:60px;font-weight:700;line-height:1}.rolls{display:flex;gap:40px;justify-content:center;width:100%}.opponent-roll,.your-roll{flex:1 1}.result-message{border-radius:8px;margin:20px 0;width:100%}.result-message.win{background:#d4edda;border:2px solid #28a745}.result-message.win h2{color:#155724;margin:0}.result-message.loss{background:#f8d7da;border:2px solid #f5576c}.result-message.loss h2{color:#721c24;margin:0}.result-message.tie{background:#fff3cd;border:2px solid #ffc107}.result-message.tie h2{color:#856404;margin:0}.finish-btn,.next-btn,.roll-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.finish-btn:hover,.next-btn:hover,.roll-btn:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.finish-btn:active,.next-btn:active,.roll-btn:active{transform:translateY(0)}.finish-btn,.next-btn{margin-top:20px}.finish-btn{background:linear-gradient(135deg,#27ae60,#229954)}.finish-btn:hover{box-shadow:0 6px 12px #27ae6066}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-top:20px;padding:12px 15px}@media (max-width:600px){.series-info{flex-direction:column;gap:10px}.score-card{flex:0 1}.rolls{flex-direction:column;gap:20px}.dice-value,.spinner{font-size:48px}}.forfeit-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:8px 16px;transition:background-color .2s}.forfeit-btn:hover{background-color:#c82333}.forfeit-btn:active{transform:scale(.98)}.series-complete-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;min-height:100vh;padding:20px}.results-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;width:100%}.result-header{color:#fff;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.result-header,.result-header.win{background:linear-gradient(135deg,#667eea,#764ba2)}.result-header.loss{background:linear-gradient(135deg,#f093fb,#f5576c)}.result-header.tie{background:linear-gradient(135deg,#fa709a,#fee140)}.result-header h1{font-size:24px;margin:0;position:relative;z-index:1}.result-badge{background:#fff3;border-radius:20px;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;padding:8px 16px;position:absolute;right:20px;text-transform:uppercase;top:20px}.result-message{background:#f9f9f9;padding:20px;text-align:center}.result-message h2{color:#333;font-size:20px;margin:0}.series-stats{grid-gap:15px;background:#fff;display:grid;gap:15px;grid-template-columns:1fr auto 1fr;padding:30px 20px}.stat-box{align-items:center;display:flex;flex-direction:column;justify-content:center}.stat-box.opponent-stat,.stat-box.player-stat{background:#f9f9f9;border-radius:8px;padding:20px}.stat-name{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.stat-number{color:#667eea;font-size:40px;font-weight:700;line-height:1;margin-bottom:8px}.stat-number.wins{color:#27ae60}.stat-label{color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.financial-summary{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;margin:20px;padding:20px}.summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.summary-row:last-child{margin-bottom:0}.summary-row span{color:#666}.summary-row strong{color:#333;font-weight:600}.summary-divider{background:#e0e0e0;height:1px;margin:10px 0}.summary-row.profit-loss{font-size:16px;font-weight:600;padding-top:10px}.summary-row.profit-loss.gain strong{color:#27ae60}.summary-row.profit-loss.loss strong{color:#e74c3c}.summary-row.profit-loss.neutral strong{color:#f39c12}.games-breakdown{background:#fff;padding:20px}.games-breakdown h3{color:#333;font-size:16px;margin:0 0 15px}.games-list{display:flex;flex-direction:column;gap:10px}.game-result{align-items:center;background:#f9f9f9;border-left:4px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.game-result.completed{border-left-color:#667eea}.game-result.tie{border-left-color:#f39c12}.game-number{color:#666}.game-number,.game-outcome span{font-size:14px;font-weight:600}.game-outcome .winner{color:#27ae60}.game-outcome .loser{color:#e74c3c}.game-outcome .tie{color:#f39c12}.actions{background:#f9f9f9;border-top:1px solid #eee;display:flex;gap:10px;padding:20px}.btn-home{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-home:hover{box-shadow:0 6px 12px #667eea4d;transform:translateY(-2px)}.btn-home:active{transform:translateY(0)}.error-message{color:#e74c3c;font-size:16px;padding:40px 20px;text-align:center}.flappy-page{background:radial-gradient(1200px 700px at 20% 10%,#4cc9f01a,#0000 55%),radial-gradient(900px 600px at 90% 0,#ffb7031a,#0000 55%),#0b1020;color:#e9ecef;min-height:100vh;overflow-x:hidden;padding:20px}@media (max-width:600px){.flappy-page{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}.flappy-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}@media (max-width:600px){.flappy-header{align-items:flex-start;flex-direction:column}}.flappy-title{font-size:26px;margin:0}@media (max-width:600px){.flappy-title{font-size:22px}}.flappy-subtitle{color:#e9ecefb3;font-size:14px;margin-top:6px}.flappy-header-actions{display:flex;gap:10px}@media (max-width:600px){.flappy-header-actions{flex-wrap:wrap;width:100%}.flappy-header-actions .flappy-btn,.flappy-header-actions .flappy-btn-primary{flex:1 1;min-width:120px}}.flappy-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:980px){.flappy-grid{align-items:start;grid-template-columns:420px 1fr}}.flappy-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:16px}.flappy-card h2{font-size:18px;margin:0 0 10px}.flappy-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:120px 1fr;margin-bottom:10px}@media (max-width:600px){.flappy-row{gap:6px;grid-template-columns:1fr}}.flappy-label{color:#e9ecefbf}.flappy-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#e9ecef;outline:none;padding:10px 12px}.flappy-input:focus{border-color:#4cc9f08c}.flappy-meta{grid-gap:6px;color:#e9ecefd1;display:grid;gap:6px;margin-bottom:12px}.flappy-btn,.flappy-btn-primary{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#e9ecef;cursor:pointer;padding:10px 12px;touch-action:manipulation}@media (max-width:600px){.flappy-btn,.flappy-btn-primary{font-size:15px;padding:12px 14px}}.flappy-btn:hover{background:#ffffff1a}.flappy-btn-primary:disabled,.flappy-btn:disabled{cursor:not-allowed;opacity:.55}.flappy-btn-primary{background:linear-gradient(135deg,#4cc9f059,#ffb70340);border-color:#4cc9f066}.flappy-error{background:#ff000014;border:1px solid #f003;border-radius:12px;color:#ffffffeb;margin:10px 0 14px;padding:10px 12px}.flappy-hint{color:#e9ecefb8;font-size:13px;margin-top:10px}.flappy-canvas-wrap{max-width:820px;position:relative;width:100%}.flappy-canvas{-webkit-tap-highlight-color:transparent;background:#0b1320;border:1px solid #ffffff14;border-radius:12px;display:block;height:auto;touch-action:none;width:100%}.flappy-rotate-overlay{align-items:center;background:#060a14b8;border-radius:12px;display:none;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center;z-index:2}.flappy-rotate-card{background:#00000059;border:1px solid #ffffff29;border-radius:12px;padding:14px 16px}.flappy-rotate-title{color:#f8f9fa;font-weight:700}.flappy-rotate-sub{color:#e9ecefb8;font-size:12px;margin-top:6px}.flappy-canvas-instructions{color:#ffffffd9;font-size:13px}.flappy-canvas-subtext{color:#ffffffb3;font-size:12px}.flappy-canvas-controls{align-items:center;display:flex;gap:10px}.flappy-canvas-status{color:#ffffffbf;font-size:13px}.flappy-canvas-hud{color:#fff9;font-size:12px}@media (max-width:900px) and (orientation:portrait){.flappy-rotate-overlay{display:flex}}@media (max-width:600px){.flappy-canvas-wrap{max-width:none}.flappy-canvas-controls,.flappy-canvas-hud,.flappy-canvas-instructions,.flappy-canvas-subtext{display:none}}.flappy-list{grid-gap:10px;display:grid;gap:10px}.flappy-list-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}@media (max-width:600px){.flappy-list-item{align-items:stretch;flex-direction:column}.flappy-list-item button{width:100%}}.flappy-list-title,.flappy-pill{font-weight:700}.flappy-pill{align-items:center;background:#00000040;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:11px;letter-spacing:.02em;margin-left:8px;padding:3px 8px}.flappy-pill--bet{background:#ef44442e;border-color:#ef444473;color:#fecaca}.flappy-pill--friendly{background:#22c55e2e;border-color:#22c55e73;color:#bbf7d0}.flappy-list-sub{color:#e9ecefad;font-size:12px;margin-top:2px}.chess-match-page{background:radial-gradient(1200px 600px at 20% 10%,#e8c58924,#0000 60%),radial-gradient(900px 600px at 80% 0,#58ccff1f,#0000 60%),#0b1020}.chess-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(240px,320px)}.chess-layout>*{min-width:0}@media (max-width:1100px){.chess-layout{grid-template-columns:1fr}}.chess-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070c1aa6;border:1px solid #ffffff14;border-radius:16px;padding:14px}.chess-board-panel,.chess-panel{grid-gap:12px;display:grid;gap:12px}.chess-mobile-timer{align-items:center;background:#070c1aa6;border:1px solid #ffffff14;border-radius:12px;display:none;justify-content:space-between;padding:8px 10px}.chess-mobile-timer .chess-player-name{font-size:14px}.chess-mobile-timer .chess-clock{font-size:16px;padding:5px 9px}.chess-board-shell{background:linear-gradient(135deg,#10172ad9,#0a0f1ef2);border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 20px 40px #00000059;margin-inline:auto;max-width:100%;overflow:hidden;padding:16px}.chess-board-inner{margin:0 auto;max-width:100%;width:min(560px,calc(100vh - 260px),90vw)}@media (max-width:1366px){.chess-board-inner{width:min(520px,calc(100vh - 240px),88vw)}}@media (max-width:600px){.chess-match-page{overflow-x:hidden}.chess-board-panel{gap:8px}.chess-mobile-timer{display:flex}.chess-info-panel .chess-player-card{display:none}.chess-board-shell{margin-inline:auto;padding:8px}.chess-board-inner{margin-inline:auto;width:min(100%,calc(100vw - 68px),420px)}}.chess-player-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;justify-content:space-between;padding:12px 14px}.chess-player-turn{background:#3b82f61f;border-color:#60a5fa80;box-shadow:inset 0 0 0 1px #60a5fa40}.chess-player-label{color:#e9ecef8c;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.chess-player-name{font-size:16px;font-weight:700}.chess-clock{background:#0f172ab3;border:1px solid #94a3b840;border-radius:10px;color:#e2e8f0;font-size:18px;font-weight:700;padding:6px 10px}.chess-meta-block{grid-gap:6px;color:#e9ecefc7;display:grid;font-size:13px;gap:6px}.chess-actions{grid-gap:8px;display:grid;gap:8px}.chess-status{color:#e2e8f0bf;font-size:13px}.chess-moves-panel h2{font-size:18px;margin:0}.chess-moves-table{grid-gap:6px;display:grid;gap:6px;max-height:520px;overflow:auto;padding-right:4px}.chess-move-row{grid-gap:8px;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;display:grid;font-size:13px;gap:8px;grid-template-columns:32px 1fr 1fr;padding:8px 10px}.chess-move-row:nth-child(2n){background:#ffffff05}.chess-move-index{color:#e2e8f099;font-weight:600}.chess-move-cell{color:#e2e8f0e6;font-weight:600}.chess-result-win{color:#4ade80}.chess-result-loss{color:#f87171}@media (max-width:600px){.chess-moves-panel{order:3}.chess-moves-table{-webkit-overflow-scrolling:touch;display:flex;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x mandatory}.chess-move-row{flex:0 0 112px;font-size:12px;gap:4px;grid-template-columns:1fr;min-width:112px;padding:7px 8px;scroll-snap-align:start}.chess-move-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.checkers-page{grid-gap:12px;display:grid;gap:12px}.checkers-layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:240px minmax(280px,1fr) 240px}.checkers-layout--practice{grid-template-columns:220px minmax(280px,1fr)}.checkers-layout--duel{grid-template-columns:240px minmax(280px,1fr)}.checkers-panel{background:#0f172abf;border:1px solid #94a3b840;border-radius:14px;color:#e2e8f0;font-size:14px;padding:12px}.checkers-board-wrap{background:#0f172ab3;border:1px solid #94a3b833;border-radius:16px;display:grid;margin-inline:auto;padding:10px;place-items:center}.checkers-board{aspect-ratio:1/1;border-radius:12px;display:grid;grid-template-columns:repeat(8,minmax(28px,1fr));max-width:100%;overflow:hidden;width:min(72vw,560px)}.checkers-square{border:none;margin:0;padding:0;position:relative}.checkers-square--light{background:#f1dec0}.checkers-square--dark{background:#8b5a2b}.checkers-square--selected{box-shadow:inset 0 0 0 3px #facc15cc}.checkers-square--target{box-shadow:inset 0 0 0 3px #34d399cc}.checkers-square--last{box-shadow:inset 0 0 0 3px #3b82f6cc}.checkers-piece{border:2px solid #0f172a99;border-radius:999px;color:#f8fafc;display:grid;font-size:clamp(12px,1.8vw,16px);font-weight:700;height:74%;margin:13%;place-items:center;width:74%}.checkers-piece--red{background:radial-gradient(circle at 30% 30%,#fb7185,#be123c)}.checkers-piece--black{background:radial-gradient(circle at 30% 30%,#475569,#0f172a)}.checkers-clock{font-size:18px;font-weight:700}.checkers-active-turn{color:#facc15}.checkers-turn-alert{background:linear-gradient(90deg,#86efac,#bbf7d0);border:1px solid #22c55e;border-radius:10px;box-shadow:0 0 0 2px #22c55e1f;color:#052e16;font-size:.9rem;font-weight:700;letter-spacing:.2px;margin-bottom:8px;padding:8px 10px}.checkers-moves{grid-gap:8px;display:grid;gap:8px;max-height:320px;overflow:auto}@media (max-width:1080px){.checkers-layout{gap:10px;grid-template-columns:1fr}.checkers-board-wrap{order:1}.checkers-panel--meta{order:2}.checkers-board{margin-inline:auto;width:min(calc(100vw - 72px),500px)}.checkers-panel{font-size:13px}}@media (max-width:640px){.checkers-board-wrap{overflow-x:hidden;padding:6px}.checkers-board{margin-inline:auto;width:min(calc(100vw - 64px),410px)}.checkers-panel{font-size:12px;padding:8px}.checkers-moves{max-height:180px}}@media (max-width:400px){.checkers-board{margin-inline:auto;width:calc(100vw - 64px)}.checkers-piece{font-size:10px}.checkers-clock{font-size:15px}}.draughts-page{grid-gap:12px;display:grid;gap:12px}.draughts-layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:240px minmax(280px,1fr) 240px}.draughts-layout--practice{grid-template-columns:220px minmax(280px,1fr)}.draughts-layout--duel{grid-template-columns:240px minmax(280px,1fr)}.draughts-panel{background:#0f172abf;border:1px solid #94a3b840;border-radius:14px;color:#e2e8f0;font-size:14px;padding:12px}.draughts-board-wrap{background:linear-gradient(135deg,#8b6914,#a0792a 15%,#6b4f10 50%,#8b6914 85%,#a0792a);border:4px solid #5a3e08;border-radius:14px;box-shadow:0 2px 8px #0006,inset 0 1px 0 #ffffff26;display:grid;margin-inline:auto;padding:14px;place-items:center}.draughts-board{aspect-ratio:1/1;border-radius:4px;box-shadow:inset 0 0 4px #0000004d;display:grid;grid-template-columns:repeat(10,minmax(24px,1fr));max-width:100%;overflow:hidden;width:min(72vw,560px)}.draughts-square{aspect-ratio:1/1;border:none;cursor:default;display:grid;margin:0;padding:0;place-items:center;position:relative}.draughts-square--light{background:linear-gradient(135deg,#f2dfc0,#e8d1a8 40%,#f0dcb6 60%,#f5e3c5)}.draughts-square--dark{background:linear-gradient(135deg,#9c6b3a,#7a5228 35%,#8b5e30 65%,#a07040);cursor:pointer}.draughts-square--selected{background:linear-gradient(135deg,#ffd7002e,#ffd70014),linear-gradient(135deg,#9c6b3a,#7a5228 35%,#8b5e30 65%,#a07040);box-shadow:inset 0 0 0 3px #ffd700e6}.draughts-square--target{position:relative}.draughts-square--target:after{background:#4caf508c;border-radius:50%;box-shadow:0 0 6px #4caf5066;content:"";height:34%;pointer-events:none;position:absolute;width:34%;z-index:2}.draughts-square--target .draughts-piece{box-shadow:0 0 0 3px #f44336b3,0 0 10px #f443364d}.draughts-square--last{box-shadow:inset 0 0 0 3px #42a5f5a6}.draughts-piece{border-radius:50%;display:grid;font-size:0;height:78%;place-items:center;position:relative;transition:transform .1s ease;width:78%;z-index:1}.draughts-square:not([disabled]):hover .draughts-piece{transform:scale(1.06)}.draughts-piece--white{background:radial-gradient(circle at 35% 30%,#d4956a 0,#b87240 30%,#9c5a2e 60%,#7a4520 100%);border:2.5px solid #5c3316;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #00000040,0 2px 4px #00000059}.draughts-piece--black{background:radial-gradient(circle at 35% 30%,#5b7d8a 0,#3a5f6f 30%,#2a4a5a 60%,#1a3545 100%);border:2.5px solid #122832;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 2px 4px #00000059}.draughts-piece--king{position:relative}.draughts-piece--king:before{border:3px solid #0000;border-radius:50%;bottom:-3px;content:"";left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px}.draughts-piece--white.draughts-piece--king:before{border-color:gold;box-shadow:0 0 6px #ffd70080,inset 0 0 4px #ffd7004d}.draughts-piece--black.draughts-piece--king:before{border-color:#90caf9;box-shadow:0 0 6px #90caf980,inset 0 0 4px #90caf94d}.draughts-piece--king:after{content:"★";font-size:clamp(9px,1.4vw,14px);left:50%;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.draughts-piece--white.draughts-piece--king:after{color:gold;text-shadow:0 0 3px #0006}.draughts-piece--black.draughts-piece--king:after{color:#bbdefb;text-shadow:0 0 3px #00000080}.draughts-piece--movable{cursor:pointer}.draughts-piece--movable.draughts-piece--white{box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #00000040,0 2px 4px #00000059,0 0 8px #ffb74d59}.draughts-piece--movable.draughts-piece--black{box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 2px 4px #00000059,0 0 8px #64b5f659}.draughts-board-labels-bottom,.draughts-board-labels-top{color:#f1dec0;display:grid;font-size:11px;font-weight:600;grid-template-columns:repeat(10,1fr);letter-spacing:1px;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.draughts-board-labels-top{margin-bottom:2px}.draughts-board-labels-bottom{margin-top:2px}.draughts-board-labels-left,.draughts-board-labels-right{align-items:center;color:#f1dec0;display:grid;font-size:11px;font-weight:600;grid-template-rows:repeat(10,1fr);text-align:center;-webkit-user-select:none;user-select:none}.draughts-board-labels-left{margin-right:4px}.draughts-board-labels-right{margin-left:4px}.draughts-board-with-labels{grid-gap:0;display:grid;gap:0;grid-template-columns:18px 1fr 18px;grid-template-rows:18px 1fr 18px;margin-inline:auto;max-width:100%;width:min(72vw,580px)}.draughts-board-with-labels .draughts-board{width:100%}.draughts-clock{font-size:18px;font-weight:700}.draughts-active-turn{color:#facc15}.draughts-turn-alert{background:linear-gradient(90deg,#86efac,#bbf7d0);border:1px solid #22c55e;border-radius:10px;box-shadow:0 0 0 2px #22c55e1f;color:#052e16;font-size:.9rem;font-weight:700;letter-spacing:.2px;margin-bottom:8px;padding:8px 10px}@media (max-width:1080px){.draughts-layout{gap:10px;grid-template-columns:1fr}.draughts-board-wrap{order:1}.draughts-panel--meta{order:2}.draughts-board-with-labels{margin-inline:auto;width:min(calc(100vw - 72px),520px)}.draughts-board{width:100%}.draughts-panel{font-size:13px}}@media (max-width:640px){.draughts-board-wrap{overflow-x:hidden;padding:8px}.draughts-board-with-labels{grid-template-columns:12px 1fr 12px;grid-template-rows:12px 1fr 12px;margin-inline:auto;width:min(calc(100vw - 68px),420px)}.draughts-board-labels-bottom,.draughts-board-labels-left,.draughts-board-labels-right,.draughts-board-labels-top{font-size:8px}.draughts-board{width:100%}.draughts-panel{font-size:12px;padding:8px}}@media (max-width:400px){.draughts-board-with-labels{grid-template-columns:10px 1fr 10px;grid-template-rows:10px 1fr 10px;margin-inline:auto;width:calc(100vw - 68px)}.draughts-board-labels-bottom,.draughts-board-labels-left,.draughts-board-labels-right,.draughts-board-labels-top{font-size:7px}.draughts-piece{font-size:10px}}:root{--whot-primary:#8b5cf6;--whot-primary-dark:#7c3aed;--whot-secondary:#10b981;--whot-danger:#ef4444;--whot-warning:#f59e0b;--whot-dark:#0f172a;--whot-dark-light:#1e293b;--whot-light:#f8fafc;--whot-gray:#64748b;--whot-gray-light:#cbd5e1;--whot-radius:16px;--whot-radius-sm:10px;--whot-shadow:0 20px 25px -5px #0000004d;--whot-shadow-lg:0 25px 50px -12px #0006;--whot-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.whot-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;color:var(--whot-light);min-height:100vh;padding:20px}.whot-shell{margin:0 auto;max-width:1100px}.whot-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px;.whot-page--room{background:radial-gradient(1200px 520px at 50% 40%,#00000040,#000000b3),repeating-linear-gradient(90deg,#7b4a2b 0 18px,#6f4328 18px 36px),repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000000f 2px 4px);padding:12px}}.whot-title{font-size:28px;margin:0;.whot-page--room .whot-table{background:radial-gradient(900px 520px at 50% 30%,#ffffff14,#fff0),linear-gradient(180deg,#0000002e,#0000004d),repeating-linear-gradient(90deg,#7b4a2b 0 20px,#6b4026 20px 40px);border-radius:24px;min-height:0;padding:14px}}.whot-subtitle{color:#f8fafcbf;margin-top:6px}.whot-table-center-label{min-width:140px;text-align:center}.whot-table-turn{font-size:1.35rem;font-weight:900;text-shadow:0 2px 8px #0000008c}.whot-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;border-radius:var(--whot-radius);box-shadow:0 20px 25px -5px #0000004d;box-shadow:var(--whot-shadow);padding:6px 2px}.whot-opponents-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:4px;max-width:100%;min-height:65px}.whot-table-toprow{margin-bottom:10px}.whot-opponent-panel{background:none;box-shadow:none;margin-top:-15px;padding:0;width:110px}.whot-opponent-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.whot-opponent-fan{height:80px;position:relative;width:130px}.whot-opponent-fan-card{position:absolute;top:0;transform-origin:bottom center}.whot-opponent-fan .whot-playing-card{cursor:default;transform:scale(.5)}.whot-opponent-fan .whot-playing-card:hover{box-shadow:0 8px 18px #0003;transform:scale(.5)}@media (max-width:480px){.whot-page--room{padding:2px}.whot-page--room .whot-table{padding:4px}.whot-opponents-row{flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:2px;min-height:65px;overflow:hidden}.whot-opponent-fan{height:80px;width:100px}.whot-playing-card{height:105px;width:20px}.whot-card--in-table{padding:2px 1px}}.whot-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:980px){.whot-grid{grid-template-columns:1fr 1fr}}@media (orientation:portrait) and (max-width:768px){.whot-table{min-height:40vh}.whot-opponents-row{padding-left:10px}}.whot-btn{background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--whot-transition)}.whot-btn:hover{background:#ffffff21;transform:translateY(-1px)}.whot-btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--whot-primary),var(--whot-primary-dark));border:none}.whot-btn-primary:hover{box-shadow:0 8px 20px #8b5cf640}.whot-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--whot-danger),#dc2626);border:none}.whot-btn-danger:hover{box-shadow:0 8px 20px #ef444438}.whot-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.whot-btn-warning:hover{box-shadow:0 8px 20px #f59e0b4d}.whot-pick-banner{border-radius:8px;font-size:.9rem;font-weight:700;padding:6px 14px;text-align:center}.whot-pick-banner--danger{background:#ef444433;border:1px solid #ef4444;color:#fca5a5}.whot-drawn-card-hint{background:#f59e0b26;border:1px solid #f59e0b;border-radius:8px;color:#fde68a;font-size:.9rem;padding:4px 12px;text-align:center}.whot-input{background:#00000040;border:1px solid #ffffff1f;border-radius:12px;color:#fff;outline:none;padding:12px 14px;width:100%}.whot-label{color:#f8fafcb3;font-size:12px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.whot-row{grid-gap:8px;display:grid;gap:8px;margin-top:12px}.whot-hand{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;overflow-y:hidden;padding-bottom:6px!important;scroll-snap-type:x mandatory}.whot-hand-card{flex:0 0 auto;scroll-snap-align:center}.whot-hand::-webkit-scrollbar{height:6px}.whot-hand::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.whot-hand::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px}.whot-copy-icon{display:block;height:18px;width:18px}@media (max-width:900px) and (orientation:landscape){.whot-page--room{padding:6px}.whot-shell{max-width:100%}.whot-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:10px}.whot-title{font-size:20px}.whot-room-title{display:none}.whot-subtitle{font-size:.9rem}.whot-page--room .whot-table{border-radius:16px;padding:8px}.whot-opponents-row{gap:4px;margin-bottom:2px;min-height:55px}.whot-opponent-panel{width:90px}.whot-opponent-fan{height:65px;width:90px}.whot-playing-card.is-small{height:88px;width:58px}.whot-table-center{gap:8px}.whot-turn-indicator{font-size:.95rem;padding:6px 10px}.whot-room-id{font-size:.8rem;max-width:70vw;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whot-copy-btn{min-height:32px;min-width:36px;padding:.35rem .6rem}.whot-copy-icon{display:block;height:16px;width:16px}.whot-controls{background:linear-gradient(180deg,#0f172a00,#0f172acc 40%,#0f172af2);bottom:0;padding:6px 0 10px;position:-webkit-sticky;position:sticky;z-index:5}}.whot-playing-card{align-items:center;background:#f3f4f6;background:var(--whot-card-bg,#f3f4f6);border:1px solid #d1d5db;border-radius:10px;box-shadow:0 8px 18px #0003;color:#111827;cursor:pointer;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--whot-transition);-webkit-user-select:none;user-select:none;width:100px}.whot-playing-card:hover{box-shadow:0 12px 26px #00000047;transform:translateY(-10px)}.whot-playing-card.selected{box-shadow:0 0 0 3px #8b5cf6;box-shadow:0 0 0 3px var(--whot-card-color,var(--whot-primary));transform:translateY(-18px)}.whot-playing-card.is-small{height:105px;width:70px}.whot-playing-card--photo{background:#fff;border:1.5px solid #c7ceda;box-shadow:0 8px 18px #0000002e}.whot-playing-card--photo:before{border:1px solid #1e293b2e;border-radius:8px;content:"";inset:6px;pointer-events:none;position:absolute}.whot-playing-card--photo{--whot-ink-red:var(--whot-card-color,#9b0f0f)}.whot-playing-card--photo .photo-corner{align-items:center;color:var(--whot-ink-red);display:inline-flex;flex-direction:column;font-family:Arial Black,Segoe UI,system-ui,sans-serif;font-weight:900;gap:2px;line-height:1;position:absolute;z-index:3}.whot-playing-card--photo .photo-corner-number{font-size:1.6rem;letter-spacing:-.02em}.whot-playing-card--photo.is-small .photo-corner-number{font-size:1.1rem}.whot-playing-card--photo .photo-corner-symbol{display:inline-flex;height:16px;width:16px}.whot-playing-card--photo.is-small .photo-corner-symbol{height:12px;width:12px}.whot-playing-card--photo .photo-corner-w{font-family:Georgia,Times New Roman,Times,serif;font-size:1.1rem;font-style:italic;font-weight:900;transform:translateY(1px)}.whot-playing-card--photo.is-small .photo-corner-w{font-size:.85rem}.whot-playing-card--photo .photo-corner--tl{align-items:flex-start;flex-direction:column-reverse;left:8px;top:8px}.whot-playing-card--photo .photo-corner--tr{align-items:flex-end;right:8px;top:8px}.whot-playing-card--photo .photo-corner--bl{align-items:flex-start;bottom:8px;left:8px;transform:rotate(180deg)}.whot-playing-card--photo .photo-corner--br{align-items:flex-start;bottom:8px;flex-direction:column-reverse;right:8px;transform:rotate(180deg)}.whot-playing-card--photo.shape-circle[data-number="10"] .photo-corner--br,.whot-playing-card--photo.shape-circle[data-number="11"] .photo-corner--br,.whot-playing-card--photo.shape-circle[data-number="12"] .photo-corner--br,.whot-playing-card--photo.shape-circle[data-number="13"] .photo-corner--br,.whot-playing-card--photo.shape-circle[data-number="14"] .photo-corner--br{gap:0}.whot-playing-card--photo .photo-center{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.whot-playing-card--photo .photo-center-symbol{display:inline-flex;height:82px;width:82px}.whot-playing-card--photo .photo-center-number{color:#fff;font-family:Arial Black,Segoe UI,system-ui,sans-serif;font-size:1.8rem;font-weight:900;left:50%;letter-spacing:-.04em;line-height:1;pointer-events:none;position:absolute;text-shadow:0 2px 6px #0f172a73;top:50%;transform:translate(-50%,-50%);z-index:2}.whot-playing-card--photo.is-small .photo-center-number{font-size:1.2rem;letter-spacing:-.05em}.whot-playing-card--photo.shape-circle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="12"] .photo-center-symbol{height:74px;width:74px}.whot-playing-card--photo.shape-circle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="12"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="4"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="5"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="7"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="8"] .photo-center-symbol{height:72px;width:72px}.whot-playing-card--photo.is-small.shape-circle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-circle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-circle[data-number="12"] .photo-center-symbol{height:54px;width:54px}.whot-playing-card--photo.is-small.shape-circle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-circle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-square[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-square[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-square[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-square[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-square[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="12"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="4"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="5"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="7"] .photo-center-symbol,.whot-playing-card--photo.is-small.shape-triangle[data-number="8"] .photo-center-symbol{height:52px;width:52px}.whot-playing-card--photo.is-small .photo-center-symbol{height:60px;width:60px}.whot-playing-card--photo .photo-whot{align-items:center;color:var(--whot-ink-red);display:flex;flex-direction:column;gap:6px;justify-content:center}.whot-playing-card--photo .photo-whot-text{font-family:Georgia,Times New Roman,Times,serif;font-size:1.65rem;font-weight:900;letter-spacing:.02em}.whot-playing-card--photo.is-small .photo-whot-text{font-size:1.2rem}.whot-playing-card--photo .photo-whot-w{font-family:Georgia,Times New Roman,Times,serif;font-size:1.15rem;font-style:italic;font-weight:900;line-height:1}.whot-playing-card--photo .photo-whot-w--flip{transform:rotate(180deg)}.whot-playing-card--photo.is-small .photo-whot-w{font-size:.9rem}.whot-playing-card--example{background:#fff;border:2px solid #1e293b}.whot-playing-card--example .corner-number{color:#1e293b;font-family:Arial Black,Segoe UI,sans-serif;font-size:1.8rem;font-weight:900;position:absolute}.whot-playing-card--example.is-small .corner-number{font-size:1.2rem}.whot-playing-card--example .corner-number.tl{left:8px;top:8px}.whot-playing-card--example .corner-number.tr{right:8px;top:8px}.whot-playing-card--example .corner-number.bl{bottom:8px;left:8px;transform:rotate(180deg)}.whot-playing-card--example .corner-number.br{bottom:8px;right:8px;transform:rotate(180deg)}.whot-playing-card--example .card-center{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.whot-playing-card--example:not(.is-whot) .shape-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.whot-playing-card--example:not(.is-whot) .shape-symbol{color:#1e293b;color:var(--shape-color,#1e293b);font-family:Georgia,Times New Roman,Times,serif;font-size:4.5rem;opacity:.9;position:absolute}.whot-playing-card--example.is-small:not(.is-whot) .shape-symbol{font-size:3rem}.whot-playing-card--example:not(.is-whot) .center-number{color:#fff;font-family:Arial Black,Segoe UI,sans-serif;font-size:2.2rem;font-weight:900;position:absolute;text-shadow:2px 2px 4px #0000004d;z-index:2}.whot-playing-card--example.is-small:not(.is-whot) .center-number{font-size:1.5rem}.whot-playing-card--example.is-whot{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#d97706}.whot-playing-card--example.is-whot .corner-number{color:#92400e}.whot-playing-card--example.is-whot .whot-star{animation:whot-pulse 2s infinite;color:#fff;font-size:4.5rem;left:50%;position:absolute;text-shadow:2px 2px 8px #0000004d;top:50%;transform:translate(-50%,-50%)}.whot-playing-card--example.is-small.is-whot .whot-star{font-size:3rem}.whot-playing-card--example.is-whot .whot-text{background:#92400ecc;border-radius:20px;color:#fff;font-size:1.4rem;font-weight:900;left:50%;letter-spacing:1px;padding:4px 12px;position:absolute;text-shadow:2px 2px 4px #0000004d;top:calc(50% + 25px);transform:translateX(-50%);white-space:nowrap}.whot-playing-card--example.is-small.is-whot .whot-text{font-size:1rem;padding:3px 8px;top:calc(50% + 18px)}.whot-playing-card--classic{background:#f3f4f6;background:var(--whot-card-bg,#f3f4f6);border:2px solid #0b1220}.whot-playing-card--classic:before{border:1px solid #11182738;border-radius:7px;content:"";inset:5px;pointer-events:none;position:absolute}.whot-playing-card--classic .corner{align-items:center;display:flex;flex-direction:column;font-family:Georgia,Times New Roman,Times,serif;justify-content:center;padding:4px;position:absolute;z-index:2}.whot-playing-card--classic .corner-top-left{align-items:flex-start;left:8px;top:8px}.whot-playing-card--classic .corner-top-right{align-items:flex-end;right:8px;top:8px}.whot-playing-card--classic .corner-bottom-left{align-items:flex-start;bottom:8px;left:8px;transform:rotate(180deg)}.whot-playing-card--classic .corner-bottom-right{align-items:flex-end;bottom:8px;right:8px;transform:rotate(180deg)}.whot-playing-card--classic .corner-number{font-size:1.75rem;font-weight:900;line-height:1}.whot-playing-card--classic.is-small .corner-number{font-size:1.2rem}.whot-playing-card--classic .corner-suit{font-size:1.25rem;font-weight:900;line-height:1}.whot-playing-card--classic.is-small .corner-suit{font-size:.95rem}.whot-playing-card--classic .card-center{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1}.whot-playing-card--classic .shape-symbol{font-size:4rem;line-height:1;text-shadow:2px 2px 4px #0000001a}.whot-playing-card--classic.is-small .shape-symbol{font-size:2.9rem}.whot-playing-card--classic .whot-center-number{font-size:1.6rem;font-weight:900;position:absolute;text-shadow:0 2px 6px #00000059}.whot-playing-card--classic.is-small .whot-center-number{font-size:1.25rem}.whot-playing-card--traditional{--whot-ink-red:var(--whot-card-color,#9b0f0f);background:#f3f4f6;background:var(--whot-card-bg,#f3f4f6);border:2px solid #0b1220}.whot-playing-card--traditional:before{border:1px solid #11182738;border-radius:7px;content:"";inset:5px;pointer-events:none;position:absolute}.whot-playing-card--traditional .whot-corner{align-items:center;color:var(--whot-ink-red);display:inline-flex;flex-direction:column;font-weight:900;gap:2px;justify-content:center;position:absolute;z-index:3}.whot-playing-card--traditional .whot-corner--tl{left:8px;top:8px}.whot-playing-card--traditional .whot-corner--br{bottom:8px;right:8px;transform:rotate(180deg)}.whot-playing-card--traditional .whot-corner-number{font-family:Georgia,Times New Roman,Times,serif;font-size:1.8rem;line-height:1;text-shadow:0 1px 0 #ffffffb3}.whot-playing-card--traditional.is-small .whot-corner-number{font-size:1.15rem}.whot-playing-card--traditional .whot-corner-symbol{align-items:center;display:inline-flex;justify-content:center;line-height:1}.whot-playing-card--traditional.shape-triangle .whot-corner{height:48px;width:34px}.whot-playing-card--traditional.shape-triangle.is-small .whot-corner{height:42px;width:28px}.whot-playing-card--traditional.shape-triangle .whot-corner-symbol{position:absolute}.whot-playing-card--traditional.shape-triangle .whot-corner--tl .whot-corner-symbol{right:-2px;top:22px}.whot-playing-card--traditional.shape-triangle .whot-corner--br .whot-corner-symbol{left:-2px;top:26px}.whot-playing-card--traditional.shape-triangle.is-small .whot-corner--tl .whot-corner-symbol{right:-2px;top:18px}.whot-playing-card--traditional.shape-triangle.is-small .whot-corner--br .whot-corner-symbol{left:-2px;top:22px}.whot-playing-card--traditional .whot-corner-symbol svg{display:block}.whot-playing-card--traditional.is-small .whot-corner-symbol{font-size:.95rem}.whot-playing-card--traditional .whot-center-shape{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.whot-playing-card--traditional .whot-center-symbol{align-items:center;display:inline-flex;height:78px;justify-content:center;width:78px}.whot-playing-card--traditional.is-small .whot-center-symbol{font-size:3.6rem;height:58px;width:58px}.whot-playing-card--traditional .whot-center-number{color:#fff;font-family:Georgia,Times New Roman,Times,serif;font-size:2.1rem;font-weight:900;letter-spacing:.02em;position:absolute;text-shadow:0 2px 6px #00000059;z-index:2}.whot-playing-card--traditional.shape-star .whot-center-number{font-size:1.75rem}.whot-playing-card--traditional.shape-star.is-small .whot-center-number{font-size:1.35rem}.whot-playing-card--traditional.is-small .whot-center-number{font-size:1.55rem}.whot-playing-card--traditional .whot-whot-stack{display:flex;flex-direction:column;gap:8px;position:relative}.whot-playing-card--traditional .whot-whot-word{-webkit-text-stroke:3px var(--whot-ink-red);color:#ffffffe6;font-family:Georgia,Times New Roman,Times,serif;font-size:1.55rem;font-weight:900;letter-spacing:.08em;paint-order:stroke fill;text-shadow:0 1px 0 #fff6}.whot-playing-card--traditional .whot-whot-word--flip{transform:rotate(180deg)}.whot-playing-card--traditional.is-small .whot-whot-word{-webkit-text-stroke:2.5px var(--whot-ink-red);font-size:1.15rem}.whot-playing-card .corner{align-items:center;display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;justify-content:center;padding:4px;position:absolute}.whot-playing-card .corner-top-left{align-items:flex-start;left:8px;top:8px}.whot-playing-card .corner-top-right{align-items:flex-end;right:8px;top:8px}.whot-playing-card .corner-bottom-left{align-items:flex-start;bottom:8px;left:8px}.whot-playing-card .corner-bottom-right{align-items:flex-end;bottom:8px;right:8px}.whot-playing-card .corner-number{font-size:1.8rem;font-weight:900;line-height:1;margin-bottom:2px}.whot-playing-card.is-small .corner-number{font-size:1.25rem}.whot-playing-card .corner-suit{font-size:1.1rem;font-weight:900;line-height:1}.whot-playing-card.is-small .corner-suit{font-size:.9rem}.whot-playing-card .corner-bottom-left,.whot-playing-card .corner-bottom-right{transform:rotate(180deg)}.whot-playing-card .card-center{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.whot-playing-card .shape-center{align-items:center;display:flex;flex-direction:column;gap:0}.whot-playing-card .shape-symbol{font-family:Georgia,Times New Roman,Times,serif;font-size:4rem;line-height:1;text-shadow:2px 2px 4px #0000001a}.whot-playing-card.is-small .shape-symbol{font-size:2.7rem}.whot-playing-card .whot-card-label{background:#ffffffd9;border:1px solid;border-radius:999px;bottom:12px;box-shadow:0 4px 10px #0000001a;font-size:.62rem;font-weight:900;left:50%;letter-spacing:.12em;max-width:88%;overflow:hidden;padding:3px 8px;position:absolute;text-overflow:ellipsis;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.whot-playing-card.is-small .whot-card-label{bottom:10px;font-size:.52rem}.whot-playing-card .whot-center{align-items:center;display:flex;flex-direction:column;gap:8px}.whot-playing-card .whot-star{animation:whot-pulse 2s infinite;font-size:4.2rem;line-height:1;text-shadow:2px 2px 6px #00000029}.whot-playing-card.is-small .whot-star{font-size:2.9rem}@keyframes whot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.whot-playing-card .whot-text{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:2px;text-shadow:1px 1px 3px #0000002e}.whot-playing-card.is-small .whot-text{font-size:1.05rem;letter-spacing:1.2px}.whot-playing-card .selected-glow{animation:whot-glow 1.5s ease-in-out infinite alternate;border:3px solid;border-radius:12px;bottom:-3px;left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px}@keyframes whot-glow{0%{box-shadow:0 0 10px currentColor}to{box-shadow:0 0 20px currentColor}}.whot-playing-card .playable-indicator{border-radius:12px;bottom:-2px;left:-2px;opacity:.1;pointer-events:none;position:absolute;right:-2px;top:-2px}.whot-playing-card.face-down{background:linear-gradient(135deg,#5b0909,#9b0f0f 55%,#b61414);border-color:#ffffff94}.whot-playing-card.face-down:hover{transform:translateY(-6px)}.whot-playing-card.face-down .card-back-pattern{background:none;inset:0;position:absolute}.whot-playing-card.face-down .card-back-logo{color:#ffffffeb;font-family:Georgia,Times New Roman,Times,serif;font-size:1.55rem;font-weight:900;left:50%;letter-spacing:.04em;position:absolute;text-shadow:0 2px 6px #00000040;top:50%;transform:translate(-50%,-50%)}.whot-playing-card.face-down.is-small .card-back-logo{font-size:1.05rem}.whot-playing-card.face-down .back-dot{display:none}.whot-playing-card .whot-card-badge{background:#00000059;border:1px solid #ffffff38;border-radius:999px;bottom:8px;color:#fffffff2;font-size:.95rem;font-weight:900;padding:4px 8px;position:absolute;right:8px}.whot-playing-card.is-small .whot-card-badge{font-size:.8rem;padding:3px 7px}@media (max-width:360px){.whot-playing-card{height:61px;width:42px}.whot-playing-card.is-small{height:52px;width:36px}.whot-playing-card:hover{transform:translateY(-6px)}.whot-playing-card.selected{transform:translateY(-10px)}.whot-table{min-height:250px;padding:.6rem}.whot-table-center{gap:14px}.whot-hand{gap:4px;padding:.4rem}.whot-playing-card--photo:before{inset:5px}.whot-playing-card--photo .photo-corner--tl{left:6px;top:6px}.whot-playing-card--photo .photo-corner--br{bottom:6px;right:6px}.whot-playing-card--photo .photo-corner-number{font-size:1.2rem}.whot-playing-card--photo .photo-corner-symbol{height:12px;width:12px}.whot-playing-card--photo .photo-corner-w{font-size:.9rem}.whot-playing-card--photo .photo-center-symbol{height:60px;width:60px}.whot-playing-card--photo.shape-circle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="12"] .photo-center-symbol{height:56px;width:56px}.whot-playing-card--photo.shape-circle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="12"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="4"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="5"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="7"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="8"] .photo-center-symbol{height:54px;width:54px}.whot-playing-card--photo .photo-whot-text{font-size:1.25rem}}@media (max-width:480px){.whot-page{padding:10px}.whot-playing-card{height:74px;width:52px}.whot-playing-card.is-small{height:62px;width:44px}.whot-table{min-height:45vh;padding:.75rem}.whot-table-center{gap:10px}.whot-hand{-webkit-overflow-scrolling:touch;background:none;box-shadow:none;flex-wrap:nowrap;gap:8px;justify-content:flex-start;min-height:0;overflow-x:auto;padding:.3rem .5vw .5rem}@media (max-width:600px){.whot-hand{background:#1e2850f7;border-radius:0;bottom:0;box-shadow:0 -2px 12px 0 #0000001f;left:0;margin-bottom:0;padding-bottom:env(safe-area-inset-bottom,.5rem);position:-webkit-sticky;position:sticky;right:0;z-index:20}.whot-table{padding-bottom:80px}}.whot-hand>.whot-playing-card{flex:0 0 auto}.whot-playing-card--photo .photo-corner-number{font-size:1rem}.whot-playing-card--photo .photo-center-symbol{height:44px;width:44px}.whot-playing-card--photo.shape-circle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="12"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-circle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-square[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="10"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="11"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="12"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="13"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="14"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="3"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="4"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="5"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="7"] .photo-center-symbol,.whot-playing-card--photo.shape-triangle[data-number="8"] .photo-center-symbol{height:40px;width:40px}.whot-playing-card--photo .photo-whot-text{font-size:1.1rem}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.whot-flight-layer{inset:0;pointer-events:none;position:fixed;z-index:9999}.whot-flight-card{filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));position:fixed;transform-origin:top left;will-change:transform,opacity}.whot-hand-card{display:inline-block}.whot-table{background:linear-gradient(135deg,#1e40af,#1e3a8a);border:2px solid #ffffff1a;border-radius:20px;min-height:50vh;overflow:hidden;padding:1.2rem;position:relative}.whot-table-corner{grid-gap:1px;background:#080c2399;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 6px 16px #00000059;display:grid;gap:1px;left:10px;padding:4px 8px;position:absolute;top:10px;z-index:2}.whot-table-corner-title{color:#ffffffb3;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.whot-table-corner-value{color:#f8fafc;font-size:.95rem;font-weight:800}.whot-table-corner-timer{color:#93c5fd;font-size:.85rem;font-weight:700}.whot-table-left-banner{font-size:.8rem;left:-2px;max-width:180px;padding:4px 8px;pointer-events:none;position:absolute;top:52%;transform:translateY(-50%);z-index:2}@media (max-width:900px) and (orientation:landscape){.whot-table-corner{left:6px;padding:3px 6px;top:40%;transform:translateY(-50%)}.whot-table-corner-value{font-size:.85rem}.whot-table-corner-timer{font-size:.75rem}.whot-table-left-banner{font-size:.75rem;left:-4px;max-width:155px;top:56%;transform:translateY(-50%)}.whot-table .whot-controls{align-items:center;background:#0000;flex-direction:column;gap:8px;margin:0;padding:0;position:absolute;right:8px;top:44%;transform:translateY(-50%)}.whot-control-btn{align-items:center;border-radius:12px;display:inline-flex;height:44px;justify-content:center;padding:0;width:44px}.whot-btn-text{display:none}.whot-btn-icon{display:inline-flex;height:18px;width:18px}.whot-controls .whot-pick-banner{display:none}}.whot-btn-icon{color:currentColor;display:inline-flex;height:18px;width:18px}.whot-btn-text{display:none}.whot-table-center{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:14px}.whot-turn-indicator{color:#fffffff2;font-size:1.35rem;font-weight:900;letter-spacing:.02em;min-width:120px;text-align:center;text-shadow:0 2px 10px #0000008c;-webkit-user-select:none;user-select:none}@media (max-width:768px){.whot-turn-indicator{font-size:1.15rem;min-width:96px}}@media (max-width:480px){.whot-turn-indicator{font-size:1.05rem;min-width:84px}}.whot-table-playzone{margin-top:10px}.whot-card--in-table{background:#ffffff0d;box-shadow:none;padding:10px}.whot-table .whot-hand{gap:8px;padding:.65rem .5rem}.whot-deck{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;cursor:pointer;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;width:100px}.whot-deck:after{color:#fff;content:"WHOT";font-size:1.35rem;font-weight:900;text-shadow:0 2px 4px #0000004d}.whot-deck-count{background:#00000059;border-radius:999px;bottom:8px;font-weight:800;padding:4px 8px;position:absolute;right:8px}.whot-hand{background:#00000040;border-radius:16px;border-radius:var(--whot-radius);display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px;padding:.5rem}.whot-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));margin-top:12px}.whot-preview-item{align-items:center;display:flex;flex-direction:column;gap:8px}.whot-preview-caption{color:#f8fafcbf;font-size:12px;text-align:center}@media (max-width:480px){.whot-preview-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.whot-shape-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.whot-shape-option{border:1px solid #ffffff40;border-radius:999px;color:#fff;cursor:pointer;font-size:20px;font-weight:800;height:46px;width:46px}.whot-muted{color:#f8fafcbf}.whot-pill{align-items:center;background:#00000040;border:1px solid #ffffff1a;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:6px 10px}.whot-scoreboard{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;border-radius:var(--whot-radius);margin-top:14px;padding:14px}.whot-score-list{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.whot-score-item{background:#0000002e;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px}.whot-score-item--rank-1{background:#22c55e1f;border-color:#22c55e99}.whot-score-item--rank-2{background:#fbbf241f;border-color:#fbbf2480}.whot-lobby-create{background:linear-gradient(145deg,#0f172ab8,#111827ad)}.whot-lobby-limit{align-items:center;background:#02061759;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;padding:2px 10px}.whot-lobby-section{padding:14px}.whot-lobby-room{background:#0206174d;border:1px solid #ffffff24}.whot-lobby-container{background:radial-gradient(900px 480px at 10% -5%,#8b5cf640,#0000 60%),radial-gradient(700px 420px at 92% 4%,#10b9812e,#0000 60%),linear-gradient(140deg,#0b1223,#121b2e);color:#f8fafc;min-height:100vh;overflow-x:clip;padding:22px;position:relative}.whot-lobby-container button,.whot-lobby-container h1,.whot-lobby-container h2,.whot-lobby-container h3,.whot-lobby-container h4,.whot-lobby-container label,.whot-lobby-container p,.whot-lobby-container span,.whot-lobby-container strong{color:inherit}.whot-lobby-container,.whot-lobby-container *,.whot-lobby-container :after,.whot-lobby-container :before{box-sizing:border-box}.whot-bg-animation{inset:0;pointer-events:none;position:fixed;z-index:0}.whot-card-glow{animation:whot-lobby-float 14s ease-in-out infinite;background:#8b5cf6b3;border-radius:999px;filter:blur(75px);height:320px;left:-70px;opacity:.4;position:absolute;top:18%;width:320px}.whot-card-glow.delay-1{animation-delay:3s;background:#0ea5e9a3;left:auto;right:-90px;top:-40px}.whot-card-glow.delay-2{animation-delay:6s;background:#10b9818a;height:260px;left:45%;top:72%;width:260px}@keyframes whot-lobby-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(20px,-16px,0) scale(1.06)}}.whot-lobby-content{grid-gap:18px;display:grid;gap:18px;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.whot-lobby-content>*{min-width:0;width:100%}.whot-lobby-header{justify-content:space-between}.header-left,.whot-lobby-header{align-items:center;display:flex;gap:12px}.whot-icon{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;display:grid;font-size:24px;height:44px;place-items:center;width:44px}.whot-lobby-title{font-size:clamp(1.45rem,2.8vw,2rem);margin:0}.whot-lobby-subtitle{color:#f8fafcc2;margin:4px 0 0}.sound-toggle{background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:#fff;cursor:pointer;height:42px;width:42px}.challenges-grid,.quick-actions-grid,.stats-cards{grid-gap:12px;display:grid;gap:12px}.stats-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.challenges-section,.create-modal,.create-section,.quick-actions-section,.stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c18bd;border:1px solid #ffffff24;border-radius:16px}.stat-card{align-items:center;display:flex;gap:10px;padding:14px}.stat-label{color:#f8fafcbd;font-size:12px}.stat-value{font-size:1.1rem;font-weight:800}.error-alert{align-items:center;background:#ef44441f;border:1px solid #ef444499;border-radius:12px;color:#fecaca;display:flex;gap:8px;padding:10px 12px}.error-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto}.challenges-section,.create-section,.quick-actions-section{padding:16px}.challenges-grid,.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.section-title{font-size:1.18rem;margin:0}.section-subtitle{color:#f8fafcb8;font-size:.94rem;margin:0}.action-card{background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;color:#eef2ff;min-width:0;padding:12px}.action-card:not(.join-code){align-items:center;display:flex;gap:10px;text-align:left}.action-icon{background:#ffffff29;border-radius:10px;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.action-info{min-width:0}.action-title{font-weight:700}.action-desc{color:#f8fafcb8;font-size:.88rem;margin-top:2px}.action-card.quick-match{background:linear-gradient(140deg,#10b98138,#10b98114)}.action-card.cancel-match{background:linear-gradient(140deg,#ef44443d,#ef444417)}.join-code{grid-gap:8px;display:grid;gap:8px}.join-btn,.join-input{width:100%}.code-input,.filter-select,.form-input,.form-select,.search-input{background:#0206177a;border:1px solid #fff3;border-radius:10px;color:#f8fafc;padding:10px 12px;width:100%}.filter-select,.form-select{color-scheme:dark}.filter-select option,.form-select option{background:#0f172a;color:#f8fafc}.code-hint,.form-hint{color:#bfdbfed9;font-size:.84rem}.create-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.create-card{align-items:center;background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;color:#f8fafc;display:flex;gap:10px;justify-content:space-between;padding:12px;text-align:left}.create-card.real{border-color:#facc1573}.create-title{font-weight:700}.create-desc{color:#f8fafcbd;font-size:.88rem}.limit-warning{background:#f59e0b1f;border:1px solid #f59e0b73;border-radius:10px;color:#fde68a;margin-top:10px;padding:10px 12px}.challenge-card{background:#0206175c;border:1px solid #ffffff29;border-radius:14px;min-width:0;padding:12px}.challenge-actions,.challenge-header,.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.challenge-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.whot-lobby-container .challenge-stats .stat{background:#0f172ab8;border:1px solid #94a3b859;border-radius:10px;padding:8px 10px;text-align:left}.whot-lobby-container .challenge-stats .stat .stat-label{color:#e2e8f0e0;font-size:.78rem}.whot-lobby-container .challenge-stats .stat .stat-value{color:#f8fafc;font-size:.96rem;font-weight:800}.whot-lobby-container .challenge-stats .stat .stat-value.highlight{color:#fde68a}.challenge-host,.challenge-rules{color:#e2e8f0d1;font-size:.9rem;margin-top:8px}.challenge-badge{border-radius:999px;font-size:11px;font-weight:800;padding:3px 10px}.challenge-badge.friendly{background:#38bdf833;color:#7dd3fc}.challenge-badge.real{background:#ef444433;color:#fecaca}.action-btn{background:#ffffff1f;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:8px 12px}.action-btn.play{background:linear-gradient(140deg,#22c55e,#16a34a)}.action-btn.watch{background:linear-gradient(140deg,#38bdf8,#0284c7)}.action-btn.cancel{background:linear-gradient(140deg,#ef4444,#b91c1c)}.action-btn.disabled{cursor:not-allowed;opacity:.55}.modal-container{background:linear-gradient(165deg,#0f172a,#111827 55%,#0b1220);border:1px solid #94a3b840;border-radius:16px;color:#f8fafc;max-height:min(90vh,880px);overflow:auto;width:min(760px,calc(100vw - 18px))}.modal-container .filter-select,.modal-container .filter-select option,.modal-container .form-select,.modal-container .form-select option{background-color:#0f172a!important;color:#f8fafc!important}.modal-container .form-hint,.modal-container .form-input,.modal-container .form-input::placeholder,.modal-container .form-label,.modal-container .form-select,.modal-container .rule-checkbox,.modal-container .rule-checkbox span{color:#f8fafc}.modal-footer,.modal-header{align-items:center;display:flex;gap:10px;padding:14px}.modal-header{border-bottom:1px solid #94a3b838}.modal-body{grid-gap:10px;display:grid;gap:10px;padding:14px}.whot-create-modal .modal-body{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.whot-create-modal .modal-body .form-group--full{grid-column:1/-1}.modal-title{margin:0}.modal-close{background:#ffffff1a;border-radius:10px;color:#e2e8f0;font-size:20px;height:34px;margin-left:auto;width:34px}.btn-cancel,.btn-create{border:none;border-radius:10px;cursor:pointer;padding:10px 12px}.btn-create{background:linear-gradient(140deg,#22c55e,#16a34a);color:#fff;flex:2 1;font-weight:800}.btn-cancel{background:linear-gradient(140deg,#ef4444,#b91c1c);color:#fff;flex:1 1}.empty-state{background:#0f172a66;border:1px dashed #94a3b866;border-radius:12px;padding:20px;text-align:center}.empty-title{font-weight:800;margin-top:6px}.empty-desc{color:#e2e8f0bf;margin-top:4px}.challenge-list{grid-gap:10px;display:grid;gap:10px}.room-card{background:#0206175c;border:1px solid #ffffff29;border-radius:14px;padding:12px}.room-actions,.room-header,.room-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.room-meta,.room-rules{color:#e2e8f0c7;font-size:.92rem;margin-top:6px}.room-actions{margin-top:10px}.mode-badge,.section-badge,.status-badge{border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.mode-badge.friendly{background:#38bdf82e;color:#7dd3fc}.mode-badge.real{background:#ef44442e;color:#fca5a5}.status-badge.open{background:#10b98133;color:#86efac}.status-badge.full{background:#f59e0b33;color:#fcd34d}.create-modal{max-width:860px;width:min(860px,calc(100vw - 20px))}.create-kind-tabs{display:flex;gap:8px;margin-bottom:12px}.kind-tab{background:#ffffff0f;border:1px solid #fff3;border-radius:10px;color:#e2e8f0;flex:1 1;padding:8px}.kind-tab.active{background:linear-gradient(140deg,#8b5cf65c,#6366f133);border-color:#a78bfacc}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.rules-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.rule-checkbox{align-items:center;display:inline-flex;gap:8px}@media (max-width:900px){.whot-lobby-content{max-width:100%;width:100%}.challenge-stats,.challenges-grid,.create-cards,.form-grid,.quick-actions-grid,.rules-grid,.stats-cards{grid-template-columns:1fr}.whot-lobby-container{padding:12px}.whot-create-modal .modal-body{grid-template-columns:1fr}.whot-lobby-header{align-items:flex-start;flex-direction:column}.filters-bar{display:grid;grid-template-columns:1fr}}.whot-lobby-container .challenge-host,.whot-lobby-container .challenge-rules,.whot-lobby-container .code-hint,.whot-lobby-container .code-input,.whot-lobby-container .empty-desc,.whot-lobby-container .filter-select,.whot-lobby-container .form-hint,.whot-lobby-container .form-input,.whot-lobby-container .form-select,.whot-lobby-container .join-btn,.whot-lobby-container .join-input,.whot-lobby-container .rules-value,.whot-lobby-container .search-input{color:#f8fafc}.whot-lobby-container .code-input::placeholder,.whot-lobby-container .form-input::placeholder,.whot-lobby-container .search-input::placeholder{color:#e2e8f0d9}.whot-lobby-room-head{border-bottom:1px dashed #ffffff26;padding-bottom:4px}.whot-lobby-mode-badge{border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;padding:2px 8px}.whot-lobby-mode-badge.is-real{background:#ef444433;border:1px solid #ef444480;color:#fecaca}.whot-lobby-mode-badge.is-friendly{background:#22c55e33;border:1px solid #22c55e73;color:#bbf7d0}.whot-lobby-room-actions .whot-btn{min-width:88px}.whot-create-choice{border:none;color:#fff}.whot-create-choice--bot{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.whot-create-choice--friendly{background:linear-gradient(135deg,#10b981,#0f766e)}.whot-create-choice--real{background:linear-gradient(135deg,#667eea,#764ba2)}.whot-create-choice:hover:not(:disabled){box-shadow:0 8px 18px #0f172a40;transform:translateY(-1px)}.whot-create-choice:disabled{opacity:.55}.whot-lobby-modal{background:linear-gradient(165deg,#0f172a,#111827 55%,#0b1220);border:1px solid #94a3b847;box-shadow:0 28px 70px #020617bf;color:#e5e7eb}.whot-lobby-modal .modal-header{background:linear-gradient(120deg,#1e293bf2,#0f172af2);border-bottom:1px solid #94a3b838}.whot-lobby-modal .modal-body{grid-gap:10px;display:grid;gap:10px}.whot-lobby-modal .modal-header h3{color:#f8fafc;margin:0}.whot-lobby-modal .close-btn{color:#cbd5e1}.whot-lobby-modal .close-btn:hover{background:#94a3b82e;color:#f8fafc}.whot-lobby-modal .modal-footer{background:#0f172ad1;border-top:1px solid #94a3b838}.whot-lobby-modal .whot-modal-create-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-weight:800;min-height:44px;order:1}.whot-lobby-modal .whot-modal-create-btn:hover:not(:disabled){box-shadow:0 10px 22px #22c55e47}.whot-lobby-modal .whot-modal-create-btn:disabled{cursor:not-allowed;opacity:.6}.whot-lobby-modal .whot-modal-cancel-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;min-height:44px;order:2}.whot-lobby-modal .whot-modal-cancel-btn:hover{box-shadow:0 8px 18px #ef444440}.whot-lobby-modal .form-group{margin-bottom:14px}.whot-lobby-modal .whot-wager-group{background:#facc151a;border:1px solid #facc1573;border-radius:12px;padding:10px}.whot-lobby-modal .whot-wager-group .form-label{color:#fde68a}.whot-lobby-modal .whot-wager-input{-webkit-text-fill-color:#f8fafc!important;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#0f172ae6!important;background-color:#0f172ae6!important;border:1px solid #facc15b3!important;box-shadow:none!important;caret-color:#f8fafc!important;color:#f8fafc!important;color-scheme:dark;font-size:1.02rem;font-weight:700;opacity:1!important}.whot-lobby-modal .whot-wager-input::placeholder{color:#fef08ae6}.whot-lobby-modal input[type=number].whot-wager-input::-webkit-inner-spin-button,.whot-lobby-modal input[type=number].whot-wager-input::-webkit-outer-spin-button{opacity:1}.whot-lobby-modal .whot-wager-input:-webkit-autofill,.whot-lobby-modal .whot-wager-input:-webkit-autofill:focus,.whot-lobby-modal .whot-wager-input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc!important;background-color:#0f172ae6!important;box-shadow:inset 0 0 0 1000px #0f172ae6!important}.whot-lobby-modal .form-group>label{color:#e2e8f0;font-weight:700}.whot-lobby-modal .whot-input{background:#0f172ae6!important;border:1px solid #94a3b873;color:#f8fafc!important}.whot-lobby-modal .whot-input:focus{border-color:#60a5fad9;box-shadow:0 0 0 3px #3b82f640}.whot-lobby-modal .whot-input::placeholder{color:#cbd5e1d9}.whot-lobby-modal select.whot-input option{background:#0f172a;color:#f8fafc}.whot-lobby-modal .whot-input:disabled{background:#1e293be6!important;color:#94a3b8!important;opacity:1}.whot-lobby-modal .whot-input[list]{background:#0f172ae6!important;border-color:#94a3b88c;color:#f8fafc!important}.whot-lobby-modal .whot-input[list]::placeholder{color:#cbd5e1d9}.whot-lobby-modal .whot-input[list]:disabled{background:#1e293be6!important;color:#94a3b8!important;opacity:1}.whot-lobby-modal .whot-input[list]:-webkit-autofill,.whot-lobby-modal .whot-input[list]:-webkit-autofill:focus,.whot-lobby-modal .whot-input[list]:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc;box-shadow:inset 0 0 0 1000px #0f172a}.whot-lobby-modal small{color:#94a3b8}.whot-house-rules-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.whot-house-rule-item{align-items:center;background:#0f172ae6;border:1px solid #94a3b873;border-radius:10px;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 10px}.whot-house-rule-item input{accent-color:#38bdf8}.whot-lobby-alert{background:#7f1d1d59;border:1px solid #f871718c;border-radius:10px;color:#fee2e2;font-weight:600;margin-bottom:12px;padding:10px 12px}.whot-lobby-alert--modal{background:#7f1d1d73;margin-bottom:6px}@media (max-width:768px){.whot-page--lobby{padding:8px}.whot-page--lobby .whot-shell{max-width:100%}.whot-page--lobby .whot-header{margin-bottom:12px}.whot-page--lobby .whot-title{font-size:22px}.whot-page--lobby .whot-card{border-radius:12px;padding:10px}.whot-page--lobby .whot-lobby-room{padding:10px!important}.whot-lobby-create-actions .whot-btn{flex:1 1 100%}.whot-lobby-quick-row .whot-input{min-width:100%}.whot-house-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.whot-turn-alert{background:#0f172a59;border:1px solid #94a3b859;border-radius:12px;color:#f1f5f9f2;font-weight:700;margin:10px 0 12px;padding:10px 12px;text-align:center}.whot-turn-alert.is-active{animation:whotTurnPulse 1.1s ease-in-out infinite;background:#16a34a33;border-color:#22c55ebf}.whot-opponent-panel--active{background:#facc151f;border-radius:12px;box-shadow:0 0 0 2px #facc15a6}.whot-hand--active-turn{box-shadow:0 0 0 2px #22c55eb3}.whot-hand-card{transition:transform .12s ease,opacity .12s ease}.whot-hand-card--dragging{opacity:.65;transform:translateY(-8px)}@keyframes whotTurnPulse{0%{box-shadow:0 0 0 0 #22c55e8c}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.rewards-page{color:#e0e0e0;margin:0 auto;max-width:600px;padding:20px 16px}.rewards-title{color:#fff;font-size:1.5rem;margin-bottom:20px;text-align:center}.rewards-loading{color:#9ca3af;padding:40px 0;text-align:center}.rewards-tabs{background:#ffffff0d;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.rewards-tab{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:10px 8px;transition:all .2s}.rewards-tab.active{background:#7c3aed40;color:#c4b5fd}.streak-card{background:linear-gradient(135deg,#7c3aed26,#ec48991a);border:1px solid #7c3aed33;border-radius:16px;margin-bottom:20px;padding:24px 16px;text-align:center}.streak-flame{font-size:2.5rem;margin-bottom:4px}.streak-value{color:#fff;font-size:3rem;font-weight:800;line-height:1}.streak-label{color:#c4b5fd;font-size:1rem;margin-top:4px}.streak-best{color:#9ca3af;font-size:.8rem;margin-top:8px}.reward-schedule{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));margin-bottom:20px}.reward-day{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:12px 6px;text-align:center;transition:all .2s}.reward-day.completed{background:#05966926;border-color:#0596694d}.reward-day.current{background:#7c3aed33;border-color:#7c3aed80;box-shadow:0 0 12px #7c3aed33}.reward-day-num{color:#9ca3af;font-size:.7rem;margin-bottom:4px}.reward-day-icon{font-size:1.3rem;margin-bottom:2px}.reward-day-amt{color:#c4b5fd;font-size:.75rem;font-weight:600}.claim-btn{background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.05rem;font-weight:700;padding:14px;transition:opacity .2s;width:100%}.claim-btn:disabled{cursor:not-allowed;opacity:.6}.claimed-msg{background:#0596691a;border:1px solid #05966933;border-radius:12px;color:#6ee7b7;font-weight:600}.claim-success,.claimed-msg{padding:14px;text-align:center}.claim-success{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:12px;color:#c4b5fd;margin-top:16px}.new-achievements{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.new-ach-badge{background:#ffffff14;border-radius:20px;font-size:.8rem;padding:4px 10px}.badge-category{margin-bottom:24px}.badge-cat-title{color:#c4b5fd;font-size:1rem;margin-bottom:10px;text-transform:capitalize}.badge-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.badge-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:14px 10px;text-align:center;transition:all .2s}.badge-card.unlocked{background:#0596691a;border-color:#05966940}.badge-card.locked{opacity:.5}.badge-icon{font-size:2rem;margin-bottom:6px}.badge-name{color:#fff;font-size:.85rem;font-weight:700;margin-bottom:2px}.badge-desc{color:#9ca3af;font-size:.72rem;margin-bottom:4px}.badge-reward{color:#6ee7b7;font-size:.72rem;font-weight:600}.badge-date{color:#6b7280;font-size:.68rem;margin-top:4px}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid #ffffff0f;font-size:.85rem;padding:10px 12px;text-align:left}.history-table th{color:#9ca3af;font-weight:600}.no-history{color:#6b7280;padding:24px 0;text-align:center}.referral-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.ref-stat-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:20px 12px;text-align:center}.ref-stat-icon{font-size:1.8rem;margin-bottom:6px}.ref-stat-value{color:#fff;font-size:2rem;font-weight:800}.ref-stat-label{color:#9ca3af;font-size:.8rem;margin-top:2px}.referral-link-section{margin-bottom:24px}.referral-link-section h3{color:#c4b5fd;font-size:1rem;margin-bottom:10px}.referral-link-box{display:flex;gap:8px}.referral-link-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#e0e0e0;flex:1 1;font-size:.82rem;outline:none;padding:10px 12px}.referral-copy-btn{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:opacity .2s;white-space:nowrap}.referral-copy-btn:hover{opacity:.85}.referral-code-display{color:#9ca3af;font-size:.82rem;margin-top:8px}.referral-info{color:#6b7280;font-size:.82rem;line-height:1.4;margin-top:6px}.referral-users-section{margin-top:12px}.referral-users-section h3{color:#c4b5fd;font-size:1rem;margin-bottom:10px}.multiplayer-lobby{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;margin:20px auto;max-width:900px;padding:20px}.multiplayer-lobby h2{font-size:28px;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000004d}.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.tab{background:#fff3;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab:hover{background:#ffffff4d;transform:translateY(-2px)}.tab.active{background:#ffffffe6;border-color:#fff;color:#667eea}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.message.success{background:#34d39933;border-left:4px solid #34d399;color:#34d399}.message.error{background:#ef444433;border-left:4px solid #ef4444;color:#fca5a5}.create-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:25px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#fffc;outline:none}.form-group small{display:block;font-size:12px;margin-top:5px;opacity:.8}.btn-large,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;margin-top:10px;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #34d3994d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff3;color:#fff;margin-top:10px;width:100%}.btn-secondary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.btn-large{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#333;font-size:18px;margin:20px 0;padding:20px 40px;width:100%}.btn-large:hover:not(:disabled){box-shadow:0 10px 30px #fbbf244d;transform:scale(1.05)}.lucky-action-btn{margin-left:auto;margin-right:auto;width:50%}.available-challenges{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:25px}.available-challenges h3{font-size:18px;margin-bottom:20px}.join-toolbar{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.2fr .7fr .7fr 1fr 1fr auto;margin:10px 0 16px}.toolbar-input,.toolbar-select{background:#ffffffeb;border:1px solid #ffffff38;border-radius:10px;color:#222;font-size:14px;padding:10px 12px;width:100%}.toolbar-input:focus,.toolbar-select:focus{background:#fff;border-color:#ffffff8c;outline:none}@media (max-width:760px){.join-toolbar{grid-template-columns:1fr 1fr}}.challenges-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.challenges-compact{display:flex;flex-direction:column;gap:10px}.challenge-row{grid-gap:10px;align-items:center;background:#00000040;border:1px solid #ffffff2e;border-radius:10px;display:grid;gap:10px;grid-template-columns:1.2fr .8fr .8fr 1.2fr;padding:12px}.challenge-row.header{background:#00000059;border-color:#ffffff38;font-size:13px;font-weight:700}.challenge-row .cell{color:#fffffff2;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-row .cell.actions{display:flex;gap:8px;justify-content:flex-end}.btn-inline{font-size:14px;margin-top:0;padding:10px 14px;width:auto}.modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.modal{background:linear-gradient(135deg,#14141ef2,#1e142df2);border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 20px 50px #00000059;color:#fff;width:min(520px,95vw)}.modal-header{align-items:center;border-bottom:1px solid #ffffff1f;display:flex;justify-content:space-between;padding:14px 16px}.modal-header h3{font-size:18px;margin:0}.modal-close{background:#0000;border:none;color:#ffffffe6;cursor:pointer;font-size:26px;line-height:1}.modal-body{padding:14px 16px}.modal-body p{color:#fffffff2;font-size:14px;margin:8px 0}.modal-footer{border-top:1px solid #ffffff1f;display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}@media (max-width:520px){.challenge-row{grid-template-areas:"creator wager players" "actions actions actions";grid-template-columns:1fr .8fr .8fr}.challenge-row .cell.actions{justify-content:flex-start}}.challenge-card{background:#00000040;border:2px solid #ffffff40;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.challenge-card:hover{background:#00000052;border-color:#ffffff8c;transform:translateY(-5px)}.challenge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.challenge-header h4{color:#fffffffa;font-size:16px;margin:0}.badge{background:#ffffff4d;border-radius:20px;font-size:12px;font-weight:600;padding:4px 8px}.challenge-details p{color:#fffffff2;font-size:14px;margin:8px 0;opacity:1}.challenge-details strong{color:#fff}.challenge-instructions{background:#00000040;border:1px solid #ffffff2e;border-radius:10px;margin-top:12px;padding:10px 12px}.challenge-instructions .instruction-line{color:#fffffffa;font-size:13px;line-height:1.3;opacity:1}.challenge-instructions .instruction-line+.instruction-line{margin-top:6px}.challenge-instructions .instruction-hint{color:#ffffffe6;font-size:12px;line-height:1.3;margin-top:8px}.multiplayer-game{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;margin:20px auto;max-width:900px;overflow-x:hidden;padding:20px}.multiplayer-game h2,.multiplayer-game h3{text-align:center;text-shadow:2px 2px 4px #0000004d}.results-state,.rolling-state,.waiting-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:25px}.player-list{background:#ffffff1a;border-radius:8px;margin:20px 0;padding:15px}.player-list h4{font-size:15px;margin:0 0 10px}.player-slot{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding:8px 0}.player-slot:last-child{border-bottom:none}.player-badges{align-items:center;display:flex;gap:6px}.player-name{font-weight:600}.player-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.player-item:last-child{border-bottom:none}.lucky-mode{font-weight:700}.lucky-mode.betting{color:#fca5a5}.lucky-mode.friendly{color:#86efac}.lucky-wager.betting{color:#fca5a5;font-weight:900}.lucky-wager.friendly{color:#86efac;font-weight:900}.dice-display{flex-wrap:wrap;gap:10px;margin:30px 0}.dice-display,.die{display:flex;justify-content:center}.die{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;box-shadow:0 4px 12px #0003;color:#333;font-size:28px;font-weight:700;height:60px;width:60px}.die.revealing{animation:die-reveal .7s ease-in-out}@keyframes die-reveal{0%{filter:blur(2px);opacity:.4;transform:scale(.8) rotate(-6deg)}60%{filter:blur(0);opacity:.9;transform:scale(1.05) rotate(4deg)}to{filter:blur(0);opacity:1;transform:scale(1) rotate(0deg)}}.multiplayer-game canvas{display:block;height:auto;max-width:100%}.dice-result{text-align:center}.dice-result h2{color:#34d399;font-size:32px;margin:20px 0}.scores-board{background:#ffffff1a;border-radius:8px;margin-top:25px;padding:15px}.scores-board h4{font-size:15px;margin:0 0 15px}.score-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.score-item:last-child{border-bottom:none}.score-item .score{color:#fbbf24;font-weight:600}.leaderboard{background:#ffffff1a;border-radius:12px;margin:30px 0;overflow:hidden}.placement{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px}.placement:last-child{border-bottom:none}.placement.rank-1{background:#fbbf2433;border-left:4px solid #fbbf24}.placement.rank-2{background:#c0c0c033;border-left:4px solid silver}.placement.rank-3{background:#cd7f3233;border-left:4px solid #cd7f32}.placement.rank-4{background:#ffffff0d;border-left:4px solid #ffffff4d}.rank{font-weight:700;min-width:50px}.prize,.rank{font-size:18px}.prize{color:#34d399;font-weight:600}.result-summary{background:#22c55e1a;border-radius:8px;margin-top:20px;padding:20px;text-align:center}@media (max-width:768px){.multiplayer-game,.multiplayer-lobby{margin:10px;padding:15px}.challenges-list{grid-template-columns:1fr}.dice-display{gap:5px}.die{font-size:22px;height:50px;width:50px}.tab{font-size:13px;padding:10px 16px}}.profile-modal-overlay{align-items:center;animation:fadeInOverlay .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.profile-modal__panel{animation:modalIn .22s ease-out;background:linear-gradient(135deg,#171127,#20173a);border-radius:16px;box-shadow:0 16px 40px #00000073;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow-y:auto;width:min(450px,calc(100vw - 32px))}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0)}}@keyframes modalSheetIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.profile-modal__panel{max-height:calc(100dvh - 32px)}}.profile-modal__header{align-items:center;background:linear-gradient(135deg,#171127,#20173a);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.profile-modal__header h2{color:#f4eeff;font-size:20px;font-weight:600;margin:0}.profile-modal__close{align-items:center;background:none;border:none;border-radius:8px;color:#b8a7d4;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.profile-modal__close:hover{background:#ffffff1a;color:#f4eeff}.profile-modal__content{flex:1 1;overflow-y:auto;padding:24px}.profile-section{margin-bottom:24px}.profile-section__title{color:#00e8c6;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.profile-balance{align-items:baseline;background:#00e8c61a;border:1px solid #00e8c64d;border-radius:12px;display:flex;gap:8px;padding:16px}.profile-balance__amount{color:#00e8c6;font-size:28px;font-weight:700}.profile-balance__currency{color:#b8a7d4;font-size:14px;font-weight:600}.profile-field{margin-bottom:16px}.profile-field__label{color:#b8a7d4;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.profile-field__display{border:1px solid #ffffff1a;border-radius:8px}.profile-field__display,.profile-field__input{background:#ffffff0d;color:#f4eeff;font-size:14px;padding:10px 12px}.profile-field__input{border:1px solid #ffffff26;border-radius:8px;font-family:inherit;transition:all .2s;width:100%}.profile-field__input:focus{background:#ffffff14;border-color:#00e8c6;box-shadow:0 0 0 2px #00e8c633;outline:none}.profile-field__input::placeholder{color:#8774a8}.profile-referral-code{align-items:center;background:#ffb3471a;border:1px solid #ffb3474d;border-radius:8px;display:flex;gap:8px;padding:10px 12px}.profile-referral-code__text{color:#ffb347;flex:1 1;font-family:monospace;font-size:13px;font-weight:600;word-break:break-all}.profile-referral-code__copy{background:none;border:none;border-radius:6px;color:#ffb347;cursor:pointer;flex-shrink:0;font-size:18px;padding:4px 8px;transition:all .2s}.profile-referral-code__copy:hover{background:#ffb34733}.profile-referred-users{display:flex;flex-direction:column;gap:8px}.profile-referred-users__item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px}.profile-referred-users__name{color:#f4eeff;font-size:14px;font-weight:600}.profile-referred-users__meta{color:#b8a7d4;font-size:12px;margin-top:2px}.profile-modal__message{animation:slideIn .3s ease-out;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-modal__message--success{background:#4cd4a133;border:1px solid #4cd4a14d;color:#4cd4a1}.profile-modal__message--error{background:#ff5d7d33;border:1px solid #ff5d7d4d;color:#ff5d7d}.profile-modal__footer{background:#0003;border-top:1px solid #ffffff1a;bottom:0;display:flex;gap:12px;padding:24px;position:-webkit-sticky;position:sticky}.profile-modal__btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .2s}.profile-modal__btn:disabled{cursor:not-allowed;opacity:.5}.profile-modal__btn--primary{background:linear-gradient(135deg,#00e8c6,#00b39a);color:#09060f}.profile-modal__btn--primary:not(:disabled):hover{box-shadow:0 8px 16px #00e8c64d;transform:translateY(-2px)}.profile-modal__btn--secondary{background:#0000;border:1px solid #ffffff26;color:#b8a7d4}.profile-modal__btn--secondary:not(:disabled):hover{background:#ffffff0d;color:#f4eeff}.profile-modal__panel::-webkit-scrollbar{width:6px}@media (max-width:639px){.profile-modal-overlay{padding:12px}.profile-modal__panel{border-radius:14px;max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}}.profile-modal__panel::-webkit-scrollbar-track{background:#0000}.profile-modal__panel::-webkit-scrollbar-thumb{background:#00e8c64d;border-radius:3px}.profile-modal__panel::-webkit-scrollbar-thumb:hover{background:#00e8c680}:root{--menu-ink:#eef1ff;--menu-muted:#eef1ffb8;--menu-panel:#0c101ecc;--menu-border:#ffffff14;--menu-glow:#59e8ff33;--menu-accent:#5ee4ff;--menu-accent-2:#fc6;--menu-shadow:0 20px 40px -18px #0009}.app-shell{background:radial-gradient(800px 500px at 10% 5%,#5ee4ff14,#0000 55%),radial-gradient(900px 550px at 85% 0,#ffcc6614,#0000 55%),#0a0f1f;min-height:100vh}.app-shell__content{padding:18px 20px 28px}.app-shell__content--full{padding:0}.app-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:2000}.app-menu__bar{align-items:center;background:#0c101ecc;background:var(--menu-panel);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--menu-border);box-shadow:0 20px 40px -18px #0009;box-shadow:var(--menu-shadow);display:flex;font-family:Space Grotesk,sans-serif;gap:18px;padding:14px 20px}.app-menu__brand{cursor:pointer;display:flex;flex-direction:column;gap:2px}.app-menu__logo{color:#eef1ff;color:var(--menu-ink);font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.app-menu__tag{color:#eef1ffb8;color:var(--menu-muted);font-size:.75rem}.app-menu__links{align-items:center;display:flex;flex:1 1;gap:10px}.app-menu__link{align-items:center;background:#ffffff0a;border:1px solid #0000;border-radius:999px;color:#eef1ff;color:var(--menu-ink);display:inline-flex;font-size:.92rem;gap:8px;padding:8px 12px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.app-menu__link-btn{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit}.app-menu__link:hover{background:#5ee4ff1f;border-color:#5ee4ff66;transform:translateY(-1px)}.app-menu__link.is-active{background:#ffcc6629;border-color:#ffcc6673}.app-menu__dropdown{position:relative}.app-menu__dropdown-btn{align-items:center;display:inline-flex;gap:6px}.app-menu__caret{font-size:.75rem}.app-menu__dropdown-panel{background:#0a0e1afa;border:1px solid #ffffff14;border:1px solid var(--menu-border);border-radius:14px;box-shadow:0 20px 40px -18px #0009;box-shadow:var(--menu-shadow);left:0;min-width:170px;opacity:0;padding:8px;pointer-events:none;position:absolute;top:calc(100% + 10px);transform:translateY(6px);transition:all .2s ease}.app-menu__dropdown.is-open .app-menu__dropdown-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.app-menu__dropdown-item{border-radius:10px;color:#eef1ff;color:var(--menu-ink);display:block;font-size:.9rem;padding:8px 12px;text-decoration:none}.app-menu__dropdown-item:hover{background:#5ee4ff1f}.app-menu__dropdown-item.is-active{background:#ffcc662e}.app-menu__actions{align-items:center;display:flex;gap:12px}.app-menu__user{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--menu-border);border-radius:999px;cursor:pointer;display:flex;gap:10px;padding:6px 10px;transition:all .2s ease}.app-menu__user:hover{background:#ffffff14;border-color:#fff3}.app-menu__avatar{background:linear-gradient(135deg,#5ee4ff,#fc6);background:linear-gradient(135deg,var(--menu-accent),var(--menu-accent-2));border-radius:50%;color:#09111f;display:grid;font-weight:700;height:34px;place-items:center;width:34px}.app-menu__user-name{color:#eef1ff;color:var(--menu-ink);font-size:.9rem}.app-menu__user-balance{color:#eef1ffb8;color:var(--menu-muted);font-size:.75rem}.app-menu__logout{background:#ff635c1f;border:1px solid #ff635c66;border-radius:999px;color:#ffd2cc}.app-menu__deposit,.app-menu__logout{cursor:pointer;font-size:.9rem;padding:8px 14px}.app-menu__deposit{background:#5ee4ff24;border:1px solid #5ee4ff80;border-radius:999px;color:#eef1ff;color:var(--menu-ink)}.app-menu__hamburger{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--menu-border);border-radius:12px;cursor:pointer;display:none;padding:8px 10px}.app-menu button:hover{box-shadow:none;transform:none}.app-menu__hamburger span{background:#eef1ff;background:var(--menu-ink);border-radius:999px;display:block;height:2px;margin:4px 0;width:18px}.app-menu__backdrop{background:#02061799;inset:0;position:fixed;z-index:1999}.app-menu__drawer{background:#0b1021;border-right:1px solid #ffffff14;border-right:1px solid var(--menu-border);box-shadow:0 20px 40px -18px #0009;box-shadow:var(--menu-shadow);display:flex;flex-direction:column;gap:16px;height:100vh;left:0;padding:16px;position:fixed;top:0;width:min(78vw,320px);z-index:2000}.app-menu__drawer-header{align-items:center;display:flex;justify-content:space-between}.app-menu__close{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--menu-border);border-radius:10px;color:#eef1ff;color:var(--menu-ink);cursor:pointer;padding:6px 10px}.app-menu__drawer-section{grid-gap:8px;display:grid;gap:8px}.app-menu__drawer-title{color:#eef1ffb8;color:var(--menu-muted);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.app-menu__drawer-toggle{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--menu-border);border-radius:12px;color:#eef1ff;color:var(--menu-ink);cursor:pointer;display:flex;font-size:.92rem;justify-content:space-between;padding:10px 12px;width:100%}.app-menu__drawer-toggle .app-menu__caret{transition:transform .2s ease}.app-menu__drawer-toggle[aria-expanded=true] .app-menu__caret{transform:rotate(180deg)}.app-menu__drawer-sublist{grid-gap:8px;display:grid;gap:8px;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding-left:8px;transform:translateY(-4px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease,margin-top .18s ease}.app-menu__drawer-sublist.is-open{margin-top:6px;max-height:260px;opacity:1;transform:translateY(0)}.app-menu__drawer-link{align-items:center;background:#ffffff0a;border-radius:12px;color:#eef1ff;color:var(--menu-ink);display:flex;justify-content:space-between;padding:10px 12px;text-decoration:none}.app-menu__drawer-link[type=button]{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;text-align:left;width:100%}.app-menu__drawer-link.is-active{background:#5ee4ff29;border:1px solid #5ee4ff66}.app-menu__badge{align-items:center;background:#5ee4ff33;border:1px solid #5ee4ff66;border-radius:999px;color:#eef1ff;color:var(--menu-ink);display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px}.app-menu__drawer-footer{grid-gap:12px;display:grid;gap:12px;margin-top:auto}.app-menu__drawer-session-btn{justify-self:stretch;text-align:center;width:100%}.app-menu__drawer-user{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--menu-border);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s ease}.app-menu__drawer-user:hover{background:#ffffff14;border-color:#fff3}@media (max-width:980px){.app-menu__actions,.app-menu__links{display:none}.app-menu__hamburger{display:inline-block}.app-shell__content{padding:14px 14px 24px}}body{background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}#root,.loading-screen,body{min-height:100vh}.loading-screen{align-items:center;color:#fff;display:flex;font-size:24px;justify-content:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.error-message,.queue-status{margin-bottom:16px;padding:12px}.queue-status{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;color:#0c5460}button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.6}input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}input:focus{border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a;outline:none}
/*# sourceMappingURL=main.13d28245.css.map*/