:root{--bg-primary:#121212;--bg-secondary:#1a1a1a;--bg-tertiary:#242424;--border-color:#262626;--accent-color:#d4ff00;--accent-glow:#d4ff0026;--text-primary:#fff;--text-secondary:#8e8e8e;--text-muted:#555;--color-you:#ffe27c;--bg-you:#1c1a11;--color-opponent:#ff85a1;--bg-opponent:#221216;--color-win:#4ade80;--color-loss:#f87171;--color-draw:#fbbf24;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background-color:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;overflow:hidden}button,input{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:72px;padding:24px 0;display:flex}.sidebar-btn{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.sidebar-btn.active{background-color:var(--accent-color);color:#000;border-color:var(--accent-color);box-shadow:0 0 12px var(--accent-glow)}.sidebar-create-btn{background-color:var(--bg-primary);border-color:var(--border-color)}.sidebar-create-btn:hover{color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.main-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-logo-group{align-items:center;gap:12px;display:flex}.logo-shapes{gap:4px;display:flex}.logo-shape{border:1px solid var(--accent-color);background-color:var(--accent-color);border-radius:2px;width:14px;height:14px}.logo-shape.triangle{border-bottom-color:var(--accent-color);clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:#0000;background:var(--accent-color);border:none;width:15px;height:13px}.logo-shape.circle{border:2px solid var(--accent-color);background:0 0;border-radius:50%}.logo-shape.half{background:var(--accent-color);border-radius:50% 50% 0 0}.logo-text{flex-direction:column;display:flex}.logo-title{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;font-size:18px;font-weight:800;line-height:1.1}.logo-subtitle{color:var(--accent-color);letter-spacing:.2px;font-size:10px;font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.wallet-profile{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;align-items:center;gap:12px;padding:6px 14px 6px 8px;transition:border-color .2s;display:flex}.wallet-avatar-box{background-color:var(--accent-color);color:#000;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wallet-info{text-align:left;flex-direction:column;line-height:1.2;display:flex}.wallet-name{color:var(--text-primary);font-size:12px;font-weight:600}.wallet-sol{font-family:var(--font-heading);color:var(--accent-color);font-size:11px;font-weight:700}.btn-connect-wallet{background-color:var(--accent-color);color:#000;font-family:var(--font-heading);cursor:pointer;letter-spacing:.5px;border:none;border-radius:4px;padding:8px 16px;font-weight:700;transition:all .2s;box-shadow:0 0 10px #d4ff001a}.btn-connect-wallet:hover{transform:translateY(-1px);box-shadow:0 0 15px #d4ff004d}.header-wallet-group{align-items:center;gap:10px;display:flex}.chips-display{font-family:var(--font-heading);background:#d4ff000f;border:1px solid #d4ff0033;border-radius:4px;align-items:center;gap:6px;padding:5px 10px 5px 8px;display:flex}.chips-icon{color:var(--accent-color);font-size:14px;line-height:1}.chips-amount{color:var(--accent-color);font-size:13px;font-weight:800;font-family:var(--font-heading)}.chips-label{color:#d4ff0099;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.btn-chips-add{background:var(--accent-color);color:#000;cursor:pointer;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;font-weight:800;line-height:1;transition:all .15s;display:flex}.btn-chips-add:hover{transform:scale(1.15);box-shadow:0 0 8px #d4ff0066}.wallet-profile{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:10px;padding:6px 10px 6px 8px;transition:border-color .2s;display:flex;position:relative}.wallet-profile:hover{border-color:var(--text-secondary)}.chevron-icon{color:var(--text-secondary);transition:transform .15s}.wallet-dropdown{z-index:500;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;min-width:160px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0009}.dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:all .15s;display:flex}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.danger{color:#f87171}.dropdown-item.danger:hover{background:#f871711a}.dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.pool-live-badge{background:#d4ff000f;border:1px solid #d4ff0033;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;animation:2s ease-in-out infinite pulse-badge;display:flex}@keyframes pulse-badge{0%,to{box-shadow:0 0 #d4ff001a}50%{box-shadow:0 0 0 6px #d4ff0000}}.pool-live-dot{background:var(--accent-color);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.pool-live-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:10px}.pool-live-amount{font-family:var(--font-heading);color:var(--accent-color);font-size:13px;font-weight:800}.lobby-container{flex-direction:column;flex:1;gap:20px;width:100%;padding:20px 24px;display:flex;overflow-y:auto}.lobby-stats{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.stats-grid{gap:40px;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.stat-value{font-family:var(--font-heading);font-size:18px;font-weight:700}.room-tiers-section{width:100%}.room-tiers-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:12px}.room-tiers-row{grid-template-columns:repeat(6,1fr);gap:12px;width:100%;display:grid}@media (width<=1400px){.room-tiers-row{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.room-tiers-row{grid-template-columns:repeat(2,1fr)}}.room-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;justify-content:space-between;gap:10px;min-height:200px;padding:14px;transition:all .2s;display:flex;position:relative}.ranked-badge{font-family:var(--font-heading);color:#000;background:var(--accent-color);letter-spacing:1px;border-radius:2px;padding:2px 6px;font-size:8px;font-weight:800}.room-card:hover{border-color:var(--text-secondary)}.room-card.ranked{border-color:var(--accent-color);background-color:#d4ff0005}.room-card.ranked:after{content:"";background-color:var(--accent-color);height:2px;position:absolute;top:0;left:0;right:0}.room-card-header{justify-content:space-between;align-items:flex-start;display:flex}.room-type{color:var(--text-secondary);text-transform:uppercase;font-size:10px}.room-title{font-family:var(--font-heading);text-transform:uppercase;margin-top:2px;font-size:14px;font-weight:700}.btn-play-card{background-color:var(--accent-color);color:#000;width:100%;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;margin-top:auto;padding:10px 0;font-size:12px;font-weight:800;transition:all .2s;box-shadow:0 4px 6px #00000026}.btn-play-card:hover{transform:translateY(-1px);box-shadow:0 0 12px #d4ff004d}.mini-chart-container{justify-content:space-between;align-items:flex-end;height:36px;padding:4px 0;display:flex}.chart-bar{background-color:#333;border-radius:1px;width:calc(10% - 2px);transition:height .3s}.room-card.ranked .chart-bar{background-color:var(--accent-color)}.room-card-stats{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:10px 8px;padding-top:10px;display:grid}.card-stat{flex-direction:column;display:flex}.card-stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:9px}.card-stat-value{font-size:11px;font-weight:600}.lobby-bottom-grid{grid-template-columns:1.2fr 1fr .8fr;gap:20px;display:grid}@media (width<=1024px){.lobby-bottom-grid{grid-template-columns:1fr}}.bottom-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;gap:12px;padding:16px;display:flex}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.panel-title-group{flex-direction:column;display:flex}.panel-subtitle{color:var(--text-secondary);text-transform:uppercase;font-size:9px}.panel-title{font-family:var(--font-heading);text-transform:uppercase;font-size:14px;font-weight:700}.custom-rooms-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.custom-room-row{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.custom-room-left{flex-direction:column;gap:1px;display:flex}.custom-room-status{text-transform:uppercase;font-size:8px;font-weight:600}.custom-room-status.open{color:var(--color-win)}.custom-room-status.close{color:var(--text-secondary)}.custom-room-name{text-transform:uppercase;font-size:12px;font-weight:600}.custom-room-metrics{text-align:right;align-items:center;gap:12px;display:flex}.metric-col{flex-direction:column;display:flex}.metric-lbl{color:var(--text-secondary);text-transform:uppercase;font-size:8px}.metric-val{font-size:10px;font-weight:500}.btn-invite-copy{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:inline-flex;position:relative}.btn-invite-copy:hover{color:var(--accent-color)}.btn-play-action{background-color:var(--accent-color);color:#000;cursor:pointer;text-transform:uppercase;border:none;border-radius:2px;align-self:center;margin-left:2px;padding:4px 8px;font-size:9px;font-weight:700}.leaderboard-list{flex-direction:column;gap:6px;max-height:280px;display:flex;overflow-y:auto}.leaderboard-row{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.leaderboard-rank{font-family:var(--font-heading);color:var(--text-secondary);width:20px;font-size:12px;font-weight:700}.leaderboard-user{text-align:left;flex-direction:column;flex:1;display:flex}.leaderboard-username{text-transform:uppercase;font-size:12px;font-weight:600}.leaderboard-rps-score{color:var(--text-secondary);font-size:10px}.leaderboard-earnings{font-family:var(--font-heading);color:var(--accent-color);font-size:12px;font-weight:700}.giveaway-list{flex-direction:column;gap:8px;max-height:180px;display:flex;overflow-y:auto}.giveaway-row{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.giveaway-info{flex-direction:column;gap:1px;display:flex}.giveaway-title{text-transform:uppercase;font-size:11px;font-weight:600}.giveaway-meta{color:var(--text-secondary);font-size:9px}.giveaway-view-btn{color:var(--accent-color);cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-size:9px;font-weight:700}.giveaway-stats-summary{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.giveaway-pool{flex-direction:column;display:flex}.pool-label{color:var(--text-secondary);text-transform:uppercase;font-size:8px}.pool-amount{font-family:var(--font-heading);color:var(--accent-color);font-size:16px;font-weight:800}.giveaway-winner-info{text-align:right}.winner-amount-label{color:var(--text-secondary);text-transform:uppercase;font-size:8px}.winner-count{font-family:var(--font-heading);font-size:14px;font-weight:700}.giveaway-description{color:var(--text-secondary);background-color:var(--bg-secondary);border-left:2px solid var(--accent-color);border-radius:4px;margin-top:4px;padding:6px;font-size:9px;line-height:1.3}.gameroom-grid{grid-template-columns:1fr 340px 240px;height:calc(100vh - 64px);display:grid;position:relative;overflow:hidden}@media (width<=1200px){.gameroom-grid{grid-template-columns:1fr 300px}.gameroom-users-col{display:none}}.gameroom-main-col{border-right:1px solid var(--border-color);flex-direction:column;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.timer-bar-container{z-index:10;background-color:#222;flex-shrink:0;width:100%;height:4px;position:relative}.timer-bar-fill{background-color:var(--accent-color);height:100%;box-shadow:0 0 8px var(--accent-color);transition:width .1s linear}.game-controls-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.game-header-meta{gap:20px;display:flex}.game-meta-item{align-items:center;gap:8px;font-size:12px;display:flex}.game-meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2px;font-size:10px}.game-meta-val{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}.game-actions-group{gap:6px;display:flex}.game-action-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;background-color:#0000;border-radius:4px;padding:4px 12px;font-size:10px;font-weight:600;transition:all .2s}.game-action-btn:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.match-vs-panel{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;grid-template-columns:1fr 1fr;display:grid}.player-card{flex-direction:column;gap:8px;padding:10px 16px;display:flex}.player-card.you{background-color:var(--bg-you);border-right:1px solid var(--border-color)}.player-card.opponent{background-color:var(--bg-opponent)}.player-card-header{justify-content:space-between;align-items:center;display:flex}.player-card-role{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.player-name-row{align-items:center;gap:6px;display:flex}.player-card-name{font-family:var(--font-heading);text-transform:uppercase;font-size:15px;font-weight:700}.player-card.you .player-card-name{color:var(--color-you)}.player-card.opponent .player-card-name{color:var(--color-opponent)}.player-rank-badge{color:#000;font-family:var(--font-heading);background:linear-gradient(135deg,#d4ff00 0%,#a3ff00 100%);border-radius:3px;align-items:center;padding:1px 6px;font-size:10px;font-weight:800;display:inline-flex}.player-wallet-row{color:var(--text-secondary);align-items:center;gap:6px;margin-top:-4px;font-size:11px;display:flex}.player-wallet-addr{font-family:var(--mono)}.wallet-copy-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;display:inline-flex;position:relative}.wallet-copy-btn:hover{color:var(--accent-color)}.copy-tooltip{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-color);white-space:nowrap;z-index:10;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:-24px;left:18px;box-shadow:0 4px 6px #0000004d}.player-card-stats{justify-content:space-between;align-items:center;display:flex}.player-card-wld-row{align-items:center;gap:12px;display:flex}.wld-badge-item{align-items:center;gap:4px;display:flex}.wld-badge{color:#000;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:inline-flex}.wld-badge.win{background-color:var(--accent-color)}.wld-badge.draw{color:#fff;background-color:#555}.wld-badge.loss{background-color:var(--color-loss);color:#fff}.wld-badge-val{font-family:var(--font-heading);color:var(--text-primary);font-size:11px;font-weight:700}.player-games-history{align-items:center;gap:3px;display:flex}.history-label{color:var(--text-secondary);text-transform:uppercase;margin-right:4px;font-size:8px}.history-badge{border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:flex}.history-badge.R,.history-badge.P,.history-badge.S{background-color:var(--bg-tertiary);color:#fff}.player-card.you .history-badge.win{background-color:var(--color-win);color:#000}.player-card.you .history-badge.loss{background-color:var(--color-loss);color:#fff}.battle-arena{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px 20px;display:flex;position:relative}.matchmaking-loader{flex-direction:column;align-items:center;gap:12px;display:flex}.loader-pulse-ring{border:3px solid #d4ff001a;border-top-color:var(--accent-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite loader-spin}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{font-family:var(--font-heading);color:var(--accent-color);letter-spacing:1px;font-size:16px;font-weight:800}.loader-subtext{color:var(--text-secondary);font-size:11px}.ready-check-section{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.ready-check-title{font-family:var(--font-heading);color:var(--accent-color);font-size:20px;font-weight:800}.ready-check-subtitle{color:var(--text-secondary);margin-top:-8px;font-size:12px}.ready-indicator-row{gap:24px;margin:8px 0;display:flex}.ready-ind-item{align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.ready-dot{background-color:var(--color-loss);width:10px;height:10px;box-shadow:0 0 6px var(--color-loss);border-radius:50%;display:inline-block}.ready-dot.ready{background-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.btn-ready-check{background-color:var(--accent-color);color:#000;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:4px;padding:10px 32px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 0 15px #d4ff0033}.btn-ready-check:hover{transform:translateY(-1px);box-shadow:0 0 20px #d4ff0066}.ready-status-text{font-family:var(--font-heading);color:var(--text-secondary);font-size:11px;font-weight:700}.afk-warning-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#121212d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.afk-warning-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:6px;flex-direction:column;gap:16px;width:290px;padding:20px;display:flex;box-shadow:0 10px 25px #00000080}.afk-card-title{font-family:var(--font-heading);color:var(--color-loss);letter-spacing:.5px;font-size:16px;font-weight:800}.afk-card-text{color:var(--text-primary);font-size:12px;line-height:1.4}.afk-card-actions{gap:10px;display:flex}.afk-btn{cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;flex:1;padding:8px 12px;font-size:11px;font-weight:700;transition:all .2s}.afk-btn.return{background-color:var(--accent-color);color:#000}.afk-btn.return:hover{opacity:.9}.afk-btn.leave{color:#fff;background-color:#333}.afk-btn.leave:hover{background-color:#444}.arena-stage{justify-content:space-around;align-items:center;width:100%;max-width:500px;display:flex}.arena-player-side{flex-direction:column;align-items:center;gap:12px;width:160px;display:flex}.hand-visual-container{width:100px;height:100px;position:relative}.hand-emoji-fallback{text-align:center;-webkit-user-select:none;user-select:none;font-size:80px;line-height:100px}.hand-visual-container.shake-left{animation:.6s ease-in-out infinite alternate shake-left-anim}.hand-visual-container.shake-right{animation:.6s ease-in-out infinite alternate shake-right-anim}@keyframes shake-left-anim{0%{transform:translateY(-8px)rotate(12deg)}to{transform:translateY(8px)rotate(0)}}@keyframes shake-right-anim{0%{transform:translateY(-8px)rotate(-12deg)scaleX(-1)}to{transform:translateY(8px)rotate(0)scaleX(-1)}}.arena-center-block{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:110px;display:flex}.arena-round{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.arena-score{font-family:var(--font-heading);margin:2px 0;font-size:24px;font-weight:800}.score-you{color:var(--color-you)}.score-divider{color:var(--text-secondary);margin:0 4px}.score-opponent{color:var(--color-opponent)}.arena-countdown{font-family:var(--font-heading);color:var(--text-primary);text-shadow:0 0 10px #fff3;font-size:40px;font-weight:800}.arena-status-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:9px}.battle-result-banner{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-top:12px;padding:3px 12px;font-size:16px;font-weight:800}.battle-result-banner.win{color:#000;background-color:var(--color-win);box-shadow:0 0 12px #4ade804d}.battle-result-banner.loss{color:#fff;background-color:var(--color-loss);box-shadow:0 0 12px #f871714d}.battle-result-banner.draw{color:#000;background-color:var(--color-draw);box-shadow:0 0 12px #fbbf244d}.choice-selection-bar{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.choice-card-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 4px;transition:all .2s;display:flex}.choice-card-btn:hover:not(:disabled){border-color:var(--text-secondary);transform:translateY(-1px)}.choice-card-btn.selected{border-color:var(--accent-color);background-color:#d4ff000d}.choice-card-btn:disabled{opacity:.4;cursor:not-allowed}.choice-icon{border:2px solid var(--text-secondary);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.choice-icon.circle{border-radius:50%}.choice-icon.square{border-radius:2px}.choice-icon.triangle{background-color:var(--text-secondary);clip-path:polygon(50% 0%,0% 100%,100% 100%);border:none;border-radius:0;width:20px;height:17px}.choice-card-btn.selected .choice-icon{border-color:var(--accent-color)}.choice-card-btn.selected .choice-icon.triangle{background-color:var(--accent-color)}.choice-label{font-family:var(--font-heading);text-transform:uppercase;font-size:10px;font-weight:700}.gameroom-chat-col{border-right:1px solid var(--border-color);background-color:var(--bg-primary);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-tabs{border-bottom:1px solid var(--border-color);background-color:#151515;flex-shrink:0;gap:4px;padding:8px 8px 0;display:flex}.chat-tab{text-align:center;text-transform:uppercase;color:#888;border:1px solid var(--border-color);cursor:pointer;background-color:#1a1a1a;border-bottom:none;border-radius:4px 4px 0 0;flex:1;padding:10px 4px;font-size:10px;font-weight:700;transition:all .2s}.chat-tab:hover{color:var(--text-primary);background-color:#252525}.chat-tab.active{color:#000;background-color:var(--accent-color);border-color:var(--accent-color)}.chat-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.chat-message{text-align:left;flex-direction:column;gap:1px;display:flex}.message-header{justify-content:space-between;align-items:center;display:flex}.message-sender-group{align-items:center;gap:4px;display:flex}.message-time{color:var(--text-muted);font-size:8px}.message-username{text-transform:uppercase;font-size:11px;font-weight:700}.message-content{color:var(--text-primary);word-break:break-word;font-size:12px}.message-heart-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;font-size:9px;display:flex}.message-heart-btn:hover,.message-heart-btn.liked{color:var(--color-opponent)}.chat-input-bar{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0;gap:8px;padding:10px;display:flex}.chat-input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;flex:1;padding:6px 10px;font-size:11px}.chat-input:focus{border-color:var(--text-secondary);outline:none}.chat-send-btn{color:var(--accent-color);cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:0 2px;font-size:10px;font-weight:700}.gameroom-users-col{background-color:var(--bg-secondary);flex-direction:column;height:100%;display:flex;overflow:hidden}.users-col-header{border-bottom:1px solid var(--border-color);text-align:left;flex-shrink:0;padding:12px 16px}.users-col-subtitle{color:var(--text-secondary);text-transform:uppercase;font-size:8px}.users-col-title{font-family:var(--font-heading);text-transform:uppercase;font-size:12px;font-weight:700}.users-list{flex-direction:column;flex:1;gap:3px;padding:6px;display:flex;overflow-y:auto}.user-list-item{border-radius:4px;justify-content:space-between;align-items:center;padding:6px;transition:background-color .2s;display:flex}.user-list-item:hover{background-color:var(--bg-primary)}.user-item-left{align-items:center;gap:6px;display:flex}.user-avatar-fist{background-color:#df9e72;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.user-item-info{text-align:left;flex-direction:column;display:flex}.user-item-name{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:11px;font-weight:600;overflow:hidden}.user-item-rating{color:var(--text-secondary);font-size:9px}.user-state-icon{color:var(--text-muted)}.user-state-icon.active{color:var(--accent-color)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#121212d9;justify-content:center;align-items:center;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:18px;width:360px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) modal-slide-up;display:flex;box-shadow:0 10px 30px #00000080}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal-card-title{font-family:var(--font-heading);text-transform:uppercase;color:var(--accent-color);font-size:16px;font-weight:800}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;width:100%;padding:10px 12px;font-size:13px}.form-input:focus{border-color:var(--text-secondary);outline:none}.form-group-switch{justify-content:space-between;align-items:center;display:flex}.switch-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.switch-toggle{width:36px;height:20px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#333;border-radius:20px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}.switch-toggle input:checked+.switch-slider{background-color:var(--accent-color)}.switch-toggle input:checked+.switch-slider:before{background-color:#000;transform:translate(16px)}.btn-modal-submit{background-color:var(--accent-color);color:#000;width:100%;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:12px 0;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 10px #d4ff001a}.btn-modal-submit:hover{box-shadow:0 0 15px #d4ff004d}.animate-slide-down{animation:.2s ease-out slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.deposit-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.deposit-modal{background:#0d0d12;border:1px solid #262635;border-radius:16px;flex-direction:column;width:580px;max-width:95vw;max-height:90vh;animation:.2s cubic-bezier(.34,1.56,.64,1) scale-up;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #d4ff0008}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.deposit-header{background:#111118;border-bottom:1px solid #1e1e2a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.deposit-title-group{align-items:center;gap:10px;display:flex}.deposit-title-icon{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow);font-size:20px}.deposit-title{font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:1.5px;font-size:16px;font-weight:800}.deposit-close-btn{color:#555570;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;transition:color .15s}.deposit-close-btn:hover{color:var(--text-primary)}.deposit-tabs{background:#0b0b0f;border-bottom:1px solid #1e1e2a;display:flex}.deposit-tab{color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:14px;font-size:12px;font-weight:700;transition:all .2s}.deposit-tab:hover{color:var(--text-primary);background:#ffffff03}.deposit-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:#d4ff0005}.deposit-body{flex:1;padding:24px;overflow-y:auto}.deposit-intro{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.deposit-intro p{color:var(--text-secondary);font-size:12px}.exchange-rate-tag{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;background:#d4ff0014;border:1px solid #d4ff0033;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700}.deposit-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.riot-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=580px){.riot-grid{grid-template-columns:repeat(2,1fr)}}.riot-card{cursor:pointer;background:#12121c;border:1px solid #222232;border-radius:12px;flex-direction:column;align-items:center;padding:20px 16px;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.riot-card:hover{background:#151525;border-color:#444460;transform:translateY(-2px)}.riot-card.selected{border-color:var(--accent-color);background:#d4ff0008;box-shadow:0 0 20px #d4ff0014}.riot-card-badge{color:#000;letter-spacing:.5px;background:#4ade80;border-bottom-left-radius:8px;padding:2px 8px;font-size:8px;font-weight:800;position:absolute;top:0;right:0}.riot-card-chips{align-items:center;gap:6px;margin-top:8px;display:flex}.riot-chips-icon{color:var(--accent-color);font-size:18px}.riot-chips-amount{font-family:var(--font-heading);color:#fff;font-size:20px;font-weight:800}.riot-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:2px;margin-bottom:16px;font-size:9px}.riot-card-price{font-family:var(--font-heading);color:var(--accent-color);text-align:center;background:#d4ff000d;border:1px solid #d4ff0026;border-radius:6px;width:100%;padding:6px 0;font-size:14px;font-weight:800;transition:all .2s}.riot-card.selected .riot-card-price{background:var(--accent-color);color:#000;border-color:var(--accent-color)}.riot-card-fee{color:var(--text-muted);text-transform:uppercase;margin-top:8px;font-size:8px}.btn-deposit-proceed{background:var(--accent-color);color:#000;width:100%;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:8px;padding:14px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #d4ff0033}.btn-deposit-proceed:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4ff0066}.deposit-instructions{flex-direction:column;gap:16px;display:flex}.instruction-step-header{align-items:flex-start;gap:12px;display:flex}.step-number{background:var(--accent-color);color:#000;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.instruction-step-header p{color:var(--text-primary);font-size:13px;line-height:1.4}.platform-wallet-box{background:#11111a;border:1px solid #222232;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.wallet-box-header{color:var(--text-muted);letter-spacing:1px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.network-pill{color:var(--accent-color);background:#d4ff000d;border-radius:4px;padding:2px 6px}.wallet-address-display{color:var(--accent-color);word-break:break-all;background:#0b0b10;border:1px solid #1c1c28;border-radius:6px;padding:10px 12px;font-family:monospace;font-size:13px}.btn-copy-address{color:#fff;cursor:pointer;background:#1e1e2d;border:1px solid #2d2d42;border-radius:6px;align-self:flex-start;padding:8px 14px;font-size:11px;font-weight:700;transition:all .15s}.btn-copy-address:hover{background:#28283c;border-color:#444460}.instruction-notes{border-left:2px solid var(--accent-color);background:#ffffff03;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.note-item{color:var(--text-secondary);gap:8px;font-size:11px;line-height:1.4;display:flex}.note-bullet{color:var(--accent-color);font-weight:700}.btn-instruction-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #222232;border-radius:8px;padding:12px 20px;font-size:12px;font-weight:600;transition:all .15s}.btn-instruction-back:hover{color:var(--text-primary);border-color:#444460}.withdraw-section{flex-direction:column;gap:20px;display:flex}.withdraw-info-card{background:#11111a;border:1px solid #222232;border-radius:10px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.withdraw-info-row{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.withdraw-info-row strong{font-family:var(--font-heading)}.withdraw-form{flex-direction:column;gap:16px;display:flex}.withdraw-input-group{flex-direction:column;gap:6px;display:flex}.withdraw-input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.withdraw-input-wrapper{gap:8px;display:flex}.withdraw-input{color:#fff;font-size:14px;font-family:var(--font-heading);background:#12121c;border:1px solid #222232;border-radius:6px;outline:none;flex:1;padding:12px 14px;font-weight:700;transition:border-color .15s}.withdraw-input:focus{border-color:var(--accent-color)}.btn-withdraw-max{color:var(--accent-color);font-family:var(--font-heading);cursor:pointer;background:#1e1e2d;border:1px solid #2d2d42;border-radius:6px;padding:0 16px;font-size:11px;font-weight:800;transition:all .15s}.btn-withdraw-max:hover{background:#d4ff000d}.withdraw-preview-card{background:#ffffff03;border:1px solid #1c1c28;border-radius:8px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.preview-row{color:var(--text-secondary);justify-content:space-between;font-size:11px;display:flex}.preview-row.total{color:#fff;border-top:1px solid #1c1c28;margin-top:4px;padding-top:6px;font-size:13px;font-weight:700}.btn-withdraw-submit{background:var(--accent-color);color:#000;width:100%;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;padding:14px;font-size:13px;font-weight:800;transition:all .2s}.btn-withdraw-submit:hover:not(:disabled){box-shadow:0 0 15px #d4ff004d}.btn-withdraw-submit:disabled{color:#555560;cursor:not-allowed;background:#1e1e24}.withdraw-result-alert{border-radius:8px;padding:12px 16px;font-size:12px;line-height:1.4}.withdraw-result-alert.success{color:#4ade80;background:#4ade8014;border:1px solid #4ade8033}.withdraw-result-alert.error{color:#f87171;background:#f8717114;border:1px solid #f8717133}.alert-content{align-items:center;gap:10px;display:flex}.alert-icon{font-size:16px;font-weight:700}