:root{--phi:1.618;--phi-inv:0.618;--space-3xs:3px;--space-2xs:5px;--space-xs:8px;--space-sm:13px;--space-md:21px;--space-lg:34px;--space-xl:55px;--space-2xl:89px;--font-2xs:12px;--font-xs:14px;--font-sm:15px;--font-base:17px;--font-md:19px;--font-lg:24px;--font-xl:31px;--font-2xl:39px;--font-hero:50px;--font-display:63px;--golden-small:38.2%;--golden-large:61.8%;--bg-deep:#0a0d12;--bg-card:#141a22;--bg-elevated:#1c242e;--accent-gold:#d4a84b;--accent-gold-light:#f0d48a;--accent-gold-dim:rgba(212,168,75,0.15);--accent-red:#c23c3c;--accent-red-bright:#e84545;--accent-red-dim:rgba(194,60,60,0.2);--accent-green:#2a8a6e;--accent-jade:#3d9e82;--accent-blue:#3a6b9e;--accent-purple:#7b5aa6;--text-light:#eae6e1;--text-muted:#7a7670;--border-subtle:rgba(212,168,75,0.08);--border-gold:rgba(212,168,75,0.25);--safe-bottom:env(safe-area-inset-bottom,0px);--grad-gold:linear-gradient(135deg,var(--accent-gold),#d4a85a);--grad-gold-shine:linear-gradient(135deg,var(--accent-gold) 0%,#f5dca0 40%,var(--accent-gold) 100%);--grad-red:linear-gradient(135deg,#c23c3c 0%,#9a2828 100%);--grad-red-bright:linear-gradient(135deg,var(--accent-red-bright),var(--accent-red));--grad-blue:linear-gradient(135deg,#2d5a87,#1e3a5f);--grad-blue-team:linear-gradient(135deg,var(--accent-blue),#3a6bc2);--grad-brown:linear-gradient(135deg,#8b5a2b,#5c3d1e);--grad-green-reconnect:linear-gradient(135deg,#2d8b5a,#1e5f3d);--grad-red-abandon:linear-gradient(135deg,#8b3a3a,#5c2626);--grad-red-abandon-hover:linear-gradient(135deg,#a04545,#6e2e2e);--grad-jade:linear-gradient(135deg,var(--accent-jade),#2a8a6e);--grad-dark-overlay:linear-gradient(135deg,rgba(20,26,34,0.9),rgba(28,36,46,0.85));--shadow-gold:rgba(232,196,124,0.25);--shadow-gold-strong:rgba(232,196,124,0.6);--glow-gold:0 0 10px rgba(212,168,85,0.5)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.btn,.matchmaking-btn,.sidebar-btn-login,.sidebar-btn-register,.sidebar-collapse-btn,.sidebar-item,.sidebar-lang-btn,.sidebar-sound-toggle,a,button,label{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}::selection{background:rgba(212,168,75,.4);color:var(--text-light)}::-moz-selection{background:rgba(212,168,75,.4);color:var(--text-light)}html{height:100%}body{font-family:Inter,sans-serif;background:var(--bg-deep);min-height:100vh;min-height:-webkit-fill-available;color:var(--text-light);overflow-x:hidden;position:relative}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -5%,rgba(194,60,60,.15) 0,transparent 45%),radial-gradient(ellipse 60% 40% at 50% 0,rgba(212,168,75,.1) 0,transparent 40%),radial-gradient(ellipse 40% 40% at 0 100%,rgba(194,60,60,.08) 0,transparent 35%),radial-gradient(ellipse 40% 40% at 100% 100%,rgba(194,60,60,.08) 0,transparent 35%),radial-gradient(ellipse 30% 30% at 15% 50%,rgba(61,158,130,.04) 0,transparent 50%),radial-gradient(ellipse 30% 30% at 85% 50%,rgba(61,158,130,.04) 0,transparent 50%),radial-gradient(ellipse 120% 80% at 50% 50%,transparent 20%,rgba(0,0,0,.5) 100%);animation:bgBreath 8s ease-in-out infinite;pointer-events:none;z-index:0}body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0;mix-blend-mode:overlay}.bg-particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(212,168,75,.9) 0,transparent 70%);border-radius:50%;animation:floatParticle 20s linear infinite;opacity:0}.bg-particle:first-child{left:10%;animation-delay:0s;animation-duration:22s}.bg-particle:nth-child(2){left:35%;animation-delay:6s;animation-duration:25s}.bg-particle:nth-child(5){left:65%;animation-delay:8s;animation-duration:23s}.bg-particle:nth-child(8){left:90%;animation-delay:1s;animation-duration:24s}.bg-particle:nth-child(3){left:20%;animation-delay:3s;animation-duration:18s;background:radial-gradient(circle,rgba(194,60,60,.85) 0,transparent 70%)}.bg-particle:nth-child(4){left:50%;animation-delay:2s;animation-duration:20s;background:radial-gradient(circle,rgba(232,69,69,.8) 0,transparent 70%)}.bg-particle:nth-child(6){left:75%;animation-delay:4s;animation-duration:19s;background:radial-gradient(circle,rgba(194,60,60,.85) 0,transparent 70%)}.bg-particle:nth-child(7){left:85%;animation-delay:7s;animation-duration:21s;background:radial-gradient(circle,rgba(232,69,69,.8) 0,transparent 70%)}@keyframes bgBreath{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.85;filter:brightness(1.05)}}@keyframes floatParticle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}100%{transform:translateY(-20vh) scale(1);opacity:0}}body.in-game{overflow:hidden;overscroll-behavior:none}.hidden{display:none!important}.lobby{position:relative;z-index:1;max-width:750px;width:100%;margin:0 auto;padding:var(--space-lg) var(--space-md)}.lobby-icon{width:48px;height:48px;vertical-align:middle;margin-right:var(--space-xs);filter:drop-shadow(0 0 10px rgba(212,168,85,.5))}.lobby-title{font-family:Cinzel,serif;font-size:var(--font-hero);font-weight:700;text-align:center;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2xs);letter-spacing:.02em}.lobby-subtitle{text-align:center;color:var(--text-muted);margin-bottom:var(--space-lg);letter-spacing:.2em;text-transform:uppercase;font-size:var(--font-xs);font-weight:500}.lobby-section{background:var(--bg-card);border-radius:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-sm);border:1px solid var(--border-subtle)}.lobby-section h2{color:var(--accent-gold);margin-bottom:var(--space-sm);font-size:var(--font-base);display:flex;justify-content:center;align-items:center;font-weight:600;text-align:center}input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-deep);border:2px solid var(--border-subtle);border-radius:var(--space-sm);color:var(--text-light);font-size:var(--font-base);margin-bottom:var(--space-sm);font-family:inherit;transition:all .2s}input:focus{outline:0;border-color:var(--accent-gold);background:var(--bg-elevated)}input::placeholder{color:var(--text-muted)}.btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-base);font-weight:600;border:none;border-radius:var(--space-sm);cursor:pointer;transition:all .15s;touch-action:manipulation;min-height:48px;font-family:inherit;user-select:none;-webkit-user-select:none}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),#d4a85a);color:var(--bg-deep);box-shadow:0 4px 12px rgba(232,196,124,.25)}.btn-secondary{background:var(--bg-elevated);color:var(--text-light);border:1px solid var(--border-subtle)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active{transform:scale(.97)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-sm);min-height:44px;border-radius:var(--space-xs)}.btn-spectate{background:rgba(255,255,255,.1);color:var(--text-light)}.error-msg{background:rgba(220,74,74,.15);border:1px solid rgba(220,74,74,.3);color:var(--accent-red);padding:var(--space-sm);border-radius:var(--space-xs);margin-bottom:var(--space-sm);text-align:center}.refresh-btn{background:0 0;border:none;color:var(--accent-gold);cursor:pointer;font-size:var(--font-lg);padding:var(--space-xs);border-radius:var(--space-xs)}.games-list{max-height:240px;overflow-y:auto;padding-right:4px}.games-list::-webkit-scrollbar{width:4px}.games-list::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:2px}.games-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.game-item{display:flex;align-items:center;padding:var(--space-sm);background:var(--bg-deep);border-radius:var(--space-sm);margin-bottom:var(--space-xs);gap:var(--space-sm);flex-wrap:wrap;border:1px solid var(--border-subtle);transition:all .2s}.game-item:active{border-color:var(--accent-gold);background:var(--bg-elevated)}.game-info{flex:1;min-width:100px}.game-info h3{color:var(--text-light);font-size:var(--font-sm);font-weight:600;margin-bottom:2px}.game-info p{color:var(--text-muted);font-size:var(--font-2xs)}.badge{padding:var(--space-2xs) 10px;border-radius:var(--space-sm);font-weight:600;font-size:.7rem}.badge-players{background:rgba(74,127,212,.2);color:var(--accent-blue)}.badge-playing{background:rgba(45,138,95,.2);color:#4ade80}.no-games{text-align:center;color:var(--text-muted);padding:var(--space-lg);font-size:var(--font-sm)}.game-actions{display:flex;gap:var(--space-xs)}.matchmaking-section{background:linear-gradient(135deg,var(--bg-card),rgba(232,196,124,.05));border:2px solid rgba(232,196,124,.3)}.matchmaking-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.matchmaking-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-sm);border-radius:var(--space-sm);transition:all .3s;border:2px solid transparent;min-height:100px;justify-content:center}.matchmaking-btn.casual{background:var(--grad-blue);color:#fff}.matchmaking-btn.casual:hover{border-color:#4a9eda}.matchmaking-btn.ranked{background:var(--grad-brown);color:#fff}.matchmaking-btn.ranked:hover{border-color:var(--accent-gold)}.matchmaking-btn.reconnect-mode{background:var(--grad-green-reconnect)!important;border-color:var(--accent-gold)!important;animation:pulse-reconnect 1.5s infinite}.matchmaking-btn.reconnect-mode .mm-timer{font-size:var(--font-lg);font-weight:700;color:#fff;margin-top:var(--space-3xs)}.matchmaking-btn.abandon-mode{background:var(--grad-red-abandon)!important;border-color:var(--accent-red)!important}.matchmaking-btn.abandon-mode:hover{background:var(--grad-red-abandon-hover)!important}@keyframes pulse-reconnect{0%,100%{box-shadow:0 0 0 0 rgba(232,196,124,.4)}50%{box-shadow:0 0 20px 5px rgba(232,196,124,.6)}}.mm-icon{font-size:var(--font-xl);margin-bottom:var(--space-3xs)}.mm-title{font-size:var(--font-md);font-weight:700;margin-bottom:2px}.mm-desc{font-size:.65rem;opacity:.8;text-align:center}.matchmaking-status{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg-deep);border-radius:var(--space-sm);text-align:center}.mm-searching{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.mm-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.team-up-section{background:var(--bg-deep);border-radius:var(--space-xs);padding:var(--space-sm);margin-top:var(--space-sm);border:1px solid var(--border-subtle)}.team-up-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.team-up-header h3{color:var(--accent-gold);font-size:var(--font-sm);margin:0}.team-up-code{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-xs) 12px;border-radius:var(--space-xs);margin-bottom:var(--space-xs)}.team-code-value{font-family:'Courier New',monospace;font-size:var(--font-md);font-weight:700;color:var(--accent-gold);letter-spacing:3px}.team-up-players{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-xs)}.team-player{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-xs) 12px;border-radius:var(--space-xs);border:2px solid transparent}.team-player.ready{border-color:var(--accent-green)}.team-player.waiting{opacity:.6}.team-player-avatar{width:32px;height:32px;background:var(--bg-elevated);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-base)}.team-player-name{flex:1;font-weight:600;font-size:var(--font-xs)}.team-player-badge.leader{color:var(--accent-gold)}.team-up-actions{display:flex;gap:var(--space-xs)}.team-up-actions .btn{flex:1;padding:var(--space-xs)}.join-team-section{margin-top:var(--space-sm);padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-xs)}.join-team-create{width:100%}.join-team-create .btn{width:100%;padding:var(--space-sm);font-size:var(--font-sm)}.join-team-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--space-xs);align-items:stretch}.join-team-row .team-code-input{width:100%!important;height:48px;padding:0 8px;text-align:center;font-size:var(--font-md);font-weight:700;letter-spacing:3px;border-radius:var(--space-xs);border:2px solid var(--border-subtle);background:var(--bg-deep);color:var(--text-light);text-transform:uppercase;box-sizing:border-box}.join-team-row .team-code-input:focus{border-color:var(--accent-gold);outline:0}.join-team-row .btn{width:100%!important;height:48px;padding:var(--space-sm) 16px;display:flex;align-items:center;justify-content:center}.mm-queue-count{font-size:var(--font-xs);color:var(--accent-gold);font-weight:600}.waiting-room{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:var(--space-lg) 18px}.back-link{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-sm);font-size:var(--font-sm);padding:var(--space-xs) 12px;border-radius:var(--space-xs);transition:all .2s;position:relative;z-index:100;cursor:pointer}.back-link:hover{background:var(--bg-card);color:var(--text-light)}.back-link:active{background:var(--bg-card);color:var(--text-light)}.teams-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}.team-column{background:var(--bg-card);border-radius:var(--space-sm);padding:var(--space-sm);border:1px solid var(--border-subtle)}.team-column h3{text-align:center;margin-bottom:var(--space-sm);padding:var(--space-xs);border-radius:var(--space-xs);font-size:var(--font-sm);font-weight:600}.team-column.team-1 h3{background:linear-gradient(135deg,var(--accent-blue),#3a6bc2);color:#fff}.team-column.team-2 h3{background:linear-gradient(135deg,var(--accent-red),#c23a3a);color:#fff}.player-slot{display:flex;align-items:center;padding:var(--space-sm);background:var(--bg-deep);border-radius:var(--space-xs);gap:var(--space-xs);margin-bottom:var(--space-xs);border:2px solid transparent;transition:all .2s}.player-slot.empty{opacity:.6;border:2px dashed var(--border-subtle);background:0 0}.player-slot.you{border-color:var(--accent-gold);background:rgba(232,196,124,.08)}.player-num{width:28px;height:28px;background:var(--accent-gold);color:var(--bg-deep);border-radius:var(--space-xs);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-xs)}.player-slot.empty .player-num{background:var(--text-muted)}.player-name{flex:1;font-weight:600;font-size:var(--font-sm)}.waiting-actions{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.btn-switch{background:var(--bg-elevated);color:var(--text-light);padding:var(--space-sm) 20px;font-size:var(--font-sm);border:1px solid var(--border-subtle)}.game-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:var(--space-sm);min-height:100vh;display:none;flex-direction:column;user-select:none;-webkit-user-select:none}.game-container.active{display:flex}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-xs) 24px;background:var(--bg-card);border-radius:var(--space-sm);margin-bottom:var(--space-sm);border:1px solid var(--border-subtle);position:relative;z-index:100;overflow:visible}.header.header-minimal{display:flex;justify-content:center;align-items:center;padding:var(--space-2xs) 16px;overflow:visible}.header h1{font-family:Cinzel,serif;font-size:var(--font-md);color:var(--accent-gold);cursor:pointer;opacity:.9;transition:opacity .2s}.header h1:hover{opacity:1}.header-center{display:flex;justify-content:center;align-items:center;overflow:visible}.header-minimal .header-center{flex:1;justify-content:center;overflow:visible}.header-minimal .header-right{position:absolute;right:16px}.score-inline{display:flex;gap:var(--space-lg);font-size:var(--font-sm);padding:var(--space-xs) 24px;background:var(--bg-deep);border-radius:var(--space-sm);border:1px solid var(--border-subtle);position:relative;cursor:pointer}.header-minimal .score-inline{font-size:var(--font-xs);padding:var(--space-2xs) 16px;gap:var(--space-sm);cursor:pointer;position:relative}.header-minimal .score-val{font-size:var(--font-base)}.score-inline span{display:flex;align-items:center;gap:var(--space-2xs)}.score-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#1a2332;border:2px solid #d4a84b;border-radius:var(--space-xs);padding:var(--space-sm);min-width:180px;box-shadow:0 8px 32px rgba(0,0,0,.8);opacity:0;visibility:hidden;z-index:99999;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.score-tooltip::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border:8px solid transparent;border-bottom-color:var(--accent-gold);border-top:none}.score-tooltip-title{font-size:var(--font-2xs);color:var(--accent-gold);text-align:center;margin-bottom:var(--space-xs);font-weight:600}.score-tooltip-row{display:flex;justify-content:space-between;padding:var(--space-3xs) 0;font-size:var(--font-xs);border-bottom:1px solid rgba(255,255,255,.1)}.score-tooltip-row:last-child{border-bottom:none}.score-tooltip-row.total{font-weight:700;border-top:1px solid var(--accent-gold);margin-top:var(--space-2xs);padding-top:8px}.score-tooltip-team1{color:var(--accent-blue)}.score-tooltip-team2{color:var(--accent-red)}.score-val{color:var(--accent-gold);font-weight:700;font-size:var(--font-md)}.header-right{display:flex;align-items:center;gap:var(--space-xs)}.header-btn{padding:var(--space-xs) 14px;font-size:var(--font-xs);min-height:38px;border-radius:var(--space-xs);background:var(--bg-elevated);color:var(--text-light);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s;font-weight:500}.header-btn:hover{background:var(--bg-deep);border-color:var(--accent-gold)}.header-btn.btn-quit{background:rgba(220,74,74,.15);color:var(--accent-red);border-color:rgba(220,74,74,.3)}.header-btn.btn-quit:hover{background:rgba(220,74,74,.25);border-color:var(--accent-red)}.spectator-badge{background:rgba(74,127,212,.2);color:var(--accent-blue);padding:var(--space-2xs) 14px;border-radius:var(--space-md);font-size:var(--font-xs);font-weight:600}.game-area{flex:1;position:relative;min-height:500px}.poker-table{--felt-deep:#0f2318;--felt-mid:#163824;--felt-light:#1d4a2f;--felt-highlight:#245c3a;--border-dark:#1a1a1a;--border-mid:#2d2d2d;--border-light:#3a3a3a;--shadow-color:rgba(0,0,0,0.5);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:85%;max-width:1100px;height:auto;max-height:65vh;min-height:300px;aspect-ratio:16/9;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"),radial-gradient(ellipse 70% 60% at 50% 50%,transparent 40%,rgba(0,0,0,.25) 100%),radial-gradient(ellipse 80% 70% at 50% 45%,var(--felt-highlight) 0,var(--felt-light) 25%,var(--felt-mid) 50%,var(--felt-deep) 100%);background-blend-mode:overlay,normal,normal;border-radius:var(--space-md);border:8px solid var(--border-dark);outline:1px solid var(--border-mid);outline-offset:0px;box-shadow:0 25px 60px var(--shadow-color),0 15px 35px rgba(0,0,0,.35),inset 0 0 100px rgba(0,0,0,.3),inset 0 0 50px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;overflow:visible;transition:box-shadow .4s ease,transform .3s ease}.poker-table::before{content:'';position:absolute;inset:12px;border-radius:var(--space-sm);pointer-events:none;border:1px dashed rgba(255,255,255,.08);box-shadow:inset 0 0 30px rgba(0,0,0,.15)}.poker-table::after{content:'';position:absolute;inset:30px;border-radius:var(--space-sm);pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(255,255,255,.02) 0,transparent 70%);border:1px solid rgba(255,255,255,.03)}.poker-table:hover{box-shadow:0 30px 70px var(--shadow-color),0 18px 40px rgba(0,0,0,.35),inset 0 0 100px rgba(0,0,0,.25),inset 0 0 50px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.3)}.poker-table.my-turn{animation:subtlePulse 2.5s ease-in-out infinite}@keyframes subtlePulse{0%,100%{box-shadow:0 25px 60px var(--shadow-color),0 15px 35px rgba(0,0,0,.35),inset 0 0 100px rgba(0,0,0,.3),inset 0 0 50px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.3)}50%{box-shadow:0 25px 60px var(--shadow-color),0 15px 35px rgba(0,0,0,.35),0 0 40px rgba(34,85,51,.2),inset 0 0 80px rgba(0,0,0,.25),inset 0 0 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.3)}}.poker-table-inner{width:90%;height:85%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:visible}.player-seat{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:10}.player-zone{width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.06) 0,transparent 45%),linear-gradient(165deg,rgba(22,32,48,.95) 0,rgba(14,22,34,.97) 100%);padding:var(--space-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.04);border:2px solid rgba(212,168,75,.25);transition:all .35s cubic-bezier(.25,.46,.45,.94)}.player-zone::before{content:'';position:absolute;inset:-6px;border-radius:50%;background:0 0;border:1px solid rgba(212,168,75,.1);transition:all .35s ease;pointer-events:none}.player-zone::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s}.player-zone.active{border-color:rgba(240,200,96,.7);box-shadow:0 0 35px rgba(212,168,75,.35),0 0 15px rgba(212,168,75,.25),0 8px 25px rgba(0,0,0,.45),inset 0 0 15px rgba(212,168,75,.08);transform:scale(1.06);animation:activeGlow 2.2s ease-in-out infinite}.player-zone.active::before{border-color:rgba(240,200,96,.4);box-shadow:0 0 20px rgba(212,168,75,.2)}@keyframes activeGlow{0%,100%{box-shadow:0 0 35px rgba(212,168,75,.35),0 0 15px rgba(212,168,75,.25),0 8px 25px rgba(0,0,0,.45),inset 0 0 15px rgba(212,168,75,.08);border-color:rgba(240,200,96,.7)}50%{box-shadow:0 0 50px rgba(212,168,75,.45),0 0 25px rgba(212,168,75,.35),0 8px 25px rgba(0,0,0,.45),inset 0 0 20px rgba(212,168,75,.12);border-color:rgba(255,220,120,.85)}}.player-zone.team-blue{border-color:rgba(70,130,200,.5);box-shadow:0 0 20px rgba(70,130,200,.15),0 6px 20px rgba(0,0,0,.45),inset 0 0 12px rgba(70,130,200,.05)}.player-zone.team-blue::before{border-color:rgba(70,130,200,.2)}.player-zone.team-blue.active{border-color:rgba(100,160,240,.75);box-shadow:0 0 35px rgba(70,130,200,.35),0 0 15px rgba(100,160,240,.25),0 8px 25px rgba(0,0,0,.45),inset 0 0 15px rgba(70,130,200,.1)}.player-zone.team-red{border-color:rgba(200,70,70,.5);box-shadow:0 0 20px rgba(200,70,70,.15),0 6px 20px rgba(0,0,0,.45),inset 0 0 12px rgba(200,70,70,.05)}.player-zone.team-red::before{border-color:rgba(200,70,70,.2)}.player-zone.team-red.active{border-color:rgba(240,100,100,.75);box-shadow:0 0 35px rgba(200,70,70,.35),0 0 15px rgba(240,100,100,.25),0 8px 25px rgba(0,0,0,.45),inset 0 0 15px rgba(200,70,70,.1)}.player-zone .pname{display:block;font-family:Cinzel,serif;font-weight:500;color:#eae6e1;font-size:var(--font-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.03em}.player-zone .pinfo{display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);margin-top:var(--space-2xs)}.player-zone .card-count{font-family:Cinzel,serif;font-weight:700;font-size:var(--font-sm);color:#f5d96a;background:rgba(0,0,0,.5);padding:2px 10px;border-radius:var(--space-sm);border:1px solid rgba(212,168,75,.25);text-shadow:0 0 8px rgba(245,217,106,.4);min-width:28px;text-align:center}.player-zone .belote-badge{font-family:Cinzel,serif;font-weight:700;font-size:.5rem;color:#fff;background:var(--grad-red);padding:2px 7px;border-radius:var(--space-3xs);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 0 12px rgba(194,60,60,.4),0 2px 6px rgba(0,0,0,.3);border:1px solid rgba(255,100,100,.25);animation:belotePulse 1.8s ease-in-out infinite}@keyframes belotePulse{0%,100%{box-shadow:0 0 12px rgba(194,60,60,.4),0 2px 6px rgba(0,0,0,.3)}50%{box-shadow:0 0 22px rgba(220,80,80,.55),0 2px 6px rgba(0,0,0,.3)}}.player-zone .belote-badge.grand{background:var(--grad-gold);color:#1a1410;border-color:rgba(255,220,150,.35);animation:grandPulse 1.2s ease-in-out infinite}@keyframes grandPulse{0%,100%{box-shadow:0 0 15px rgba(212,168,75,.45),0 2px 6px rgba(0,0,0,.3)}50%{box-shadow:0 0 30px rgba(240,200,100,.6),0 2px 6px rgba(0,0,0,.3)}}.player-zone:hover{transform:scale(1.04);border-color:rgba(212,168,75,.4);box-shadow:0 0 25px rgba(212,168,75,.15),0 8px 24px rgba(0,0,0,.5)}.player-zone.last-played{animation:lastPlayedFlash .5s ease-out}@keyframes lastPlayedFlash{0%{transform:scale(1.12);box-shadow:0 0 45px rgba(212,168,75,.55)}100%{transform:scale(1);box-shadow:0 6px 20px rgba(0,0,0,.45)}}.last-play-badge{position:absolute;display:flex;gap:2px;padding:var(--space-3xs) 6px;background:linear-gradient(145deg,rgba(34,85,60,.92) 0,rgba(22,60,42,.95) 100%);border:1px solid rgba(212,168,75,.5);border-radius:var(--space-2xs);box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1),0 0 12px rgba(34,85,60,.3);z-index:15;pointer-events:none;opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease}.last-play-badge:not(.hidden){opacity:1;transform:scale(1)}.last-play-badge.animate-in{animation:sealStamp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes sealStamp{0%{opacity:0;transform:scale(1.3) rotate(-5deg)}50%{transform:scale(.95) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}.last-play-badge .mini-card{width:28px;height:40px;border-radius:var(--space-3xs);background:#fff;border:1px solid rgba(0,0,0,.2);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.2);margin-left:-12px}.last-play-badge .mini-card:first-child{margin-left:0}.last-play-badge .mini-card img{width:100%;height:100%;object-fit:cover}#seat-1 .last-play-badge{bottom:-50px;left:50%;transform-origin:center top}#seat-1 .last-play-badge:not(.hidden){transform:translateX(-50%) scale(1)}#seat-0 .last-play-badge{top:50%;right:-50px;transform-origin:left center}#seat-0 .last-play-badge:not(.hidden){transform:translateY(-50%) scale(1)}#seat-2 .last-play-badge{top:50%;left:-50px;transform-origin:right center}#seat-2 .last-play-badge:not(.hidden){transform:translateY(-50%) scale(1)}#seat-3 .last-play-badge{display:none}.last-play-badge .combo-label{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);font-family:Cinzel,serif;font-size:.55rem;color:rgba(212,168,75,.9);text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;letter-spacing:.05em}.last-play-badge{pointer-events:auto;cursor:pointer;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),opacity .3s ease}.last-play-badge:hover{transform:scale(2.2)!important;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 20px rgba(34,85,60,.5),inset 0 1px 0 rgba(255,255,255,.15)}#seat-1 .last-play-badge:hover{transform:translateX(-50%) scale(2.2)!important}#seat-0 .last-play-badge:hover{transform:translateY(-50%) scale(2.2)!important}#seat-2 .last-play-badge:hover{transform:translateY(-50%) scale(2.2)!important}.player-seat{--card-count:14}.player-seat .card-fan{position:absolute;display:flex;justify-content:center;pointer-events:none;z-index:-1}.player-seat[data-position=bottom] .card-fan{bottom:100%;left:50%;transform:translateX(-50%);flex-direction:row}.player-seat[data-position=top] .card-fan{top:100%;left:50%;transform:translateX(-50%) rotate(180deg)}.player-seat[data-position=left] .card-fan{right:100%;top:50%;transform:translateY(-50%) rotate(90deg)}.player-seat[data-position=right] .card-fan{left:100%;top:50%;transform:translateY(-50%) rotate(-90deg)}.card-fan .mini-card{width:18px;height:26px;background:linear-gradient(145deg,#f8f6f0 0,#e8e4d8 100%);border:1px solid rgba(40,35,30,.3);border-radius:2px;margin:0 -6px;box-shadow:0 1px 3px rgba(0,0,0,.2);transform-origin:bottom center}.play-area{display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.turn-diamond{position:absolute;z-index:150;pointer-events:none;opacity:0;transition:left .5s cubic-bezier(.34,1.56,.64,1),top .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);transform:translateX(-50%)}.turn-diamond.visible{opacity:1}.diamond-shape{width:24px;height:24px;background:var(--grad-jade);transform:rotate(45deg);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 15px rgba(61,158,130,.6),0 0 30px rgba(61,158,130,.3),inset 0 0 8px rgba(255,255,255,.1);animation:diamond-pulse 2s ease-in-out infinite}.diamond-text{font-family:Cinzel,serif;font-size:.7rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;background:var(--grad-dark-overlay);padding:var(--space-2xs) 10px;border-radius:var(--space-xs);border:1px solid rgba(61,158,130,.4)}@keyframes diamond-pulse{0%,100%{transform:rotate(45deg) scale(1);opacity:.9}50%{transform:rotate(45deg) scale(1.15);opacity:1}}.turn-diamond.my-turn .diamond-shape{background:var(--grad-red-bright);border-color:rgba(255,200,150,.5);box-shadow:0 0 20px rgba(232,69,69,.8),0 0 40px rgba(194,60,60,.5),inset 0 0 8px rgba(255,255,255,.15);animation:diamond-urgent 1s ease-in-out infinite}.turn-diamond.my-turn .diamond-text{color:var(--accent-gold-light);background:linear-gradient(135deg,rgba(194,60,60,.9),rgba(140,40,40,.85));border-color:rgba(232,69,69,.5);text-shadow:0 0 8px rgba(212,168,75,.5),0 1px 2px rgba(0,0,0,.9)}@keyframes diamond-urgent{0%,100%{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.25)}}.played-cards{position:relative;min-height:180px;padding:var(--space-sm);z-index:2;display:flex;justify-content:center;align-items:center;overflow:visible;user-select:none;-webkit-user-select:none}.played-cards .card.played{position:relative!important;box-shadow:3px 3px 10px rgba(0,0,0,.5);margin-left:-30px!important}.played-cards .card.played:first-child{margin-left:0!important}.trick-layer{display:flex;pointer-events:none}.trick-layer .card{margin-left:-30px!important;box-shadow:none!important}.trick-layer .card:first-child{margin-left:0!important}.trick-layer-top .card{box-shadow:2px 2px 8px rgba(0,0,0,.3)!important}.combo-info{margin-top:var(--space-xs);font-size:var(--font-sm);color:var(--accent-gold);font-weight:600;background:rgba(0,0,0,.3);padding:var(--space-2xs) 16px;border-radius:var(--space-md)}.wish-indicator{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);padding:var(--space-xs) 20px;border-radius:var(--space-lg);border:2px solid var(--accent-gold);z-index:60;font-size:var(--font-sm);font-weight:600}.wish-indicator-value{color:var(--accent-gold);font-weight:700;margin-left:var(--space-2xs)}.player-hand-zone{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,var(--bg-deep) 20%);padding:var(--space-md) 0 var(--space-lg);z-index:50;user-select:none;-webkit-user-select:none}.hand-container{display:flex;justify-content:center;padding:var(--space-lg) var(--space-md) var(--space-xs);overflow:visible;user-select:none;-webkit-user-select:none}.hand{display:flex;justify-content:center;overflow:visible;user-select:none;-webkit-user-select:none}.controls{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm);user-select:none;-webkit-user-select:none}.card{width:105px;height:170px;background:#fff;border:2px solid #2a2a2a;border-radius:var(--space-xs);display:flex;flex-direction:column;padding:0;overflow:hidden;margin-left:-42px;position:relative;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,opacity .2s;box-shadow:0 4px var(--space-xs) rgba(0,0,0,.2);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card:first-child{margin-left:0}.card:hover{transform:translateY(-12px);box-shadow:0 12px 25px rgba(0,0,0,.3)}.card.selected{transform:translateY(-28px);box-shadow:0 20px 40px rgba(232,196,124,.4);border-color:var(--accent-gold)}.card.disabled{opacity:.7}.card.played{width:105px;height:148px;padding:var(--space-xs)}#btn-pass.pre-selected,#btn-play.pre-selected{animation:pulse-preselect .8s ease-in-out infinite;border:3px solid var(--accent-red)!important;box-shadow:0 0 10px rgba(220,38,38,.5)}@keyframes pulse-preselect{0%,100%{border-color:var(--accent-red);box-shadow:0 0 10px rgba(220,38,38,.5)}50%{border-color:#ff6b6b;box-shadow:0 0 20px rgba(220,38,38,.8)}}.card-top{display:flex;align-items:center;gap:var(--space-3xs)}.card-bottom{position:absolute;bottom:6px;right:6px;transform:rotate(180deg);display:flex;align-items:center;gap:var(--space-3xs)}.card-value{font-weight:800;font-size:1.15rem}.card-symbol{font-size:var(--font-sm)}.card.played .card-value{font-size:1.44rem}.card.played .card-symbol{font-size:1.26rem}.suit-jade .card-symbol,.suit-jade .card-value{color:#16a34a}.suit-sword .card-symbol,.suit-sword .card-value{color:#1e293b}.suit-pagoda .card-symbol,.suit-pagoda .card-value{color:#2563eb}.suit-star .card-symbol,.suit-star .card-value{color:#dc2626}.special-dog,.special-dragon,.special-mahjong,.special-phoenix{background:linear-gradient(135deg,gold,#ffb800);border-color:#b8860b}.special-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-2xl)}.card.played .special-icon{font-size:var(--font-hero)}.special-label{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:.5rem;font-weight:700;color:#5c4a1a;text-transform:uppercase}.card-img{width:100%;height:100%;object-fit:contain;border-radius:var(--space-2xs);pointer-events:none}.phoenix-value-badge{position:absolute;top:-10px;right:-10px;background:var(--accent-red);color:#fff;font-size:var(--font-2xs);font-weight:700;padding:var(--space-3xs) 8px;border-radius:var(--space-sm);white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.4);border:2px solid #fff;z-index:10}.btn-tichu{background:linear-gradient(135deg,var(--accent-red),#b83a3a);color:#fff;padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);border-radius:var(--space-sm);user-select:none;-webkit-user-select:none}.player-zone.last-played{animation:last-played-glow 2.5s ease-out forwards}@keyframes last-played-glow{0%{box-shadow:0 0 25px rgba(232,196,124,.8);border-color:var(--accent-gold)}100%{box-shadow:0 4px 15px rgba(0,0,0,.3);border-color:transparent}}.player-zone.exchange-target{cursor:pointer;transition:all .2s;animation:exchange-blink 1.2s ease-in-out infinite}@keyframes exchange-blink{0%,100%{box-shadow:0 0 8px rgba(232,196,124,.3);border-color:rgba(232,196,124,.5)}50%{box-shadow:0 0 18px rgba(232,196,124,.7);border-color:var(--accent-gold)}}.player-zone.exchange-target:active{transform:scale(.95)}.player-zone.exchange-target.ready{animation:exchange-blink-ready .6s ease-in-out infinite}@keyframes exchange-blink-ready{0%,100%{box-shadow:0 0 10px rgba(232,196,124,.5);border-color:var(--accent-gold)}50%{box-shadow:0 0 25px rgba(232,196,124,.9);border-color:gold}}.player-zone.exchange-target.assigned{animation:none;border-color:#4ade80;background:rgba(74,222,128,.15);box-shadow:0 0 10px rgba(74,222,128,.4)}.player-zone .assigned-card{font-size:.6rem;color:#4ade80;margin-top:2px;font-weight:600}.player-zone .assigned-card .remove-hint{color:var(--accent-red);margin-left:var(--space-3xs)}.card.played:first-child{margin-left:0}.cards-medium .card.played{width:39px;height:54px}.cards-medium .card.played .card-value{font-size:var(--font-xs)}.cards-medium .card.played .card-symbol{font-size:.7rem}.cards-medium .card.played .special-icon{font-size:var(--font-lg)}.cards-medium .card.played .special-label{font-size:.35rem}.cards-small .card.played{width:32px;height:45px}.cards-small .card.played .card-value{font-size:var(--font-2xs)}.cards-small .card.played .card-symbol{font-size:.6rem}.cards-small .card.played .special-icon{font-size:var(--font-md)}.cards-small .card.played .special-label{font-size:.3rem}.cards-tiny .card.played{width:28px;height:39px}.cards-tiny .card.played .card-value{font-size:.65rem}.cards-tiny .card.played .card-symbol{font-size:.5rem}.cards-tiny .card.played .special-icon{font-size:var(--font-sm)}.cards-tiny .card.played .special-label{display:none}.my-turn .turn-indicator{background:linear-gradient(135deg,var(--accent-gold),gold);color:var(--bg-deep);font-weight:800;animation:pulse-turn 1s infinite;border:3px solid #fff;box-shadow:0 0 25px rgba(232,196,124,.6)}@keyframes pulse-turn{0%,100%{box-shadow:0 0 15px rgba(232,196,124,.6);filter:brightness(1)}50%{box-shadow:0 0 35px rgba(232,196,124,.9);filter:brightness(1.1)}}.game-log{--log-ratio:1}.chat-box{--chat-ratio:1}.log-entry{display:flex;align-items:center;gap:calc(6px * var(--log-ratio));padding:calc(6px * var(--log-ratio)) calc(8px * var(--log-ratio));border-radius:var(--space-2xs);background:var(--bg-deep);margin-bottom:calc(4px * var(--log-ratio))}.log-entry:last-child{margin-bottom:0}.log-entry .log-name{font-weight:600;font-size:calc(.7rem * var(--log-ratio));min-width:calc(50px * var(--log-ratio))}.log-entry .log-name.p0{color:var(--accent-gold)}.log-entry .log-name.p1{color:#4ade80}.log-entry .log-name.p2{color:#fb923c}.log-entry .log-name.p3{color:#60a5fa}.log-entry .log-action{font-size:calc(.85rem * var(--log-ratio));flex-shrink:0}.log-entry .log-cards{display:flex;flex-wrap:wrap;gap:calc(2px * var(--log-ratio));flex:1}.log-entry .mini-card{display:inline-flex;align-items:center;justify-content:center;padding:calc(2px * var(--log-ratio)) calc(4px * var(--log-ratio));border-radius:var(--space-3xs);font-size:calc(.6rem * var(--log-ratio));font-weight:700;background:linear-gradient(135deg,beige,#e8e8d0);color:#333;min-width:calc(18px * var(--log-ratio));height:calc(20px * var(--log-ratio))}.log-entry .mini-card.suit-jade{color:#228b22}.log-entry .mini-card.suit-sword{color:#1a1a2e}.log-entry .mini-card.suit-pagoda{color:#1e90ff}.log-entry .mini-card.suit-star{color:#dc143c}.log-entry .mini-card.special{background:linear-gradient(135deg,#4a3f35,#2a2520);color:#fff}.log-entry.trick-win{background:linear-gradient(135deg,rgba(232,196,124,.15),rgba(232,196,124,.05));border-left:3px solid var(--accent-gold);margin-top:calc(4px * var(--log-ratio,1))}.log-entry .log-pts{font-size:calc(.65rem * var(--log-ratio,1));color:var(--accent-gold);font-weight:600;margin-left:auto}.log-entry.new-trick{background:0 0;justify-content:center;padding:calc(6px * var(--log-ratio,1)) 0;margin:calc(8px * var(--log-ratio,1)) 0 calc(4px * var(--log-ratio,1))}.log-entry.new-trick .log-divider{display:block;width:90%;height:1px;background:linear-gradient(90deg,transparent 0,var(--border-subtle) 20%,var(--accent-gold) 50%,var(--border-subtle) 80%,transparent 100%)}.log-entry.separator{background:0 0;justify-content:center;padding:0;margin-bottom:1px;min-height:0;height:4px}.log-entry.separator .log-sep-line{display:block;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.chat-msg{margin-bottom:calc(10px * var(--chat-ratio,1));padding:calc(8px * var(--chat-ratio,1)) calc(12px * var(--chat-ratio,1));background:var(--bg-card);border-radius:var(--space-xs);border-left:3px solid var(--accent-gold);font-size:calc(.8rem * var(--chat-ratio,1));line-height:1.61818}.chat-msg .author{font-weight:600;font-size:calc(.75rem * var(--chat-ratio,1));margin-bottom:2px;display:block}.chat-msg.p0 .author{color:var(--accent-gold)}.chat-msg.p1 .author{color:#4ade80}.chat-msg.p2 .author{color:#fb923c}.chat-msg.p3 .author{color:#60a5fa}.chat-msg.p-1 .author{color:var(--accent-blue)}.chat-msg.p0{border-left-color:var(--accent-gold)}.chat-msg.p1{border-left-color:#4ade80}.chat-msg.p2{border-left-color:#fb923c}.chat-msg.p3{border-left-color:#60a5fa}#log-entries::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:5px}#log-entries::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:var(--bg-deep)}#log-entries::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--space-3xs)}#log-entries::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.resize-edge-side,.resize-edge-top{position:absolute;background:0 0;z-index:100}.resize-edge-top{top:0;height:6px;cursor:ns-resize}.resize-edge-side{top:0;width:6px;cursor:ew-resize}.chat-box .resize-edge-top{left:0;right:0;border-radius:0 12px 0 0}.chat-box .resize-edge-side{right:0;bottom:0;top:40px}.game-log .resize-edge-top{left:0;right:0;border-radius:var(--space-sm) 0 0 0}.game-log .resize-edge-side{left:0;bottom:0;top:40px}.resize-corner{position:absolute;width:12px;height:12px;z-index:101}.chat-box .resize-corner{top:0;right:0;cursor:ne-resize}.game-log .resize-corner{top:0;left:0;cursor:nw-resize}.resizing{user-select:none}.overlay{position:fixed;inset:0;background:rgba(12,18,32,.95);backdrop-filter:blur(6px);z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--space-sm)}.overlay.show{display:flex}.modal{background:var(--bg-card);padding:var(--space-md);border-radius:var(--space-md);border:1px solid var(--border-subtle);text-align:center;max-width:400px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.4)}.modal h2{font-family:Cinzel,serif;color:var(--accent-gold);margin-bottom:var(--space-sm);font-size:var(--font-lg)}.modal p{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:var(--font-sm);line-height:1.61818}.wish-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs);margin-bottom:var(--space-sm)}.wish-card{padding:var(--space-sm) var(--space-xs);background:var(--bg-deep);border:2px solid var(--border-subtle);border-radius:var(--space-xs);color:var(--text-light);font-family:Cinzel,serif;font-size:var(--font-base);font-weight:700;cursor:pointer;min-height:48px;transition:all .2s}.wish-card:active{border-color:var(--accent-gold);background:var(--bg-elevated)}.exchange-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-deep);border-radius:var(--space-sm);margin:var(--space-xs) 0}.exchange-cards .card{margin-left:0;cursor:pointer;width:52px;height:73px}.exchange-cards .card .card-value{font-size:var(--font-sm)}.exchange-cards .card .card-symbol{font-size:var(--font-2xs)}.exchange-cards .card .special-icon{font-size:var(--font-lg)}.exchange-cards .card .special-label{font-size:.35rem}.exchange-cards .card.selected{transform:translateY(-10px) scale(1.03);box-shadow:0 8px 20px rgba(232,196,124,.4);outline:2px solid var(--accent-gold)}.exchange-targets{display:flex;justify-content:space-around;margin:var(--space-sm) 0;gap:var(--space-xs)}.exchange-target{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-xs);border-radius:var(--space-sm);background:var(--bg-deep);flex:1;max-width:100px;border:2px solid transparent;transition:all .2s}.exchange-target:active{border-color:var(--accent-gold);background:var(--bg-elevated)}.target-name{font-size:.7rem;color:var(--text-muted);text-align:center;font-weight:500}.target-card{width:44px;height:62px;background:var(--bg-card);border:2px dashed var(--border-subtle);border-radius:var(--space-xs);display:flex;align-items:center;justify-content:center;font-size:var(--font-base);color:var(--text-muted);position:relative}.target-card.filled{background:linear-gradient(180deg,#fff,#f5f5f5);border:2px solid var(--accent-gold);color:#333;font-weight:700}.target-card .remove-card{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--accent-red);color:#fff;border-radius:50%;font-size:.65rem;display:flex;align-items:center;justify-content:center}.exchange-status{margin-top:var(--space-sm)}.exchange-status p{margin:5px 0;font-size:var(--font-sm)}.score-table{width:100%;border-collapse:collapse;margin:var(--space-sm) 0;font-size:var(--font-sm)}.score-table td,.score-table th{padding:var(--space-xs) var(--space-xs);text-align:center;border-bottom:1px solid var(--border-subtle)}.score-table th{background:var(--bg-deep);color:var(--accent-gold);font-weight:600}.score-cell{font-weight:600}.score-cell.team1{color:var(--accent-blue)}.score-cell.team2{color:var(--accent-red)}.score-summary{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg-deep);border-radius:var(--space-sm)}.summary-team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.team-label{font-size:var(--font-sm);color:var(--text-muted)}.team-score{font-size:var(--font-xl);font-weight:700}.summary-team.team1 .team-score{color:var(--accent-blue)}.summary-team.team2 .team-score{color:var(--accent-red)}.message{position:fixed;bottom:calc(100px + var(--safe-bottom));left:50%;transform:translateX(-50%);background:var(--bg-card);padding:var(--space-xs) var(--space-md);border-radius:var(--space-md);border:1px solid var(--accent-gold);color:var(--text-light);font-weight:600;font-size:var(--font-sm);z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;box-shadow:0 var(--space-xs) 25px rgba(0,0,0,.3)}.message.show{opacity:1}.phase-controls{display:none;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(26,36,54,.98) 0,rgba(14,20,30,.98) 100%);border:1px solid rgba(212,168,75,.3);border-radius:var(--space-md);box-shadow:0 var(--space-md) 60px rgba(0,0,0,.6),0 0 40px rgba(212,168,75,.15),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(12px);z-index:50}.phase-controls::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,75,.5),transparent)}.phase-controls::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(194,60,60,.3),transparent)}.phase-controls.show{display:flex;animation:phaseAppear .4s cubic-bezier(.4,0,.2,1)}@keyframes phaseAppear{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.phase-controls .phase-title{font-family:Cinzel,serif;font-size:var(--font-lg);font-weight:700;background:linear-gradient(135deg,var(--accent-gold) 0,#f5dca0 40%,var(--accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));display:flex;align-items:center;gap:var(--space-xs)}.phase-controls .phase-subtitle{color:var(--text-muted);font-size:var(--font-sm);text-align:center;letter-spacing:.02em}.phase-controls .phase-timer{color:var(--accent-gold);font-weight:700;font-size:var(--font-md);text-shadow:0 0 15px rgba(212,168,75,.5)}.phase-controls .phase-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.phase-controls .btn-grand-tichu{background:linear-gradient(135deg,#d4a84b 0,#c9a55a 50%,#d4a84b 100%);background-size:200% 100%;color:var(--bg-deep);padding:var(--space-sm) 24px;border-radius:var(--space-sm);font-weight:700;border:2px solid rgba(255,255,255,.2);cursor:pointer;font-size:var(--font-sm);min-width:140px;text-align:center;white-space:nowrap;box-shadow:0 6px 25px rgba(212,168,75,.4),inset 0 1px 0 rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;animation:goldShimmerBtn 4s ease-in-out infinite}.phase-controls .btn-grand-tichu:hover{background-position:100% 0;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 35px rgba(212,168,75,.6),0 0 50px rgba(212,168,75,.2)}.phase-controls .btn-continue{background:linear-gradient(135deg,rgba(122,118,112,.15) 0,rgba(90,86,80,.1) 100%);color:var(--text-light);padding:var(--space-sm) 24px;border-radius:var(--space-sm);font-weight:600;border:2px solid rgba(122,118,112,.4);cursor:pointer;font-size:var(--font-sm);min-width:140px;text-align:center;white-space:nowrap;box-sizing:border-box;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.03em}.phase-controls .btn-continue:hover{background:linear-gradient(135deg,rgba(122,118,112,.25) 0,rgba(90,86,80,.15) 100%);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 20px rgba(212,168,75,.1);color:var(--accent-gold)}.phase-status{display:none}.exchange-board-controls{display:none;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-xs)}.exchange-board-controls.show{display:flex}.exchange-board-controls .exchange-instruction{color:var(--accent-gold);font-size:var(--font-2xs);font-weight:500;text-align:center}.exchange-board-controls .exchange-targets-inline{display:none}.card.received-new{animation:card-blink 1s ease-in-out 3}@keyframes card-blink{0%,100%{box-shadow:0 2px 6px rgba(0,0,0,.15)}50%{box-shadow:0 0 20px rgba(74,222,128,.8);border-color:#4ade80}}.phase-timer-popup{position:fixed;top:32%;left:50%;transform:translate(-50%,-100%);background:linear-gradient(135deg,rgba(26,36,54,.98),rgba(12,18,32,.98));padding:var(--space-sm) 24px;border-radius:var(--space-sm);border:2px solid var(--accent-gold);z-index:200;display:none;align-items:center;gap:var(--space-sm);box-shadow:0 8px 32px rgba(0,0,0,.5);backdrop-filter:blur(8px)}.phase-timer-popup.show{display:flex}.phase-timer-icon{font-size:var(--font-lg)}.phase-timer-content{display:flex;flex-direction:column;gap:2px}.phase-timer-title{font-size:var(--font-xs);color:var(--text-light);font-weight:600}.phase-timer-subtitle{font-size:.7rem;color:var(--text-muted)}.phase-timer-bar{width:120px;height:6px;background:var(--bg-deep);border-radius:var(--space-3xs);overflow:hidden}.phase-timer-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),gold);border-radius:var(--space-3xs);transition:width .5s linear}.phase-timer-bar-fill.urgent{background:linear-gradient(90deg,var(--accent-red),#ff6b6b);animation:pulse-urgent .5s infinite}@keyframes pulse-urgent{0%,100%{opacity:1}50%{opacity:.6}}.phase-timer-time{font-size:var(--font-lg);font-weight:700;color:var(--accent-gold);min-width:45px;text-align:center}.phase-timer-time.urgent{color:var(--accent-red);animation:pulse-urgent .5s infinite}@media(min-width:768px){.lobby-icon{width:48px;height:48px;vertical-align:middle;margin-right:var(--space-xs);filter:drop-shadow(0 0 10px rgba(212,168,85,.5))}.lobby-title{font-size:var(--font-display)}.card{width:105px;height:147px;margin-left:-42px}.card:first-child{margin-left:0}.card.selected{margin-left:-28px;margin-right:14px}.card.played{width:113px;height:158px}.card.played:first-child{margin-left:0}.controls .btn{max-width:160px;padding:var(--space-sm) 26px}}@media(max-width:360px){.card{width:50px;height:70px;margin-left:-20px}.card:first-child{margin-left:0}.card.selected{margin-left:-12px;margin-right:var(--space-2xs)}.card.played{width:37px;height:52px}.card.played:first-child{margin-left:0}.card-value{font-size:var(--font-sm)}.card-symbol{font-size:.7rem}.special-icon{font-size:var(--font-lg)}.controls .btn{padding:var(--space-sm) 14px;font-size:var(--font-xs)}}@media(max-height:550px){.poker-table{height:88%;max-height:420px;min-height:280px}.card{width:48px;height:67px;margin-left:-20px}.card:first-child{margin-left:0}.card.played{width:36px;height:50px}.card.played:first-child{margin-left:0}.hand{min-height:72px}.player-hand-zone{padding:var(--space-xs) 0 16px}}@media(max-height:800px){.game-area{transform:scale(.9);transform-origin:center center}.poker-table{max-height:58vh}.hand-container{padding:var(--space-sm) 15px 5px}.card{width:89px;height:125px;margin-left:-37px}.controls{padding:var(--space-xs) 10px;gap:var(--space-xs)}.controls .btn{padding:var(--space-xs) 12px;font-size:var(--font-xs)}}@media(max-height:700px){.game-area{transform:scale(.85);transform-origin:center center}.poker-table{max-height:55vh}.card{width:98px;height:137px;margin-left:-43px}.player-zone{padding:var(--space-2xs) 10px}.player-zone .pname{font-size:.7rem}.player-zone .card-count{font-size:.65rem}.controls .btn{padding:var(--space-xs) 10px;font-size:var(--font-2xs)}}@media(max-height:600px){.game-area{transform:scale(.75);transform-origin:center center}.poker-table{max-height:52vh}.card{width:109px;height:152px;margin-left:-49px}.hand-container{padding:var(--space-xs) 10px 0}}@media(max-width:1200px){.poker-table{width:92%;max-width:none}}@media(max-width:1000px){.poker-table{width:95%}}.btn-draw{background:linear-gradient(135deg,var(--accent-blue),#3a6bc2)!important;color:#fff}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-sm) 24px;background:linear-gradient(180deg,rgba(20,26,34,.98) 0,rgba(10,13,18,.95) 100%);border-bottom:1px solid rgba(194,60,60,.2);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:visible}.site-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(194,60,60,.04) 50%,transparent 100%);animation:headerScan 4s ease-in-out infinite;pointer-events:none}.site-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(194,60,60,.5) 30%,rgba(212,168,75,.4) 50%,rgba(194,60,60,.5) 70%,transparent 100%)}@keyframes headerScan{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}body.in-game .site-header{display:none}.site-header-left{display:flex;align-items:center;gap:var(--space-xs);justify-content:flex-start}.site-header-center{font-family:Cinzel,serif;font-size:var(--font-lg);font-weight:700;text-align:center;background:linear-gradient(135deg,var(--accent-gold) 0,#f5dca0 40%,var(--accent-gold) 60%,#d4a85a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;text-shadow:0 0 30px rgba(232,196,124,.3);position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.site-header-center::after,.site-header-center::before{content:'✦';position:absolute;top:50%;transform:translateY(-50%);font-size:.5rem;color:var(--accent-gold);opacity:.6;-webkit-text-fill-color:var(--accent-gold)}.site-header-center::before{left:-20px}.site-header-center::after{right:-20px}.site-header-right{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-end}.lang-dropdown{position:relative;z-index:1500}.lang-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 14px;background:linear-gradient(135deg,rgba(12,18,32,.8) 0,rgba(26,36,54,.7) 100%);border:1px solid rgba(232,196,124,.25);border-radius:var(--space-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);position:relative;overflow:hidden}.lang-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,196,124,.1) 0,transparent 50%);opacity:0;transition:opacity .3s;border-radius:var(--space-lg)}.lang-btn:hover::before{opacity:1}.lang-btn:hover{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(232,196,124,.3),0 4px 15px rgba(0,0,0,.3);transform:translateY(-1px)}.lang-btn.active{border-color:var(--accent-gold);box-shadow:0 0 25px rgba(232,196,124,.4)}.lang-flag{width:22px;height:16px;border-radius:var(--space-3xs);object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.3)}.lang-code{font-size:var(--font-xs);font-weight:600;color:var(--accent-gold);letter-spacing:.05em;text-transform:uppercase}.lang-arrow{font-size:.6rem;color:rgba(232,196,124,.7);transition:transform .3s ease;margin-left:2px}.lang-btn.active .lang-arrow{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:linear-gradient(180deg,rgba(26,36,54,.98) 0,rgba(12,18,32,.98) 100%);border:1px solid rgba(232,196,124,.3);border-radius:var(--space-sm);padding:var(--space-xs) 0;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 30px rgba(232,196,124,.1);z-index:9999}.lang-menu::before{content:'';position:absolute;top:-6px;right:20px;width:12px;height:12px;background:rgba(26,36,54,.98);border-left:1px solid rgba(232,196,124,.3);border-top:1px solid rgba(232,196,124,.3);transform:rotate(45deg)}.lang-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lang-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 16px;cursor:pointer;transition:all .2s ease;position:relative}.lang-option::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-gold);transform:scaleY(0);transition:transform .2s ease}.lang-option:hover{background:rgba(232,196,124,.1)}.lang-option:hover::before{transform:scaleY(1)}.lang-option.selected{background:rgba(232,196,124,.15)}.lang-option.selected::before{transform:scaleY(1)}.lang-option .lang-flag{width:26px;height:18px}.lang-option-name{font-size:var(--font-xs);color:var(--text-light);font-weight:500}.lang-option:hover .lang-option-name{color:var(--accent-gold)}.lang-option.selected .lang-option-name{color:var(--accent-gold)}.auth-btn{padding:var(--space-xs) 20px;font-size:var(--font-xs);border-radius:var(--space-lg);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative;overflow:hidden;backdrop-filter:blur(12px)}.auth-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease}.auth-btn:hover::before{transform:translateX(100%)}.auth-btn::after{content:'';position:absolute;inset:0;border-radius:var(--space-lg);opacity:0;transition:opacity .3s}.auth-btn-login{background:linear-gradient(135deg,rgba(232,196,124,.08) 0,rgba(232,196,124,.02) 100%);border:1.5px solid rgba(232,196,124,.5);color:var(--accent-gold);box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}.auth-btn-login::after{background:radial-gradient(circle at center,rgba(232,196,124,.2) 0,transparent 70%)}.auth-btn-login:hover{background:linear-gradient(135deg,rgba(232,196,124,.15) 0,rgba(232,196,124,.08) 100%);border-color:var(--accent-gold);box-shadow:0 0 30px rgba(232,196,124,.35),0 8px 25px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-2px);text-shadow:0 0 10px rgba(232,196,124,.5)}.auth-btn-login:hover::after{opacity:1}.auth-btn-register{background:linear-gradient(135deg,#e8c47c 0,#c9a55a 50%,#e8c47c 100%);background-size:200% 100%;border:1.5px solid rgba(255,255,255,.2);color:var(--bg-deep);box-shadow:0 4px 20px rgba(232,196,124,.4),0 2px 10px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.3);animation:goldShimmer 3s ease-in-out infinite}.auth-btn-register::after{background:linear-gradient(135deg,rgba(255,255,255,.2) 0,transparent 50%);opacity:1}.auth-btn-register:hover{background-position:100% 0;box-shadow:0 6px 35px rgba(232,196,124,.6),0 0 50px rgba(232,196,124,.3),0 4px 15px rgba(0,0,0,.3);transform:translateY(-3px) scale(1.02);border-color:rgba(255,255,255,.4)}.auth-btn-register:active{transform:translateY(-1px) scale(.98)}@keyframes goldShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) 14px 6px 6px;background:linear-gradient(135deg,rgba(232,196,124,.1) 0,rgba(232,196,124,.05) 100%);border:1px solid rgba(232,196,124,.3);border-radius:var(--space-lg);color:var(--text-light);cursor:pointer;font-family:inherit;font-size:var(--font-xs);font-weight:500;backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-menu-btn:hover{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(232,196,124,.2);transform:translateY(-1px)}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-gold) 0,#d4a85a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;color:var(--bg-deep);box-shadow:0 2px 8px rgba(232,196,124,.3)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:linear-gradient(180deg,rgba(26,36,54,.98) 0,rgba(12,18,32,.98) 100%);border:1px solid rgba(232,196,124,.2);border-radius:var(--space-sm);min-width:200px;box-shadow:0 15px 50px rgba(0,0,0,.5),0 0 30px rgba(232,196,124,.1);display:none;overflow:hidden;z-index:1001;backdrop-filter:blur(20px);animation:dropdownAppear .25s cubic-bezier(.4,0,.2,1)}.user-dropdown.show{display:block}@keyframes dropdownAppear{from{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 18px;color:var(--text-light);cursor:pointer;font-size:var(--font-xs);transition:all .2s ease;position:relative}.user-dropdown-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent-gold);border-radius:0 2px 2px 0;transition:height .2s ease}.user-dropdown-item:hover{background:rgba(232,196,124,.08)}.user-dropdown-item:hover::before{height:60%}.user-dropdown-item:active{background:rgba(232,196,124,.12)}.user-dropdown-item.logout{color:var(--accent-red);border-top:1px solid rgba(255,255,255,.06)}.user-dropdown-item.logout:hover{background:rgba(220,74,74,.1)}.user-dropdown-item.logout::before{background:var(--accent-red)}.user-stats-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);padding:var(--space-sm) 16px;background:rgba(12,18,32,.6);border-bottom:1px solid rgba(232,196,124,.1)}.user-stat{text-align:center}.user-stat-value{font-weight:700;color:var(--accent-gold);font-size:var(--font-sm);text-shadow:0 0 10px rgba(232,196,124,.3)}.user-stat-label{font-size:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.user-elo-badge{background:linear-gradient(135deg,#8b5a2b 0,#5c3d1e 100%);color:var(--accent-gold);font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--space-xs);box-shadow:0 2px 8px rgba(0,0,0,.3)}.burger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2xs);width:40px;height:40px;background:rgba(232,196,124,.08);border:1px solid rgba(232,196,124,.2);border-radius:var(--space-xs);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.burger-btn::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(232,196,124,.15) 0,transparent 70%);opacity:0;transition:opacity .3s}.burger-btn:hover{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(232,196,124,.2)}.burger-btn:hover::before{opacity:1}.burger-line{width:20px;height:2px;background:linear-gradient(90deg,var(--accent-gold),var(--accent-gold-light));border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 4px rgba(232,196,124,.3)}.burger-btn.active .burger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.burger-btn.active .burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.burger-btn.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.burger-overlay{position:fixed;inset:0;background:rgba(12,18,32,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.burger-overlay.active{opacity:1;visibility:visible}.burger-panel{position:absolute;top:0;left:0;width:min(320px,85vw);height:100%;background:linear-gradient(180deg,rgba(26,36,54,.98) 0,rgba(12,18,32,.98) 100%);border-right:1px solid rgba(232,196,124,.15);box-shadow:10px 0 50px rgba(0,0,0,.5);transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.burger-overlay.active .burger-panel{transform:translateX(0)}.burger-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 24px;border-bottom:1px solid rgba(232,196,124,.1);background:linear-gradient(180deg,rgba(232,196,124,.05) 0,transparent 100%)}.burger-logo{font-family:Cinzel,serif;font-size:var(--font-lg);font-weight:700;background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em}.burger-close{width:36px;height:36px;background:rgba(232,196,124,.1);border:1px solid rgba(232,196,124,.2);border-radius:var(--space-xs);color:var(--accent-gold);font-size:var(--font-md);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.burger-close:hover{background:rgba(232,196,124,.2);border-color:var(--accent-gold);box-shadow:0 0 15px rgba(232,196,124,.2)}.burger-nav{flex:1;padding:var(--space-md) 0;overflow-y:auto}.burger-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 24px;color:var(--text-light);text-decoration:none;font-size:var(--font-base);font-weight:500;transition:all .3s;position:relative;cursor:pointer}.burger-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--accent-gold),var(--accent-gold-light));border-radius:0 3px 3px 0;transition:height .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(232,196,124,.5)}.burger-item:hover{background:rgba(232,196,124,.08);color:var(--accent-gold)}.burger-item:hover::before{height:70%}.burger-icon{font-size:var(--font-lg);width:30px;text-align:center;filter:drop-shadow(0 0 4px rgba(232,196,124,.3))}.burger-footer{padding:var(--space-md) 24px;border-top:1px solid rgba(232,196,124,.1);background:rgba(12,18,32,.5)}.burger-sound-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.9rem}.burger-sound-toggle{width:50px;height:26px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:var(--space-sm);cursor:pointer;position:relative;transition:all .3s}.burger-sound-toggle::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.burger-sound-toggle.active{background:rgba(232,196,124,.2);border-color:var(--accent-gold)}.burger-sound-toggle.active::after{left:27px;background:var(--accent-gold);box-shadow:0 0 10px rgba(232,196,124,.5)}.leaderboard-modal{max-height:85vh;display:flex;flex-direction:column}.leaderboard-header{display:grid;grid-template-columns:30px 1fr 50px 40px 40px;gap:var(--space-2xs);padding:var(--space-xs) 12px;background:var(--bg-deep);border-radius:var(--space-xs);margin-bottom:var(--space-xs);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.leaderboard-content{overflow-y:auto;max-height:350px}.lb-row{display:grid;grid-template-columns:30px 1fr 50px 40px 40px;gap:var(--space-2xs);padding:var(--space-xs) 12px;border-radius:var(--space-xs);margin-bottom:5px;background:var(--bg-deep);align-items:center}.lb-row.you{background:rgba(232,196,124,.15);border:1px solid var(--accent-gold)}.lb-rank{font-weight:700;font-size:var(--font-sm)}.lb-name{font-weight:600;font-size:var(--font-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-elo{font-weight:700;color:var(--accent-gold);text-align:right;font-size:var(--font-xs)}.lb-belote{font-size:var(--font-2xs);color:#4ecdc4;text-align:center;font-weight:600}.lb-gt{font-size:var(--font-2xs);color:#ff6b6b;text-align:center;font-weight:600}.auth-overlay{position:fixed;inset:0;background:rgba(12,18,32,.95);backdrop-filter:blur(6px);z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--space-sm)}.auth-overlay.show{display:flex}.auth-modal{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--space-md);width:100%;max-width:360px;border:1px solid var(--border-subtle);box-shadow:0 20px 50px rgba(0,0,0,.5);position:relative}.auth-modal h2{font-family:Cinzel,serif;color:var(--accent-gold);margin-bottom:var(--space-xs);font-size:var(--font-lg);text-align:center}.auth-modal p{color:var(--text-muted);text-align:center;margin-bottom:var(--space-md);font-size:var(--font-xs)}.auth-modal input{margin-bottom:var(--space-sm)}.auth-modal .btn{width:100%;margin-bottom:var(--space-xs)}.auth-switch{text-align:center;color:var(--text-muted);font-size:var(--font-xs)}.auth-switch a{color:var(--accent-gold);cursor:pointer}.auth-close{position:absolute;top:12px;right:12px;background:0 0;border:none;color:var(--text-muted);font-size:var(--font-lg);cursor:pointer;padding:var(--space-3xs)}.auth-error{background:rgba(220,74,74,.15);border:1px solid rgba(220,74,74,.3);color:var(--accent-red);padding:var(--space-xs) 12px;border-radius:var(--space-xs);margin-bottom:var(--space-sm);font-size:var(--font-xs);display:none}.auth-error.show{display:block}.auth-success{background:rgba(45,138,95,.15);border:1px solid rgba(45,138,95,.3);color:#4ade80;padding:var(--space-xs) 12px;border-radius:var(--space-xs);margin-bottom:var(--space-sm);font-size:var(--font-xs);display:none}.auth-success.show{display:block}.profile-modal{width:95%;max-width:420px;background:linear-gradient(165deg,#0d1117 0,#161b22 50%,#0d1117 100%);border:1px solid rgba(201,170,113,.15);border-radius:var(--space-sm);padding:0;overflow:hidden;box-shadow:0 var(--space-md) var(--space-2xl) rgba(0,0,0,.7),0 0 0 1px rgba(201,170,113,.1),inset 0 1px 0 rgba(255,255,255,.03)}.profile-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:var(--space-2xl);background:linear-gradient(180deg,rgba(201,170,113,.08) 0,transparent 100%);pointer-events:none}.profile-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-sm);position:relative;background:0 0;border-radius:0;margin-bottom:0}.profile-avatar-ring{position:relative;width:var(--space-xl);height:var(--space-xl);border-radius:50%;background:linear-gradient(135deg,#c9aa71 0,#8b7355 100%);padding:2px;flex-shrink:0}.profile-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#1a1f26 0,#0d1117 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg)}.profile-identity{flex:1;min-width:0}.profile-name{font-size:var(--font-md);font-weight:600;color:#f0f0f0;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-rank-badge{display:inline-flex;align-items:center;gap:var(--space-3xs);margin-top:var(--space-3xs);padding:2px var(--space-xs) 2px var(--space-2xs);background:rgba(201,170,113,.1);border:1px solid rgba(201,170,113,.2);border-radius:var(--space-xs);font-size:var(--font-2xs);color:#c9aa71;letter-spacing:.03em}.rank-icon{font-size:.55rem;opacity:.7}.profile-elo-display{text-align:center;padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,rgba(201,170,113,.15) 0,rgba(201,170,113,.05) 100%);border:1px solid rgba(201,170,113,.25);border-radius:var(--space-xs)}.elo-value{font-size:var(--font-lg);font-weight:700;color:#c9aa71;line-height:1;font-variant-numeric:tabular-nums}.elo-label{font-size:.6rem;color:rgba(201,170,113,.7);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.profile-tabs{display:flex;padding:0 var(--space-sm);gap:var(--space-xs);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:0}.profile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-xs);background:0 0;border:none;border-radius:0;color:rgba(255,255,255,.45);font-size:var(--font-sm);font-weight:500;cursor:pointer;position:relative;transition:color .25s ease}.profile-tab:hover{color:rgba(255,255,255,.7)}.profile-tab.active{color:#c9aa71;background:0 0}.tab-icon{font-size:var(--font-base)}.tab-label{font-size:var(--font-sm)}.tab-indicator{position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#c9aa71,transparent);border-radius:2px 2px 0 0;opacity:0;transform:scaleX(0);transition:all .3s ease}.profile-tab.active .tab-indicator{opacity:1;transform:scaleX(1)}.profile-tab-content{display:none;padding:var(--space-sm);animation:fadeInTab .3s ease}.profile-tab-content.active{display:block}@keyframes fadeInTab{from{opacity:0;transform:translateY(var(--space-xs))}to{opacity:1;transform:translateY(0)}}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);margin-bottom:var(--space-sm)}.profile-stat-card{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:var(--space-xs);text-align:left;transition:all .25s ease}.profile-stat-card:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}.profile-stat-card.highlight{background:linear-gradient(135deg,rgba(76,175,80,.08) 0,rgba(76,175,80,.02) 100%);border-color:rgba(76,175,80,.15)}.profile-stat-card.highlight:hover{border-color:rgba(76,175,80,.25)}.stat-icon{font-size:var(--font-lg);opacity:.9}.stat-data{flex:1;min-width:0}.profile-stat-value{font-size:var(--font-md);font-weight:700;color:#f0f0f0;line-height:var(--phi-inv);font-variant-numeric:tabular-nums}.profile-stat-label{font-size:var(--font-2xs);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.04em}.profile-stat-sub{font-size:.65rem;color:rgba(255,255,255,.35);margin-top:1px}.variant-grid{margin-top:var(--space-xs);grid-template-columns:1fr 1fr}.variant-card{padding:var(--space-xs) var(--space-sm)}.profile-recent-section{margin-top:var(--space-3xs)}.recent-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.recent-title{font-size:var(--font-2xs);font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.recent-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,transparent 100%)}.profile-recent-matches{display:flex;flex-direction:column;gap:var(--space-2xs);max-height:180px;overflow-y:auto;padding-right:var(--space-3xs)}.profile-recent-matches::-webkit-scrollbar{width:var(--space-3xs)}.profile-recent-matches::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:2px}.profile-recent-matches::-webkit-scrollbar-thumb{background:rgba(201,170,113,.3);border-radius:2px}.recent-empty{text-align:center;padding:var(--space-md);color:rgba(255,255,255,.3);font-size:var(--font-sm);font-style:italic}.recent-match-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:var(--space-xs);cursor:pointer;transition:all .2s ease}.recent-match-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transform:translateX(2px)}.recent-match-item.win{border-left:3px solid #4caf50}.recent-match-item.loss{border-left:3px solid #e74c3c}.match-result-badge{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.recent-match-item.win .match-result-badge{background:rgba(76,175,80,.15);color:#4caf50}.recent-match-item.loss .match-result-badge{background:rgba(231,76,60,.15);color:#e74c3c}.match-details{flex:1;min-width:0}.match-score{font-size:.9rem;font-weight:600;color:#f0f0f0;font-variant-numeric:tabular-nums}.match-info{display:flex;gap:8px;font-size:.65rem;color:rgba(255,255,255,.4);margin-top:2px}.match-arrow{color:rgba(255,255,255,.2);font-size:.8rem;transition:transform .2s ease}.recent-match-item:hover .match-arrow{transform:translateX(3px);color:rgba(201,170,113,.6)}.see-all-history-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:11px 16px;background:linear-gradient(135deg,rgba(201,170,113,.1) 0,rgba(201,170,113,.05) 100%);border:1px solid rgba(201,170,113,.2);border-radius:8px;color:#c9aa71;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s ease}.see-all-history-btn:hover{background:linear-gradient(135deg,rgba(201,170,113,.15) 0,rgba(201,170,113,.08) 100%);border-color:rgba(201,170,113,.35);transform:translateY(-1px)}.see-all-history-btn:active{transform:translateY(0)}.btn-arrow{transition:transform .25s ease}.see-all-history-btn:hover .btn-arrow{transform:translateX(4px)}.profile-actions{display:flex;gap:10px;padding:16px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.04)}.profile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-action-btn.secondary{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.7)}.profile-action-btn.secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#f0f0f0}.profile-action-btn.primary{background:linear-gradient(135deg,#c9aa71 0,#a08050 100%);border:none;color:#0d1117;font-weight:600}.profile-action-btn.primary:hover{background:linear-gradient(135deg,#d4b87a 0,#b08f5a 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(201,170,113,.25)}.profile-action-btn.danger{background:0 0;border:1px solid var(--accent-red);color:var(--accent-red)}.profile-action-btn.danger:hover{background:rgba(194,60,60,.15);border-color:var(--accent-red-bright);color:var(--accent-red-bright)}.action-icon{font-size:.9rem}.delete-account-modal .delete-warning{color:var(--accent-red);font-size:.9rem;margin-bottom:1rem;padding:.75rem;background:rgba(194,60,60,.1);border-radius:6px;border:1px solid rgba(194,60,60,.2)}.delete-actions{display:flex;gap:.75rem;margin-top:1rem}.delete-actions .btn{flex:1}.btn-danger{background:linear-gradient(135deg,var(--accent-red) 0,#a32e2e 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:linear-gradient(135deg,var(--accent-red-bright) 0,var(--accent-red) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(194,60,60,.3)}@media (max-width:480px){.profile-modal{max-width:100%;border-radius:12px}.profile-header{padding:16px}.profile-avatar-ring{width:48px;height:48px}.profile-name{font-size:1rem}.elo-value{font-size:1.2rem}.profile-stats-grid{gap:8px}.profile-stat-card{padding:10px}.profile-stat-value{font-size:1.05rem}.profile-recent-matches{max-height:150px}}.site-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:var(--space-xs) 12px;font-size:.65rem;color:var(--text-muted);background:var(--bg-deep);border-top:1px solid var(--border-subtle);z-index:5;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex-wrap:wrap}.site-footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--accent-gold)}.footer-sep{opacity:.4}.in-game .site-footer{display:none}.cookie-banner{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);z-index:100000;background:linear-gradient(135deg,var(--bg-elevated) 0,var(--bg-card) 100%);border:1px solid var(--border-gold);border-radius:var(--space-sm);padding:0;box-shadow:0 4px 24px rgba(0,0,0,.5);max-width:600px;width:calc(100% - 24px);opacity:0;transition:all .4s ease}.cookie-banner.show{bottom:var(--space-xl);opacity:1}.cookie-content{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 18px}.cookie-icon{font-size:var(--font-lg);flex-shrink:0}.cookie-text{flex:1;font-size:var(--font-xs);color:var(--text-muted);line-height:1.61818;margin:0}.cookie-text a{color:var(--accent-gold);text-decoration:none}.cookie-text a:hover{text-decoration:underline}.cookie-accept{flex-shrink:0;background:var(--accent-gold);color:var(--bg-deep);border:none;padding:var(--space-xs) 18px;border-radius:var(--space-2xs);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .2s}.cookie-accept:hover{background:var(--accent-gold-light);transform:translateY(-1px)}@media(max-width:500px){.cookie-content{flex-direction:column;text-align:center;gap:var(--space-xs)}.cookie-banner.show{bottom:var(--space-lg)}}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) 24px;background:linear-gradient(180deg,rgba(20,26,34,.98) 0,rgba(10,13,18,.95) 100%);border-radius:0;margin-bottom:0;border:none;border-bottom:1px solid rgba(194,60,60,.15);position:relative;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(194,60,60,.04) 50%,transparent 100%);animation:headerScan 4s ease-in-out infinite;pointer-events:none}.header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(194,60,60,.4) 25%,rgba(212,168,75,.5) 50%,rgba(194,60,60,.4) 75%,transparent 100%)}.header h1{font-family:Cinzel,serif;font-size:var(--font-md);font-weight:700;background:linear-gradient(135deg,var(--accent-gold) 0,#f5dca0 40%,var(--accent-gold) 60%,#d4a85a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;cursor:pointer;opacity:.9;transition:all .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header h1:hover{opacity:1;filter:drop-shadow(0 0 10px rgba(232,196,124,.4))}.score-inline{display:flex;gap:var(--space-md);font-size:var(--font-sm);padding:var(--space-xs) 24px;background:linear-gradient(135deg,rgba(12,18,32,.9) 0,rgba(20,26,34,.85) 100%);border-radius:var(--space-lg);border:1px solid rgba(232,196,124,.15);box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(8px);position:relative;overflow:hidden}.score-inline::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,196,124,.2),transparent)}.score-inline span{display:flex;align-items:center;gap:var(--space-xs);font-weight:500}.score-val{color:var(--accent-gold);font-weight:800;font-size:var(--font-lg);text-shadow:0 0 15px rgba(232,196,124,.4);font-family:Cinzel,serif}.round-pts{font-size:.75rem;font-weight:600;color:#4ade80;opacity:.9;margin-left:var(--space-3xs)}.round-pts:empty{display:none}.header-btn{padding:var(--space-xs) 18px;font-size:var(--font-xs);min-height:40px;border-radius:var(--space-sm);background:linear-gradient(135deg,rgba(232,196,124,.08) 0,rgba(232,196,124,.02) 100%);color:var(--text-light);border:1px solid rgba(232,196,124,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:.03em;position:relative;overflow:hidden;backdrop-filter:blur(8px)}.header-btn::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(232,196,124,.15) 0,transparent 70%);opacity:0;transition:opacity .3s}.header-btn:hover{background:linear-gradient(135deg,rgba(232,196,124,.15) 0,rgba(232,196,124,.05) 100%);border-color:var(--accent-gold);box-shadow:0 0 25px rgba(232,196,124,.25),0 4px 15px rgba(0,0,0,.2);transform:translateY(-2px);color:var(--accent-gold)}.header-btn:hover::before{opacity:1}.header-btn:active{transform:translateY(0)}.header-btn.btn-quit{background:linear-gradient(135deg,rgba(194,60,60,.15) 0,rgba(194,60,60,.05) 100%);color:var(--accent-red-bright);border-color:rgba(194,60,60,.35)}.header-btn.btn-quit::before{background:radial-gradient(circle at center,rgba(194,60,60,.2) 0,transparent 70%)}.header-btn.btn-quit:hover{background:linear-gradient(135deg,rgba(194,60,60,.25) 0,rgba(194,60,60,.1) 100%);border-color:var(--accent-red);box-shadow:0 0 25px rgba(194,60,60,.3),0 4px 15px rgba(0,0,0,.2);color:#ff6b6b}.controls{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:0 20px;background:linear-gradient(180deg,transparent 0,rgba(10,13,18,.4) 100%);padding-top:10px;padding-bottom:10px}.controls .btn{flex:1;max-width:160px;min-height:54px;padding:var(--space-sm) 26px;font-size:var(--font-sm);border-radius:var(--space-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;cursor:pointer;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.controls .btn::before{content:'';position:absolute;inset:3px;border:1px solid rgba(255,255,255,.1);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);pointer-events:none;opacity:.6;transition:opacity .3s,border-color .3s}.controls .btn::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-25deg);transition:left .6s ease;pointer-events:none}.controls .btn:hover:not(:disabled)::after{left:150%}#btn-play,.controls .btn-primary{background:linear-gradient(180deg,rgba(255,248,220,.45) 0,rgba(255,215,0,.12) 10%,transparent 30%),linear-gradient(165deg,#f5d67a 0,#d4a84b 25%,#c9952a 50%,#d4a84b 75%,#f0d48a 100%);background-size:100% 100%,300% 100%;border:2px solid;border-color:gold #b8860b #8b6914 #daa520;color:#1a1408;text-shadow:0 1px 0 rgba(255,215,0,.5);box-shadow:0 0 25px rgba(212,168,75,.4),0 0 50px rgba(212,168,75,.2),0 8px 25px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.45),inset 0 -3px 8px rgba(139,105,20,.3);animation:imperialGoldShimmerDesktop 3s ease-in-out infinite;font-family:Cinzel,serif}#btn-play::before{border-color:rgba(255,215,0,.4)}#btn-play:hover:not(:disabled),.controls .btn-primary:hover:not(:disabled){background-position:0 0,100% 0;transform:translateY(-4px) scale(1.03);box-shadow:0 0 40px rgba(255,215,0,.6),0 0 70px rgba(212,168,75,.4),0 12px 35px rgba(0,0,0,.5),inset 0 2px 4px rgba(255,255,255,.5),inset 0 -3px 8px rgba(139,105,20,.2);border-color:#ffe14d #d4a520 #a67c10 #e8c430}#btn-play:active:not(:disabled),.controls .btn-primary:active:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 0 30px rgba(255,215,0,.5),0 0 50px rgba(212,168,75,.3),0 6px 20px rgba(0,0,0,.4),inset 0 2px 3px rgba(255,255,255,.4),inset 0 -2px 6px rgba(139,105,20,.35)}@keyframes imperialGoldShimmerDesktop{0%,100%{background-position:0 0,0 0;filter:brightness(1)}50%{background-position:0 0,50% 0;filter:brightness(1.1)}}#btn-pass,.controls .btn-secondary{background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,0,0,.15) 0,transparent 50%),linear-gradient(165deg,#5a5650 0,#4a4642 30%,#3d3a36 60%,#4a4642 100%);border:2px solid;border-color:#6b6560 #3d3a36 #2a2825 #5a5650;color:#d0ccc5;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 18px rgba(100,95,90,.15),0 6px 18px rgba(0,0,0,.35),0 2px 5px rgba(0,0,0,.25),inset 0 1px 3px rgba(255,255,255,.12),inset 0 -2px 5px rgba(0,0,0,.2);transition:all .25s cubic-bezier(.34,1.56,.64,1)}#btn-pass::before{border-color:rgba(255,255,255,.1)}#btn-pass:hover:not(:disabled),.controls .btn-secondary:hover:not(:disabled){background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.15) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,0,0,.1) 0,transparent 50%),linear-gradient(165deg,#6b6560 0,#5a5650 30%,#4a4642 60%,#5a5650 100%);transform:translateY(-3px) scale(1.02);border-color:#7a7570 #4a4642 #3d3a36 #6b6560;box-shadow:0 0 25px rgba(150,145,140,.2),0 10px 25px rgba(0,0,0,.4),inset 0 1px 4px rgba(255,255,255,.18),inset 0 -2px 5px rgba(0,0,0,.15)}#btn-pass:active:not(:disabled),.controls .btn-secondary:active:not(:disabled){transform:translateY(-1px) scale(1);box-shadow:0 0 15px rgba(100,95,90,.15),0 4px 12px rgba(0,0,0,.35),inset 0 1px 2px rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.2)}#btn-tichu,.btn-tichu{flex:1;max-width:160px;min-height:54px;padding:var(--space-sm) 24px;font-size:var(--font-sm);font-weight:700;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;position:relative;overflow:hidden;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border-radius:var(--space-xs);background:linear-gradient(180deg,rgba(255,180,180,.4) 0,rgba(255,100,100,.12) 12%,transparent 35%),linear-gradient(165deg,#d44848 0,#c23c3c 25%,#a32e2e 50%,#c23c3c 75%,#d44848 100%);background-size:100% 100%,200% 100%;border:2px solid;border-color:#e85555 #8a2222 #6b1a1a #c23c3c;color:#fff;text-shadow:0 1px 2px rgba(80,0,0,.5),0 0 12px rgba(255,100,100,.3);box-shadow:0 0 30px rgba(194,60,60,.45),0 0 60px rgba(194,60,60,.2),0 8px 25px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.3),inset 0 2px 5px rgba(255,200,200,.35),inset 0 -4px 10px rgba(100,20,20,.4);animation:vermillionPulseDesktop 2.5s ease-in-out infinite;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Cinzel,serif}#btn-tichu::before,.btn-tichu::before{content:'';position:absolute;inset:3px;border:1px solid rgba(255,150,150,.25);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);pointer-events:none;transition:border-color .3s}#btn-tichu::after,.btn-tichu::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,200,200,.25),transparent);transform:skewX(-25deg);transition:left .6s ease;pointer-events:none}#btn-tichu:hover:not(:disabled),.btn-tichu:hover:not(:disabled){background-position:0 0,100% 0;transform:translateY(-4px) scale(1.03);box-shadow:0 0 50px rgba(220,80,80,.6),0 0 80px rgba(194,60,60,.35),0 12px 35px rgba(0,0,0,.5),inset 0 2px 5px rgba(255,220,220,.45),inset 0 -4px 10px rgba(100,20,20,.3);border-color:#f06565 #a03030 #802020 #d54848}#btn-tichu:hover:not(:disabled)::after,.btn-tichu:hover:not(:disabled)::after{left:150%}#btn-tichu:active:not(:disabled),.btn-tichu:active:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 0 35px rgba(194,60,60,.5),0 0 55px rgba(194,60,60,.25),0 6px 20px rgba(0,0,0,.4),inset 0 2px 4px rgba(255,200,200,.3),inset 0 -3px 8px rgba(100,20,20,.4)}@keyframes vermillionPulseDesktop{0%,100%{box-shadow:0 0 30px rgba(194,60,60,.45),0 0 60px rgba(194,60,60,.2),0 8px 25px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.3),inset 0 2px 5px rgba(255,200,200,.35),inset 0 -4px 10px rgba(100,20,20,.4);filter:brightness(1)}50%{box-shadow:0 0 40px rgba(220,80,80,.55),0 0 70px rgba(194,60,60,.3),0 8px 25px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.3),inset 0 2px 5px rgba(255,200,200,.4),inset 0 -4px 10px rgba(100,20,20,.35);filter:brightness(1.08)}}#btn-bomb,.btn-bomb{flex:1;max-width:170px;min-height:58px;padding:var(--space-sm) 28px;font-size:var(--font-sm);font-weight:800;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;position:relative;overflow:visible;border-radius:var(--space-xs);background:radial-gradient(ellipse 60% 40% at 50% 15%,rgba(255,255,220,.5) 0,rgba(255,200,100,.2) 40%,transparent 70%),radial-gradient(ellipse 80% 60% at 30% 80%,rgba(255,80,20,.4) 0,transparent 50%),radial-gradient(ellipse 80% 60% at 70% 80%,rgba(255,60,10,.35) 0,transparent 50%),linear-gradient(175deg,#ffb347 0,#ff8c42 8%,#ff5722 20%,#e53935 40%,#c62828 60%,#b71c1c 75%,#8b0000 100%);border:2px solid;border-color:#ffd54f #ff6f00 #bf360c #ff8f00;color:#fff;text-shadow:0 0 10px rgba(255,200,100,.9),0 0 20px rgba(255,100,50,.7),0 2px 4px rgba(0,0,0,.8);box-shadow:0 0 20px rgba(255,87,34,.7),0 0 40px rgba(255,61,0,.5),0 0 60px rgba(244,67,54,.35),0 0 90px rgba(255,138,101,.2),15px -10px 25px rgba(255,167,38,.3),-15px -8px 25px rgba(255,138,101,.25),10px 15px 20px rgba(230,81,0,.3),-12px 12px 22px rgba(255,87,34,.25),0 15px 35px rgba(191,54,12,.5),0 5px 15px rgba(0,0,0,.4),inset 0 3px 8px rgba(255,245,200,.5),inset 0 -6px 20px rgba(139,0,0,.6),inset 0 0 30px rgba(198,40,40,.3);animation:dragonFirePulse .8s ease-in-out infinite;transition:all .2s cubic-bezier(.25,.46,.45,.94);font-family:Cinzel,serif;z-index:1}#btn-bomb::before,.btn-bomb::before{content:'';position:absolute;top:-8px;left:20%;right:20%;height:12px;background:radial-gradient(ellipse 25% 100% at 20% 100%,rgba(255,167,38,.8) 0,transparent 70%),radial-gradient(ellipse 20% 100% at 50% 100%,rgba(255,138,101,.9) 0,transparent 70%),radial-gradient(ellipse 25% 100% at 80% 100%,rgba(255,87,34,.7) 0,transparent 70%);filter:blur(2px);animation:flameLick .4s ease-in-out infinite alternate;pointer-events:none;z-index:-1}#btn-bomb::after,.btn-bomb::after{content:'';position:absolute;inset:-4px;border-radius:var(--space-sm);background:linear-gradient(45deg,transparent 30%,rgba(255,200,100,.15) 45%,rgba(255,255,200,.25) 50%,rgba(255,200,100,.15) 55%,transparent 70%);background-size:200% 200%;animation:heatShimmer 1.5s linear infinite;pointer-events:none;z-index:2}#btn-bomb:hover,.btn-bomb:hover{transform:translateY(-5px) scale(1.08);border-color:#ffe082 #ff9100 #d84315 #ffab40;box-shadow:0 0 30px rgba(255,87,34,.9),0 0 60px rgba(255,61,0,.7),0 0 90px rgba(244,67,54,.5),0 0 120px rgba(255,138,101,.35),0 0 160px rgba(255,183,77,.2),20px -15px 35px rgba(255,167,38,.5),-20px -12px 35px rgba(255,138,101,.45),15px 20px 30px rgba(230,81,0,.45),-18px 18px 32px rgba(255,87,34,.4),0 20px 50px rgba(191,54,12,.6),0 8px 20px rgba(0,0,0,.5),inset 0 4px 12px rgba(255,255,220,.6),inset 0 -8px 25px rgba(139,0,0,.5),inset 0 0 40px rgba(255,87,34,.4);filter:brightness(1.2) saturate(1.15)}#btn-bomb:hover::before,.btn-bomb:hover::before{top:-14px;height:18px;filter:blur(3px);animation:flameLickIntense .25s ease-in-out infinite alternate}#btn-bomb:active,.btn-bomb:active{transform:translateY(-2px) scale(1.03);animation:detonation .15s ease-out;box-shadow:0 0 50px rgba(255,255,200,.8),0 0 80px rgba(255,87,34,.9),0 0 120px rgba(255,61,0,.6),0 8px 25px rgba(0,0,0,.5),inset 0 0 30px rgba(255,255,220,.4),inset 0 -4px 15px rgba(139,0,0,.5);filter:brightness(1.4) saturate(1.3);border-color:#fff8e1 #ffcc80 #ff6d00 #ffe0b2}body.bomb-screen-shake{animation:screenShake .5s ease-out}@keyframes screenShake{0%,100%{transform:translate(0,0)}10%{transform:translate(-4px,-2px)}20%{transform:translate(5px,3px)}30%{transform:translate(-6px,2px)}40%{transform:translate(4px,-4px)}50%{transform:translate(-3px,5px)}60%{transform:translate(5px,-2px)}70%{transform:translate(-2px,3px)}80%{transform:translate(3px,-1px)}90%{transform:translate(-1px,1px)}}#btn-bomb:disabled,#btn-pass:disabled,#btn-play:disabled,#btn-tichu:disabled,.controls .btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:0 3px 10px rgba(0,0,0,.3)!important;animation:none!important;filter:grayscale(.5) brightness(.8);border-color:rgba(100,100,100,.3)!important}#btn-bomb:disabled::after,#btn-pass:disabled::after,#btn-play:disabled::after,#btn-tichu:disabled::after,.controls .btn:disabled::after{display:none}#btn-pass.pre-selected,#btn-play.pre-selected{animation:imperialSelectPulseDesktop .7s ease-in-out infinite!important;border:3px solid var(--accent-gold)!important}@keyframes imperialSelectPulseDesktop{0%,100%{box-shadow:0 0 25px rgba(212,168,75,.6),0 0 50px rgba(212,168,75,.3),0 8px 25px rgba(0,0,0,.4),inset 0 0 20px rgba(212,168,75,.15);border-color:var(--accent-gold)}50%{box-shadow:0 0 45px rgba(255,215,0,.8),0 0 75px rgba(212,168,75,.5),0 8px 25px rgba(0,0,0,.4),inset 0 0 25px rgba(255,215,0,.2);border-color:gold}}.phase-controls .btn-grand-tichu{background:linear-gradient(135deg,#e8c47c 0,#c9a55a 50%,#e8c47c 100%);background-size:200% 100%;color:var(--bg-deep);padding:var(--space-sm) 28px;border-radius:var(--space-sm);font-weight:700;font-size:var(--font-sm);border:2px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 6px 25px rgba(232,196,124,.4),inset 0 1px 0 rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;animation:goldShimmerBtn 4s ease-in-out infinite}.phase-controls .btn-grand-tichu:hover{background-position:100% 0;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 35px rgba(232,196,124,.6),0 0 50px rgba(232,196,124,.2)}.phase-controls .btn-continue{background:linear-gradient(135deg,rgba(122,118,112,.2) 0,rgba(90,86,80,.15) 100%);color:var(--text-light);padding:var(--space-sm) 28px;border-radius:var(--space-sm);font-weight:600;font-size:var(--font-sm);border:2px solid rgba(122,118,112,.4);cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.03em}.phase-controls .btn-continue:hover{background:linear-gradient(135deg,rgba(122,118,112,.3) 0,rgba(90,86,80,.2) 100%);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 20px rgba(232,196,124,.1);color:var(--accent-gold)}.spectator-badge{background:linear-gradient(135deg,rgba(58,107,158,.25) 0,rgba(58,107,158,.1) 100%);color:var(--accent-blue);padding:var(--space-xs) 16px;border-radius:var(--space-md);font-size:var(--font-xs);font-weight:600;border:1px solid rgba(58,107,158,.4);box-shadow:0 0 15px rgba(58,107,158,.2);letter-spacing:.05em}.turn-indicator{font-size:.85rem;font-weight:700;color:var(--text-muted);background:linear-gradient(135deg,rgba(40,50,65,.95) 0,rgba(25,35,48,.95) 100%);padding:var(--space-xs) 26px;border-radius:var(--space-lg);margin-bottom:var(--space-sm);backdrop-filter:blur(8px);z-index:1;border:2px solid rgba(122,118,112,.3);text-transform:uppercase;letter-spacing:.15em;box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);transition:background .4s,color .4s,box-shadow .4s,border .4s;transform:translateY(-73px)}.my-turn .turn-indicator{background:linear-gradient(135deg,#e8c47c 0,#d4a84b 30%,#f0d48a 50%,#d4a84b 70%,#e8c47c 100%);background-size:300% 100%;color:var(--bg-deep);font-weight:800;border:3px solid rgba(255,255,255,.3);box-shadow:0 0 40px rgba(232,196,124,.5),0 8px 30px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -2px 4px rgba(0,0,0,.1);animation:turnIndicatorGold 2s ease-in-out infinite;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:translateY(-73px) scale(1.05)}@keyframes turnIndicatorGold{0%,100%{background-position:0 50%;box-shadow:0 0 40px rgba(232,196,124,.5),0 8px 30px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.4)}50%{background-position:100% 50%;box-shadow:0 0 60px rgba(232,196,124,.7),0 0 100px rgba(232,196,124,.3),0 10px 35px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.5)}}#btn-mute{background:linear-gradient(135deg,rgba(61,158,130,.15) 0,rgba(61,158,130,.05) 100%);border:1px solid rgba(61,158,130,.35);color:var(--accent-jade);font-size:var(--font-md);width:42px;height:42px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#btn-mute::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(61,158,130,.2) 0,transparent 70%);opacity:0;transition:opacity .3s}#btn-mute:hover{background:linear-gradient(135deg,rgba(61,158,130,.25) 0,rgba(61,158,130,.1) 100%);border-color:var(--accent-jade);box-shadow:0 0 20px rgba(61,158,130,.3),0 4px 15px rgba(0,0,0,.2);color:#4ade80}#btn-mute:hover::before{opacity:1}#btn-mute.muted{background:linear-gradient(135deg,rgba(194,60,60,.15) 0,rgba(194,60,60,.05) 100%);border-color:rgba(194,60,60,.35);color:var(--accent-red)}#btn-mute.muted:hover{background:linear-gradient(135deg,rgba(194,60,60,.25) 0,rgba(194,60,60,.1) 100%);border-color:var(--accent-red);box-shadow:0 0 20px rgba(194,60,60,.3),0 4px 15px rgba(0,0,0,.2)}.overlay{position:fixed;inset:0;background:rgba(8,12,18,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--space-md)}.overlay.show{display:flex;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{from{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,rgba(26,36,54,.98) 0,rgba(14,20,30,.98) 100%);padding:0;border-radius:var(--space-md);border:1px solid rgba(232,196,124,.2);text-align:center;max-width:450px;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 60px rgba(232,196,124,.1),inset 0 1px 0 rgba(255,255,255,.05);animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal::before{content:'';position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(232,196,124,.08) 0,transparent 100%);pointer-events:none}.modal::after{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,196,124,.5),transparent)}.modal h2{font-family:Cinzel,serif;color:var(--accent-gold);margin:0;padding:var(--space-lg) 24px 8px;font-size:var(--font-lg);font-weight:700;letter-spacing:.08em;text-shadow:0 0 20px rgba(232,196,124,.3);position:relative;background:linear-gradient(135deg,var(--accent-gold) 0,#f5dca0 40%,var(--accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal p{color:var(--text-muted);margin:0 0 16px;padding:0 24px;font-size:var(--font-sm);line-height:1.61818}.modal>div:not(.modal-header){padding:0 24px 24px}.modal .btn,.modal .btn-primary{background:linear-gradient(135deg,#e8c47c 0,#c9a55a 50%,#e8c47c 100%);background-size:200% 100%;border:2px solid rgba(255,255,255,.2);color:var(--bg-deep);padding:var(--space-sm) 32px;border-radius:var(--space-sm);font-weight:700;font-size:var(--font-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 20px rgba(232,196,124,.3);margin-top:var(--space-xs)}.modal .btn-primary:hover,.modal .btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 6px 30px rgba(232,196,124,.5)}.score-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--space-sm) 0;font-size:var(--font-sm);border-radius:var(--space-sm);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.score-table th{padding:var(--space-sm) 12px;text-align:center;background:linear-gradient(180deg,rgba(232,196,124,.15) 0,rgba(232,196,124,.08) 100%);color:var(--accent-gold);font-weight:700;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid rgba(232,196,124,.2)}.score-table td{padding:var(--space-sm);text-align:center;background:rgba(12,18,32,.6);border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s}.score-table tr:hover td{background:rgba(232,196,124,.05)}.score-table tr:last-child td{border-bottom:none}.score-cell{font-weight:700;font-size:var(--font-base)}.score-cell.team1{color:var(--accent-blue);text-shadow:0 0 10px rgba(58,107,158,.3)}.score-cell.team2{color:var(--accent-red);text-shadow:0 0 10px rgba(194,60,60,.3)}.score-history-modal{max-width:340px}.score-history-modal .score-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--space-sm) 0;border-radius:var(--space-xs);overflow:hidden;background:var(--bg-deep);border:1px solid rgba(212,168,75,.2)}.score-history-modal .score-table th{background:rgba(212,168,75,.15);color:var(--accent-gold);font-family:Cinzel,serif;font-size:.8rem;font-weight:600;padding:var(--space-xs) 12px;border-bottom:1px solid rgba(212,168,75,.3)}.score-history-modal .score-table td{padding:var(--space-xs) 12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-light);font-size:.9rem}.score-history-modal .score-table tr:nth-child(2n) td{background:rgba(255,255,255,.02)}.score-history-modal .score-table tbody tr:last-child td,.score-history-modal .score-table tr.total-row td{background:rgba(212,168,75,.1);font-weight:700;font-size:var(--font-base);border-top:1px solid rgba(212,168,75,.3);border-bottom:none}.score-history-modal .score-cell.team1{color:var(--accent-blue);font-weight:600}.score-history-modal .score-cell.team2{color:var(--accent-red);font-weight:600}.score-history-modal .empty-state{text-align:center;padding:var(--space-md);color:var(--text-muted)}.score-summary{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,rgba(12,18,32,.8) 0,rgba(20,26,34,.7) 100%);border-radius:var(--space-sm);border:1px solid rgba(232,196,124,.1);box-shadow:inset 0 2px 10px rgba(0,0,0,.3)}.summary-team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.team-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.team-score{font-size:var(--font-2xl);font-weight:800;font-family:Cinzel,serif}.summary-team.team1 .team-score{color:var(--accent-blue);text-shadow:0 0 20px rgba(58,107,158,.4)}.summary-team.team2 .team-score{color:var(--accent-red);text-shadow:0 0 20px rgba(194,60,60,.4)}#tricks-history-content{max-height:55vh;overflow-y:auto;padding:var(--space-sm);background:rgba(12,18,32,.5);border-radius:var(--space-sm);margin:0 24px 24px}#tricks-history-content::-webkit-scrollbar{width:6px}#tricks-history-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:var(--space-3xs)}#tricks-history-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#c9a55a);border-radius:var(--space-3xs)}.trick-entry{background:linear-gradient(135deg,rgba(26,36,54,.8) 0,rgba(20,28,40,.8) 100%);border-radius:var(--space-xs);padding:var(--space-sm) 14px;margin-bottom:var(--space-xs);border:1px solid rgba(255,255,255,.05);transition:all .2s}.trick-entry:hover{border-color:rgba(232,196,124,.2);background:linear-gradient(135deg,rgba(30,42,60,.8) 0,rgba(24,34,48,.8) 100%)}.trick-entry:last-child{margin-bottom:0}#rules-content{max-height:60vh;overflow-y:auto;padding:var(--space-md) 24px;text-align:left;font-size:var(--font-sm);line-height:1.7;color:var(--text-light)}#rules-content::-webkit-scrollbar{width:6px}#rules-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:var(--space-3xs)}#rules-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#c9a55a);border-radius:var(--space-3xs)}#rules-content h3{color:var(--accent-gold);font-family:Cinzel,serif;font-size:var(--font-md);margin:var(--space-md) 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(232,196,124,.2);letter-spacing:.05em}#rules-content h3:first-child{margin-top:0}#rules-content p{padding:0;margin:0 0 12px;color:var(--text-light)}#rules-content ol,#rules-content ul{margin:0 0 16px;padding-left:24px}#rules-content li{margin-bottom:var(--space-xs);color:var(--text-muted)}#rules-content li::marker{color:var(--accent-gold)}#rules-content strong{color:var(--accent-gold);font-weight:600}#rules-content code{background:rgba(232,196,124,.1);color:var(--accent-gold);padding:2px 6px;border-radius:var(--space-3xs);font-size:.85em}.wish-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs);margin:var(--space-sm) 24px;padding:var(--space-sm);background:rgba(12,18,32,.5);border-radius:var(--space-sm)}.wish-card{padding:var(--space-sm) 8px;background:linear-gradient(135deg,rgba(26,36,54,.9) 0,rgba(20,28,40,.9) 100%);border:2px solid rgba(232,196,124,.2);border-radius:var(--space-xs);color:var(--text-light);font-family:Cinzel,serif;font-size:var(--font-md);font-weight:700;cursor:pointer;min-height:52px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.wish-card:hover{border-color:var(--accent-gold);background:linear-gradient(135deg,rgba(232,196,124,.15) 0,rgba(232,196,124,.05) 100%);box-shadow:0 0 20px rgba(232,196,124,.3);transform:translateY(-3px);color:var(--accent-gold)}.wish-card:active{transform:translateY(-1px)}#dragon-targets{display:flex;gap:var(--space-sm);justify-content:center;margin:var(--space-md) 0;padding:0 24px}#dragon-targets .btn{flex:1;max-width:160px;padding:var(--space-sm) 20px;font-size:var(--font-sm);border-radius:var(--space-sm);transition:all .3s}#round-end-content{padding:var(--space-sm) 24px}#new-round-btn{background:linear-gradient(135deg,#e8c47c 0,#c9a55a 50%,#e8c47c 100%);background-size:200% 100%;animation:goldShimmerBtn 4s ease-in-out infinite}#new-round-btn:hover{background-position:100% 0}.chat-box{position:fixed;bottom:0;left:0;width:300px;background:linear-gradient(180deg,rgba(20,26,34,.95) 0,rgba(12,16,22,.98) 100%);border-radius:0 16px 0 0;border:1px solid rgba(232,196,124,.12);border-left:none;border-bottom:none;z-index:60;box-shadow:4px -4px 30px rgba(0,0,0,.4),0 0 20px rgba(232,196,124,.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-box.hidden{display:none}.chat-box.collapsed .chat-body{display:none}.chat-box.collapsed .chat-toggle{transform:rotate(180deg)}.sidebar-chat-btn{display:none!important}body.in-game .sidebar-chat-btn{display:flex!important;position:relative}body.in-game .sidebar-chat-btn.chat-active{background:rgba(232,196,124,.15);border-left:2px solid var(--accent-gold)}.chat-unread-sidebar{background:linear-gradient(135deg,#e85d5d 0,#c94444 100%);color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:var(--space-xs);margin-left:auto;display:none;box-shadow:0 2px 8px rgba(232,93,93,.4)}.chat-unread-sidebar.has-unread{display:inline-block;animation:pulse-unread 1.5s infinite}body.in-game .chat-box{position:fixed;bottom:210px;left:60px;width:320px;max-height:calc(100vh - 280px);background:linear-gradient(165deg,rgba(18,24,32,.97) 0,rgba(12,16,22,.98) 50%,rgba(8,12,18,.99) 100%);border-radius:0 12px 12px 0;border:1px solid rgba(232,196,124,.2);border-left:3px solid rgba(232,196,124,.6);box-shadow:8px 0 40px rgba(0,0,0,.5),0 0 30px rgba(232,196,124,.05),inset 0 1px 0 rgba(232,196,124,.1),inset -1px 0 0 rgba(255,255,255,.02);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;overflow:hidden;transform:translateX(-120%);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.16, 1, .3, 1),opacity .3s ease,visibility .3s ease}body.in-game .chat-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(232,196,124,.8) 0,rgba(232,196,124,.3) 50%,rgba(232,196,124,.8) 100%);z-index:10}body.in-game .chat-box::after{content:'';position:absolute;top:50%;left:-50px;width:100px;height:200px;background:radial-gradient(ellipse,rgba(45,138,95,.1) 0,transparent 70%);transform:translateY(-50%);pointer-events:none;z-index:0}body.in-game .chat-box.chat-visible{transform:translateX(0);opacity:1;visibility:visible}body.in-game .chat-box.chat-hidden,body.in-game .chat-box.hidden{transform:translateX(-120%);opacity:0;visibility:hidden}body.in-game .chat-header{background:linear-gradient(180deg,rgba(232,196,124,.12) 0,rgba(232,196,124,.04) 50%,rgba(232,196,124,.08) 100%);padding:var(--space-sm) 16px;font-weight:600;font-size:var(--font-xs);color:#e8c47c;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid rgba(232,196,124,.15);position:relative;z-index:5;letter-spacing:.05em;text-transform:uppercase;font-family:Cinzel,serif}body.in-game .chat-header::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,196,124,.3),transparent)}body.in-game .chat-header:hover{background:linear-gradient(180deg,rgba(232,196,124,.18) 0,rgba(232,196,124,.08) 50%,rgba(232,196,124,.12) 100%)}body.in-game .chat-toggle{background:rgba(232,196,124,.1);border:1px solid rgba(232,196,124,.3);color:#e8c47c;width:28px;height:28px;border-radius:var(--space-2xs);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}body.in-game .chat-toggle:hover{background:rgba(232,196,124,.2);border-color:rgba(232,196,124,.5);transform:scale(1.05)}body.in-game .chat-messages{height:220px;overflow-y:auto;padding:var(--space-sm);background:linear-gradient(180deg,rgba(8,12,18,.6) 0,rgba(12,16,22,.8) 100%);position:relative;z-index:1}body.in-game .chat-messages::-webkit-scrollbar{width:4px}body.in-game .chat-messages::-webkit-scrollbar-track{background:rgba(232,196,124,.05);border-radius:2px}body.in-game .chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(232,196,124,.4),rgba(232,196,124,.2));border-radius:2px}body.in-game .chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(232,196,124,.6),rgba(232,196,124,.3))}body.in-game .chat-msg{margin-bottom:var(--space-sm);padding:var(--space-xs) 14px;background:linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);border-radius:var(--space-xs);border-left:2px solid rgba(232,196,124,.3);font-size:.82rem;line-height:1.61818;position:relative;transition:all .2s ease}body.in-game .chat-msg:hover{background:linear-gradient(135deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.02) 100%);border-left-color:rgba(232,196,124,.5)}body.in-game .chat-msg:last-child{margin-bottom:0}body.in-game .chat-msg .author{font-weight:600;font-size:.75rem;margin-bottom:var(--space-3xs);display:block;letter-spacing:.02em}body.in-game .chat-msg.p0{border-left-color:#e8c47c}body.in-game .chat-msg.p0 .author{color:#e8c47c}body.in-game .chat-msg.p1{border-left-color:#4ade80}body.in-game .chat-msg.p1 .author{color:#4ade80}body.in-game .chat-msg.p2{border-left-color:#fb923c}body.in-game .chat-msg.p2 .author{color:#fb923c}body.in-game .chat-msg.p3{border-left-color:#60a5fa}body.in-game .chat-msg.p3 .author{color:#60a5fa}body.in-game .chat-msg.p-1{border-left-color:#a78bfa}body.in-game .chat-msg.p-1 .author{color:#a78bfa}body.in-game .chat-input-row{display:flex;align-items:center;background:linear-gradient(180deg,rgba(232,196,124,.05) 0,rgba(232,196,124,.02) 100%);border-top:1px solid rgba(232,196,124,.1);padding:var(--space-3xs);position:relative;z-index:5}body.in-game .chat-input{flex:1;background:rgba(0,0,0,.3);border:1px solid rgba(232,196,124,.15);border-radius:var(--space-xs);padding:var(--space-sm) 14px;color:#f0f0f0;font-size:.85rem;outline:0;transition:all .2s ease}body.in-game .chat-input::placeholder{color:rgba(255,255,255,.3);font-style:italic}body.in-game .chat-input:focus{background:rgba(0,0,0,.4);border-color:rgba(232,196,124,.4);box-shadow:0 0 15px rgba(232,196,124,.1)}body.in-game .chat-send{background:linear-gradient(135deg,#e8c47c 0,#d4a855 100%);border:none;color:#0c1018;width:44px;height:44px;margin-left:var(--space-xs);cursor:pointer;font-weight:700;font-size:var(--font-md);display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:var(--space-xs);box-shadow:0 4px 15px rgba(232,196,124,.3)}body.in-game .chat-send:hover{background:linear-gradient(135deg,#f0d090 0,#e8c47c 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,196,124,.4)}body.in-game .chat-send:active{transform:translateY(0);box-shadow:0 2px 10px rgba(232,196,124,.3)}.chat-header{background:linear-gradient(180deg,rgba(232,196,124,.08) 0,rgba(232,196,124,.02) 100%);padding:var(--space-sm) 18px;font-weight:600;font-size:var(--font-sm);color:var(--accent-gold);display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid rgba(232,196,124,.1);transition:all .2s;letter-spacing:.03em}.chat-header:hover{background:linear-gradient(180deg,rgba(232,196,124,.12) 0,rgba(232,196,124,.04) 100%)}.chat-toggle{background:0 0;border:none;color:rgba(232,196,124,.6);cursor:pointer;font-size:var(--font-sm);padding:var(--space-3xs) 8px;border-radius:var(--space-2xs);transition:all .2s}.chat-toggle:hover{background:rgba(232,196,124,.1);color:var(--accent-gold)}.chat-unread{background:linear-gradient(135deg,var(--accent-red) 0,#a83232 100%);color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--space-xs);margin-left:var(--space-xs);display:none;animation:unreadPulse 2s ease-in-out infinite;box-shadow:0 0 10px rgba(194,60,60,.4)}@keyframes unreadPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.chat-body{display:flex;flex-direction:column}.chat-messages{height:200px;overflow-y:auto;padding:var(--space-sm);font-size:var(--font-xs);background:linear-gradient(180deg,rgba(10,14,20,.6) 0,rgba(8,12,18,.8) 100%)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:rgba(232,196,124,.3);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(232,196,124,.5)}.chat-msg{margin-bottom:var(--space-sm);padding:var(--space-xs) 14px;background:linear-gradient(135deg,rgba(26,36,54,.6) 0,rgba(20,28,40,.5) 100%);border-radius:var(--space-xs);border-left:3px solid var(--accent-gold);font-size:var(--font-xs);line-height:1.61818;transition:all .2s;animation:msgAppear .3s ease-out}@keyframes msgAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg:last-child{margin-bottom:0}.chat-msg:hover{background:linear-gradient(135deg,rgba(30,42,60,.6) 0,rgba(24,34,48,.5) 100%)}.chat-msg .author{font-weight:600;font-size:var(--font-2xs);margin-bottom:var(--space-3xs);display:block;letter-spacing:.02em}.chat-msg.p0{border-left-color:var(--accent-gold)}.chat-msg.p0 .author{color:var(--accent-gold)}.chat-msg.p1{border-left-color:#4ade80}.chat-msg.p1 .author{color:#4ade80}.chat-msg.p2{border-left-color:#fb923c}.chat-msg.p2 .author{color:#fb923c}.chat-msg.p3{border-left-color:#60a5fa}.chat-msg.p3 .author{color:#60a5fa}.chat-msg.p-1{border-left-color:var(--accent-blue)}.chat-msg.p-1 .author{color:var(--accent-blue)}.chat-input-row{display:flex;align-items:center;background:linear-gradient(180deg,rgba(20,26,34,.9) 0,rgba(14,18,24,.95) 100%);border-top:1px solid rgba(232,196,124,.08)}.chat-input{flex:1;background:0 0;border:none;padding:var(--space-sm) 16px;color:var(--text-light);font-size:var(--font-xs);outline:0;font-family:inherit}.chat-input::placeholder{color:rgba(122,118,112,.6)}.chat-input:focus{background:rgba(232,196,124,.03)}.chat-send{background:linear-gradient(135deg,var(--accent-gold) 0,#c9a55a 100%);border:none;color:var(--bg-deep);width:46px;height:46px;cursor:pointer;font-weight:700;font-size:var(--font-md);display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:0 0 16px 0}.chat-send:hover{background:linear-gradient(135deg,#f0d090 0,var(--accent-gold) 100%);box-shadow:0 0 15px rgba(232,196,124,.3)}.chat-send:active{transform:scale(.95)}.game-log{position:fixed;bottom:0;right:0;width:300px;background:linear-gradient(180deg,rgba(20,26,34,.95) 0,rgba(12,16,22,.98) 100%);border-radius:var(--space-sm) 0 0 0;border:1px solid rgba(232,196,124,.12);border-right:none;border-bottom:none;z-index:60;box-shadow:-4px -4px 30px rgba(0,0,0,.4),0 0 20px rgba(232,196,124,.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-log.collapsed #log-entries{display:none}.game-log.collapsed .game-log-toggle{transform:rotate(180deg)}.game-log-title{background:linear-gradient(180deg,rgba(232,196,124,.08) 0,rgba(232,196,124,.02) 100%);padding:var(--space-sm) 18px;font-weight:600;color:var(--accent-gold);font-size:var(--font-sm);display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid rgba(232,196,124,.1);transition:all .2s;letter-spacing:.03em}.game-log-title:hover{background:linear-gradient(180deg,rgba(232,196,124,.12) 0,rgba(232,196,124,.04) 100%)}.game-log-toggle{background:0 0;border:none;color:rgba(232,196,124,.6);cursor:pointer;font-size:var(--font-sm);padding:var(--space-3xs) 8px;border-radius:var(--space-2xs);transition:all .2s}.game-log-toggle:hover{background:rgba(232,196,124,.1);color:var(--accent-gold)}#log-entries{height:220px;overflow-y:auto;padding:var(--space-sm);font-size:var(--font-xs);background:linear-gradient(180deg,rgba(10,14,20,.6) 0,rgba(8,12,18,.8) 100%)}#log-entries::-webkit-scrollbar{width:4px}#log-entries::-webkit-scrollbar-track{background:0 0}#log-entries::-webkit-scrollbar-thumb{background:rgba(232,196,124,.3);border-radius:2px}.log-entry{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 10px;border-radius:var(--space-xs);background:linear-gradient(135deg,rgba(26,36,54,.5) 0,rgba(20,28,40,.4) 100%);margin-bottom:var(--space-2xs);transition:all .2s}.log-entry:hover{background:linear-gradient(135deg,rgba(30,42,60,.5) 0,rgba(24,34,48,.4) 100%)}.log-entry:last-child{margin-bottom:0}.log-entry .log-name{font-weight:600;font-size:.7rem;min-width:55px}.log-entry .log-name.p0{color:var(--accent-gold)}.log-entry .log-name.p1{color:#4ade80}.log-entry .log-name.p2{color:#fb923c}.log-entry .log-name.p3{color:#60a5fa}.log-entry .log-action{font-size:var(--font-2xs);flex-shrink:0;color:var(--text-muted)}.log-entry .log-cards{display:flex;flex-wrap:wrap;gap:var(--space-3xs);flex:1}.log-entry .mini-card{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border-radius:var(--space-3xs);font-size:.6rem;font-weight:700;background:linear-gradient(135deg,rgba(245,245,220,.9) 0,rgba(232,232,208,.9) 100%);color:#333;min-width:20px;height:22px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.log-entry .mini-card.suit-jade{color:#228b22}.log-entry .mini-card.suit-sword{color:#1a1a2e}.log-entry .mini-card.suit-pagoda{color:#1e90ff}.log-entry .mini-card.suit-star{color:#dc143c}.log-entry .mini-card.special{background:linear-gradient(135deg,#4a3f35 0,#2a2520 100%);color:#fff}.log-entry.new-trick{background:0 0;justify-content:center;padding:var(--space-3xs) 0;margin-bottom:var(--space-3xs)}.log-entry.new-trick .log-divider{display:block;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,196,124,.3),transparent)}.game-chat{position:fixed;bottom:0;right:0;width:320px;max-width:35vw;background:linear-gradient(180deg,rgba(20,28,40,.98) 0,rgba(12,18,28,.99) 100%);border-left:1px solid rgba(232,196,124,.15);border-top:1px solid rgba(232,196,124,.15);border-radius:var(--space-sm) 0 0 0;box-shadow:-4px -4px 20px rgba(0,0,0,.4);z-index:100;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-chat.collapsed .game-chat-body{display:none}.game-chat.collapsed .game-chat-toggle{transform:rotate(180deg)}.game-chat-title{background:linear-gradient(180deg,rgba(232,196,124,.08) 0,rgba(232,196,124,.02) 100%);padding:var(--space-sm) 18px;font-weight:600;font-size:var(--font-sm);color:var(--accent-gold);display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;border-bottom:1px solid rgba(232,196,124,.1);transition:all .2s;letter-spacing:.03em}.game-chat-title:hover{background:linear-gradient(180deg,rgba(232,196,124,.12) 0,rgba(232,196,124,.04) 100%)}.game-chat-toggle{background:0 0;border:none;color:rgba(232,196,124,.6);font-size:var(--font-sm);padding:var(--space-2xs);cursor:pointer;display:flex;align-items:center;border-radius:var(--space-2xs);transition:all .2s}.game-chat-toggle:hover{background:rgba(232,196,124,.1);color:var(--accent-gold)}.game-chat-body{display:flex;flex-direction:column;height:280px}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-sm);font-size:var(--font-xs);background:linear-gradient(180deg,rgba(10,14,20,.6) 0,rgba(8,12,18,.8) 100%)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:rgba(232,196,124,.3);border-radius:2px}.chat-message{padding:var(--space-xs) 10px;border-radius:var(--space-xs);background:linear-gradient(135deg,rgba(26,36,54,.5) 0,rgba(20,28,40,.4) 100%);margin-bottom:var(--space-2xs);transition:all .2s;word-wrap:break-word}.chat-message:hover{background:linear-gradient(135deg,rgba(30,42,60,.5) 0,rgba(24,34,48,.4) 100%)}.chat-message .chat-name{font-weight:600;font-size:.7rem;margin-right:6px}.chat-message .chat-name.p0{color:var(--accent-gold)}.chat-message .chat-name.p1{color:#4ade80}.chat-message .chat-name.p2{color:#fb923c}.chat-message .chat-name.p3{color:#60a5fa}.chat-message .chat-text{font-size:var(--font-2xs);color:var(--text-secondary)}.chat-input-area{display:flex;gap:6px;padding:var(--space-xs);background:rgba(0,0,0,.3);border-top:1px solid rgba(232,196,124,.1)}.chat-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(232,196,124,.2);border-radius:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--text-primary);font-size:var(--font-xs);outline:0;transition:all .2s}.chat-input:focus{border-color:var(--accent-gold);background:rgba(255,255,255,.08)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:linear-gradient(135deg,var(--accent-gold) 0,#c9a227 100%);border:none;border-radius:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:#1a1a2e;font-weight:600;cursor:pointer;transition:all .2s}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 2px 10px rgba(232,196,124,.3)}@media (max-width:768px){.game-chat{display:none}}.history-mode-selector{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:var(--space-md);padding:var(--space-xs);background:linear-gradient(180deg,rgba(232,196,124,.05) 0,rgba(12,18,32,.3) 100%);border-radius:var(--space-sm);border:1px solid rgba(232,196,124,.1)}.history-mode-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 24px;background:0 0;border:none;color:var(--text-muted);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--space-xs)}.history-mode-btn:hover{color:var(--accent-gold-light);background:rgba(232,196,124,.08)}.history-mode-btn.active{color:var(--accent-gold);background:linear-gradient(135deg,rgba(232,196,124,.15) 0,rgba(232,196,124,.08) 100%);box-shadow:0 0 20px rgba(232,196,124,.1)}.history-mode-btn .mode-icon{font-size:var(--font-md)}.history-mode-btn .mode-label{font-family:Cinzel,serif;letter-spacing:.05em}.mode-divider{display:flex;align-items:center;padding:0 8px;color:rgba(232,196,124,.3)}.divider-ornament{font-size:.6rem}.match-history-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:320px;overflow-y:auto;padding-right:4px}.match-history-list::-webkit-scrollbar{width:4px}.match-history-list::-webkit-scrollbar-track{background:rgba(12,18,32,.5);border-radius:2px}.match-history-list::-webkit-scrollbar-thumb{background:rgba(232,196,124,.3);border-radius:2px}.match-history-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 16px;background:linear-gradient(135deg,rgba(26,36,54,.8) 0,rgba(20,28,42,.9) 100%);border-radius:var(--space-xs);border:1px solid rgba(232,196,124,.08);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.match-history-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-red);transition:all .3s}.match-history-item.win::before{background:linear-gradient(180deg,var(--accent-green) 0,#1d6b45 100%);box-shadow:0 0 12px rgba(45,138,95,.4)}.match-history-item.loss::before{background:linear-gradient(180deg,var(--accent-red) 0,#a83232 100%);box-shadow:0 0 12px rgba(220,74,74,.4)}.match-history-item:hover{transform:translateX(6px);border-color:rgba(232,196,124,.25);background:linear-gradient(135deg,rgba(30,42,62,.9) 0,rgba(24,34,50,.95) 100%);box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 30px rgba(232,196,124,.05)}.match-result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--space-xs);font-size:var(--font-md);font-weight:700}.match-history-item.win .match-result-icon{background:linear-gradient(135deg,rgba(45,138,95,.2) 0,rgba(45,138,95,.1) 100%);color:var(--accent-green);box-shadow:0 0 15px rgba(45,138,95,.2)}.match-history-item.loss .match-result-icon{background:linear-gradient(135deg,rgba(220,74,74,.2) 0,rgba(220,74,74,.1) 100%);color:var(--accent-red);box-shadow:0 0 15px rgba(220,74,74,.2)}.match-info{flex:1;display:flex;flex-direction:column;gap:var(--space-3xs)}.match-score{font-family:Cinzel,serif;font-size:var(--font-md);font-weight:600;color:var(--accent-gold);letter-spacing:.02em}.match-meta{display:flex;gap:var(--space-sm);font-size:var(--font-2xs);color:var(--text-muted)}.match-meta span{display:flex;align-items:center;gap:var(--space-3xs)}.match-date{font-size:.7rem;color:rgba(232,196,124,.5);font-style:italic}.match-arrow{color:rgba(232,196,124,.3);font-size:var(--font-md);transition:all .3s}.match-history-item:hover .match-arrow{color:var(--accent-gold);transform:translateX(4px)}.history-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) 20px;color:var(--text-muted);text-align:center}.empty-icon{font-size:var(--font-hero);opacity:.4}.empty-text{font-size:var(--font-sm);opacity:.7}.match-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,10,18,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.match-detail-overlay.active{display:flex;opacity:1}.md-particles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.md-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,rgba(232,196,124,.6) 0,transparent 70%);animation:mdFloat 8s ease-in-out infinite}.md-particle:first-child{left:10%;top:20%;animation-delay:0s;animation-duration:7s}.md-particle:nth-child(2){left:25%;top:60%;animation-delay:1s;animation-duration:9s}.md-particle:nth-child(3){left:45%;top:30%;animation-delay:2s;animation-duration:6s}.md-particle:nth-child(4){left:70%;top:70%;animation-delay:.5s;animation-duration:8s}.md-particle:nth-child(5){left:85%;top:25%;animation-delay:1.5s;animation-duration:7s}.md-particle:nth-child(6){left:60%;top:85%;animation-delay:2.5s;animation-duration:10s}@keyframes mdFloat{0%,100%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.5);opacity:.8}}.match-detail-modal{background:linear-gradient(180deg,rgba(18,26,40,.98) 0,rgba(12,18,28,.99) 100%);border:1px solid rgba(232,196,124,.15);border-radius:var(--space-md);width:90%;max-width:560px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 80px rgba(232,196,124,.05);transform:scale(.9);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.match-detail-overlay.active .match-detail-modal{transform:scale(1);opacity:1}.md-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:rgba(232,196,124,.1);border:1px solid rgba(232,196,124,.2);border-radius:50%;color:var(--accent-gold);font-size:var(--font-base);cursor:pointer;transition:all .3s;z-index:10}.md-close:hover{background:rgba(232,196,124,.2);transform:rotate(90deg)}.md-header{padding:var(--space-lg) 24px 24px;text-align:center;position:relative;background:linear-gradient(180deg,rgba(232,196,124,.06) 0,transparent 100%)}.md-header-ornament{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);margin:0 auto 16px}.md-result{position:relative;display:inline-block;margin-bottom:var(--space-sm)}.md-result .result-label{font-family:Cinzel,serif;font-size:var(--font-xl);font-weight:700;letter-spacing:.15em;text-transform:uppercase}.md-result.victory .result-label{background:linear-gradient(135deg,var(--accent-green) 0,#4ade80 50%,var(--accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(45,138,95,.5)}.md-result.defeat .result-label{background:linear-gradient(135deg,var(--accent-red) 0,#f87171 50%,var(--accent-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(220,74,74,.5)}.result-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:300%;border-radius:50%;pointer-events:none}.md-result.victory .result-glow{background:radial-gradient(ellipse,rgba(45,138,95,.15) 0,transparent 70%)}.md-result.defeat .result-glow{background:radial-gradient(ellipse,rgba(220,74,74,.15) 0,transparent 70%)}.md-final-score{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.final-score-team1,.final-score-team2{font-family:Cinzel,serif;font-size:var(--font-2xl);font-weight:700;color:var(--accent-gold);text-shadow:0 2px 10px rgba(232,196,124,.3)}.final-score-vs{font-size:var(--font-md);color:var(--text-muted)}.md-meta{display:flex;justify-content:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text-muted)}.meta-item{display:flex;align-items:center;gap:var(--space-3xs)}.meta-divider{color:rgba(232,196,124,.3);font-size:.6rem}.md-teams{display:flex;gap:var(--space-sm);padding:0 20px 20px;position:relative}.md-team{flex:1;background:linear-gradient(180deg,rgba(26,36,54,.6) 0,rgba(20,28,42,.4) 100%);border-radius:var(--space-sm);padding:var(--space-sm);border:1px solid rgba(232,196,124,.08)}.md-team.team1{border-left:3px solid rgba(45,138,95,.6)}.md-team.team2{border-left:3px solid rgba(220,74,74,.6)}.team-header{text-align:center;margin-bottom:var(--space-sm);padding-bottom:8px;border-bottom:1px solid rgba(232,196,124,.1)}.team-label{font-family:Cinzel,serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--accent-gold);text-transform:uppercase}.team-players{display:flex;flex-direction:column;gap:var(--space-xs)}.md-player{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 10px;background:rgba(12,18,32,.4);border-radius:var(--space-2xs)}.md-player .player-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.md-player.is-user .player-indicator{background:var(--accent-gold);box-shadow:0 0 8px rgba(232,196,124,.5)}.md-player.is-ai .player-indicator{background:linear-gradient(135deg,#6366f1,#818cf8)}.md-player .player-name{flex:1;font-size:var(--font-xs);color:var(--text-light);font-weight:500}.md-player.is-user .player-name{color:var(--accent-gold)}.md-player .player-elo{font-size:.7rem;color:var(--text-muted);background:rgba(232,196,124,.1);padding:2px 6px;border-radius:var(--space-3xs)}.md-vs-emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,36,54,.95) 0,rgba(18,26,38,.95) 100%);border:2px solid rgba(232,196,124,.2);border-radius:50%;z-index:5}.vs-text{font-family:Cinzel,serif;font-size:.7rem;font-weight:700;color:var(--accent-gold);letter-spacing:.05em}.md-rounds-section{padding:0 20px 20px}.section-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.header-ornament{color:rgba(232,196,124,.3);font-size:var(--font-xs)}.header-title{font-family:Cinzel,serif;font-size:var(--font-xs);font-weight:600;color:var(--accent-gold);letter-spacing:.05em}.md-rounds-table{background:rgba(12,18,32,.5);border-radius:var(--space-xs);overflow:hidden;border:1px solid rgba(232,196,124,.08)}.rounds-header{display:grid;grid-template-columns:40px 1fr 1fr 80px;gap:var(--space-xs);padding:var(--space-sm) 16px;background:linear-gradient(180deg,rgba(232,196,124,.08) 0,rgba(232,196,124,.03) 100%);border-bottom:1px solid rgba(232,196,124,.1);font-size:.7rem;font-weight:600;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em}.col-round{text-align:center}.col-team1,.col-team2{text-align:center}.col-total{text-align:right}.round-row{display:grid;grid-template-columns:40px 1fr 1fr 80px;gap:var(--space-xs);padding:var(--space-xs) 16px;font-size:var(--font-xs);color:var(--text-light);border-bottom:1px solid rgba(232,196,124,.05);transition:all .2s;opacity:0;transform:translateX(-10px);animation:roundRowIn .4s ease-out forwards}.round-row:nth-child(2){animation-delay:50ms}.round-row:nth-child(3){animation-delay:.1s}.round-row:nth-child(4){animation-delay:.15s}.round-row:nth-child(5){animation-delay:.2s}.round-row:nth-child(6){animation-delay:.25s}.round-row:nth-child(7){animation-delay:.3s}.round-row:nth-child(8){animation-delay:.35s}.round-row:nth-child(9){animation-delay:.4s}.round-row:nth-child(10){animation-delay:.45s}.round-row:nth-child(11){animation-delay:.5s}.round-row:nth-child(12){animation-delay:.55s}@keyframes roundRowIn{to{opacity:1;transform:translateX(0)}}.round-row:hover{background:rgba(232,196,124,.03)}.round-row:last-child{border-bottom:none}.round-row .col-round{color:var(--text-muted);font-weight:500;text-align:center}.round-row .col-team1,.round-row .col-team2{text-align:center;font-weight:500}.round-row .col-team1.highlight{color:var(--accent-green)}.round-row .col-team2.highlight{color:var(--accent-red)}.round-row .col-total{text-align:right;color:var(--accent-gold);font-weight:600}.round-belote{display:inline-flex;align-items:center;gap:2px;font-size:.65rem;padding:1px 4px;border-radius:var(--space-3xs);margin-left:var(--space-3xs)}.round-belote.success{background:rgba(45,138,95,.2);color:var(--accent-green)}.round-belote.failed{background:rgba(220,74,74,.2);color:var(--accent-red)}.double-win-badge{display:inline-block;font-size:.6rem;background:linear-gradient(135deg,var(--accent-gold) 0,#c9a55a 100%);color:#0c1220;padding:2px 6px;border-radius:var(--space-3xs);font-weight:700;margin-left:var(--space-3xs)}.md-footer{padding:var(--space-sm) 20px 20px;text-align:center;border-top:1px solid rgba(232,196,124,.08)}.md-close-btn{background:linear-gradient(135deg,rgba(232,196,124,.15) 0,rgba(232,196,124,.08) 100%);border:1px solid rgba(232,196,124,.2);color:var(--accent-gold);padding:var(--space-sm) 32px;border-radius:var(--space-xs);font-family:Cinzel,serif;font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .3s}.md-close-btn:hover{background:linear-gradient(135deg,rgba(232,196,124,.25) 0,rgba(232,196,124,.15) 100%);box-shadow:0 4px 20px rgba(232,196,124,.15)}#profile-content-history{display:none}#profile-content-history.active{display:block}body.reduce-motion,body.reduce-motion *,body.reduce-motion ::after,body.reduce-motion ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}body.reduce-motion .card{transition:none!important}body.reduce-motion .poker-table{animation:none!important}body.reduce-motion .poker-table.my-turn{animation:none!important;box-shadow:0 25px 60px rgba(0,0,0,.5),0 15px 35px rgba(0,0,0,.35),0 0 30px rgba(34,85,51,.25),inset 0 0 100px rgba(0,0,0,.3),inset 0 0 50px rgba(0,0,0,.2)}body.reduce-motion .card-fan,body.reduce-motion .hand-card,body.reduce-motion .played-card{animation:none!important;transition:transform 50ms ease!important}body.reduce-motion .confetti,body.reduce-motion .firework,body.reduce-motion .particle{display:none!important}#btn-anim{font-size:1rem}.round-row.expandable{cursor:pointer;transition:background .2s ease}.round-row.expandable:hover{background:rgba(232,196,124,.08)}.round-row.expanded{background:rgba(232,196,124,.05);border-bottom:none}.expand-icon{display:inline-block;width:16px;height:16px;line-height:14px;text-align:center;font-size:12px;font-weight:700;color:var(--gold);background:rgba(232,196,124,.15);border-radius:3px;margin-left:6px;transition:transform .2s ease}.round-row.expanded .expand-icon{transform:rotate(45deg)}.tricks-container{background:rgba(0,0,0,.2);border-left:2px solid rgba(232,196,124,.3);margin-left:20px;margin-bottom:8px;padding:8px 0;animation:slideDown .2s ease}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.trick-row{display:grid;grid-template-columns:30px 80px 1fr 50px;gap:8px;padding:6px 12px;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease}.trick-row:last-child{border-bottom:none}.trick-row:hover{background:rgba(255,255,255,.03)}.trick-row.team1{border-left:3px solid rgba(100,200,100,.5)}.trick-row.team2{border-left:3px solid rgba(200,100,100,.5)}.trick-num{color:var(--text-muted);font-size:.7rem}.trick-winner{color:var(--gold);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trick-cards{color:var(--text-secondary);font-family:monospace;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trick-points{text-align:right;color:var(--text-muted);font-size:.75rem}.trick-row.team1 .trick-points,.trick-row.team2 .trick-points{color:rgba(232,196,124,.8)}.full-history-modal{background:linear-gradient(165deg,#0d1117 0,#161b22 50%,#0d1117 100%);border:1px solid rgba(201,170,113,.15);border-radius:16px;max-width:500px;width:95%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.full-history-header{padding:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}.full-history-header h2{font-size:1.1rem;color:#c9aa71;margin:0;font-weight:600}.full-history-modal .history-mode-selector{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.full-history-modal .match-history-list{flex:1;overflow-y:auto;padding:16px 20px;max-height:none}#active-game-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,13,18,.95);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#active-game-modal.show{opacity:1;visibility:visible}.active-game-modal-content{background:linear-gradient(145deg,#1a2230 0,#0e1318 100%);border:1px solid var(--accent-gold);border-radius:16px;padding:32px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 60px rgba(212,168,75,.15),0 20px 40px rgba(0,0,0,.4);animation:activeGameModalSlideIn .4s ease-out}@keyframes activeGameModalSlideIn{from{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.agm-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.active-game-modal-content h2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.5rem;margin:0 0 12px 0;text-transform:uppercase;letter-spacing:2px}.agm-message{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.5;margin:0 0 20px 0}.agm-info{background:rgba(212,168,75,.1);border:1px solid rgba(212,168,75,.2);border-radius:8px;padding:12px 16px;margin-bottom:24px}.agm-mode{color:var(--accent-gold-light);font-weight:600;font-size:1rem}.agm-buttons{display:flex;gap:12px;justify-content:center}.agm-btn{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease}.agm-reconnect{background:linear-gradient(135deg,var(--accent-jade) 0,#257a62 100%);color:#fff;box-shadow:0 4px 15px rgba(42,138,110,.3)}.agm-reconnect:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(42,138,110,.4)}.agm-abandon{background:linear-gradient(135deg,#4a3040 0,#3a2030 100%);color:rgba(255,255,255,.8);border:1px solid rgba(194,60,60,.3)}.agm-abandon:hover{background:linear-gradient(135deg,var(--accent-red) 0,#9a2c2c 100%);color:#fff;transform:translateY(-2px)}@media (max-width:480px){.active-game-modal-content{padding:24px}.agm-buttons{flex-direction:column}.agm-btn{width:100%}}:root{--sidebar-width:233px;--sidebar-collapsed-width:60px}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#0d1117 0,#080b10 100%);border-right:1px solid rgba(212,168,75,.1);z-index:1000;display:flex;flex-direction:column;box-shadow:4px 0 32px rgba(0,0,0,.5)}.sidebar::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0,rgba(212,168,85,.04) 0,transparent 60%),radial-gradient(ellipse at 70% 100%,rgba(45,90,74,.04) 0,transparent 60%);pointer-events:none}.sidebar-inner{position:relative;display:flex;flex-direction:column;height:100%;z-index:1}.sidebar-corner{position:absolute;width:16px;height:16px;pointer-events:none;opacity:.3;z-index:2}.sidebar-corner::after,.sidebar-corner::before{content:'';position:absolute;background:var(--accent-gold)}.sidebar-corner-tl{top:10px;left:10px}.sidebar-corner-tl::before{width:10px;height:1px;top:0;left:0}.sidebar-corner-tl::after{width:1px;height:10px;top:0;left:0}.sidebar-corner-tr{top:10px;right:10px}.sidebar-corner-tr::before{width:10px;height:1px;top:0;right:0}.sidebar-corner-tr::after{width:1px;height:10px;top:0;right:0}.sidebar-corner-bl{bottom:10px;left:10px}.sidebar-corner-bl::before{width:10px;height:1px;bottom:0;left:0}.sidebar-corner-bl::after{width:1px;height:10px;bottom:0;left:0}.sidebar-corner-br{bottom:10px;right:10px}.sidebar-corner-br::before{width:10px;height:1px;bottom:0;right:0}.sidebar-corner-br::after{width:1px;height:10px;bottom:0;right:0}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:16px 14px 14px;border-bottom:1px solid rgba(212,168,75,.1);position:relative}.sidebar-logo::after{content:'';position:absolute;bottom:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:.25}.logo-icon{font-size:1.6rem;filter:drop-shadow(0 0 8px rgba(212, 168, 85, .3))}.logo-icon-img{width:32px;height:32px;vertical-align:middle;margin-right:6px;filter:drop-shadow(0 0 8px rgba(212, 168, 85, .4))}.logo-text{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;letter-spacing:.12em;background:linear-gradient(135deg,#e8c47c 0,var(--accent-gold) 50%,#b8923d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0;display:none}.sidebar-nav::-webkit-scrollbar-thumb{background:0 0}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar-section{padding:4px 12px 4px}.sidebar-section-label{font-family:Inter,sans-serif;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);padding:0 12px 6px}.sidebar-section-user{border-top:1px solid rgba(212,168,75,.1);margin-top:4px;padding-top:12px;display:none}.sidebar-section-user.logged-in{display:block}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--text-light);text-decoration:none;font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;transition:all .2s ease;position:relative;cursor:pointer;margin:1px 0}.sidebar-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(180deg,#e8c47c,var(--accent-gold));border-radius:0 2px 2px 0;transition:height .2s ease}.sidebar-item:hover{background:rgba(212,168,85,.1);color:#e8c47c}.sidebar-item:hover::before{height:20px}.sidebar-item:hover .sidebar-item-icon{transform:scale(1.1)}.sidebar-item-icon{font-size:1rem;transition:transform .2s ease;width:22px;text-align:center;flex-shrink:0}.sidebar-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-settings{margin-top:auto;padding:10px;border-top:1px solid rgba(212,168,75,.1);background:rgba(0,0,0,.15)}.sidebar-setting-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-light);background:rgba(212,168,75,.05);border:1px solid rgba(212,168,75,.15);border-radius:8px}.sidebar-setting-icon{font-size:.95rem;width:22px;text-align:center;flex-shrink:0}.sidebar-setting-label{flex:1}.sidebar-sound-toggle{background:0 0;border:none;padding:0;cursor:pointer;margin-left:auto}.toggle-track{display:block;width:38px;height:20px;background:rgba(255,255,255,.08);border:1px solid rgba(212,168,75,.3);border-radius:10px;position:relative;transition:all .25s ease}.toggle-track:hover{border-color:rgba(212,168,75,.5)}.sidebar-sound-toggle.active .toggle-track{background:rgba(45,90,74,.5)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:linear-gradient(135deg,#4a4a4a 0,#333 100%);border-radius:50%;transition:all .25s cubic-bezier(.4, 0, .2, 1);box-shadow:0 1px 3px rgba(0,0,0,.3)}.sidebar-sound-toggle.active .toggle-thumb{left:20px;background:linear-gradient(135deg,#e8c47c 0,var(--accent-gold) 100%);box-shadow:0 0 10px rgba(212,168,85,.4)}.sidebar-lang-section{padding:10px;border-bottom:1px solid rgba(212,168,75,.1)}.sidebar-lang-dropdown{position:relative}.sidebar-lang-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:rgba(212,168,75,.08);border:1px solid rgba(212,168,75,.2);border-radius:6px;cursor:pointer;color:var(--text-light);font-family:inherit;font-size:.8rem;transition:all .2s ease}.sidebar-lang-btn:hover{border-color:var(--accent-gold);background:rgba(212,168,75,.15)}.sidebar-lang-btn .sidebar-lang-icon{font-size:1rem}.sidebar-lang-btn .lang-flag{width:20px;height:14px;border-radius:2px;object-fit:cover}.sidebar-lang-btn .lang-name{flex:1;text-align:left;font-weight:500}.sidebar-lang-btn .lang-arrow{font-size:.6rem;color:var(--accent-gold);transition:transform .2s ease}.sidebar-lang-dropdown.active .sidebar-lang-btn .lang-arrow{transform:rotate(180deg)}.sidebar-lang-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:linear-gradient(180deg,rgba(22,28,38,.98) 0,rgba(10,13,18,.98) 100%);border:1px solid rgba(212,168,75,.25);border-radius:8px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.4)}.sidebar-lang-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.sidebar-lang-menu .lang-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:all .15s ease;font-size:.85rem}.sidebar-lang-menu .lang-option:hover{background:rgba(212,168,75,.12)}.sidebar-lang-menu .lang-option.selected{background:rgba(212,168,75,.15);color:var(--accent-gold)}.sidebar-lang-menu .lang-option img{width:20px;height:14px;border-radius:2px;object-fit:cover}.sidebar-user-section{padding:10px;border-bottom:1px solid rgba(212,168,75,.1)}.sidebar-user-card{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(212,168,75,.05);border-radius:8px;border:1px solid rgba(212,168,75,.1)}.sidebar-user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-gold),#d4a85a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.sidebar-user-name{flex:1;font-weight:600;color:var(--text-light);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-elo{background:linear-gradient(135deg,var(--accent-gold),#d4a85a);color:var(--bg-deep);padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;flex-shrink:0}.sidebar-auth-buttons{display:flex;flex-direction:column;gap:6px}.sidebar-btn-login,.sidebar-btn-register{padding:10px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:center;font-family:inherit}.sidebar-btn-login{background:0 0;border:1px solid rgba(212,168,75,.4);color:var(--accent-gold)}.sidebar-btn-login:hover{border-color:var(--accent-gold);background:rgba(212,168,75,.1)}.sidebar-btn-register{background:linear-gradient(135deg,var(--accent-gold),#d4a85a);border:none;color:var(--bg-deep)}.sidebar-btn-register:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,168,75,.3)}.sidebar-account-section{padding:12px;border-top:1px solid rgba(212,168,75,.1);margin-top:auto}.sidebar-account-section .sidebar-item{margin:2px 0}.sidebar-logout{color:var(--accent-red)!important}.sidebar-logout:hover{background:rgba(194,60,60,.15)!important}.sidebar.collapsed .sidebar-lang-section{padding:6px;display:flex;justify-content:center}.sidebar.collapsed .sidebar-lang-dropdown{width:auto}.sidebar.collapsed .sidebar-lang-btn{padding:8px;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px}.sidebar.collapsed .sidebar-lang-btn .lang-arrow,.sidebar.collapsed .sidebar-lang-btn .lang-flag,.sidebar.collapsed .sidebar-lang-btn .lang-name{display:none}.sidebar.collapsed .sidebar-lang-btn .sidebar-lang-icon{font-size:1.3rem}.sidebar.collapsed .sidebar-user-section{padding:6px;display:flex;flex-direction:column;align-items:center}.sidebar.collapsed .sidebar-user-card{padding:8px;justify-content:center}.sidebar.collapsed .sidebar-user-name{display:none}.sidebar.collapsed .sidebar-user-elo{display:none!important;opacity:0!important;visibility:hidden!important}.sidebar.collapsed .sidebar-auth-buttons{gap:4px;align-items:center}.sidebar.collapsed .sidebar-btn-login,.sidebar.collapsed .sidebar-btn-register{padding:0;font-size:0;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .sidebar-btn-login::before{content:'→';font-size:1.1rem;color:var(--accent-gold)}.sidebar.collapsed .sidebar-btn-register::before{content:'+';font-size:1.3rem;font-weight:700;color:var(--bg-deep)}.sidebar.collapsed .sidebar-account-section{padding:8px}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(3px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}#lobby{padding-left:var(--sidebar-width);box-sizing:border-box;transition:padding-left .3s ease}.site-header{display:none}#game-wrapper{margin-left:0}.sidebar-collapse-btn{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:linear-gradient(135deg,#1a1f2a 0,#0d1117 100%);border:1px solid rgba(212,168,75,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.4)}.sidebar-collapse-btn:hover{background:linear-gradient(135deg,#2a3040 0,#1a1f2a 100%);border-color:var(--accent-gold);box-shadow:0 0 12px rgba(212,168,85,.3)}.sidebar-collapse-btn::before{content:'◀';font-size:10px;color:var(--accent-gold);transition:transform .3s ease}.sidebar.collapsed .sidebar-collapse-btn::before{transform:rotate(180deg)}.sidebar.collapsed{width:var(--sidebar-collapsed-width);overflow:hidden}.sidebar.collapsed .logo-text{display:none!important}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:24px 10px 20px}.sidebar-section-label{display:none!important}.sidebar.collapsed .sidebar-section{padding:0 4px}.sidebar.collapsed .sidebar-item{margin-bottom:2px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:11px 8px}.sidebar.collapsed .sidebar-item-text{opacity:0;width:0;overflow:hidden;transition:opacity .2s ease,width .3s ease}.sidebar.collapsed .sidebar-item-icon{margin:0}.sidebar.collapsed .sidebar-badge-group{position:absolute;top:2px;right:2px}.sidebar.collapsed .sidebar-badge{min-width:16px;height:16px;font-size:.6rem;padding:0 3px}.sidebar.collapsed .sidebar-settings{padding:10px 6px;display:flex;justify-content:center;border-top:none;background:0 0}.sidebar.collapsed .sidebar-setting-item{justify-content:center;gap:0}.sidebar.collapsed .sidebar-setting-icon,.sidebar.collapsed .sidebar-setting-label{display:none!important}.sidebar.collapsed .sidebar-item::before{display:none!important;background:0 0!important}.sidebar.collapsed .sidebar-btn-register{background:linear-gradient(135deg,var(--accent-gold),#d4a85a)!important;border:none!important}.sidebar.collapsed .sidebar-sound-toggle{margin-left:0}.sidebar.collapsed .sidebar-corner{display:none!important;opacity:0!important}.sidebar.collapsed .sidebar-lang-btn{background:0 0!important;border-color:transparent!important}.sidebar.collapsed .sidebar-lang-menu .lang-option{padding:8px;justify-content:center;gap:0}.sidebar.collapsed .sidebar-lang-menu .lang-option span,.sidebar.collapsed .sidebar-lang-menu .lang-option-name,.sidebar.collapsed .sidebar-lang-menu .lang-option::after{display:none!important}.sidebar.collapsed .sidebar-lang-menu .lang-option img{width:24px;height:18px}body.sidebar-collapsed #lobby{padding-left:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-item{position:relative}.sidebar.collapsed .sidebar-item::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#1a1f2a 0,#0d1117 100%);border:1px solid rgba(212,168,75,.3);color:var(--text-light);padding:6px 12px;border-radius:6px;font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1001;box-shadow:0 4px 12px rgba(0,0,0,.4)}.sidebar.collapsed .sidebar-item:hover::after{opacity:1;visibility:visible}.sidebar{transition:width .3s cubic-bezier(.4, 0, .2, 1)}.logo-text,.sidebar-item-text,.sidebar-section-label,.sidebar-setting-label{transition:opacity .2s ease,width .3s ease}@media (max-width:900px){.sidebar-collapse-btn{display:none}}@media (max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.sidebar.open{transform:translateX(0)}#lobby{padding-left:0}.site-header{margin-left:0}.burger-btn{display:flex}}.live-games-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.live-games-overlay.active{opacity:1;visibility:visible}.live-games-modal{background:linear-gradient(180deg,#12171f 0,#0a0e14 100%);border:1px solid rgba(212,168,75,.2);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.5)}.live-games-overlay.active .live-games-modal{transform:scale(1) translateY(0)}.live-games-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(212,168,75,.15);background:rgba(212,168,75,.05)}.live-games-header h2{font-family:Cinzel,serif;font-size:1.2rem;font-weight:600;color:var(--accent-gold);margin:0}.live-games-close{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:all .2s ease}.live-games-close:hover{background:rgba(255,255,255,.1);color:var(--text-light)}.live-games-content{padding:20px;max-height:60vh;overflow-y:auto}.live-games-loading{text-align:center;color:var(--text-muted);padding:40px}.live-games-empty{text-align:center;color:var(--text-muted);padding:40px}.live-games-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.live-games-list{display:flex;flex-direction:column;gap:12px}.live-game-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.live-game-item:hover{background:rgba(212,168,75,.08);border-color:rgba(212,168,75,.2);transform:translateY(-2px)}.live-game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.live-game-mode{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:4px}.live-game-mode.ranked{background:rgba(212,168,75,.2);color:var(--accent-gold)}.live-game-mode.casual{background:rgba(74,127,212,.2);color:#6ba3ff}.live-game-score{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600}.live-game-score .team1{color:#6ba3ff}.live-game-score .team2{color:#ff6b6b}.live-game-score .separator{color:var(--text-muted);margin:0 6px}.live-game-players{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-game-team{display:flex;flex-direction:column;gap:4px}.live-game-team-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px}.live-game-player{font-size:.85rem;color:var(--text-light);display:flex;align-items:center;gap:6px}.live-game-player.bot{color:var(--text-muted);font-style:italic}.live-game-spectate{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:10px;background:rgba(212,168,75,.1);border:1px solid rgba(212,168,75,.2);border-radius:8px;color:var(--accent-gold);font-size:.85rem;font-weight:500}.live-game-item:hover .live-game-spectate{background:rgba(212,168,75,.15)}.emote-container{position:fixed;bottom:28px;left:calc(50% - 455px);z-index:80;display:none}.emote-container.hidden{display:none!important}body.in-game .emote-container{display:block}.emote-trigger-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(232,196,124,.4);background:linear-gradient(145deg,rgba(28,36,46,.95) 0,rgba(18,24,32,.98) 100%);box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 30px rgba(232,196,124,.1),inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.emote-trigger-btn::before{content:'';position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(232,196,124,.2);pointer-events:none}.emote-trigger-btn:hover{transform:scale(1.1);border-color:rgba(232,196,124,.7);box-shadow:0 6px 30px rgba(0,0,0,.6),0 0 40px rgba(232,196,124,.2)}.emote-trigger-btn:active{transform:scale(.95)}.emote-trigger-btn.active{border-color:#e8c47c;background:linear-gradient(145deg,rgba(232,196,124,.15) 0,rgba(28,36,46,.95) 100%)}.emote-trigger-icon{font-size:var(--font-xl);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.emote-panel{position:absolute;bottom:70px;left:50%;transform:translateX(-50%) translateY(20px) scale(.9);width:280px;background:linear-gradient(165deg,rgba(22,28,38,.98) 0,rgba(14,18,26,.99) 100%);border-radius:var(--space-sm);border:1px solid rgba(232,196,124,.25);box-shadow:0 10px 50px rgba(0,0,0,.6),0 0 40px rgba(232,196,124,.08),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.emote-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,rgba(232,196,124,.6) 20%,rgba(232,196,124,.8) 50%,rgba(232,196,124,.6) 80%,transparent 100%)}.emote-panel::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(22,28,38,.98)}.emote-panel.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}.emote-panel-header{padding:var(--space-sm) 18px 12px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;color:#e8c47c;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(232,196,124,.12);text-align:center}.emote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xs);padding:var(--space-sm)}.emote-option{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 14px;background:linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);border:1px solid rgba(232,196,124,.1);border-radius:var(--space-xs);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.emote-option:hover{transform:scale(1.05) translateY(-2px);border-color:rgba(232,196,124,.4);box-shadow:0 6px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,rgba(232,196,124,.1) 0,rgba(232,196,124,.02) 100%)}.emote-option:active{transform:scale(.98)}.emote-emoji{font-size:var(--font-lg);transition:transform .3s ease}.emote-option:hover .emote-emoji{transform:scale(1.2)}.emote-text{font-size:.78rem;color:var(--text-light);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emote-bubble{position:absolute;padding:var(--space-xs) 16px;background:linear-gradient(145deg,rgba(28,36,46,.95) 0,rgba(18,24,32,.98) 100%);border:1px solid rgba(232,196,124,.4);border-radius:var(--space-md);box-shadow:0 8px 30px rgba(0,0,0,.5),0 0 20px rgba(232,196,124,.1);z-index:200;pointer-events:none;display:none;align-items:center;gap:var(--space-xs)}.emote-bubble.show{display:flex;animation:emoteBubbleIn .4s cubic-bezier(.34,1.56,.64,1) forwards,emoteBubbleOut .3s ease-in 3.2s forwards}.emote-bubble::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(28,36,46,.95)}.emote-bubble .emote-emoji{font-size:var(--font-lg)}.emote-bubble .emote-text{font-size:.85rem;font-weight:600;color:#e8c47c}#emote-bubble-0{bottom:290px;left:50%;transform:translateX(-50%)}#emote-bubble-1{right:12%;top:42%}#emote-bubble-1::after{bottom:auto;left:auto;right:-8px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid rgba(28,36,46,.95);border-right:none}#emote-bubble-2{top:8%;left:50%;transform:translateX(-50%)}#emote-bubble-2::after{bottom:auto;top:-8px;border-top:none;border-bottom:8px solid rgba(28,36,46,.95)}#emote-bubble-3{left:6%;top:32%}#emote-bubble-3::after{bottom:auto;right:auto;left:-8px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid rgba(28,36,46,.95);border-left:none}@keyframes emoteBubbleIn{0%{opacity:0;transform:translateY(10px) scale(.8)}50%{transform:translateY(-5px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes emoteBubbleOut{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-10px) scale(.9)}}@keyframes emotePulse{0%,100%{box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 30px rgba(232,196,124,.1)}50%{box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 50px rgba(232,196,124,.3)}}.emote-trigger-btn.pulse{animation:emotePulse .6s ease-in-out 2}.rules-modal{max-width:600px;max-height:85vh;display:flex;flex-direction:column}.rules-modal h2{margin-bottom:var(--space-sm)}.rules-content{overflow-y:auto;max-height:calc(85vh - 140px);padding-right:8px}.rules-content::-webkit-scrollbar{width:6px}.rules-content::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:var(--space-3xs)}.rules-content::-webkit-scrollbar-thumb{background:var(--accent-gold-dim);border-radius:var(--space-3xs)}.rules-content::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.rules-section{margin-bottom:var(--space-md);padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.rules-section:last-child{border-bottom:none;margin-bottom:0}.rules-section h3{color:var(--accent-gold);font-size:var(--font-base);margin-bottom:var(--space-xs);font-family:Cinzel,serif}.rules-section p{font-size:.85rem;color:var(--text-light);line-height:1.618;margin-bottom:var(--space-xs)}.rules-section p strong{color:var(--accent-gold)}.rules-cards-grid{display:flex;flex-direction:column;gap:var(--space-xs)}.rules-card{display:flex;gap:var(--space-sm);padding:var(--space-xs) 12px;background:var(--bg-deep);border-radius:var(--space-xs);border-left:3px solid var(--accent-gold)}.rules-card.dragon{border-left-color:#ef4444}.rules-card.phoenix{border-left-color:#f59e0b}.rules-card.dog{border-left-color:#22c55e}.rules-card.mahjong{border-left-color:#3b82f6}.rules-card-icon{font-size:var(--font-xl);flex-shrink:0}.rules-card-info{flex:1}.rules-card-info strong{color:var(--text-light);font-size:.9rem}.rules-card-info p{font-size:.8rem;color:var(--text-muted);margin:4px 0 0;line-height:1.61818}.rules-pts{font-size:.7rem;padding:2px 6px;border-radius:var(--space-xs);margin-left:6px}.rules-pts.positive{background:rgba(34,197,94,.2);color:#4ade80}.rules-pts.negative{background:rgba(239,68,68,.2);color:#f87171}.rules-pts.neutral{background:rgba(148,163,184,.2);color:#94a3b8}.rules-pts.gold{background:rgba(212,168,75,.2);color:var(--accent-gold)}.rules-combos-list{list-style:none;padding:0;margin:var(--space-xs) 0}.rules-combos-list li{padding:var(--space-2xs) 0;font-size:.85rem;color:var(--text-light);border-bottom:1px solid var(--border-subtle)}.rules-combos-list li:last-child{border-bottom:none}.rules-combos-list li strong{color:var(--accent-gold)}.rules-belote-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-top:var(--space-xs)}.rules-belote{padding:var(--space-sm);background:var(--bg-deep);border-radius:var(--space-xs);text-align:center}.rules-belote.petit{border:1px solid rgba(220,74,74,.3)}.rules-belote.grand{border:1px solid var(--border-gold);background:rgba(212,168,75,.05)}.rules-belote strong{display:block;margin-bottom:var(--space-2xs);font-size:.9rem}.rules-belote.petit strong{color:var(--accent-red)}.rules-belote.grand strong{color:var(--accent-gold)}.rules-belote p{font-size:.75rem;color:var(--text-muted);margin:0;line-height:1.61818}.rules-points-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin:var(--space-sm) 0}.rules-points-row span{font-size:.8rem;padding:var(--space-2xs) 10px;background:var(--bg-deep);border-radius:var(--space-xs);color:var(--text-muted)}.rules-points-row span strong{color:var(--accent-gold)}.rules-footer{padding-top:16px;margin-top:var(--space-sm);border-top:1px solid var(--border-subtle);text-align:center}.rules-more-link{color:var(--accent-gold);text-decoration:none;font-size:.85rem;opacity:.8;transition:opacity .2s}.rules-more-link:hover{opacity:1}@media(max-width:500px){.rules-belote-grid{grid-template-columns:1fr}.rules-points-row{gap:var(--space-2xs)}.rules-points-row span{font-size:.7rem;padding:var(--space-3xs) 8px}}.faq-modal{max-width:600px;max-height:85vh;display:flex;flex-direction:column}.faq-modal h2{margin-bottom:var(--space-sm)}.faq-content{overflow-y:auto;max-height:calc(85vh - 140px);padding-right:8px}.faq-content::-webkit-scrollbar{width:6px}.faq-content::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:var(--space-3xs)}.faq-content::-webkit-scrollbar-thumb{background:var(--accent-gold-dim);border-radius:var(--space-3xs)}.faq-content::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.faq-section-modal{margin-bottom:var(--space-md)}.faq-section-modal h3{color:var(--accent-gold);font-size:.95rem;margin-bottom:var(--space-sm);font-family:Cinzel,serif;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.faq-item-modal{background:var(--bg-deep);border-radius:var(--space-xs);margin-bottom:var(--space-xs);overflow:hidden;border:1px solid var(--border-subtle);transition:border-color .2s}.faq-item-modal:hover{border-color:var(--border-gold)}.faq-q{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 14px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-light);transition:color .2s}.faq-q:hover{color:var(--accent-gold)}.faq-toggle{font-size:var(--font-md);color:var(--accent-gold);transition:transform .3s;flex-shrink:0;margin-left:10px}.faq-item-modal.open .faq-toggle{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item-modal.open .faq-a{max-height:400px}.faq-a p{padding:0 14px 12px;font-size:.8rem;color:var(--text-muted);line-height:1.618;margin:0}.faq-a p:first-child{padding-top:4px}.faq-a p strong{color:var(--accent-gold)}.faq-a ul{padding:0 14px 12px 30px;margin:0}.faq-a li{font-size:.8rem;color:var(--text-muted);line-height:1.61818;margin-bottom:var(--space-3xs)}.faq-a li strong{color:var(--accent-gold)}.faq-footer{padding-top:16px;margin-top:var(--space-sm);border-top:1px solid var(--border-subtle);text-align:center}.faq-more-link{color:var(--accent-gold);text-decoration:none;font-size:.85rem;opacity:.8;transition:opacity .2s}.faq-more-link:hover{opacity:1}.feedback-modal{max-width:500px;width:90vw}.feedback-modal h2{margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.feedback-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-lg)}.feedback-form{display:flex;flex-direction:column;gap:var(--space-sm)}.feedback-field{display:flex;flex-direction:column;gap:var(--space-2xs)}.feedback-field label{font-size:.85rem;color:var(--text-light);font-weight:500}.feedback-field input,.feedback-field select,.feedback-field textarea{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--space-xs);padding:var(--space-sm) 14px;color:var(--text-light);font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{outline:0;border-color:var(--accent-gold);box-shadow:0 0 0 3px rgba(212,168,75,.15)}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:var(--text-muted);opacity:.6}.feedback-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a7670' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.feedback-field textarea{resize:vertical;min-height:100px}.feedback-char-counter{text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:var(--space-3xs)}.feedback-submit{background:#fff;border:none;border-radius:var(--space-xs);padding:var(--space-sm) 28px;color:#1a1a1a;font-family:Cinzel,serif;font-size:var(--font-md);font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;margin-top:var(--space-sm);width:100%;box-shadow:0 4px 15px rgba(255,255,255,.3)}.feedback-submit:hover{transform:translateY(-2px);background:#f0f0f0;box-shadow:0 6px 20px rgba(255,255,255,.4)}.feedback-submit:active{transform:translateY(0)}.feedback-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-result{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--space-xs);margin-top:var(--space-sm)}.feedback-result.hidden{display:none}.feedback-result-icon{font-size:var(--font-lg)}.feedback-success{background:rgba(42,138,110,.15);border:1px solid var(--accent-green);color:var(--accent-green)}.feedback-error{background:rgba(194,60,60,.15);border:1px solid var(--accent-red);color:var(--accent-red)}.doors-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;visibility:hidden}.doors-overlay.active{opacity:1;visibility:visible;pointer-events:all}.door{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.door-left{left:0;transform:translateX(-100%)}.door-right{right:0;transform:translateX(100%)}.door-panel{width:100%;height:100%;background:linear-gradient(180deg,#8b1a1a 0,#a52222 15%,#c62828 50%,#a52222 85%,#8b1a1a 100%);position:relative;box-shadow:inset 0 0 100px rgba(0,0,0,.4)}.door-frame{position:absolute;inset:15px;border:4px solid;border-image:linear-gradient(135deg,#ffd700,#d4a84b,#ffd700,#b8860b,#ffd700) 1;box-shadow:inset 0 0 20px rgba(212,168,75,.3),0 0 15px rgba(212,168,75,.2)}.door-frame::before{content:'';position:absolute;inset:8px;border:2px solid rgba(212,168,75,.4)}.door-knocker{position:absolute;top:50%;width:60px;height:80px;transform:translateY(-50%);background:radial-gradient(ellipse at center,gold 0,#d4a84b 40%,#b8860b 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 -5px 15px rgba(0,0,0,.3),inset 0 5px 10px rgba(255,255,255,.2)}.door-left .door-knocker{right:30px}.door-right .door-knocker{left:30px}.door-knocker::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;border:6px solid #b8860b;border-radius:50%;background:linear-gradient(135deg,#8b1a1a,#6b1414);box-shadow:inset 0 2px 5px rgba(0,0,0,.5)}.door-pattern{position:absolute;inset:40px;opacity:.15;background-image:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(212,168,75,.3) 30px,rgba(212,168,75,.3) 32px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(212,168,75,.3) 30px,rgba(212,168,75,.3) 32px)}.door-pattern::before{content:'龍';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;color:rgba(212,168,75,.2);text-shadow:0 0 30px rgba(212,168,75,.1)}.door-right .door-pattern::before{content:'鳳'}.doors-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);opacity:0;z-index:10}.doors-symbol{font-size:4rem;filter:drop-shadow(0 0 20px rgba(212,168,75,.8));animation:symbolPulse 1s ease-in-out infinite}.doors-title{font-family:Cinzel,serif;font-size:var(--font-hero);font-weight:700;color:var(--accent-gold);text-shadow:0 0 30px rgba(212,168,75,.8),0 4px 8px rgba(0,0,0,.8);letter-spacing:.3em}@keyframes symbolPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.doors-overlay.closing .door-left{animation:doorCloseLeft .6s cubic-bezier(.4,0,.2,1) forwards}.doors-overlay.closing .door-right{animation:doorCloseRight .6s cubic-bezier(.4,0,.2,1) forwards}.doors-overlay.closing .doors-center-text{animation:textAppear .4s ease-out .5s forwards}@keyframes doorCloseLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes doorCloseRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes textAppear{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.doors-overlay.opening .door-left{animation:doorOpenLeft .6s cubic-bezier(.4,0,.2,1) forwards}.doors-overlay.opening .door-right{animation:doorOpenRight .6s cubic-bezier(.4,0,.2,1) forwards}.doors-overlay.opening .doors-center-text{animation:textDisappear .2s ease-in forwards}@keyframes doorOpenLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes doorOpenRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes textDisappear{from{opacity:1}to{opacity:0}}.sidebar-badge-group{display:flex;gap:4px;margin-left:auto}.sidebar-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.sidebar-badge.online{background:var(--accent-jade);color:#fff}.sidebar-badge.pending{background:var(--accent-red);color:#fff;animation:badgePulse 2s infinite}.sidebar-badge.hidden{display:none}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.friends-modal{max-width:420px;max-height:80vh;display:flex;flex-direction:column}.friends-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-deep);padding:4px;border-radius:10px}.friends-tab{flex:1;padding:10px 8px;background:0 0;border:none;border-radius:8px;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;font-family:inherit}.friends-tab:hover{color:var(--text-light);background:rgba(255,255,255,.05)}.friends-tab.active{background:var(--bg-elevated);color:var(--accent-gold)}.tab-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--accent-red);border-radius:8px;font-size:.6rem;color:#fff}.tab-badge.hidden{display:none}.friends-content{flex:1;overflow:hidden;min-height:250px}.friends-panel{display:none;height:100%;overflow-y:auto}.friends-panel.active{display:block}.friends-panel::-webkit-scrollbar{width:4px}.friends-panel::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:2px}.friends-panel::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.friends-list,.requests-list,.search-results{display:flex;flex-direction:column;gap:8px}.friend-item,.request-item,.search-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s}.friend-item:hover,.request-item:hover,.search-item:hover{border-color:var(--border-gold);background:var(--bg-elevated)}.friend-avatar{width:40px;height:40px;background:var(--bg-elevated);border:2px solid var(--border-gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--accent-gold);position:relative;flex-shrink:0}.friend-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-deep)}.friend-status.online{background:var(--accent-jade);box-shadow:0 0 6px var(--accent-jade)}.friend-status.offline{background:var(--text-muted)}.friend-info{flex:1;min-width:0}.friend-name{font-weight:600;color:var(--text-light);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.friend-elo{font-size:.75rem;color:var(--accent-gold);display:flex;align-items:center;gap:4px}.friend-actions{display:flex;gap:6px;flex-shrink:0}.btn-icon{width:34px;height:34px;padding:0;border-radius:8px;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;background:var(--bg-elevated);color:var(--text-light)}.btn-icon:hover{transform:scale(1.05)}.btn-icon.invite{background:var(--accent-jade);color:#fff}.btn-icon.invite:hover{box-shadow:0 0 10px rgba(42,138,110,.4)}.btn-icon.invite:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-icon.remove{border-color:rgba(194,60,60,.3);color:var(--accent-red)}.btn-icon.remove:hover{background:var(--accent-red);color:#fff}.request-actions{display:flex;gap:6px}.btn-accept{padding:8px 12px;background:var(--accent-jade);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-accept:hover{box-shadow:0 0 10px rgba(42,138,110,.4);transform:translateY(-1px)}.btn-reject{padding:8px 12px;background:0 0;border:1px solid rgba(194,60,60,.4);border-radius:8px;color:var(--accent-red);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-reject:hover{background:var(--accent-red);color:#fff}.friends-search{margin-bottom:12px}.friends-search input{margin-bottom:0}.search-hint{text-align:center;padding:24px;color:var(--text-muted);font-size:.85rem}.search-hint.hidden{display:none}.btn-add{padding:8px 14px;background:linear-gradient(135deg,var(--accent-gold),#d4a85a);border:none;border-radius:8px;color:var(--bg-deep);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-add:hover{box-shadow:0 4px 12px rgba(212,168,75,.3);transform:translateY(-1px)}.btn-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.friends-empty{text-align:center;padding:32px 16px;color:var(--text-muted)}.friends-empty p{margin-bottom:12px}.friends-empty.hidden{display:none}.friend-notification{position:fixed;bottom:24px;right:24px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:flex;align-items:center;gap:12px;z-index:3000;animation:slideInNotif .3s ease}@keyframes slideInNotif{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.friend-notification .notif-icon{width:36px;height:36px;background:var(--accent-jade);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.friend-notification .notif-text{color:var(--text-light);font-size:.9rem}.friend-notification .notif-text strong{color:var(--accent-gold)}@media (max-width:480px){.friends-modal{max-height:90vh}.friends-tabs{gap:2px;padding:3px}.friends-tab{padding:8px 4px;font-size:.8rem}.friend-item,.request-item{padding:10px;gap:10px}.friend-avatar{width:36px;height:36px;font-size:.9rem}.friend-name{font-size:.9rem}.request-actions{flex-direction:column;gap:4px}.btn-accept,.btn-reject{padding:6px 10px;font-size:.75rem}}.game-invite-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.game-invite-overlay.show{opacity:1;visibility:visible}.game-invite-popup{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-deep) 100%);border:2px solid var(--accent-gold);border-radius:16px;padding:32px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(212,168,75,.2);animation:invitePopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes invitePopIn{from{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-invite-icon{font-size:3rem;margin-bottom:16px;animation:invitePulse 1.5s infinite}@keyframes invitePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.game-invite-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:1.5rem;margin:0 0 12px}.game-invite-message{color:var(--text-light);font-size:1.1rem;margin:0 0 8px}.game-invite-message span{color:var(--accent-gold);font-weight:600}.game-invite-mode{color:var(--text-muted);font-size:.9rem;margin:0 0 20px}.game-invite-timer{background:var(--bg-deep);border-radius:4px;height:6px;margin-bottom:24px;overflow:hidden}.game-invite-timer-bar{height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--accent-gold-dark));width:100%;transition:width .1s linear}.game-invite-buttons{display:flex;gap:16px;justify-content:center}.game-invite-btn{padding:14px 32px;border:none;border-radius:10px;font-family:Cinzel,serif;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.game-invite-btn.accept{background:linear-gradient(135deg,var(--accent-green),#1d7a5c);color:#fff}.game-invite-btn.accept:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(42,138,110,.4)}.game-invite-btn.decline{background:var(--bg-deep);color:var(--text-muted);border:1px solid var(--border-subtle)}.game-invite-btn.decline:hover{background:rgba(194,60,60,.2);border-color:var(--accent-red);color:var(--accent-red)}