*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#141420d9;--bg-card-hover:#1c1c2df2;--glass:#ffffff0a;--glass-border:#ffffff14;--text-primary:#e8e6f0;--text-secondary:#8a879a;--text-muted:#5a5770;--accent:#7c6bf0;--accent-light:#9b8df7;--accent-glow:#7c6bf040;--gold:#f0c040;--gold-glow:#f0c04033;--danger:#ef4444;--success:#22c55e;--sq-light:#e8d5b5;--sq-dark:#b58863;--sq-selected:#7c6bf08c;--sq-legal:#7c6bf059;--sq-last-move:#f0c04059;--sq-check:#ef444499;--radius:12px;--radius-sm:8px;--radius-lg:20px;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 48px #0009;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--board-size:min(80vmin, 560px);--square-size:calc(var(--board-size) / 8)}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body{background:radial-gradient(ellipse at 20% 50%, #7c6bf014 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #f0c0400d 0%, transparent 50%), var(--bg-primary)}#app{min-height:100vh}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-sm{padding:8px 16px;font-size:13px}.btn-primary{background:linear-gradient(135deg, var(--accent), #6354d4);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, var(--gold), #d4a030);color:#1a1a2e;box-shadow:0 2px 12px var(--gold-glow)}.btn-accent:hover{box-shadow:0 4px 20px var(--gold-glow);transform:translateY(-1px)}.btn-ghost{background:var(--glass);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff14}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef444433}.btn-danger:hover{background:#ef444440}.btn-google{color:#333;border-radius:var(--radius);background:#fff;padding:14px 32px;font-size:15px;box-shadow:0 2px 12px #0003}.btn-google:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.google-icon{width:20px;height:20px}.btn-play{width:100%;margin-top:16px;padding:14px;font-size:15px}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.floating-piece{opacity:.06;font-size:48px;animation:20s ease-in-out infinite float;position:absolute}.fp1{font-size:72px;animation-delay:0s;top:10%;left:10%}.fp2{font-size:56px;animation-delay:-3s;top:20%;right:15%}.fp3{animation-delay:-7s;bottom:30%;left:20%}.fp4{font-size:64px;animation-delay:-11s;bottom:15%;right:10%}.fp5{font-size:40px;animation-delay:-5s;top:50%;left:5%}.fp6{font-size:36px;animation-delay:-9s;top:70%;right:25%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-30px)rotate(5deg)}50%{transform:translateY(-15px)rotate(-3deg)}75%{transform:translateY(-25px)rotate(4deg)}}.login-card{z-index:1;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;max-width:420px;box-shadow:var(--shadow-lg);padding:48px 40px;animation:.6s ease-out cardEnter;position:relative}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{margin-bottom:8px}.logo-piece{background:linear-gradient(135deg, var(--gold), var(--accent-light));-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px var(--gold-glow));-webkit-background-clip:text;background-clip:text;font-size:64px;animation:3s ease-in-out infinite logoPulse;display:inline-block}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-title{background:linear-gradient(135deg, var(--text-primary), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Playfair Display,serif;font-size:36px;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px;line-height:1.5}.login-footer{color:var(--text-muted);margin-top:24px;font-size:12px}.lobby-screen{flex-direction:column;min-height:100vh;display:flex}.lobby-header{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.lobby-brand{align-items:center;gap:10px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--gold), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.brand-text{color:var(--text-primary);font-family:Playfair Display,serif;font-size:20px;font-weight:800}.user-profile{align-items:center;gap:10px;display:flex}.user-avatar{border:2px solid var(--accent);object-fit:cover;border-radius:50%;width:36px;height:36px}.user-avatar-placeholder{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:500}.lobby-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lobby-hero{text-align:center;margin-bottom:40px}.lobby-title{background:linear-gradient(135deg, var(--text-primary), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Playfair Display,serif;font-size:42px;font-weight:800}.lobby-desc{color:var(--text-secondary);font-size:16px}.mode-cards{gap:24px;width:100%;max-width:700px;display:flex}.mode-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition);box-shadow:var(--shadow);flex:1;padding:32px 28px}.mode-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff1f;transform:translateY(-4px)}.mode-icon{margin-bottom:16px;font-size:48px}.mode-title{margin-bottom:8px;font-size:20px;font-weight:700}.mode-desc{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.difficulty-selector{gap:8px;margin-bottom:4px;display:flex}.diff-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:600}.diff-btn:hover{border-color:var(--accent);color:var(--text-primary)}.diff-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.game-screen{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.game-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.game-mode-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.game-actions-top{gap:8px;display:flex}.invite-banner{border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#7c6bf01a,#f0c04014);padding:16px 20px;animation:.3s ease-out fadeIn}.invite-banner-content{max-width:600px;margin:0 auto}.invite-text{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.invite-link-row{gap:8px;display:flex}.invite-input{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-family:Inter,monospace;font-size:13px}.invite-input:focus{border-color:var(--accent)}.game-layout{flex-direction:column;flex:1;align-items:center;padding:16px;display:flex}.player-bar{width:var(--board-size);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin:6px 0;padding:10px 16px;display:flex}.player-name{font-size:14px;font-weight:600}.player-color-badge{color:var(--text-muted);font-size:12px}.captured-pieces{opacity:.7;gap:2px;font-size:16px;display:flex}.captured-piece{display:inline-block}.game-sidebar{flex-direction:column;gap:12px;width:100%;max-width:600px;min-height:0;margin:0 auto;padding:0 20px 20px;display:flex;overflow-y:auto}.status-panel{text-align:center}.turn-indicator{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:10px;padding:10px;font-size:14px;font-weight:600;display:flex}.turn-circle{border:2px solid var(--text-muted);width:16px;height:16px;transition:all var(--transition);border-radius:50%}.turn-circle.white{background:#f0ead6;border-color:#d4c8a8;box-shadow:0 0 8px #f0ead666}.turn-circle.black{background:#2a2a2a;border-color:#555;box-shadow:0 0 8px #2a2a2a99}.move-history-panel{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--glass-border);padding:10px 14px;font-size:12px;font-weight:700}.move-history{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;max-height:160px;padding:8px;overflow-y:auto}.move-history::-webkit-scrollbar{width:4px}.move-history::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.no-moves{text-align:center;color:var(--text-muted);padding:16px;font-size:13px;font-style:italic}.moves-table{border-collapse:collapse;width:100%}.moves-table td{padding:4px 8px;font-family:Inter,monospace;font-size:13px}.move-num{color:var(--text-muted);width:30px;font-weight:700}.move-san{color:var(--text-primary);font-weight:500}.moves-table tr:nth-child(odd){background:#ffffff05}.game-actions{justify-content:center;gap:8px;display:flex}.chat-panel{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;flex:1;min-height:120px;display:flex;overflow:hidden}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.chat-placeholder{color:var(--text-muted);text-align:center;margin-top:auto;margin-bottom:auto;font-size:13px;font-style:italic}.chat-msg{border-radius:var(--radius-sm);word-break:break-word;flex-direction:column;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.4;display:flex}.chat-msg.mine{background:var(--accent);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chat-msg.theirs{color:var(--text-primary);background:#ffffff14;border-bottom-left-radius:2px;align-self:flex-start}.chat-msg-name{opacity:.7;margin-bottom:2px;font-size:10px;font-weight:700}.chat-msg-text{font-family:inherit}.chat-input-form{border-top:1px solid var(--glass-border);background:#0003;gap:8px;padding:8px;display:flex}.chat-input-form input{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-size:13px}.chat-input-form input:focus{border-color:var(--accent)}.chess-board-container{line-height:0}.chess-board{grid-template-columns:repeat(8, var(--square-size));grid-template-rows:repeat(8, var(--square-size));border-radius:var(--radius-sm);box-shadow:var(--shadow-lg), 0 0 0 3px #ffffff0f;display:grid;position:relative;overflow:hidden}.board-wrapper{justify-content:center;align-items:center;display:flex}.square{width:var(--square-size);height:var(--square-size);cursor:pointer;justify-content:center;align-items:center;transition:background-color .1s;display:flex;position:relative}.square.light{background-color:var(--sq-light)}.square.dark{background-color:var(--sq-dark)}.square.selected{background-color:var(--sq-selected)!important}.square.last-move{background-color:var(--sq-last-move)!important}.square.in-check{background:radial-gradient(circle, var(--sq-check), transparent 70%);animation:1s ease-in-out infinite checkFlash}@keyframes checkFlash{0%,to{box-shadow:inset 0 0 12px #ef444480}50%{box-shadow:inset 0 0 20px #ef4444cc}}.square:hover{filter:brightness(1.1)}.coord{pointer-events:none;opacity:.6;font-size:10px;font-weight:700;line-height:1;position:absolute}.coord-rank{top:3px;left:4px}.coord-file{bottom:3px;right:4px}.square.light .coord{color:var(--sq-dark)}.square.dark .coord{color:var(--sq-light)}.piece{z-index:2;cursor:grab;filter:drop-shadow(1px 2px 3px #0006);justify-content:center;align-items:center;width:100%;height:100%;transition:transform .15s;display:flex}.piece:active{cursor:grabbing}.piece svg,.piece-canvas{width:100%;height:100%}.dragging-piece{width:var(--square-size);height:var(--square-size);z-index:9999;pointer-events:none;filter:drop-shadow(2px 4px 6px #00000080);position:fixed}.dragging-piece svg,.dragging-piece .piece-canvas{width:100%;height:100%}.piece-idle{animation:2.5s ease-in-out infinite pieceIdle}@keyframes pieceIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.piece-attacking{z-index:5;animation:.6s ease-out pieceAttack}@keyframes pieceAttack{0%{transform:scale(1)rotate(0)}15%{transform:scale(1.2)rotate(-8deg)}30%{filter:drop-shadow(0 0 12px #ff5028b3);transform:scale(1.4)rotate(5deg)translateY(-4px)}50%{transform:scale(1.1)rotate(-2deg)}70%{transform:scale(1.05)rotate(1deg)}to{transform:scale(1)rotate(0)}}.piece-scared{animation:.15s ease-in-out infinite alternate pieceScared}@keyframes pieceScared{0%{transform:translate(-2px)translateY(1px)rotate(-2deg)}to{transform:translate(2px)translateY(-1px)rotate(2deg)}}.piece-happy{animation:.8s ease-in-out infinite pieceHappy}@keyframes pieceHappy{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-5px)scale(1.05)}50%{transform:translateY(0)scale(1)}75%{transform:translateY(-3px)scale(1.02)}}.piece-angry{animation:.3s ease-in-out infinite pieceAngry}@keyframes pieceAngry{0%,to{transform:translate(0)scale(1.02)}25%{transform:translate(-2px)scale(1.04)}50%{transform:translate(0)scale(1.02)}75%{transform:translate(2px)scale(1.04)}}.piece-celebrating{animation:1s ease-in-out infinite pieceCelebrate}@keyframes pieceCelebrate{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-8px)rotate(-5deg)scale(1.1)}50%{transform:translateY(-12px)rotate(5deg)scale(1.15)}75%{transform:translateY(-4px)rotate(-2deg)scale(1.05)}}.capture-explosion{z-index:3;pointer-events:none;background:radial-gradient(circle,#ffc83299 0%,#ff641e66 30%,#ff321433 60%,#0000 80%);border-radius:50%;animation:.7s ease-out forwards captureExplode;position:absolute;inset:-20%}@keyframes captureExplode{0%{opacity:1;transform:scale(.3)}40%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(2)}}.capture-explosion:after{content:"";border:3px solid #ffdc5099;border-radius:50%;animation:.5s ease-out forwards captureRing;position:absolute;inset:15%}@keyframes captureRing{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.piece:hover{filter:drop-shadow(2px 4px 6px #00000080);transform:translateY(-3px)scale(1.08)}.legal-dot{z-index:1;pointer-events:none;background:#0000002e;border-radius:50%;width:28%;height:28%;position:absolute}.legal-capture{z-index:1;pointer-events:none;border:5px solid #0000002e;border-radius:50%;width:100%;height:100%;position:absolute}.promotion-modal{z-index:10000;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;animation:.2s ease-out promotionIn;display:flex;position:fixed;overflow:hidden}@keyframes promotionIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.promotion-piece{cursor:pointer;width:60px;height:60px;transition:all var(--transition);justify-content:center;align-items:center;padding:8px;display:flex}.promotion-piece:hover{background:var(--accent-glow)}.promotion-piece svg{width:100%;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px;animation:.4s ease-out cardEnter}.modal-icon{margin-bottom:12px;font-size:56px}.modal-title{margin-bottom:8px;font-family:Playfair Display,serif;font-size:28px;font-weight:800}.modal-message{color:var(--text-secondary);margin-bottom:28px;font-size:14px;line-height:1.5}.modal-actions{justify-content:center;gap:12px;display:flex}@media (width<=768px){:root{--board-size:min(92vw, 92vmin)}.mode-cards{flex-direction:column}.lobby-title{font-size:32px}.login-card{padding:32px 24px}.login-title{font-size:28px}.game-layout{padding:8px}.player-bar{width:var(--board-size);padding:8px 12px}.modal-actions{flex-direction:column}}@media (width>=1024px){.game-screen{grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto 300px;height:100vh;max-height:100vh;display:grid;overflow:hidden}.game-topbar{grid-area:1/1/auto/-1}.invite-banner{grid-area:2/1/auto/-1}.game-layout{grid-area:3/1/auto/3;justify-content:center;padding:24px;overflow-y:auto}.game-sidebar{border-left:1px solid var(--glass-border);background:var(--bg-secondary);grid-area:3/3;width:100%;max-width:none;margin:0;padding:16px 14px;overflow-y:auto}.move-history{max-height:200px}.chat-panel{flex:1;min-height:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}::selection{background:var(--accent);color:#fff}.player-timer{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-main);text-align:center;border-radius:6px;min-width:60px;padding:4px 10px;font-family:monospace;font-size:1.1rem;font-weight:700}.player-timer.danger{color:#ef4444;animation:1s infinite alternate pulseRed}@keyframes pulseRed{0%{opacity:1}to{opacity:.5}}.active-turn .piece-canvas{z-index:10;animation:.8s ease-in-out infinite alternate flashingLights}@keyframes flashingLights{0%{filter:drop-shadow(0 0 2px #fff3)brightness();transform:scale(1)}to{filter:drop-shadow(0 0 25px #fff)drop-shadow(0 0 10px #38bdf8)brightness(1.35);transform:scale(1.15)}}.user-stats-mini{border-right:1px solid var(--glass-border);gap:12px;margin-right:12px;padding-right:12px;display:flex}.stats-rating{color:var(--gold);font-size:13px;font-weight:700}.stats-record{color:var(--text-secondary);font-size:12px;font-weight:500}.lobby-nav{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);gap:0;padding:0 24px;display:flex}.lobby-nav-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;position:relative}.lobby-nav-tab:hover{color:var(--text-primary);background:#ffffff05}.lobby-nav-tab.active{color:var(--accent-light);border-bottom-color:var(--accent)}.lobby-nav-tab svg{opacity:.6;transition:opacity var(--transition)}.lobby-nav-tab.active svg,.lobby-nav-tab:hover svg{opacity:1}.nav-badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.lobby-tab-content{flex:1;position:relative;overflow-y:auto}.tab-pane{animation:.3s ease-out fadeIn;display:none}.tab-pane.active{display:block}.tab-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.tab-error{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:14px}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lobby-share-section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:16px;margin-top:32px;padding:16px 24px;display:flex}.share-invite-text{color:var(--text-muted);white-space:nowrap;font-size:13px}.activity-ticker{border-top:1px solid var(--glass-border);background:#0000004d;flex-shrink:0;align-items:center;gap:12px;padding:10px 24px;display:flex;overflow:hidden}.ticker-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--danger);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.ticker-scroll{white-space:nowrap;gap:32px;animation:30s linear infinite tickerScroll;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ticker-item{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.leaderboard-container{grid-template-columns:1fr 320px;gap:0;min-height:calc(100vh - 160px);display:grid}.lb-main{padding:24px;overflow-y:auto}.lb-sidebar{background:var(--bg-secondary);border-left:1px solid var(--glass-border);padding:20px;overflow-y:auto}.lb-sidebar-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.lb-online-bar{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;display:flex}.online-dot-pulse{background:var(--success);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite livePulse}.online-count{color:var(--text-secondary);font-size:13px;font-weight:600}.lb-tabs{background:var(--glass);border-radius:var(--radius-sm);gap:4px;margin-bottom:24px;padding:4px;display:flex}.lb-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:6px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600}.lb-tab:hover{color:var(--text-primary)}.lb-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.lb-podium{justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;padding:20px;display:flex}.podium-slot{flex-direction:column;align-items:center;gap:8px;animation:.6s ease-out podiumRise;display:flex}.podium-slot.podium-me{filter:drop-shadow(0 0 12px var(--accent-glow))}@keyframes podiumRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.podium-avatar-wrap{position:relative}.podium-avatar,.podium-avatar-placeholder{object-fit:cover;border-radius:50%;width:56px;height:56px}.podium-slot.podium-1 .podium-avatar,.podium-slot.podium-1 .podium-avatar-placeholder{border:3px solid var(--gold);width:72px;height:72px;box-shadow:0 0 20px var(--gold-glow)}.podium-slot.podium-2 .podium-avatar,.podium-slot.podium-2 .podium-avatar-placeholder{border:3px solid silver}.podium-slot.podium-3 .podium-avatar,.podium-slot.podium-3 .podium-avatar-placeholder{border:3px solid #cd7f32}.podium-avatar-placeholder{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.podium-medal{filter:drop-shadow(0 1px 3px #00000080);font-size:20px;position:absolute;bottom:-6px;right:-4px}.podium-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:14px;font-weight:700;overflow:hidden}.podium-rating{color:var(--gold);font-size:13px;font-weight:600}.podium-pillar{border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:80px;margin-top:8px;display:flex}.podium-rank-num{color:#fff6;font-size:24px;font-weight:800}.podium-pillar-1{background:linear-gradient(#f0c0404d,#f0c0401a);border:1px solid #f0c04033;height:100px}.podium-pillar-2{background:linear-gradient(#c0c0c033,#c0c0c014);border:1px solid #c0c0c026;height:75px}.podium-pillar-3{background:linear-gradient(#cd7f3233,#cd7f3214);border:1px solid #cd7f3226;height:55px}.lb-table-wrapper{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden}.lb-table{border-collapse:collapse;width:100%}.lb-table thead{background:#0003}.lb-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--glass-border);padding:12px 16px;font-size:11px;font-weight:700}.lb-table th.lb-th-rank{text-align:center;width:50px}.lb-table th.lb-th-rating{width:80px}.lb-table th.lb-th-record{width:100px}.lb-table th.lb-th-games{text-align:center;width:70px}.lb-row{transition:background var(--transition);animation:.3s ease-out rowFadeIn}.lb-row:hover{background:#ffffff08}.lb-row-me{border-left:3px solid var(--accent);background:#7c6bf014!important}@keyframes rowFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.lb-row td{border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:13px}.lb-cell-rank{text-align:center}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.rank-badge.rank-1{color:#1a1a2e;background:linear-gradient(135deg,gold,#f0a000);box-shadow:0 2px 8px #f0c0404d}.rank-badge.rank-2{color:#1a1a2e;background:linear-gradient(135deg,#e8e8e8,#b0b0b0)}.rank-badge.rank-3{color:#1a1a2e;background:linear-gradient(135deg,#e0a060,#cd7f32)}.rank-num{color:var(--text-muted);font-weight:600}.lb-player-info{align-items:center;gap:10px;display:flex}.online-dot-sm{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.lb-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.lb-avatar-placeholder{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.lb-player-name{font-weight:600}.rating-value{color:var(--gold);font-weight:700}.record-wins{color:var(--success);font-weight:600}.record-losses{color:var(--danger);font-weight:600}.record-draws{color:var(--text-muted);font-weight:600}.lb-cell-games{text-align:center;color:var(--text-secondary)}.lb-empty{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:14px}.lb-my-rank{background:var(--bg-card);border:1px solid var(--accent-glow);border-radius:var(--radius-sm);color:var(--text-secondary);text-align:center;margin-top:16px;padding:12px 20px;font-size:14px}.lb-my-rank strong{color:var(--accent-light)}.activity-feed{flex-direction:column;gap:2px;display:flex}.activity-item{border-radius:var(--radius-sm);transition:background var(--transition);align-items:flex-start;gap:10px;padding:10px 12px;animation:.3s ease-out activitySlide;display:flex}.activity-item:hover{background:#ffffff08}@keyframes activitySlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.activity-icon{flex-shrink:0;margin-top:1px;font-size:16px}.activity-text{color:var(--text-secondary);flex:1;font-size:12px;line-height:1.4}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.activity-empty{text-align:center;color:var(--text-muted);padding:32px 12px;font-size:13px;font-style:italic}.friends-container{max-width:700px;margin:0 auto;padding:24px}.friends-search-section{margin-bottom:24px}.friends-search-wrap{position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.friends-search-input{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:14px 14px 14px 44px;font-family:inherit;font-size:14px}.friends-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.friends-search-input::placeholder{color:var(--text-muted)}.search-results{flex-direction:column;gap:4px;margin-top:8px;display:flex}.search-loading,.search-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.search-result-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all var(--transition);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.search-result-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.search-status{color:var(--success);font-size:12px;font-weight:600}.search-status.pending{color:var(--gold)}.friends-section{margin-bottom:24px}.friends-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.section-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.friends-count{color:var(--text-muted);font-weight:400}.friends-list{flex-direction:column;gap:6px;display:flex}.friends-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:13px}.friend-card,.friend-request-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);transition:all var(--transition);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.friend-card:hover,.friend-request-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f;transform:translateY(-1px)}.friend-card.friend-online{border-left:3px solid var(--success)}.friend-card-left{align-items:center;gap:12px;display:flex}.friend-avatar-wrap{flex-shrink:0;position:relative}.friend-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.friend-avatar-placeholder{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.friend-status{border:2px solid var(--bg-primary);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-online{background:var(--success);box-shadow:0 0 6px #22c55e80}.status-offline{background:var(--text-muted)}.friend-info{flex-direction:column;gap:2px;display:flex}.friend-name{font-size:14px;font-weight:600}.friend-stats{gap:10px;font-size:12px;display:flex}.friend-rating{color:var(--gold);font-weight:600}.friend-record{color:var(--text-secondary)}.friend-winrate{color:var(--text-muted)}.friend-card-actions{align-items:center;gap:8px;display:flex}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-container>*{pointer-events:auto}.challenge-toast{background:var(--bg-card);border:1px solid var(--glass-border);border-left:4px solid var(--gold);border-radius:var(--radius);min-width:320px;max-width:400px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px;animation:.4s ease-out toastSlideIn;position:relative;overflow:hidden}.challenge-toast.toast-exit{animation:.3s ease-in forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.challenge-toast-content{align-items:center;gap:12px;margin-bottom:12px;display:flex}.challenge-toast-icon{flex-shrink:0;font-size:28px}.challenge-toast-title{margin-bottom:2px;font-size:14px;font-weight:700}.challenge-toast-text{color:var(--text-secondary);font-size:13px;line-height:1.4}.challenge-time{color:var(--text-muted);font-size:12px}.challenge-toast-actions{gap:8px;display:flex}.challenge-toast-timer{background:var(--gold);height:3px;animation:30s linear forwards timerShrink;position:absolute;bottom:0;left:0}@keyframes timerShrink{0%{width:100%}to{width:0%}}.notification-toast{background:var(--bg-card);border:1px solid var(--glass-border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 18px;animation:.4s ease-out toastSlideIn}.notification-toast.toast-exit{animation:.3s ease-in forwards toastSlideOut}.notification-text{color:var(--text-primary);font-size:13px;font-weight:500}.challenge-modal-card{max-width:440px}.challenge-time-options{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.challenge-time-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600}.challenge-time-btn:hover{border-color:var(--accent);color:var(--text-primary)}.challenge-time-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.share-section{text-align:center;margin:16px 0}.share-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:600}.share-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-compact{gap:6px}.share-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.share-compact .share-btn{padding:8px 12px}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.share-btn:active{transform:scale(.95)}.share-twitter:hover{color:#1da1f2;background:#1da1f226;border-color:#1da1f24d}.share-facebook:hover{color:#1877f2;background:#1877f226;border-color:#1877f24d}.share-whatsapp:hover{color:#25d366;background:#25d36626;border-color:#25d3664d}.share-telegram:hover{color:#08c;background:#0088cc26;border-color:#0088cc4d}.share-copy:hover{border-color:var(--accent);color:var(--accent-light);background:#7c6bf026}.share-copied{border-color:var(--success)!important;color:var(--success)!important;background:#22c55e26!important}.modal-rating-change{background:var(--glass);border-radius:var(--radius-sm);border:1px solid var(--glass-border);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:12px 20px;display:flex}.rating-change-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:12px;font-weight:600}.rating-change-value{font-size:20px;font-weight:800}.rating-up{color:var(--success)}.rating-down{color:var(--danger)}@media (width<=768px){.leaderboard-container{grid-template-columns:1fr}.lb-sidebar{border-left:none;border-top:1px solid var(--glass-border);max-height:300px}.lb-podium{gap:8px;padding:12px}.podium-pillar{width:60px}.lobby-nav{scrollbar-width:none;-ms-overflow-style:none;padding:0 12px;overflow-x:auto}.lobby-nav::-webkit-scrollbar{display:none}.lobby-nav-tab{padding:12px 16px;font-size:13px}.user-stats-mini{display:none}.friends-container{padding:16px}.challenge-toast{min-width:auto;max-width:calc(100vw - 40px)}.lobby-share-section{text-align:center;flex-direction:column}.activity-ticker{padding:8px 16px}}.call-controls{align-items:center;gap:6px;display:flex}.call-btn{border:1px solid var(--glass-border);background:var(--glass);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.call-btn-active{box-shadow:0 2px 10px var(--accent-glow);background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.call-btn-muted{color:var(--danger);background:#ef444426;border-color:#ef44444d}.call-btn .mic-on-icon{display:none}.call-btn .mic-off-icon,.call-btn-active .mic-on-icon{display:block}.call-btn-active .mic-off-icon,.call-btn .cam-on-icon{display:none}.call-btn .cam-off-icon,.call-btn-active .cam-on-icon{display:block}.call-btn-active .cam-off-icon{display:none}#btnMicToggle .mic-off-icon,#btnCameraToggle .cam-off-icon{display:block}#btnMicToggle .mic-on-icon,#btnCameraToggle .cam-on-icon{display:none}#btnMicToggle.call-btn-active .mic-on-icon,#btnCameraToggle.call-btn-active .cam-on-icon{display:block}#btnMicToggle.call-btn-active .mic-off-icon,#btnCameraToggle.call-btn-active .cam-off-icon{display:none}.video-panel>*{pointer-events:auto}.video-container{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--glass-border);width:160px;height:120px;box-shadow:var(--shadow);transition:box-shadow var(--transition), border-color var(--transition);display:none;position:relative;overflow:hidden}.video-container video{object-fit:cover;border-radius:inherit;width:100%;height:100%}.local-video-container video{transform:scaleX(-1)}.video-detach-btn{color:#fff;cursor:pointer;opacity:0;width:26px;height:26px;transition:opacity var(--transition), background var(--transition);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.video-container:hover .video-detach-btn{opacity:1}.video-detach-btn:hover{background:#000c}.video-detached{z-index:9998;border-color:var(--accent);cursor:grab;resize:both;box-shadow:0 8px 32px #0006;position:fixed!important}.video-detached:active{cursor:grabbing}.video-detached .video-detach-btn{opacity:1;background:var(--accent)}.spectator-count-badge svg{opacity:.6}.lb-live-games{flex-direction:column;gap:10px;padding:8px 0;display:flex}.live-game-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);transition:all var(--transition);justify-content:space-between;align-items:center;padding:16px 20px;animation:.3s ease-out rowFadeIn;display:flex}.live-game-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f;transform:translateY(-1px)}.live-game-players{flex:1;align-items:center;gap:12px;display:flex}.live-game-player{align-items:center;gap:8px;display:flex}.lg-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.lg-avatar-ph{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.lg-name{font-size:13px;font-weight:600}.lg-vs{margin:0 4px;font-size:16px}.live-game-meta{color:var(--text-muted);gap:16px;margin-right:16px;font-size:12px;display:flex}.lg-spectators{color:var(--text-secondary)}.lb-cell-actions{width:80px}.lb-actions-row{justify-content:center;gap:6px;display:flex}.btn-icon{border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;width:32px;height:32px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.btn-icon:hover{background:#ffffff14;transform:scale(1.15)}.lb-addfriend-btn:hover{border-color:var(--success);color:var(--success)}.lb-unfriend-btn:hover{border-color:var(--danger);color:var(--danger)}.lb-challenge-btn:hover{border-color:var(--gold);color:var(--gold);background:#f0c0401a}@media (width<=768px){.video-panel{flex-direction:row;justify-content:flex-end;inset:auto 8px 12px}.video-container{width:120px;height:90px}.video-detached{width:140px!important;height:105px!important}.call-controls{gap:4px}.call-btn{width:34px;height:34px}.live-game-card{text-align:center;flex-direction:column;gap:12px}.live-game-meta{margin-right:0}.lb-cell-actions{width:60px}.btn-icon{width:28px;height:28px;font-size:12px}.spectator-count-badge{margin-left:6px;padding:3px 8px;font-size:11px}}@media (width>=1024px){.video-panel{top:70px;right:320px}}.call-controls{border:1px solid var(--glass-border);background:#0000004d;border-radius:24px;align-items:center;gap:6px;padding:4px;display:flex}.call-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.call-btn:hover{color:var(--text-primary);background:#ffffff1f;transform:scale(1.08)}.call-btn:active{transform:scale(.95)}.call-btn.call-btn-active{background:linear-gradient(135deg, var(--success), #16a34a);color:#fff;box-shadow:0 0 12px #22c55e66}.call-btn.call-btn-active:hover{box-shadow:0 0 20px #22c55e99}.call-btn.call-btn-muted{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.call-btn.call-btn-muted:hover{background:#ef444440;box-shadow:0 0 12px #ef44444d}.call-btn .mic-on-icon,.call-btn .cam-on-icon{display:block}.call-btn.call-btn-muted .mic-on-icon,.call-btn:not(.call-btn-active) .cam-on-icon{display:none}.call-btn.call-btn-muted .mic-off-icon,.call-btn:not(.call-btn-active) .cam-off-icon,.call-btn.call-btn-active .cam-on-icon{display:block}.call-btn.call-btn-active:after{content:"";background:var(--success);border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse;position:absolute;top:2px;right:2px}.video-container{border-radius:var(--radius);background:var(--bg-secondary);border:2px solid var(--glass-border);width:180px;height:135px;box-shadow:var(--shadow-lg);pointer-events:all;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;position:relative;overflow:hidden}.video-container.has-video{border-color:var(--accent);animation:.3s ease-out videoFadeIn;display:block}@keyframes videoFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-container video{object-fit:cover;width:100%;height:100%}.video-label{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0009;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:6px}.video-container:hover .video-btn-row,.video-container.video-detached .video-btn-row{opacity:1}.video-close-btn,.video-detach-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.video-container.video-detached{border-radius:var(--radius);border-color:var(--gold);z-index:9999;cursor:grab;resize:both;width:220px;height:165px;position:fixed;overflow:hidden;box-shadow:0 8px 32px #000000b3,0 0 0 1px #f0c0404d}.video-container.video-detached .video-detach-btn svg{transform:rotate(180deg)}.spectator-count-badge{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff0f;border-radius:20px;align-items:center;gap:4px;margin-left:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.friend-card .friend-challenge-btn{white-space:nowrap}.friend-online-label,.friend-offline-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;gap:8px;padding:8px 0 4px;font-size:11px;font-weight:700;display:flex}.friend-online-label .status-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.friend-offline-label .status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.lb-actions-row{align-items:center;gap:4px;display:flex}.btn-icon{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1f;transform:scale(1.1)}.btn-icon:disabled{opacity:.4;cursor:not-allowed;transform:none}.lb-addfriend-btn:hover{color:var(--success);background:#22c55e26}.lb-unfriend-btn:hover{color:var(--danger);background:#ef444426}.lb-challenge-btn:hover{color:var(--gold);background:#f0c04026}.call-controls{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px;display:flex}.call-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:#ffffff0f;border:none;justify-content:center;align-items:center;display:flex;position:relative}.call-btn:hover{color:var(--text-primary);background:#ffffff1f}.call-btn.call-btn-active{color:var(--success);background:#22c55e33;box-shadow:0 0 8px #22c55e26}.call-btn.call-btn-active:hover{background:#22c55e4d}.call-btn.call-btn-muted{color:var(--danger);background:#ef444426}.call-btn.call-btn-muted:hover{background:#ef444440}.call-btn .mic-off-icon,.call-btn .cam-off-icon,.call-btn.call-btn-muted .mic-on-icon{display:none}.call-btn.call-btn-muted .mic-off-icon,.call-btn:not(.call-btn-active) .cam-on-icon{display:block}.call-btn:not(.call-btn-active) .cam-off-icon{display:none}.call-btn.call-btn-active .cam-on-icon{display:block}.call-btn.call-btn-active .cam-off-icon{display:none}.video-panel{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:60px;right:16px}.video-container{border-radius:var(--radius);border:2px solid var(--glass-border);width:180px;height:135px;box-shadow:var(--shadow);pointer-events:auto;background:#000;transition:all .3s,left,top;display:none;position:relative;overflow:hidden}.video-container.has-video{display:block}.video-container video{object-fit:cover;width:100%;height:100%;display:block}.video-label{color:#fff;text-shadow:0 1px 4px #000000b3;pointer-events:none;z-index:2;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:8px}.video-btn-row{z-index:3;opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.video-container:hover .video-btn-row{opacity:1}.video-close-btn,.video-detach-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.video-close-btn{background:#ef4444b3}.video-close-btn:hover{background:#ef4444f2;transform:scale(1.1)}.video-detach-btn{background:#7c6bf0b3}.video-detach-btn:hover{background:#7c6bf0f2;transform:scale(1.1)}.video-container.video-detached{border:2px solid var(--accent);border-radius:var(--radius);z-index:1000;cursor:grab;resize:both;width:240px;height:180px;position:fixed;box-shadow:0 8px 32px #00000080,0 0 0 1px #7c6bf04d}.video-container.video-detached:active{cursor:grabbing}.video-container.video-detached .video-btn-row{opacity:1}.spectator-count-badge{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff14;border-radius:12px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:12px;display:inline-flex}@media (width<=768px){.video-panel{top:auto;bottom:80px;right:8px}.video-container{width:120px;height:90px}.video-container.video-detached{width:150px;height:112px}.call-controls{gap:4px;padding:3px}.call-btn{width:34px;height:34px}.call-btn svg{width:16px;height:16px}}.video-chat-area{z-index:9998;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:80px;left:20px}.video-chat-area .video-container{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--accent);pointer-events:auto;cursor:grab;background:#000000b3;width:240px;display:none;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.video-chat-area .video-container:active{cursor:grabbing}.video-chat-area .video-container.has-video{display:block}.video-chat-area .video-container video{object-fit:cover;width:100%;height:100%}.video-chat-area .video-label{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:8px}.video-chat-area .video-close-btn{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.video-chat-area .video-container:hover .video-close-btn{opacity:1}.spectator-video-notice{border-radius:var(--radius-sm);color:var(--text-secondary);background:#7c6bf014;border:1px solid #7c6bf026;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.spectator-video-notice svg{color:var(--accent-light);flex-shrink:0}@media (width<=768px){.video-chat-area{background:0 0;top:50px;left:10px}.video-chat-area .video-container{width:120px}}.player-info{align-items:center;gap:8px;display:flex}.player-avatar,.player-avatar-placeholder{object-fit:cover;background:var(--glass-border);width:24px;height:24px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.chat-msg{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.chat-msg.mine{flex-direction:row-reverse}.chat-avatar,.chat-avatar-placeholder{object-fit:cover;background:var(--glass-border);width:20px;height:20px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.chat-msg-content{flex-direction:column;max-width:80%;display:flex}.chat-msg.mine .chat-msg-content{align-items:flex-end}.chat-msg-header{align-items:center;gap:4px;margin-bottom:2px;display:flex}.chat-msg.mine .chat-msg-header{flex-direction:row-reverse}.chat-spectator-badge{color:var(--accent-light);background:#7c6bf01f;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:600}.chat-input-row{align-items:center;gap:4px;display:flex}.chat-input-row #chatInput{flex:1;min-width:0}.chat-extra-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.chat-extra-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:scale(1.05)}.chat-gif-label{letter-spacing:.5px;font-size:10px;font-weight:800}.chat-send-btn{flex-shrink:0}.emoji-picker{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;max-height:280px;margin-bottom:6px;display:flex;overflow:hidden}.emoji-picker.hidden{display:none}.emoji-picker-tabs{border-bottom:1px solid var(--glass-border);scrollbar-width:none;gap:2px;padding:6px;display:flex;overflow-x:auto}.emoji-picker-tabs::-webkit-scrollbar{display:none}.emoji-tab{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);background:0 0;border:none;flex-shrink:0;padding:6px 10px;font-size:16px}.emoji-tab:hover{background:#ffffff0d}.emoji-tab.active{background:var(--accent);box-shadow:0 2px 6px var(--accent-glow)}.emoji-grid{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;grid-template-columns:repeat(8,1fr);gap:2px;max-height:200px;padding:8px;display:grid;overflow-y:auto}.emoji-item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;font-size:20px;transition:all .15s;display:flex}.emoji-item:hover{background:#ffffff1a;transform:scale(1.2)}.gif-picker{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;max-height:380px;margin-bottom:6px;display:flex;overflow:hidden}.gif-picker.hidden{display:none}.gif-picker-header{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:0;display:flex}.gif-category-tabs{scrollbar-width:none;gap:2px;padding:6px 6px 4px;display:flex;overflow-x:auto}.gif-category-tabs::-webkit-scrollbar{display:none}.gif-cat-tab{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s}.gif-cat-tab:hover{color:var(--text-primary);background:#ffffff0f}.gif-cat-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.gif-search-wrap{padding:6px 8px 8px;position:relative}.gif-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.gif-search-input{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-dark);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:8px 10px 8px 32px;font-family:inherit;font-size:12px;transition:border-color .2s}.gif-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.gif-search-input::placeholder{color:var(--text-muted)}.gif-results{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;grid-template-columns:repeat(3,1fr);gap:4px;max-height:260px;padding:6px;display:grid;overflow-y:auto}.gif-result-item{aspect-ratio:1;object-fit:cover;cursor:pointer;background:#ffffff08;border:2px solid #0000;border-radius:6px;width:100%;transition:all .2s}.gif-result-item:hover{border-color:var(--accent);z-index:1;position:relative;transform:scale(1.05);box-shadow:0 4px 16px #7c6bf040}.gif-result-item:active{transform:scale(.95)}.gif-loading{color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.gif-loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite gifSpin}@keyframes gifSpin{to{transform:rotate(360deg)}}.gif-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px 20px;font-size:14px}.gif-error{text-align:center;color:var(--danger);grid-column:1/-1;padding:30px 20px;font-size:13px}.interactive-username{cursor:pointer;color:inherit;font-weight:600;transition:color .2s,text-shadow .2s}.interactive-username:hover{color:var(--accent);text-shadow:0 0 8px var(--accent-glow);text-decoration:underline}.gif-powered-by{text-align:center;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);opacity:.5;border-top:1px solid var(--glass-border);padding:5px;font-size:9px;font-weight:700}.chat-sticker{flex-direction:column;align-items:center;padding:4px 0;display:flex}.sticker-emoji{font-size:48px;line-height:1;animation:.6s ease-out stickerBounce}.sticker-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:10px;font-weight:700}@keyframes stickerBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-gif-img{border-radius:var(--radius-sm);object-fit:cover;max-width:180px;max-height:140px}.chat-msg-header{align-items:center;gap:6px;display:flex}.chat-add-friend-btn{border:1px solid var(--glass-border);background:var(--glass);width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.chat-msg.theirs:hover .chat-add-friend-btn{opacity:1}.chat-add-friend-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.1)}.chat-add-friend-btn.sent{background:var(--success);color:#fff;border-color:var(--success);opacity:1;cursor:default;font-size:10px;font-weight:700}.donate-section{border-top:1px solid var(--glass-border);flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;display:flex}.btn-donate{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition);text-align:center;background:linear-gradient(135deg,#00b86b,#00a65e);border:1px solid #00b86b4d;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:flex}.btn-donate:hover{background:linear-gradient(135deg,#0c7,#00b86b);transform:translateY(-1px);box-shadow:0 4px 16px #00b86b4d}.btn-donate svg{fill:currentColor;stroke:currentColor}.btn-donate-ref{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:center;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;display:flex}.btn-donate-ref:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.lobby-donate-section{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;padding-top:20px;display:flex}.lobby-donate-section .btn-donate{padding:8px 16px;font-size:12px}.lobby-donate-section .btn-donate-ref{padding:8px 14px;font-size:11px}.modal-card{position:relative}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.matchmaking-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;border-radius:var(--radius);background:#0a0a0fd9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.matchmaking-overlay.hidden{display:none}.matchmaking-modal{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--accent);box-shadow:0 0 30px var(--accent-glow);text-align:center;flex-direction:column;align-items:center;padding:40px;display:flex}.matchmaking-spinner{width:60px;height:60px;margin-bottom:20px;position:relative}.spinner-ring{border:4px solid #7c6bf033;border-top-color:var(--accent);border-radius:50%;animation:1s linear infinite spinnerRun;position:absolute;inset:0}.spinner-core{color:var(--accent);font-size:24px;animation:1.5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spinnerRun{to{transform:rotate(360deg)}}.daily-quests-widget{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-align:left;margin-top:20px;padding:15px}.quests-title{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin:0 0 15px;font-size:14px}.quests-list{flex-direction:column;gap:12px;display:flex}.quest-item{flex-direction:column;gap:6px;display:flex}.quest-info{color:var(--text-main);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.quest-prog{color:var(--text-muted)}.quest-item.completed .quest-desc,.quest-item.completed .quest-prog{color:var(--success)}.quest-bar-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.quest-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.quest-item.completed .quest-bar-fill{background:var(--success)}.flashing-lights-turn{animation:.8s ease-in-out infinite alternate flashingLights;border-color:#fffc!important}.my-turn-text{color:var(--gold);text-shadow:0 0 8px #facc1566;font-weight:800}.chat-msg-name{display:none}.chat-msg-name.visible{display:block}.chat-avatar{cursor:pointer}.btn-avatar{cursor:pointer;background:0 0;border:none;border-radius:50%;width:44px;height:44px;padding:0;position:relative;overflow:hidden}.btn-avatar .user-avatar,.btn-avatar .user-avatar-placeholder{width:100%;height:100%;margin:0}.pfp-unread-badge{background:var(--danger,#ef4444);color:#fff;border:2px solid var(--bg-card);z-index:2;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;bottom:0;right:0}.pfp-unread-badge.hidden{display:none!important}.avatar-edit-overlay{color:#fff;opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:opacity .2s;display:flex;position:absolute;inset:0}.btn-avatar:hover .avatar-edit-overlay{opacity:1}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-height:400px;padding:10px;display:grid;overflow-y:auto}.avatar-option{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:50%;width:100%;transition:transform .2s,border-color .2s}.avatar-option:hover{border-color:var(--accent);transform:scale(1.1)}.lobby-main-grid{grid-template-columns:1fr 340px;gap:24px;width:100%;max-width:1000px;margin:0 auto;display:grid}@media (width<=768px){.lobby-main-grid{flex-direction:column-reverse;grid-template-columns:1fr}}.public-chat-section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);height:500px;box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.public-chat-header{border-bottom:1px solid var(--glass-border);background:#0003;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.public-chat-header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.online-count{color:var(--success);font-size:12px}.public-chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.public-chat-form{border-top:1px solid var(--glass-border);background:#0003;gap:8px;padding:12px;display:flex}.public-chat-form input{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;flex:1;padding:8px 12px}.public-chat-form input:focus{border-color:var(--accent)}.dm-overlay{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:24px;right:24px}.dm-overlay.hidden{display:none}.dm-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:360px;height:480px;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dm-header{background:var(--accent);color:#fff;justify-content:space-between;align-items:center;padding:12px;display:flex}.dm-header h3{margin:0;font-size:15px;font-weight:600}.dm-actions{gap:4px;display:flex}.dm-actions .btn-ghost{color:#fff;padding:4px}.dm-actions .btn-ghost:hover{background:#fff3}.dm-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.dm-form{border-top:1px solid var(--glass-border);background:#0003;gap:8px;padding:12px;display:flex}.dm-form input{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;flex:1;padding:8px}.dm-form input:focus{border-color:var(--accent)}.lobby-content,.lobby-left-col{flex-direction:column;gap:24px;width:100%;display:flex}.lobby-actions-hero{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=1024px){.lobby-content{flex-direction:row;align-items:flex-start;max-width:1200px;margin:0 auto;padding:24px}.lobby-left-col{flex:1;min-width:0}.lobby-actions-hero{flex-direction:row}.lobby-actions-hero .mode-card{flex:1}.lobby-right-col{flex-shrink:0;width:380px;position:sticky;top:24px}}.gameroom-panel{max-width:1000px;margin:0 auto;padding:32px 24px;animation:.4s ease-out fadeIn}.gameroom-header{text-align:center;margin-bottom:36px}.gameroom-title{background:linear-gradient(135deg, var(--gold), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Playfair Display,serif;font-size:32px;font-weight:800}.gameroom-subtitle{color:var(--text-secondary);font-size:15px}.gameroom-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.gameroom-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);cursor:pointer;padding:28px 22px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gameroom-card-glow{border-radius:var(--radius-lg);opacity:0;background:radial-gradient(circle at 50% 0%, var(--accent-glow), transparent 70%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.gameroom-card:hover .gameroom-card-glow{opacity:1}.gameroom-card:hover{box-shadow:0 12px 40px #7c6bf026, var(--shadow-lg);border-color:#7c6bf04d;transform:translateY(-6px)}.gameroom-card-emoji{filter:drop-shadow(0 4px 12px #0000004d);margin-bottom:14px;font-size:48px;transition:transform .3s;display:block}.gameroom-card:hover .gameroom-card-emoji{transform:scale(1.15)rotate(-3deg)}.gameroom-card-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.gameroom-card-desc{color:var(--text-secondary);min-height:40px;margin-bottom:16px;font-size:13px;line-height:1.5}.gameroom-card-meta{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.gameroom-meta-item{color:var(--text-muted);font-size:12px;font-weight:500}.gameroom-play-btn{z-index:1;position:relative}.minigame-container{animation:.3s ease-out fadeIn}.minigame-topbar{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.minigame-current-title{color:var(--text-primary);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.minigame-board-area{justify-content:center;align-items:flex-start;min-height:320px;display:flex}.minigame-status{text-align:center;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-top:16px;padding:16px;font-size:1.2rem;font-weight:700}.status-win{color:var(--success);font-size:18px;font-weight:700}.status-lose{color:var(--danger);font-size:18px;font-weight:700}.status-draw{color:var(--gold);font-size:18px;font-weight:700}.ttt-board{background:var(--glass-border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:6px;width:300px;height:300px;padding:6px;display:grid;box-shadow:0 8px 32px #0006}.ttt-cell{background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);border:none;justify-content:center;align-items:center;font-family:inherit;font-size:48px;font-weight:900;transition:all .2s;display:flex}.ttt-cell:hover:not(:disabled){background:var(--bg-card-hover);transform:scale(1.05)}.ttt-cell.x-cell{color:var(--accent-light);text-shadow:0 0 20px var(--accent-glow)}.ttt-cell.o-cell{color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.ttt-cell.filled{animation:.3s cubic-bezier(.34,1.56,.64,1) cellPop}.ttt-cell.winning-cell{animation:1s ease-in-out infinite winPulse;box-shadow:0 0 20px #22c55e33;background:#22c55e26!important}@keyframes cellPop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes winPulse{0%,to{box-shadow:0 0 10px #22c55e33}50%{box-shadow:0 0 25px #22c55e66}}.c4-board{flex-direction:column;align-items:center;display:flex}.c4-drop-row{grid-template-columns:repeat(7,1fr);gap:4px;width:364px;margin-bottom:4px;display:grid}.c4-drop-btn{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;height:32px;color:var(--accent-light);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.c4-drop-btn:hover:not(:disabled){background:var(--accent-glow);color:var(--text-primary);transform:translateY(-2px)}.c4-grid{border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(#1a1a40,#12123a);border:2px solid #7c6bf026;grid-template-columns:repeat(7,1fr);gap:4px;width:364px;padding:8px;display:grid;box-shadow:0 8px 32px #00000080}.c4-cell{background:#0006;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:inset 0 2px 6px #0006}.c4-disc{border-radius:50%;width:36px;height:36px;transition:all .3s}.c4-disc.dropped{animation:.4s cubic-bezier(.34,1.2,.64,1) discDrop}.c4-cell.red .c4-disc{background:radial-gradient(circle at 35% 35%,#ff6b6b,#e03131);box-shadow:0 2px 12px #e0313180}.c4-cell.yellow .c4-disc{background:radial-gradient(circle at 35% 35%,#ffe066,#f0c040);box-shadow:0 2px 12px #f0c04080}.c4-cell.winning-cell{animation:1s ease-in-out infinite winPulse}.c4-cell.winning-cell .c4-disc{outline:3px solid var(--success);outline-offset:2px;box-shadow:0 0 20px #22c55e80}@keyframes discDrop{0%{opacity:0;transform:translateY(-100px)}60%{opacity:1;transform:translateY(5px)}80%{transform:translateY(-3px)}to{transform:translateY(0)}}.reversi-score{justify-content:center;gap:32px;margin-bottom:16px;display:flex}.reversi-score-item{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--glass-border);padding:8px 20px;font-size:20px;font-weight:700}.black-score{color:#ccc}.white-score{color:#f0f0f0}.reversi-board{border-radius:var(--radius);background:#1a5c2e;border:3px solid #134a24;grid-template-columns:repeat(8,1fr);gap:2px;width:360px;padding:4px;display:grid;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d}.reversi-cell{cursor:default;background:#217a3e;border:1px solid #0003;border-radius:3px;justify-content:center;align-items:center;width:43px;height:43px;padding:0;font-family:inherit;transition:all .15s;display:flex;position:relative}.reversi-cell.valid-move{cursor:pointer}.reversi-cell.valid-move:hover{background:#29924a;box-shadow:inset 0 0 12px #ffffff1a}.reversi-piece{border-radius:50%;width:34px;height:34px;transition:all .3s;animation:.35s cubic-bezier(.34,1.56,.64,1) piecePlace}.reversi-piece.black{background:radial-gradient(circle at 35% 35%,#555,#1a1a1a);box-shadow:0 2px 8px #0009,inset 0 1px 2px #ffffff1a}.reversi-piece.white{background:radial-gradient(circle at 35% 35%,#fff,#ddd);box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #fffc}.reversi-hint{background:#ffffff40;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite hintPulse}@keyframes piecePlace{0%{transform:scale(0)rotateY(180deg)}to{transform:scale(1)rotateY(0)}}@keyframes hintPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.7;transform:scale(1.1)}}.rps-arena{width:100%;max-width:480px;margin:0 auto}.rps-scoreboard{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}.rps-score-side{flex-direction:column;align-items:center;gap:4px;display:flex}.rps-score-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:12px;font-weight:600}.rps-score-num{font-family:Playfair Display,serif;font-size:36px;font-weight:900}.rps-score-side.you .rps-score-num{color:var(--accent-light);text-shadow:0 0 16px var(--accent-glow)}.rps-score-side.bot .rps-score-num{color:var(--danger);text-shadow:0 0 16px #ef44444d}.rps-round-info{flex-direction:column;align-items:center;gap:4px;display:flex}.rps-round-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.rps-vs{color:var(--gold);text-shadow:0 0 12px var(--gold-glow);font-size:18px;font-weight:900}.rps-prompt{text-align:center;color:var(--text-secondary);padding:32px 20px}.rps-prompt-emoji{margin-bottom:12px;font-size:64px;animation:3s ease-in-out infinite float}.rps-choices{justify-content:center;gap:16px;margin-top:24px;display:flex}.rps-choice-btn{background:var(--bg-card);border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-primary);flex-direction:column;align-items:center;gap:8px;min-width:110px;padding:20px 24px;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.rps-choice-btn:hover{border-color:var(--accent);box-shadow:0 12px 32px var(--accent-glow);background:var(--bg-card-hover);transform:translateY(-6px)scale(1.05)}.rps-choice-btn:active{transform:translateY(-2px)scale(.98)}.rps-choice-emoji{font-size:48px;transition:transform .2s}.rps-choice-btn:hover .rps-choice-emoji{transform:scale(1.15)rotate(-5deg)}.rps-choice-name{color:var(--text-secondary);font-size:13px;font-weight:600}.rps-result-display{text-align:center;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px 20px;animation:.4s cubic-bezier(.34,1.2,.64,1) resultSlide}.rps-result-display.win{background:linear-gradient(135deg, #22c55e0d, var(--bg-card));border-color:#22c55e4d}.rps-result-display.lose{background:linear-gradient(135deg, #ef44440d, var(--bg-card));border-color:#ef44444d}.rps-result-display.draw{background:linear-gradient(135deg, #f0c0400d, var(--bg-card));border-color:#f0c0404d}@keyframes resultSlide{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.rps-result-choices{justify-content:center;align-items:center;gap:24px;margin-bottom:16px;display:flex}.rps-result-choice{flex-direction:column;align-items:center;gap:6px;display:flex}.rps-big-emoji{font-size:56px;animation:.5s cubic-bezier(.34,1.56,.64,1) resultBounce}.rps-choice-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.rps-result-vs{color:var(--gold);font-size:32px}.rps-result-text{color:var(--text-primary);font-size:16px;font-weight:700}@keyframes resultBounce{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}.rps-final{text-align:center;padding:24px}.rps-final-text{background:linear-gradient(135deg, var(--gold), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:22px;font-weight:800;animation:.5s ease-out resultSlide}@media (width<=600px){.gameroom-grid{grid-template-columns:1fr;gap:14px}.gameroom-panel{padding:20px 16px}.gameroom-title{font-size:24px}.ttt-board{width:260px;height:260px}.ttt-cell{font-size:36px}.c4-drop-row,.c4-grid{width:308px}.c4-cell{width:38px;height:38px}.c4-disc{width:30px;height:30px}.reversi-board{width:304px}.reversi-cell{width:35px;height:35px}.reversi-piece{width:28px;height:28px}.rps-choices{flex-direction:column;align-items:center;gap:12px}.rps-choice-btn{flex-direction:row;width:100%;max-width:280px;padding:14px 20px}.rps-choice-emoji{font-size:36px}.rps-big-emoji{font-size:40px}.rps-scoreboard{padding:12px 14px}.rps-score-num{font-size:28px}}.mg-mode-modal{text-align:center;width:90%;max-width:420px}.mg-mode-options{flex-direction:column;gap:12px;margin-top:20px;display:flex}.mg-mode-btn{background:var(--bg-card);border:2px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text-primary);align-items:center;gap:16px;padding:18px 20px;font-family:inherit;transition:all .25s;display:flex}.mg-mode-btn:hover{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.mg-mode-btn.highlight{background:linear-gradient(135deg, #7c6bf014, var(--bg-card));border-color:#7c6bf04d}.mg-mode-icon{flex-shrink:0;font-size:32px}.mg-mode-label{font-size:16px;font-weight:700;display:block}.mg-mode-sub{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.mg-invite-modal{width:90%;max-width:460px}.mg-invite-sub{color:var(--accent-light);text-align:center;margin-bottom:16px;font-weight:600}.mg-invite-link-row{gap:8px;margin-bottom:16px;display:flex}.mg-invite-divider{text-align:center;color:var(--text-muted);margin:16px 0;font-size:12px;position:relative}.mg-invite-divider:before,.mg-invite-divider:after{content:"";background:var(--glass-border);width:calc(50% - 70px);height:1px;position:absolute;top:50%}.mg-invite-divider:before{left:0}.mg-invite-divider:after{right:0}.mg-friends-list{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.mg-friend-item{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;transition:all .2s;display:flex}.mg-friend-item:hover{background:var(--bg-card-hover);border-color:var(--accent)}.mg-friend-item.invited{border-color:var(--success);opacity:.8}.mg-friend-avatar{object-fit:cover;border:2px solid var(--glass-border);border-radius:50%;flex-shrink:0;width:32px;height:32px}.mg-friend-avatar-ph{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.mg-friend-name{flex:1;font-size:14px;font-weight:500}.mg-friend-invite-label{color:var(--accent-light);background:var(--accent-glow);white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.mg-invite-waiting{text-align:center;color:var(--text-secondary);padding:24px}.mg-invite-waiting .matchmaking-spinner{margin:0 auto 16px}.nerve-arena{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.nerve-orb-container{justify-content:center;align-items:center;height:250px;margin-top:20px;display:flex}.nerve-orb{cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 30%,#4facfe,#00f2fe);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:transform .1s linear,background .1s linear,box-shadow .1s linear;display:flex}.nerve-orb:hover{filter:brightness(1.2)}.nerve-value{color:#fff;text-shadow:0 2px 4px #0000004d;pointer-events:none;font-size:36px;font-weight:800}.nerve-msg{color:var(--text-secondary);text-align:center;height:24px;margin-bottom:20px;font-size:16px}.nerve-leaderboard{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--glass-border);flex-direction:column;gap:8px;width:100%;max-width:400px;padding:16px;display:flex}.nerve-player{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--glass-border);align-items:center;gap:12px;padding:8px 12px;display:flex}.nerve-player.me{border-color:var(--accent);background:#7c6bf01a}.nerve-p-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.nerve-p-ph{background:var(--accent-light);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.nerve-p-name{color:var(--text-primary);flex:1;font-weight:600}.nerve-p-score{color:var(--gold);text-shadow:0 0 10px #ffd7004d;font-size:18px;font-weight:800}.bomber-container{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex;position:relative}.bomber-canvas-wrapper{background:var(--bg-card);border:2px solid var(--glass-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006}#bomberCanvas{background:#7ca856;border-radius:4px}.bomber-info{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--glass-border);text-align:center;width:100%;max-width:600px;color:var(--text-secondary);padding:16px;font-size:14px}.bomber-info h4{color:var(--text-primary);margin:0 0 10px;font-size:16px}.bomber-info p{margin:5px 0}.bomber-info kbd{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:monospace}.bomber-hint{color:#fa0;font-size:13px;font-weight:700;margin-top:10px!important}.bomber-players{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.bomber-player-tag{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:6px 12px;font-size:14px;font-weight:700}.bomber-spectator{color:#ff5252;border-radius:var(--radius-sm);background:#f003;border:1px solid #ff525280;padding:8px 16px;font-weight:700;animation:2s infinite pulse}.mg-game-layout{align-items:flex-start;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;display:flex}.mg-game-main{flex-direction:column;flex:1;align-items:center;gap:20px;min-width:0;display:flex}.mg-board-outer{box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.mg-board-wrapper{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;width:100%;max-width:550px;min-height:320px;padding:24px;display:flex;position:relative}.mg-chat-sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:340px;height:calc(100vh - 140px);display:flex;position:sticky;top:80px}.mg-chat-sidebar .chat-panel{flex-direction:column;flex:1;height:100%;display:flex}.mg-chat-sidebar .chat-messages{flex:1;overflow-y:auto}.video-float{cursor:move;background:#000;transition:all .3s}@media (width<=900px){.mg-game-layout{flex-direction:column;align-items:center}.mg-chat-sidebar{width:100%;max-width:500px;height:400px;position:static}}