:root{font-family:Outfit,sans-serif;--felt-green: #35654d;--table-border: #4a3b2a;--card-width: 45px;--card-height: 65px;--avatar-size: 40px}body{margin:0;background-color:#1a1a1a;color:#fff;overflow:hidden;overscroll-behavior:none}@keyframes mandala-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}#root{width:100vw;height:100vh;padding:0;display:flex;justify-content:center;align-items:center}#app-root,.app-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-container{background:#282828b3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:3rem;border-radius:12px;box-shadow:0 8px 32px #00000080;text-align:center;border:1px solid rgba(255,255,255,.1);max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.login-container h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-group input{width:100%;padding:1rem;margin:.5rem 0;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:1rem;box-sizing:border-box;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 10px #2196f34d}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:1rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem;text-transform:uppercase;letter-spacing:1px}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#fff3}.login-header{margin-bottom:2rem}.login-header .subtitle{color:#ccc;font-size:1rem;letter-spacing:2px;text-transform:uppercase;margin-top:-.5rem;opacity:.8}.form-group label{display:block;text-align:left;font-size:.85rem;color:#aaa;margin-bottom:.5rem;margin-left:.2rem;font-weight:500}.input-with-action{display:flex;gap:.5rem}.input-with-action input{margin:0!important;flex:1}.icon-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:50px;border-radius:10px;font-size:1.5rem;cursor:pointer;transition:all .2s}.icon-btn.secondary:hover{background:#fff3;transform:scale(1.05)}.segmented-tabs{background:#0006;padding:4px;border-radius:12px;display:flex;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}.tab-segment{flex:1;background:transparent;border:none;color:#aaa;padding:10px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.95rem}.tab-segment.active{background:#ffffff26;color:#fff;box-shadow:0 2px 8px #0003}.btn-primary.full-width{width:100%}.login-footer{margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.text-link{background:none;border:none;color:#aaa;text-decoration:underline;cursor:pointer;font-size:.9rem;transition:color .2s}.text-link:hover{color:#fff}.room-selection-area{display:flex;gap:2rem;margin-top:2rem;text-align:left}.create-room-section,.active-rooms-section{flex:1;background:#0003;padding:1.5rem;border-radius:15px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:300px;overflow-y:auto}.room-card{background:#ffffff0d;padding:10px;border-radius:6px;cursor:pointer;transition:background .2s;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.room-card:hover{background:#2196f333;border-color:#2196f3}.room-name{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-count{font-size:.8rem;color:#aaa}.game-container{background:radial-gradient(circle at center,#35654d,#1e3c2f);width:100%;height:100%;position:relative;box-shadow:inset 0 0 100px #000c;border:20px solid #4a3b2a;box-sizing:border-box}.info-panel{position:absolute;top:20px;left:20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.1);z-index:100;min-width:220px;transition:all .3s ease;overflow:hidden}.info-panel.collapsed{min-width:auto;width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.info-panel.collapsed .info-header button{display:none}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;color:#aaa;font-size:.9rem}.score-display{font-size:1.1rem;font-weight:700;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.losing-text{color:#ff6b6b}.doubled-badge{background:#ff4757;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;align-self:flex-start;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.trick-row{display:flex;gap:4px}.trick-dot{width:8px;height:8px;border-radius:50%;background:#444;border:1px solid #666}.trick-dot.team-a{background:#4cd137;box-shadow:0 0 4px #4cd137}.trick-dot.team-b{background:#00a8ff;box-shadow:0 0 4px #00a8ff}.table{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:70%;border-radius:50%}.player-seat{position:absolute;display:flex;flex-direction:column;align-items:center;width:120px;transition:all .5s ease}.seat-content-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.last-bid-pill{background:#000000b3;color:#fff;padding:6px 10px;border-radius:12px;font-size:1rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0006;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.last-bid-pill .bid-content{display:flex;align-items:center;gap:4px}.last-bid-pill .bid-num{font-weight:700}.last-bid-pill .bid-suit{font-weight:400;font-size:1.1em;line-height:1}.last-bid-pill.high-bid{border-color:gold;color:gold;font-weight:800;background:#000000f2;box-shadow:0 0 15px #ffd70080;transform:scale(1.15);z-index:10}.seat-0{bottom:-80px;transform:none;right:40%;align-items:bottom;z-index:50;flex-direction:column}.seat-0 .name{margin-bottom:5px;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.seat-0 .hand-preview{position:fixed;left:50%;transform:translate(-50%);bottom:-50px;z-index:60;pointer-events:none}.seat-0 .card{pointer-events:auto}.seat-0 .avatar,.seat-0 .name{z-index:61}.seat-1{bottom:20%;right:-60px}.seat-2{top:20%;right:-60px}.center-table{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);z-index:10;width:200px;height:150px;display:flex;justify-content:center;align-items:center;pointer-events:none}.seat-3{top:15px;left:50%;transform:translate(-50%);z-index:20}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;overflow-y:auto}.room-selection-area{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px}@media(min-width:480px)and (orientation:landscape){.room-selection-area{flex-direction:row;max-width:800px;align-items:flex-start}.create-room-section,.active-rooms-section{flex:1;height:300px;overflow-y:auto}}.seat-4{top:20%;left:-60px}.seat-5{bottom:20%;left:-60px}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background:#333!important;border:2px solid var(--team-color, #777)!important;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #00000080;position:relative;z-index:5}.player-seat.active-turn .avatar{border-color:gold;box-shadow:0 0 20px #ffd70099;animation:glow 1.5s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #ffd70066}to{box-shadow:0 0 25px #ffd700cc}}.name{margin-top:5px;background:#0009;padding:2px 8px;border-radius:10px;font-size:.8rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--team-color, transparent)}.score-progress-container{margin-top:8px;width:100%}.progress-labels{display:flex;justify-content:flex-end;font-size:.8rem;margin-bottom:2px;gap:4px}.trick-progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;position:relative;overflow:hidden}.progress-fill{height:100%;background:gold;transition:width .3s ease;position:absolute;top:0;left:0}.progress-fill.caller{background:#ff6b6b}.progress-fill.defender{background:#54a0ff}.progress-tick{position:absolute;top:0;bottom:0;width:1px;background:#00000080;transform:translate(-50%)}.hand-preview{margin-top:-10px;display:flex;justify-content:center}.seat-0 .hand-preview{margin-top:10px;position:fixed;bottom:-50px;left:50%;transform:translate(-50%);width:auto;gap:-30px}.card{width:var(--card-width);height:var(--card-height);background:#fff;border-radius:6px;color:#000;position:relative;box-shadow:0 1px 3px #0003;border:1px solid #e0e0e0;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;font-weight:700;transition:transform .2s,margin .2s}.card.red{color:#d32f2f}.card.black{color:#212121}.seat-0 .card{width:70px;height:100px;margin-right:-35px;cursor:pointer;border:1px solid #ccc;box-shadow:-2px 0 10px #0003}.seat-0 .card:last-child{margin-right:0}.seat-0 .card:hover{transform:translateY(-20px) rotate(2deg);z-index:10}.seat-0 .card.playable:hover{border:2px solid #ffd700}.seat-0 .card .card-center{display:none}.card-corner{position:absolute;font-size:1.1rem;font-weight:800;display:flex;flex-direction:column;align-items:center;line-height:.9}.top-left{top:4px;left:4px}.bottom-right{bottom:4px;right:4px;transform:rotate(180deg)}.card-center{font-size:.8rem}.card.back{background:repeating-linear-gradient(45deg,#606dbc,#606dbc 10px,#465298 10px 20px);border:2px solid white}.opponent-hand-stack{position:relative;width:35px;height:50px}.card-stack-icon{width:100%;height:100%;background:#fff;border-radius:4px;box-shadow:2px 2px #ccc}.opponent-hand-stack span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700}.center-table{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px}.played-card{position:absolute;top:50%;left:50%;margin-left:-30px;margin-top:-45px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;cursor:pointer}.played-card .player-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.played-card:hover .player-label,.played-card.show-label .player-label{opacity:1}.action-bar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem;z-index:200;background:#141414cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 40px #0009;min-width:300px;text-align:center}.bidding-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% - 15px));background:#14141499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000080;text-align:center;z-index:200;min-width:280px;color:#fff}.bidding-panel h3{margin-top:0;color:gold}.top-hud{position:fixed;top:0;left:0;width:100%;height:60px;background:#0a0a0a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #00000080;font-family:Inter,sans-serif}.trump-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,215,0,.6);background:radial-gradient(circle,#000c,#0000 70%);display:flex;align-items:center;justify-content:center;font-size:4rem;pointer-events:none;opacity:.3;z-index:0;animation:pulse-badge 4s infinite ease-in-out}@keyframes pulse-badge{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:.3}}.active-glow .avatar{box-shadow:0 0 20px 5px #ffd70099!important;border-color:gold!important;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 15px 2px #ffd70066}50%{box-shadow:0 0 25px 8px #ffd700cc}to{box-shadow:0 0 15px 2px #ffd70066}}.floating-feedback{position:absolute;color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;animation:float-up 1.5s forwards ease-out;z-index:100}@keyframes float-up{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-20px) scale(1.2);opacity:1}80%{transform:translateY(-60px) scale(1);opacity:1}to{transform:translateY(-80px) scale(.9);opacity:0}}.hud-team{display:flex;flex-direction:column;justify-content:center;width:120px}.hud-team.left,.hud-team.right{align-items:flex-start;text-align:left}.hud-label{font-size:.7rem;text-transform:uppercase;color:#888;letter-spacing:1px}.hud-score{font-size:1.5rem;font-weight:700;color:#fff}.hud-center{display:flex;align-items:center;gap:20px}.hud-pill{background:#ffffff1a;padding:5px 15px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:#ddd}.hud-pill.highlight{background:#2e86de;color:#fff;padding:5px 15px;border-radius:8px;font-weight:700;font-size:.9rem}.hud-timer{background:#ff4757;color:#fff;padding:5px 15px;border-radius:8px;font-weight:700;font-size:.9rem;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.8}to{opacity:1}}@keyframes popIn{0%{transform:translate(-50%) scale(0);opacity:0}80%{transform:translate(-50%) scale(1.2);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}.emoji-bubble{position:absolute;top:-50px;left:50%;transform:translate(-50%);font-size:2rem;z-index:999;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.seat-3 .emoji-bubble{top:auto;bottom:-50px}.seat-0 .emoji-bubble{top:-80px}.hud-room{position:fixed;left:20px;font-size:.8rem;color:#ffffff4d;font-weight:700;letter-spacing:1px}.bid-inputs{display:flex;flex-direction:column;gap:15px;margin:10px 0}.number-selector{display:flex;gap:4px;justify-content:center;flex-wrap:nowrap}.num-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.num-btn.selected{background:#fff;color:#000;transform:scale(1.1);box-shadow:0 0 10px #ffffff80}.suit-selector{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.suit-btn{padding:8px 12px;font-size:1.5rem;background:#333;border:1px solid #555;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s;opacity:.6}.suit-btn.selected{opacity:1;transform:scale(1.1);border-color:#fff;box-shadow:0 0 10px #ffffff4d}.bid-submit-btn{padding:12px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 10px #00000080;transition:transform .1s;flex:3}.bidding-actions{display:flex;gap:10px;margin-top:10px;width:100%}.pass-btn{flex:2;font-weight:700;font-size:1.2rem;padding:12px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center}.bid-submit-btn:active{transform:scale(.98)}.suit-selector{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.suit-btn{padding:8px 12px;font-size:1.2rem;background:#333;border:1px solid #555;color:#fff;border-radius:5px;cursor:pointer}.suit-btn.red{color:#ff6b6b}.suit-btn:hover{background:#555}#toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column-reverse;gap:10px;z-index:9999}.toast-msg{background:#000c;color:#fff;padding:10px 20px;border-radius:5px;border-left:4px solid #2196F3;animation:slideIn .3s ease-out;max-width:300px}.toast-msg.old{opacity:.5;filter:grayscale(100%)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.winner-toast{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:gold;text-shadow:0 0 20px black;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:1000}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0)}80%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.chagdi-badge{position:absolute;top:-5px;right:-5px;font-size:1rem;background:#333;border-radius:50%;padding:2px}.bid-winner-icon{position:absolute;bottom:-5px;right:-5px;font-size:1.2rem;filter:drop-shadow(0 0 2px black)}.btn-challenge{background:#ff4757;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;animation:pulseRed 2s infinite}@keyframes pulseRed{0%{box-shadow:0 0 #ff4757b3}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#1e3c2f,#000);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-out,visibility 1s}.splash-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-content{text-align:center;animation:scaleUp 2s ease-out}.splash-title{font-family:Outfit,sans-serif;font-size:5rem;font-weight:800;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-transform:uppercase;letter-spacing:5px;filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}.splash-subtitle{font-family:Outfit,sans-serif;font-size:1.5rem;color:#ccc;margin-top:10px;letter-spacing:2px;text-transform:uppercase;opacity:0;animation:fadeIn 1s ease-out .5s forwards}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;justify-content:center;align-items:center}.how-to-play-modal{background:#1e1e1ef2;padding:1.5rem;border-radius:15px;max-width:400px;width:85%;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0009;position:relative;text-align:center;color:#fff;margin:auto}.how-to-play-modal h2{color:gold;margin-top:0}.slide-content{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1rem;line-height:1.5}.illustration-box{background:#ffffff0d;padding:1rem;border-radius:10px;margin:1rem 0;width:100%}.slide-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.dots{display:flex;gap:5px}.dot{width:10px;height:10px;border-radius:50%;background:#555;transition:background .3s}.dot.active{background:#2196f3}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:#888;cursor:pointer}.close-btn:hover{color:#fff}.help-btn{position:fixed;bottom:20px;left:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;cursor:pointer;z-index:1000;display:flex;justify-content:center;align-items:center;transition:background .2s}.help-btn:hover{background:#2196f366}.modal-content{background:#1e1e1ef2;padding:2rem;border-radius:12px;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0009;text-align:center;color:#fff;animation:scaleUp .3s ease-out}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:12px;font-size:1rem;font-weight:700;border-radius:8px}.hud-status-pill{background:#0009;padding:5px 15px;border-radius:20px;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-width:150px}.player-seat.swappable{cursor:pointer;transition:transform .2s}.player-seat.swappable:hover{transform:scale(1.05)}.player-seat.swappable:hover .avatar{border-color:gold;box-shadow:0 0 15px #ffd70080}.player-seat.ready .avatar{box-shadow:0 0 0 4px #4cd137;border-color:#4cd137}.ready-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#4cd137;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700;border:1px solid white;z-index:10}.phase-banner{position:absolute;top:80px;left:0;width:100%;background:linear-gradient(90deg,#0000,#000000e6 20% 80%,#0000);background:#000000d9;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0;color:gold;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;z-index:100;text-align:center;box-shadow:0 4px 15px #00000080;animation:slideDownFade .5s ease-out;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes slideDownFade{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-toolbar{position:fixed;top:70px;right:20px;display:flex;flex-direction:row;gap:0;z-index:110;background:transparent;padding:0;animation:fadeIn .3s}.game-toolbar .icon-btn{background:#0006;background:transparent;border:none;font-size:1.5rem;padding:5px;cursor:pointer;transition:transform .1s}.game-toolbar .icon-btn:hover{transform:scale(1.1)}.difficulty-btn{width:100%;padding:1rem;margin:.5rem 0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;cursor:pointer;border-radius:8px;transition:background .2s}.difficulty-btn:hover{background:#2196f34d;border-color:#2196f3}.login-container.compact{max-width:400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:1rem}.game-title{font-size:3.5rem;margin:0;line-height:1}.subtitle{color:#aaa;margin-bottom:1rem}.username-group{position:relative;display:flex;align-items:center}.random-name-btn{position:absolute;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;transition:transform .2s}.random-name-btn:hover{transform:rotate(20deg) scale(1.1)}.login-tabs{display:flex;background:#0000004d;padding:4px;border-radius:8px;margin-bottom:10px}.tab-btn{flex:1;background:transparent;border:none;color:#888;padding:10px;font-size:1rem;font-weight:700;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 5px #0003}.tab-content{min-height:250px;background:#0003;border-radius:12px;padding:15px;border:1px solid rgba(255,255,255,.05)}.room-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:background .2s}.room-card:hover{background:#2196f333}.room-info{display:flex;align-items:center;gap:5px;font-weight:700}.room-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:.8rem;color:#aaa}.icon-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:.9rem;margin-top:10px}.icon-btn:hover{color:#fff;text-decoration:underline}.empty-state{padding:40px 20px;color:#666;font-style:italic}.dealer-chip-premium{position:absolute;top:-20px;right:-20px;width:36px;height:36px;background:radial-gradient(#fff 40%,#ddd,#fff 60%);border:4px dashed #d32f2f;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0006;z-index:20;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.dealer-chip-premium .chip-inner{font-weight:700;color:#d32f2f;font-family:Courier New,monospace;font-size:1.2rem}.score-progress-container{margin-top:8px;width:100%;max-width:100px;display:flex;flex-direction:column;gap:2px}.progress-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#fff;font-weight:700;padding:0 2px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.mehndi-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#2c0e18,#1a0509);z-index:-1;overflow:hidden}.mandala-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vmax;height:100vmax;display:flex;align-items:center;justify-content:center;opacity:.15;pointer-events:none}.mandala-ring{position:absolute;border-radius:50%;box-shadow:0 0 0 1px #ffd7001a}.ring-1{width:30%;height:30%;background:radial-gradient(circle,transparent 40%,transparent 60%),conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.2) 10deg,transparent 20deg);background-size:50px 50px;border:2px dashed rgba(255,215,0,.2);animation:rotateRight 60s linear infinite}.ring-2{width:50%;height:50%;background-image:repeating-conic-gradient(rgba(255,215,0,.05) 0deg,rgba(255,215,0,.05) 15deg,transparent 15deg,transparent 30deg);border:1px solid rgba(255,255,255,.05);animation:rotateLeft 80s linear infinite}.ring-3{width:70%;height:70%;border:10px dotted rgba(255,215,0,.05);animation:rotateRight 100s linear infinite}.ring-4{width:90%;height:90%;background-image:radial-gradient(circle at 50% 10%,rgba(255,215,0,.1) 2px,transparent 3px);background-size:100px 100px;animation:rotateLeft 120s linear infinite}.corner-decor{position:absolute;width:300px;height:300px;background-image:radial-gradient(circle,rgba(255,165,0,.1) 2px,transparent 2px);border-radius:50%;opacity:.3}.top-left{top:-100px;left:-100px;background:radial-gradient(circle at center,rgba(212,175,55,.2),transparent 70%)}.top-right{top:-100px;right:-100px;background:radial-gradient(circle at center,rgba(212,175,55,.2),transparent 70%)}.bottom-left{bottom:-100px;left:-100px;background:radial-gradient(circle at center,rgba(255,69,0,.15),transparent 70%)}.bottom-right{bottom:-100px;right:-100px;background:radial-gradient(circle at center,rgba(255,69,0,.15),transparent 70%)}@keyframes rotateRight{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateLeft{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.suit-float,.login-bg-overlay{display:none}.progress-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 5px #ffffff4d}.progress-fill.caller{background:linear-gradient(90deg,#ff4757,#ff6b81)}.progress-fill.defender{background:linear-gradient(90deg,#1e90ff,#70a1ff)}.progress-tick{position:absolute;top:0;bottom:0;width:1px;background:#0000004d}.avatar-selector-overlay{position:absolute;top:100%;left:0;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:100;box-shadow:0 4px 15px #00000080;width:200px;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}.avatar-option{width:40px;height:40px;background:#333;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;transition:transform .2s,background .2s;border:2px solid transparent}.avatar-option:hover{transform:scale(1.1);background:#fff3}.avatar-option.selected{border-color:gold;box-shadow:0 0 10px #ffd70080}.user-profile-section{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:2rem;background:#0000004d;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.1);position:relative}.current-avatar-trigger{position:relative;width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;background:#ffffff0d;transition:all .3s}.current-avatar-trigger:hover{border-color:#fff;transform:scale(1.05);background:#ffffff1a}.edit-icon{position:absolute;bottom:0;right:0;background:#2196f3;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;justify-content:center;align-items:center;border:2px solid #1a1a1a;color:#fff}.mandala-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.1);animation:mandala-spin 60s linear infinite}.ring-1{width:300px;height:300px;border-color:#ffd7001a;animation-duration:40s}.ring-2{width:450px;height:450px;border-color:#ffffff0d;animation-duration:60s;animation-direction:reverse}.ring-3{width:600px;height:600px;border-color:#35654d33;animation-duration:80s}.ring-4{width:800px;height:800px;border-width:2px;border-style:dotted;opacity:.1;animation-duration:100s;animation-direction:reverse}:root{--font-primary: "Outfit", sans-serif;--font-cards: "Courier New", monospace;--color-gold: #ffd700;--color-red: #ff4757;--color-black: #000000;--color-white: #ffffff;--color-bg-dark: #1a1a1a;--bg-gradient-center: #35654d;--bg-gradient-edge: #1e3c2f;--table-border: #4a3b2a;--glass-bg: rgba(10, 10, 10, .4);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 10px;--card-width-sm: 45px;--card-height-sm: 65px;--card-width-lg: 80px;--card-height-lg: 120px;--avatar-size: 40px}body{font-family:var(--font-primary);background-color:var(--color-bg-dark);color:var(--color-white);margin:0;overflow:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:12px}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;text-transform:uppercase}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}