.as-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:as-fade-in .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes as-fade-in{0%{opacity:0}to{opacity:1}}.as-container{display:flex;width:780px;max-width:95vw;height:520px;max-height:85vh;background:var(--bg-dark);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0f;animation:as-slide-up .35s cubic-bezier(.16,1,.3,1)}@keyframes as-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.as-sidebar{width:200px;min-width:200px;background:var(--bg-medium);display:flex;flex-direction:column;padding:24px 0;border-right:1px solid rgba(255,255,255,.06)}.as-sidebar-title{font-size:18px;font-weight:700;color:var(--text-bright);padding:0 20px;margin-bottom:20px}.as-nav{display:flex;flex-direction:column;gap:2px;flex:1}.as-nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.as-nav-item:hover{background:#ffffff0a;color:var(--text-bright)}.as-nav-item.active{background:#f0c04014;color:var(--gold);border-right:2px solid var(--gold)}.as-nav-icon{font-size:16px;width:20px;text-align:center}.as-close-btn{margin:auto 16px 0;padding:10px 16px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-dim);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.as-close-btn:hover{background:#ffffff0a;color:var(--text-bright)}.as-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.as-main-title{font-size:20px;font-weight:600;color:var(--text-bright);padding:24px 28px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.as-main-content{flex:1;overflow-y:auto;padding:20px 28px}.as-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px}.as-tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.as-tab:hover{color:var(--text-bright)}.as-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.as-section{display:flex;flex-direction:column;gap:10px}.as-label{font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.as-value{font-size:14px;color:var(--text-bright);padding:8px 12px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.as-input{padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-bright);font-size:14px;outline:none;transition:border-color .2s}.as-input:focus{border-color:var(--gold)}.as-input::placeholder{color:#ffffff40}.as-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;margin-top:4px}.as-btn:disabled{opacity:.5;cursor:not-allowed}.as-btn-primary{background:var(--gold);color:var(--bg-dark)}.as-btn-primary:hover:not(:disabled){background:#e6b830}.as-btn-secondary{background:#ffffff14;color:var(--text-dim)}.as-btn-secondary:hover:not(:disabled){background:#ffffff1f;color:var(--text-bright)}.as-error{color:var(--accent);font-size:13px;padding:8px 12px;background:#e945601a;border-radius:8px;border:1px solid rgba(233,69,96,.2);margin-top:8px}.as-success{color:#4ade80;font-size:13px;padding:8px 12px;background:#4ade801a;border-radius:8px;border:1px solid rgba(74,222,128,.2);margin-top:8px}.as-loading{color:var(--text-dim);font-size:14px;padding:20px 0;text-align:center}.as-statistics{display:flex;flex-direction:column;gap:24px}.as-stat-group{display:flex;flex-direction:column;gap:0}.as-stat-group-title{font-size:13px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(240,192,64,.15)}.as-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.as-stat-row:last-child{border-bottom:none}.as-stat-label{font-size:13px;color:var(--text-dim)}.as-stat-value{font-size:14px;font-weight:600;color:var(--text-bright);font-variant-numeric:tabular-nums}@media (max-width: 600px){.as-container{flex-direction:column;height:90vh}.as-sidebar{width:100%;min-width:unset;flex-direction:row;padding:12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);align-items:center}.as-sidebar-title{margin-bottom:0;margin-right:12px;padding:0 8px}.as-nav{flex-direction:row;gap:0}.as-nav-item{padding:6px 12px}.as-nav-item.active{border-right:none;border-bottom:2px solid var(--gold)}.as-close-btn{margin:0 0 0 auto}}.lobby-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;padding-bottom:40px}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(15,52,96,.5) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(233,69,96,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 120%,rgba(240,192,64,.08) 0%,transparent 40%),var(--bg-dark);animation:bg-drift 20s ease-in-out infinite alternate}@keyframes bg-drift{0%{background-position:0% 0%,100% 0%,50% 100%}to{background-position:10% 10%,90% -10%,45% 90%}}.lobby-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none}.floating-cards-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.fc{position:absolute;bottom:-120px;animation:card-float linear infinite;transform-origin:center}@keyframes card-float{0%{transform:scale(var(--fc-scale, .7)) translateY(0) rotate(var(--start-rotate, 0deg));opacity:0}4%{opacity:1}88%{opacity:1}to{transform:scale(var(--fc-scale, .7)) translateY(calc(-100vh - 240px)) rotate(var(--end-rotate, 60deg));opacity:0}}.fc-inner{filter:brightness(.45)}.fc-inner{width:64px;height:90px;border-radius:6px;position:relative;box-shadow:0 2px 10px #00000059}.fc-face{background:#faf8f0}.fc-red{color:#e53e3e}.fc-black{color:#1a1a2e}.fc-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2}.fc-corner-tl{top:3px;left:4px}.fc-corner-br{bottom:3px;right:4px;transform:rotate(180deg)}.fc-corner-rank{font-size:10px;font-weight:700}.fc-corner-suit{font-size:8px;margin-top:-1px}.fc-center{position:absolute;top:16px;left:10%;right:10%;bottom:16px}.fc-ace-pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;line-height:1}.fc-pips{position:relative;width:100%;height:100%}.fc-pip{position:absolute;transform:translate(-50%,-50%);font-size:11px;line-height:1}.fc-pip-inv{transform:translate(-50%,-50%) rotate(180deg)}.fc-face-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:0px}.fc-face-symbol{font-size:22px;line-height:1;opacity:.85}.fc-face-label{font-size:4px;font-weight:700;letter-spacing:.5px;opacity:.5}.fc-face-suit{font-size:10px;line-height:1}.fc-joker{display:flex;align-items:center;justify-content:center;overflow:hidden}.fc-joker-big{background:radial-gradient(ellipse at 50% 30%,rgba(255,60,60,.15) 0%,transparent 60%),linear-gradient(170deg,#2a2a2a,#3a3a3a 30%,#454545,#3a3a3a 70%,#2a2a2a)}.fc-joker-little{background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.15) 0%,transparent 60%),linear-gradient(170deg,#2a2a2a,#3a3a3a 30%,#454545,#3a3a3a 70%,#2a2a2a)}.fc-joker-star{font-size:34px;line-height:1}.fc-joker-big .fc-joker-star{color:#e53e3e;filter:drop-shadow(0 0 6px rgba(229,62,62,.4))}.fc-joker-little .fc-joker-star{color:#ffffffe6;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}.fc-back{background:linear-gradient(135deg,#2a4a7f,#1a3a6f,#2a4a7f);border:2px solid #3a5a8f}.fc-back-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.04) 6px);border:2px solid rgba(255,255,255,.08);border-radius:4px}.lobby-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:#f0c04080;animation:sparkle-pulse 3s ease-in-out infinite;box-shadow:0 0 6px #f0c0404d}.sparkle:nth-child(3n+1){background:#fff6;box-shadow:0 0 6px #fff3}.sparkle:nth-child(5n+2){background:#e9456066;box-shadow:0 0 6px #e9456033}@keyframes sparkle-pulse{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.lobby-content{position:relative;z-index:1;width:100%;max-width:480px;padding:20px;opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.lobby-content.entered{opacity:1;transform:translateY(0)}.lobby-header{text-align:center;margin-bottom:32px}.lobby-title{font-size:48px;font-weight:700;color:var(--text-bright);display:flex;align-items:center;justify-content:center;gap:14px}.title-text{background:linear-gradient(135deg,#fff,#f0c040,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(240,192,64,.15)) drop-shadow(0 2px 10px rgba(0,0,0,.7))}@keyframes title-shimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.title-icon{font-size:34px;color:var(--text-dim);text-shadow:0 0 12px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.6)}.title-icon.red{color:var(--red-suit)}.float-icon{animation:icon-bob 3s ease-in-out infinite}.float-icon.red{animation-delay:-1.5s}@keyframes icon-bob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-5deg)}75%{transform:translateY(4px) rotate(5deg)}}.lobby-subtitle{color:var(--text-dim);font-size:14px;margin-top:8px;letter-spacing:.5px;transition:opacity .3s ease;text-shadow:0 0 12px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.6)}.lobby-subtitle.subtitle-changing{opacity:0}.lobby-card{background:var(--bg-medium);border-radius:16px;padding:28px;width:100%;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0f;position:relative;animation:card-enter .6s cubic-bezier(.16,1,.3,1) .2s both}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lobby-card.glow-border{overflow:hidden}.lobby-card.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;padding:1px;background:linear-gradient(var(--glow-angle, 0deg),transparent 0%,rgba(240,192,64,.3) 25%,rgba(233,69,96,.3) 50%,rgba(15,52,96,.4) 75%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:glow-rotate 6s linear infinite;pointer-events:none;z-index:0}@keyframes glow-rotate{to{--glow-angle: 360deg}}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.lobby-section{margin-bottom:20px}.lobby-label{display:block;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.lobby-input{width:100%;padding:12px 16px;background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-bright);font-size:15px;transition:border-color .3s ease,box-shadow .3s ease}.lobby-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e9456026,0 0 20px #e9456014}.lobby-input::placeholder{color:var(--text-dim)}.lobby-actions{display:flex;flex-direction:column;gap:12px}.lobby-btn{width:100%;padding:13px;font-size:15px;position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:btn-sweep 4s ease-in-out infinite;pointer-events:none}@keyframes btn-sweep{0%,70%,to{left:-100%}85%{left:150%}}.lobby-join-row{display:flex;gap:10px}.lobby-input-code{flex:1;text-align:center;font-weight:600;letter-spacing:3px;text-transform:uppercase}.lobby-join-row .lobby-btn{width:auto;padding:12px 24px}.lobby-rooms{margin-top:24px;animation:card-enter .6s cubic-bezier(.16,1,.3,1) .4s both}.room-item-exit{animation:room-slide-out .4s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@keyframes room-slide-out{to{opacity:0;transform:translate(-20px);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-6px;overflow:hidden}}.rooms-title{font-size:14px;color:var(--text-dim);margin-bottom:10px}.room-list{display:flex;flex-direction:column;gap:6px}.room-item{background:var(--bg-medium);border-radius:10px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.04);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;animation:room-slide-in .35s cubic-bezier(.16,1,.3,1) both}@keyframes room-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.room-item:hover{border-color:#f0c04033;transform:translate(4px);box-shadow:0 2px 12px #0003}.room-info{display:flex;align-items:center;gap:10px}.room-code{font-weight:700;font-size:14px;color:var(--gold);font-family:monospace}.room-host{font-size:13px;color:var(--text)}.room-mode{font-size:11px;color:var(--text-dim);background:var(--bg-card);padding:2px 8px;border-radius:4px}.room-meta{display:flex;align-items:center;gap:10px}.room-players{font-size:13px;color:var(--text-dim)}.room-status.in-progress{font-size:11px;color:var(--warning)}.btn-small{padding:6px 14px;font-size:12px}.auth-options{display:flex;flex-direction:column;gap:10px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:12px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.auth-error{color:var(--accent);font-size:13px;margin-bottom:12px;padding:8px 12px;background:#e945601a;border-radius:8px;border:1px solid rgba(233,69,96,.2);animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-user-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.auth-user-name{font-size:14px;color:var(--text)}.auth-user-name strong{color:var(--gold)}.btn-text{background:none;color:var(--text-dim);padding:8px;font-size:13px}.btn-text:hover{color:var(--text);transform:none}.auth-user-actions{display:flex;align-items:center;gap:4px}.settings-tabs{display:flex;gap:4px;background:var(--bg-dark);border-radius:10px;padding:4px}.settings-tab{flex:1;padding:8px 12px;font-size:13px;background:none;border:none;color:var(--text-dim);border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-tab:hover{color:var(--text)}.settings-tab.active{background:var(--bg-medium);color:var(--text-bright)}.settings-current-value{font-size:15px;color:var(--gold);font-weight:600;padding:8px 0 4px}.settings-success{color:#4ade80;font-size:13px;margin-bottom:12px;padding:8px 12px;background:#4ade801a;border-radius:8px;border:1px solid rgba(74,222,128,.2)}.lobby-panel-outer{width:100%;transition:height .4s cubic-bezier(.16,1,.3,1)}.lobby-panel-outer.height-animating{overflow:hidden}.lobby-panel{width:100%;display:flex;flex-direction:column;align-items:center}.panel-exit{animation:panel-fade-out .25s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.panel-enter{animation:panel-fade-in .35s cubic-bezier(0,0,.2,1) forwards}@keyframes panel-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.97)}}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-panel h3{font-size:16px;color:var(--text);margin-bottom:16px}.settings-group{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.04)}.settings-group:last-child{border-bottom:none;margin-bottom:0}.settings-group-title{font-size:11px;color:var(--gold-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.setting-row label{font-size:13px;color:var(--text);flex-shrink:0;margin-right:10px}.setting-row select,.setting-row input[type=number]{background:var(--bg-dark);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 8px;font-size:12px;min-width:140px}.setting-row select:focus,.setting-row input[type=number]:focus{border-color:var(--accent)}.setting-row select:disabled,.setting-row input:disabled{opacity:.5;cursor:not-allowed}.setting-row.checkbox{cursor:pointer}.setting-row.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.setting-row input[type=number]{width:70px;min-width:70px}.chat-panel{display:flex;flex-direction:column;height:100%;min-height:200px}.chat-header{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-height:0}.chat-empty{color:var(--text-dim);font-size:12px;text-align:center;padding:16px 0;opacity:.6}.chat-message{font-size:12px;line-height:1.4;word-break:break-word}.chat-time{color:var(--text-dim);font-size:10px;margin-right:4px;opacity:.6}.chat-name{color:var(--gold);font-weight:600;margin-right:4px}.chat-name:after{content:":"}.chat-text{color:var(--text)}.chat-input-row{display:flex;gap:4px;padding:6px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;min-width:0;overflow:hidden}.chat-input{flex:1;min-width:0;background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 8px;font-size:12px;color:var(--text);box-sizing:border-box}.chat-input:focus{border-color:var(--accent)}.btn-chat-send{padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;background:var(--accent);color:#fff;flex-shrink:0;white-space:nowrap}.btn-chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-compact .chat-messages{flex:1;min-height:0}.chat-compact .chat-message{font-size:11px}.room-lobby{min-height:100vh;position:relative;overflow-x:hidden;overflow-y:auto;padding-bottom:40px}.room-lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 30%,rgba(15,52,96,.3) 0%,transparent 50%),var(--bg-dark)}.room-lobby-content{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:20px}.room-lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.room-lobby-header>*{flex:1 1 0;min-width:0}.room-lobby-header>:last-child{display:flex;justify-content:flex-end}.room-lobby-header .btn-small{min-width:90px}.btn-text{background:none;color:var(--text-dim);font-size:14px;padding:8px 12px}.btn-text:hover{color:var(--text)}.room-code-display{display:flex;flex-direction:column;align-items:center;cursor:pointer}.room-code-display:hover .room-code-value{text-shadow:0 0 12px rgba(240,192,64,.5)}.room-code-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.room-code-value{font-size:28px;font-weight:700;color:var(--gold);font-family:monospace;letter-spacing:4px}.room-lobby-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.room-players-panel{background:var(--bg-medium);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.06)}.room-players-panel h3{font-size:16px;color:var(--text);margin-bottom:16px}.room-player-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.room-player-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-card);border-radius:10px}.room-player-item.empty{opacity:.4}.room-player-item.disconnected{opacity:.6;border-left:3px solid var(--accent);background:linear-gradient(90deg,rgba(229,62,62,.1),var(--bg-card) 30%)}.disconnected-tag{font-size:11px;color:var(--text-dim);font-style:italic}.player-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-bright)}.empty-avatar{background:var(--bg-dark);color:var(--text-dim)}.player-name-text{font-size:14px;color:var(--text);flex:1}.player-name-text.dim{color:var(--text-dim)}.host-tag{font-size:10px;color:var(--gold);background:#f0c04026;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.btn-swap{padding:4px 8px;font-size:14px;background:#ffffff0f;color:var(--text-dim);border-radius:6px;line-height:1}.btn-swap:hover{background:#ffffff1f;color:var(--text)}.start-btn{width:100%;padding:14px;font-size:16px}.waiting-msg{text-align:center;color:var(--text-dim);font-size:14px;padding:12px}.room-right-panel{display:flex;flex-direction:column;gap:16px}.room-settings-panel{background:var(--bg-medium);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.06);max-height:50vh;overflow-y:auto}.room-chat-panel{background:var(--bg-medium);border-radius:16px;border:1px solid rgba(255,255,255,.06);min-height:200px;max-height:30vh;display:flex;flex-direction:column}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.spectator-list{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.spectator-title{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.spectator-item{padding:4px 0;font-size:13px;color:var(--text-dim)}.spectator-name{color:var(--text)}.card{width:var(--card-w);height:var(--card-h);border-radius:8px;background:var(--card-bg);box-shadow:0 2px 8px var(--card-shadow);position:relative;cursor:grab;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;flex-shrink:0}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px var(--card-shadow)}.card-selected{transform:translateY(-16px)!important;box-shadow:0 8px 20px #e9456066!important;outline:2px solid var(--accent)}.card-small{width:var(--card-w-sm);height:var(--card-h-sm);border-radius:5px}.card-small .card-rank{font-size:var(--font-xs)}.card-small .card-suit-small{font-size:clamp(8px,.7vw,12px)}.card-small .card-suit-large{font-size:clamp(18px,1.8vw,28px)}.card-small .card-pip{font-size:clamp(10px,1vw,15px)}.card-small .card-ace-pip{font-size:clamp(22px,2.2vw,34px)}.card-small .face-symbol{font-size:clamp(16px,1.6vw,24px)}.card-small .face-label{font-size:clamp(4px,.4vw,7px)}.card-small .face-suit{font-size:clamp(8px,.8vw,12px)}.card-small .card-corner{padding:2px 3px}.card-red{color:var(--red-suit)}.card-black{color:#1a1a2e}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;padding:4px 6px;z-index:2}.card-corner-top{top:0;left:0}.card-corner-bottom{bottom:0;right:0;transform:rotate(180deg)}.card-rank{font-size:var(--font-sm);font-weight:700}.card-suit-small{font-size:var(--font-xs);margin-top:-1px}.card-center{position:absolute;top:18%;left:10%;right:10%;bottom:18%;z-index:2}.card-center-joker{top:0;left:0;right:0;bottom:0}.card-suit-large{font-size:clamp(22px,2.2vw,36px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-pips{position:relative;width:100%;height:100%}.card-pip{position:absolute;transform:translate(-50%,-50%);font-size:clamp(13px,1.3vw,20px);line-height:1}.pip-inverted{transform:translate(-50%,-50%) rotate(180deg)}.card-ace-pip{font-size:clamp(32px,3.2vw,50px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1px}.face-symbol{font-size:clamp(20px,2vw,32px);line-height:1;opacity:.85}.face-label{font-size:clamp(5px,.45vw,8px);font-weight:700;letter-spacing:1px;opacity:.6}.face-suit{font-size:clamp(10px,1vw,16px);line-height:1}.card-joker-type{overflow:hidden}.card-joker-type:has(.big-joker-full){background:radial-gradient(ellipse at 50% 30%,rgba(255,60,60,.15) 0%,transparent 60%),linear-gradient(170deg,#2a2a2a,#3a3a3a 30%,#454545,#3a3a3a 70%,#2a2a2a)}.card-joker-type:has(.little-joker-full){background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.15) 0%,transparent 60%),linear-gradient(170deg,#2a2a2a,#3a3a3a 30%,#454545,#3a3a3a 70%,#2a2a2a)}.card-joker-full{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2px;position:relative;overflow:hidden}.big-joker-full{color:#e53e3e}.little-joker-full{color:#ffffffe6}.joker-symbol{font-size:clamp(40px,4.5vw,68px);line-height:1;filter:drop-shadow(0 0 8px currentColor);animation:jokerGlow 3s ease-in-out infinite}.big-joker-full .joker-symbol{color:#e53e3e;filter:drop-shadow(0 0 10px rgba(229,62,62,.4))}.little-joker-full .joker-symbol{color:#fffffff2;filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}@keyframes jokerGlow{0%,to{filter:drop-shadow(0 0 6px currentColor)}50%{filter:drop-shadow(0 0 14px currentColor)}}.joker-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0%,transparent 35%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.12) 55%,transparent 65%,transparent 100%);background-size:300% 100%;pointer-events:none;animation:jokerShimmer 4s ease-in-out infinite}@keyframes jokerShimmer{0%,to{background-position:130% 0}50%{background-position:-30% 0}}.card-small .joker-symbol{font-size:clamp(24px,2.5vw,40px)}.card-trump-aura{background:linear-gradient(180deg,#f0dfa0,#e8d080 30%,#dcc460,#e8d080 70%,#f0dfa0)}.card-trump-aura:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,#fff5c800,#fff5c800 30%,#fff5c880 45%,#fffadca6,#fff5c880 55%,#fff5c800 70%,#fff5c800);background-size:300% 100%;pointer-events:none;z-index:0;animation:trumpSheen 12s ease-in-out infinite}@keyframes trumpSheen{0%,to{background-position:120% 0}50%{background-position:-20% 0}}.card-point-aura{position:relative}.card-point-aura:after{content:"";position:absolute;bottom:0;left:0;width:16px;height:16px;background:var(--red-suit);clip-path:polygon(0 0,0 100%,100% 100%);border-radius:0 0 0 7px;z-index:6;opacity:.85}.card-small.card-point-aura:after{width:12px;height:12px;border-radius:0 0 0 4px}.card-deal-in{animation:dealIn .3s ease-out}@keyframes dealIn{0%{opacity:0;transform:translateY(-40px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.card-play-out{animation:playOut .25s ease-in forwards}@keyframes playOut{to{opacity:0;transform:translateY(-60px) scale(.6)}}.card-back{background:linear-gradient(135deg,#2a4a7f,#1a3a6f,#2a4a7f);border:2px solid #3a5a8f;cursor:default}.card-back:hover{transform:none}.card-back-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.03) 4px,rgba(255,255,255,.03) 8px);border:3px solid rgba(255,255,255,.08);border-radius:6px}.player-seat{position:absolute;display:flex;align-items:center;gap:8px;z-index:5;transition:all .3s ease;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.seat-top{top:8%;left:50%;transform:translate(-50%);flex-direction:column}.seat-right{right:5%;top:50%;transform:translateY(-50%);flex-direction:row-reverse}.seat-left{left:5%;top:50%;transform:translateY(-50%)}.seat-bottom-right{right:12%;bottom:15%}.seat-bottom-left{left:12%;bottom:15%}.seat-top-right{right:12%;top:15%;flex-direction:row-reverse}.seat-top-left{left:12%;top:15%}.seat-avatar{position:relative}.avatar-circle{width:clamp(36px,3.5vw,56px);height:clamp(36px,3.5vw,56px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:700;color:#fff;background:var(--bg-light);border:2px solid rgba(255,255,255,.15);transition:border-color .3s ease}.team-defending{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-color:var(--success)}.team-attacking{background:linear-gradient(135deg,#6a2d2d,#4a1e1e);border-color:var(--accent)}.leader-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--bg-dark);font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}.seat-turn-badge{position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 6px);padding:3px 12px;border-radius:10px;background:#f0c04033;border:1px solid rgba(240,192,64,.4);color:var(--gold);font-size:11px;font-weight:600;white-space:nowrap;animation:seat-turn-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes seat-turn-pulse{0%,to{box-shadow:0 0 6px #f0c04033}50%{box-shadow:0 0 12px #f0c04066}}.active-turn .avatar-circle{border-color:var(--gold);box-shadow:0 0 12px #f0c0404d}.seat-disconnected{opacity:.5}.seat-disconnected .avatar-circle{border-color:var(--accent)!important;background:linear-gradient(135deg,#4a2020,#3a1515)!important}.seat-offline{color:var(--accent);font-size:var(--font-xs);font-weight:600}.seat-info{text-align:center}.seat-name{font-size:var(--font-sm);font-weight:600;color:var(--text-bright);text-shadow:0 1px 3px rgba(0,0,0,.5)}.seat-meta{display:flex;gap:6px;font-size:var(--font-xs);color:var(--text-dim)}.seat-level{color:var(--gold-dim)}.trick-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(300px,50vw,700px);height:clamp(200px,40vh,500px);pointer-events:none}.trick-play{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px}@keyframes cardSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.trick-play-cards{display:flex;gap:6px;animation:cardSlideIn .2s ease}.trick-play-cards.trick-cards-vertical{flex-direction:column;gap:4px}.trick-component-group{display:flex}.trick-card-wrapper{flex-shrink:0;position:relative;z-index:0}.trick-card-wrapper.trick-card-overlap{margin-left:clamp(-28px,-2.2vw,-18px);z-index:1}.trick-card-wrapper .card{box-shadow:-2px 0 4px #0000004d}.trick-bottom{bottom:5%;left:50%;transform:translate(-50%)}.trick-top{top:5%;left:50%;transform:translate(-50%)}.trick-right{right:5%;top:50%;transform:translateY(-50%)}.trick-left{left:5%;top:50%;transform:translateY(-50%)}.trick-bottom-right{bottom:8%;right:8%}.trick-bottom-left{bottom:8%;left:8%}.trick-top-right{top:8%;right:8%}.trick-top-left{top:8%;left:8%}.trick-description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.trick-description-text{display:inline-block;background:#00000073;color:var(--gold);padding:5px 14px;border-radius:10px;font-size:clamp(10px,1vw,14px);font-weight:600;white-space:nowrap;border:1px solid rgba(240,192,64,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:descFadeIn .3s ease}@keyframes descFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.trick-play-vertical .trick-cards-vertical .trick-component-group{justify-content:center}.action-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 12px}.btn-gold{background:linear-gradient(135deg,var(--gold),#d4a030);color:var(--bg-dark);font-weight:700}.btn-gold:hover{background:linear-gradient(135deg,#ffd060,var(--gold))}.turn-hint{font-size:12px;color:var(--gold);font-weight:600;animation:pulse 1.5s ease-in-out infinite}.scoreboard{background:var(--bg-card);border-radius:10px;padding:clamp(10px,1vw,14px);overflow:hidden}.score-title{font-size:var(--font-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:clamp(6px,.8vw,10px)}.score-teams{display:flex;align-items:center;gap:clamp(4px,.6vw,8px);margin-bottom:clamp(8px,1vw,14px)}.score-team{flex:1;text-align:center;min-width:0}.team-label{font-size:clamp(8px,.7vw,10px);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-atk{color:var(--accent)}.team-def{color:var(--success)}.team-points{font-size:clamp(18px,1.8vw,32px);font-weight:700;color:var(--text-bright);line-height:1.2;position:relative}.team-points.score-pop{animation:scorePop .5s ease}@keyframes scorePop{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1)}}.score-delta{position:absolute;top:-4px;right:-8px;font-size:clamp(10px,.9vw,14px);font-weight:700;animation:scoreDeltaFloat 2s ease forwards;pointer-events:none}.score-delta-atk{color:var(--accent)}.score-delta-def{color:var(--success)}@keyframes scoreDeltaFloat{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-12px)}to{opacity:0;transform:translateY(-18px)}}.score-divider{font-size:clamp(9px,.8vw,11px);color:var(--text-dim);flex-shrink:0}.score-target{margin-bottom:clamp(6px,.8vw,10px)}.score-target-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:3px}.score-target-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:2px;transition:width .5s ease}.score-target-label{font-size:clamp(8px,.65vw,10px);color:var(--text-dim);text-align:center}.player-levels{border-top:1px solid rgba(255,255,255,.06);padding-top:clamp(6px,.8vw,10px)}.levels-title{font-size:clamp(8px,.7vw,10px);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.level-row{display:flex;justify-content:space-between;padding:2px 0;font-size:clamp(10px,.85vw,12px);gap:4px}.level-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.level-name.defending{color:var(--success)}.level-name.attacking{color:var(--accent)}.level-rank{color:var(--gold);font-weight:600;flex-shrink:0}.friend-declarations{border-top:1px solid rgba(255,255,255,.06);padding-top:8px;margin-top:8px}.friend-row{display:flex;gap:4px;font-size:clamp(9px,.75vw,11px);color:var(--text-dim);padding:2px 0}.friend-row.found{color:var(--success)}.round-info{margin-top:8px;text-align:center;font-size:clamp(9px,.75vw,11px);color:var(--text-dim)}.trump-indicator{background:var(--bg-card);border-radius:10px;padding:14px;text-align:center}.trump-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.trump-display{display:flex;align-items:center;justify-content:center;gap:6px}.trump-rank{font-size:var(--font-xl);font-weight:700;color:var(--gold)}.trump-suit{font-size:var(--font-xl)}.trump-notrump{font-size:16px;font-weight:600;color:var(--text-dim);padding:4px 8px;background:#ffffff0f;border-radius:4px}.friend-declaration{padding:8px 0}.friend-declaration h3{font-size:14px;color:var(--gold);margin-bottom:12px;text-align:center}.friend-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.friend-row-input{display:flex;align-items:center;gap:8px;justify-content:center}.friend-ordinal{font-size:13px;color:var(--text);min-width:60px}.friend-select{background:var(--bg-card);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;font-size:13px}.friend-select:focus{border-color:var(--accent)}.friend-declaration .btn{display:block;margin:0 auto}.game-table-container{display:flex;height:100vh;width:100vw;background:var(--bg-dark);position:relative}.table-sidebar{width:var(--sidebar-w);background:var(--bg-medium);padding:clamp(10px,1.2vw,20px);display:flex;flex-direction:column;gap:clamp(10px,1.2vw,20px);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;z-index:10;flex-shrink:0}.chat-sidebar{width:clamp(200px,16vw,300px);background:var(--bg-medium);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:10;flex-shrink:0;overflow:hidden}.btn-leave-game{margin:8px;padding:6px 12px;font-size:12px;flex-shrink:0}.table-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.felt-table{position:relative;background:radial-gradient(ellipse at center,#2d8a55,#1e6b3a 40%,#145028,#0a3018);border-bottom:none;overflow:hidden;min-height:0}.felt-table:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3h1v1H1V3zm2-2h1v1H3V1z' fill='%23ffffff' fill-opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.felt-table:before{content:"";position:absolute;top:6%;left:6%;right:6%;bottom:6%;border:2.5px solid rgba(200,170,80,.2);border-radius:50%;pointer-events:none;box-shadow:inset 0 0 40px #00000026,0 0 20px #c8aa500d;z-index:1}.felt-center-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:140px;background:radial-gradient(ellipse,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;z-index:1}.my-player-info{position:absolute;bottom:4%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:5;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.my-avatar{width:clamp(40px,3.8vw,60px);height:clamp(40px,3.8vw,60px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:700;color:#fff;border:2.5px solid rgba(255,255,255,.2)}.my-avatar.team-defending{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-color:var(--success)}.my-turn-active{border-color:#f0c04066;box-shadow:0 0 12px #f0c0404d}.my-avatar.team-attacking{background:linear-gradient(135deg,#6a2d2d,#4a1e1e);border-color:var(--accent)}.my-info-text{text-shadow:0 1px 3px rgba(0,0,0,.6)}.my-name{font-size:var(--font-md);font-weight:700;color:var(--text-bright)}.my-meta{display:flex;gap:8px;font-size:var(--font-xs);color:var(--text-dim)}.my-level{color:var(--gold-dim)}.my-leader-badge{color:var(--gold);font-weight:600}.table-turn-indicator{position:absolute;z-index:6;display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:16px;background:#f0c04033;border:1px solid rgba(240,192,64,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:turn-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes turn-pulse{0%,to{box-shadow:0 0 8px #f0c04033}50%{box-shadow:0 0 16px #f0c04066}}.turn-arrow{color:var(--gold);font-size:12px}.turn-label{font-size:12px;font-weight:600;color:var(--gold);white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}.turn-near-bottom{bottom:12%;left:50%;transform:translate(-50%)}.table-status{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:5}.status-badge{padding:8px 20px;border-radius:20px;font-size:var(--font-sm);font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.status-badge.drawing{background:#f0c04033;color:var(--gold);border:1px solid rgba(240,192,64,.3)}.status-badge.waiting{background:#8892a433;color:var(--text-dim);border:1px solid rgba(136,146,164,.2)}.status-badge.kitty-ready{background:#48bb7833;color:var(--success);border:1px solid rgba(72,187,120,.3)}.kitty-pickup-status{top:50%;left:50%;transform:translate(-50%,-50%)}.kitty-pickup-panel{display:flex;flex-direction:column;align-items:center;gap:12px}.no-bid-panel{background:var(--bg-medium);border-radius:16px;padding:32px 40px;text-align:center;box-shadow:0 16px 48px #00000080;border:1px solid rgba(255,255,255,.08);max-width:400px}.no-bid-panel h2{color:var(--gold);margin-bottom:8px;font-size:22px}.no-bid-desc{color:var(--text-dim);font-size:13px;margin-bottom:16px}.vote-status{margin-bottom:16px}.vote-player{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.04)}.vote-player.voted{color:var(--success)}.random-card-reveal{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.reveal-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.reveal-result{margin-top:8px;font-size:14px;color:var(--gold);font-weight:600}.ready-overlay{z-index:15}.ready-panel{background:var(--bg-medium);border-radius:16px;padding:32px 40px;text-align:center;box-shadow:0 16px 48px #00000080;border:1px solid rgba(255,255,255,.08);max-width:350px}.ready-panel h2{color:var(--text-bright);margin-bottom:16px;font-size:20px}.ready-status{margin-bottom:16px}.ready-player{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--text-dim)}.ready-player.is-ready{color:var(--success)}.ready-dot{font-size:16px;width:20px;text-align:center}.table-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.round-result,.game-over{background:var(--bg-medium);border-radius:16px;padding:32px 40px;text-align:center;box-shadow:0 16px 48px #00000080;border:1px solid rgba(255,255,255,.08);max-width:400px}.round-result h2,.game-over h2{margin-bottom:20px;color:var(--gold);font-size:22px}.result-scores{margin-bottom:20px}.result-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.result-value{font-weight:700;color:var(--text-bright)}.kitty-reveal{margin:16px 0}.kitty-label{font-size:12px;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.kitty-cards-row{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.winner-info{margin-bottom:20px}.player-rank-final{padding:6px 0;color:var(--text)}.hand-resize-handle{height:8px;background:var(--bg-medium);cursor:ns-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:5}.hand-resize-line{width:60px;height:3px;border-radius:2px;background:var(--gold-dim);opacity:.5;transition:opacity .15s ease,width .15s ease}.hand-resize-handle:hover .hand-resize-line{opacity:1;width:80px;background:var(--gold)}.my-hand-area{background:var(--bg-medium);overflow:hidden;flex:0 0 auto;max-height:50vh}.hand-scale-wrapper{padding:clamp(4px,.5vw,8px) clamp(8px,1vw,16px);width:100%;overflow:hidden}.hand-cards-area{position:relative}.hand-exit-overlay{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:20}.hand-cards{display:flex;justify-content:center;padding:8px 0 4px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible}.hand-card-wrapper{flex-shrink:0;transition:margin .15s ease,transform .15s ease;z-index:1}.hand-card-wrapper:not(:first-child){margin-left:clamp(-52px,-3.6vw,-36px)}.hand-card-wrapper.card-hovered{z-index:10}.hand-card-wrapper.card-hovered+.hand-card-wrapper{margin-left:clamp(-24px,-1.5vw,-16px)}.hand-card-wrapper.card-dragging{opacity:.3;z-index:20}.hand-card-wrapper.card-drag-over-left{margin-left:calc(clamp(-52px,-3.6vw,-36px) + 30px)}.hand-card-wrapper.card-drag-over-left:first-child{margin-left:30px}.btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-glow)}.btn-secondary{background:var(--bg-light);color:var(--text)}.btn-secondary:hover{background:#1a4a7a}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.error-toast{position:fixed;bottom:160px;left:50%;transform:translate(-50%);background:#e53e3ee6;color:#fff;padding:10px 36px 10px 24px;border-radius:8px;font-size:13px;font-weight:500;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInUp .2s ease}.error-toast-close{position:absolute;top:2px;right:6px;background:none;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:2px 4px;line-height:1}.error-toast-close:hover{color:#fff}.error-toast.connection-warning{background:#d69e2ee6;animation:fadeInUp .2s ease,pulse 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.spectator-banner{background:var(--bg-card);border-radius:10px;padding:10px 12px}.spectator-banner-title{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:600}.spectator-perspective-buttons{display:flex;flex-wrap:wrap;gap:4px}.spectator-perspective-buttons .btn{padding:4px 10px;font-size:11px}.dev-switcher{background:var(--bg-card);border-radius:10px;padding:10px 12px;border:1px solid rgba(233,69,96,.3)}.dev-switcher-title{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-weight:600}.dev-switcher-btn{display:block;width:100%;margin-bottom:4px;font-size:11px!important;padding:4px 8px!important}.sidebar-spectators{background:var(--bg-card);border-radius:10px;padding:10px 12px}.sidebar-spectators-title{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.sidebar-spectator-name{font-size:12px;color:var(--text);padding:2px 0}.bid-info{background:var(--bg-card);border-radius:10px;padding:12px}.bid-info-title{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.bid-info-cards{display:flex;gap:4px}.trump-category-section{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px 12px;border-bottom:1px solid rgba(240,192,64,.15);margin-bottom:4px;animation:trumpSectionSlideIn .4s ease}@keyframes trumpSectionSlideIn{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;transform:translateY(-10px)}to{opacity:1;max-height:120px;padding-top:8px;padding-bottom:12px;margin-bottom:4px;transform:translateY(0)}}.trump-category-label{font-size:var(--font-xs);color:var(--gold-dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-weight:600}.trump-category-cards{display:flex;gap:4px}.btn-bid-trump{padding:8px 16px;font-size:12px;white-space:nowrap}.floating-drag-card{position:fixed;z-index:1000;pointer-events:none;opacity:.9;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.kitty-discard-header{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 8px;border-bottom:1px solid rgba(240,192,64,.15);margin-bottom:4px}.kitty-discard-title{font-size:var(--font-sm);font-weight:600;color:var(--gold)}.kitty-discard-count{font-size:var(--font-sm);color:var(--text-dim);background:var(--bg-card);padding:4px 10px;border-radius:12px}.btn-reorganize{font-size:12px;padding:6px 14px}.hand-cards.sort-animating .hand-card-wrapper{transition:margin .2s ease,transform .2s ease,opacity .2s ease;margin-left:clamp(-64px,-5vw,-48px)!important;opacity:.6;transform:scale(.92)}.trick-winner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.trick-winner-badge{background:#000000d9;color:var(--gold);padding:10px 24px;border-radius:12px;font-size:clamp(14px,1.4vw,20px);font-weight:700;text-align:center;white-space:nowrap;border:1px solid rgba(240,192,64,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px;animation:trickBadgePop .4s ease}.trick-winner-points{color:var(--accent);font-size:clamp(12px,1.1vw,16px);font-weight:600}@keyframes trickBadgePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.connecting-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--text-dim);font-size:14px;background:radial-gradient(ellipse at 50% 50%,rgba(15,52,96,.3) 0%,transparent 60%),var(--bg-dark);animation:connecting-fade-in .6s ease-out}@keyframes connecting-fade-in{0%{opacity:0}to{opacity:1}}.connecting-spinner{width:72px;height:100px;perspective:400px}.cs-flipper{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s ease-in-out}.cs-side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:6px;overflow:hidden}.cs-front{z-index:2}.cs-back-side{transform:rotateY(180deg)}.cs-card-inner{width:100%;height:100%;border-radius:6px;position:relative;box-shadow:0 3px 14px #0006}.cs-face{background:#faf8f0}.cs-red{color:#e53e3e}.cs-black{color:#1a1a2e}.cs-trump{background:linear-gradient(180deg,#f0dfa0,#e8d080 30%,#dcc460,#e8d080 70%,#f0dfa0)}.cs-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2}.cs-corner-tl{top:4px;left:5px}.cs-corner-br{bottom:4px;right:5px;transform:rotate(180deg)}.cs-corner-rank{font-size:12px;font-weight:700}.cs-corner-suit{font-size:9px;margin-top:-1px}.cs-center{position:absolute;top:18px;left:10%;right:10%;bottom:18px}.cs-ace-pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;line-height:1}.cs-pips{position:relative;width:100%;height:100%}.cs-pip{position:absolute;transform:translate(-50%,-50%);font-size:13px;line-height:1}.cs-pip-inv{transform:translate(-50%,-50%) rotate(180deg)}.cs-face-group{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2px}.cs-face-sym{font-size:28px;line-height:1;opacity:.85}.cs-face-suit{font-size:12px;line-height:1}.cs-joker{display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-joker-big{background:radial-gradient(ellipse at 50% 30%,rgba(255,60,60,.15) 0%,transparent 60%),linear-gradient(170deg,#2a2a2a,#3a3a3a 30%,#454545,#3a3a3a 70%,#2a2a2a)}.cs-joker-little{background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.15) 0%,transparent 60%),linear-gradient(170deg,#2a2a2a,#3a3a3a 30%,#454545,#3a3a3a 70%,#2a2a2a)}.cs-joker-star{font-size:42px;line-height:1}.cs-joker-big .cs-joker-star{color:#e53e3e;filter:drop-shadow(0 0 8px rgba(229,62,62,.5))}.cs-joker-little .cs-joker-star{color:#ffffffe6;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.screen-transition{animation:none}.screen-exit{animation:screen-fade-out .4s cubic-bezier(.4,0,1,1) forwards}.screen-enter{opacity:0;animation:screen-fade-in .5s cubic-bezier(0,0,.2,1) forwards}@keyframes screen-fade-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(4px)}}@keyframes screen-fade-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}.connecting-screen p{letter-spacing:.5px;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1a1a2e;--bg-medium: #16213e;--bg-light: #0f3460;--bg-card: #1e2a4a;--accent: #e94560;--accent-glow: #ff6b81;--gold: #f0c040;--gold-dim: #a88a2a;--text: #e8e8e8;--text-dim: #8892a4;--text-bright: #ffffff;--green-felt: #1a5c3a;--green-felt-light: #2a7a4a;--table-border: #8b6914;--table-border-light: #c9a84c;--red-suit: #e53e3e;--black-suit: #1a1a2e;--card-bg: #faf8f0;--card-shadow: rgba(0, 0, 0, .4);--success: #48bb78;--warning: #ecc94b;--danger: #fc8181;--scale: clamp(.7, calc(.5 + .3 * (100vw - 800px) / 800), 1.3);--card-w: clamp(56px, 5vw, 90px);--card-h: clamp(80px, 7.2vw, 130px);--card-w-sm: clamp(40px, 3.5vw, 64px);--card-h-sm: clamp(58px, 5vw, 92px);--font-xs: clamp(10px, .85vw, 14px);--font-sm: clamp(12px, 1vw, 16px);--font-md: clamp(14px, 1.15vw, 19px);--font-lg: clamp(18px, 1.6vw, 28px);--font-xl: clamp(24px, 2.2vw, 38px);--sidebar-w: clamp(200px, 17vw, 300px)}html{scrollbar-gutter:stable}html,body,#root{height:100%;width:100%;background:var(--bg-dark)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .15s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-light);border-radius:3px}.site-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:10px 20px;font-size:12px;color:var(--text-dim);z-index:20;pointer-events:none}.site-footer a{color:var(--gold-dim);text-decoration:none;pointer-events:auto}.site-footer a:hover{color:var(--gold);text-decoration:underline}.site-footer-left,.site-footer-right{pointer-events:auto}