:root{--bg-dark: #0a1628;--bg-table: #1a5c2a;--bg-table-light: #22753a;--bg-felt: #1b6930;--gold: #d4a843;--gold-light: #f0d078;--cream: #faf3e3;--red: #c0392b;--red-dark: #922b21;--blue: #2980b9;--text-light: #f5f5f5;--text-muted: #a0a8b8;--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .4);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5);--radius: 12px;--radius-sm: 8px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-light);min-height:100vh;overflow-x:hidden}#app{min-height:100vh}.home-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a3d20,#143018,#0d1f10 60%,#0a1628);padding:2rem;position:relative;overflow:hidden}.home-screen:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.home-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:0}.home-bg-cards{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.home-bg-card{position:absolute;width:90px;height:130px;background:linear-gradient(135deg,#1a3a5c,#0f2744);border:2px solid #2a5a8c;border-radius:8px;box-shadow:0 4px 20px #0006;opacity:.15}.home-bg-card:after{content:"";position:absolute;inset:4px;border:1px solid rgba(212,168,67,.25);border-radius:5px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(212,168,67,.08) 4px,rgba(212,168,67,.08) 8px)}.home-bg-card:nth-child(1){top:8%;left:5%;transform:rotate(-25deg);opacity:.12;animation:floatCard1a 12s ease-in-out infinite}.home-bg-card:nth-child(2){top:15%;right:8%;transform:rotate(18deg);opacity:.1;animation:floatCard2a 14s ease-in-out infinite}.home-bg-card:nth-child(3){bottom:20%;left:10%;transform:rotate(35deg);opacity:.14;animation:floatCard1b 16s ease-in-out infinite}.home-bg-card:nth-child(4){bottom:12%;right:5%;transform:rotate(-12deg);opacity:.11;animation:floatCard2b 11s ease-in-out infinite}.home-bg-card:nth-child(5){top:50%;left:2%;transform:rotate(8deg);opacity:.08;animation:floatCard1c 13s ease-in-out infinite}.home-bg-card:nth-child(6){top:40%;right:3%;transform:rotate(-30deg);opacity:.09;animation:floatCard2c 15s ease-in-out infinite}.home-bg-card:nth-child(7){top:5%;left:40%;transform:rotate(22deg);opacity:.07;animation:floatCard1d 10s ease-in-out infinite}.home-bg-card:nth-child(8){bottom:5%;left:45%;transform:rotate(-18deg);opacity:.08;animation:floatCard2d 17s ease-in-out infinite}.home-bg-card.face-up{background:linear-gradient(180deg,#fff,#f5f0e8);border-color:#00000026;opacity:.1;display:flex;align-items:center;justify-content:center}.home-bg-card.face-up .bg-suit{font-size:2.8rem;line-height:1}.home-bg-card.face-up.red .bg-suit{color:#c0392b}.home-bg-card.face-up.black .bg-suit{color:#2c3e50}.home-bg-card:nth-child(3).face-up{opacity:.12}.home-bg-card:nth-child(6).face-up{opacity:.08}@keyframes floatCard1a{0%,to{transform:rotate(-25deg) translateY(0)}50%{transform:rotate(-25deg) translateY(-12px)}}@keyframes floatCard2a{0%,to{transform:rotate(18deg) translateY(0)}50%{transform:rotate(18deg) translateY(10px)}}@keyframes floatCard1b{0%,to{transform:rotate(35deg) translateY(0)}50%{transform:rotate(35deg) translateY(-12px)}}@keyframes floatCard2b{0%,to{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-12deg) translateY(10px)}}@keyframes floatCard1c{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-12px)}}@keyframes floatCard2c{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(-30deg) translateY(10px)}}@keyframes floatCard1d{0%,to{transform:rotate(22deg) translateY(0)}50%{transform:rotate(22deg) translateY(-12px)}}@keyframes floatCard2d{0%,to{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-18deg) translateY(10px)}}.home-table-border{position:absolute;inset:30px;border:2px solid rgba(212,168,67,.1);border-radius:50%;pointer-events:none;z-index:0}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.home-title{font-family:var(--font-display);font-size:5rem;font-weight:900;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 40px rgba(212,168,67,.15);margin-bottom:.3rem;letter-spacing:4px}.home-divider{width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin-bottom:.8rem;opacity:.6}.home-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem;font-weight:300;letter-spacing:2px;text-transform:uppercase;font-size:.85rem}.home-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.home-actions-secondary{display:flex;gap:1rem}.btn-quick-play{padding:1.3rem 3.5rem;font-size:1.25rem;letter-spacing:1px}.btn{padding:.9rem 2.2rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.5px;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,#c49a38 100%);color:#1a1a2e;box-shadow:0 4px 16px #d4a8434d}.btn-primary:hover{box-shadow:0 6px 28px #d4a84380;transform:translateY(-2px)}.btn-secondary{background:#ffffff0f;color:var(--text-light);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);color:#fff}.btn-danger:hover{box-shadow:0 4px 16px #c0392b66;transform:translateY(-1px)}.btn-small{padding:.5rem 1rem;font-size:.85rem}.btn-large{padding:1.1rem 2.8rem;font-size:1.1rem;border-radius:var(--radius);letter-spacing:.5px}.overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,#1e2a40,#162035);border:1px solid rgba(212,168,67,.15);border-radius:var(--radius);padding:2.5rem;width:90%;max-width:460px;box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .3s ease;position:relative}.modal:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:0 0 3px 3px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h2{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-light);font-family:var(--font-body);font-size:.95rem;transition:all .25s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4a8431a;background:#0000004d}.form-group input::placeholder{color:#ffffff40}.form-group select option{background:#1e2a40;color:var(--text-light)}.form-actions{display:flex;gap:1rem;margin-top:1.8rem}.form-actions .btn{flex:1}.lobby-list-screen{min-height:100vh;background:radial-gradient(ellipse at center,#1a3d20,#143018,#0d1f10 60%,#0a1628);padding:2rem;position:relative;overflow:hidden}.lobby-list-screen:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.lobby-list-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:0}.lobby-list-header{max-width:700px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.lobby-list-header h1{font-family:var(--font-display);font-size:2.2rem;color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.4)}.lobby-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.lobby-item{background:#00000040;border:1px solid rgba(212,168,67,.1);border-radius:var(--radius);padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;transition:all .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lobby-item:hover{background:#00000059;border-color:#d4a8434d;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.lobby-item-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.3rem;color:var(--cream)}.lobby-item-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted)}.lobby-item-meta span{display:flex;align-items:center;gap:.3rem}.lobby-item-meta .lock{color:var(--gold)}.lobby-item-meta .status-waiting{color:#5dade2}.lobby-item-meta .status-playing{color:#f39c12}.lobby-item-meta .status-finished{color:var(--text-muted)}.lobby-item-actions{display:flex;gap:.5rem}.lobby-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1.1rem;background:#00000026;border-radius:var(--radius);border:1px dashed rgba(255,255,255,.1)}.lobby-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.lobby-screen{min-height:100vh;background:radial-gradient(ellipse at center,#1a3d20,#143018,#0d1f10 60%,#0a1628);padding:2rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.lobby-screen:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.lobby-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:0}.lobby-screen>*{position:relative;z-index:1}.lobby-title{font-family:var(--font-display);font-size:2.5rem;color:var(--gold);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.4)}.lobby-id-badge{font-size:.85rem;color:var(--text-muted);margin-bottom:2rem;background:#00000040;padding:.4rem 1.2rem;border-radius:20px;display:inline-flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-copy-link{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--gold);background:#d4a84326;border:1px solid rgba(212,168,67,.3);padding:.2rem .6rem;border-radius:12px;cursor:pointer;transition:all .2s}.btn-copy-link:hover{background:#d4a84340;border-color:var(--gold)}.seats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:500px;width:100%;margin-bottom:2rem}.seat-card{background:#0003;border:2px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.5rem;text-align:center;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.seat-card.occupied{border-color:#d4a84359;background:#d4a8430f}.seat-card.is-you{border-color:var(--gold);box-shadow:0 0 24px #d4a84326,inset 0 0 30px #d4a84308;background:#d4a84314}.seat-card.disconnected{border-color:#c0392b66;background:#c0392b0d;opacity:.7}.seat-card.is-bot{border-color:#2980b966;background:#2980b90d}.bot-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#2980b94d;color:#7ec8e3;padding:.1em .4em;border-radius:4px;vertical-align:middle;margin-left:.2rem}.seat-card:not(.occupied){border-style:dashed}.seat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.seat-player-name{font-weight:600;font-size:1.1rem}.seat-empty{color:var(--text-muted);font-style:italic;font-size:.9rem}.seat-team-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:10px;margin-top:.4rem;font-weight:500}.team-a{background:#2980b933;color:#5dade2}.team-b{background:#c0392b33;color:#ec7063}.kick-btn{position:absolute;top:.5rem;right:.5rem;background:#c0392b4d;border:none;color:#ec7063;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.seat-card:hover .kick-btn{opacity:1}.kick-btn:hover{background:#c0392b99}.viewers-section{margin-top:1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.lobby-controls{display:flex;gap:1rem;margin-top:1.5rem}.game-screen{width:100vw;height:100vh;background:radial-gradient(ellipse at center,var(--bg-table-light) 0%,var(--bg-table) 50%,#0f3d1a 100%);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.game-screen:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.game-screen:after{content:"";position:absolute;inset:12px;border:2px solid rgba(212,168,67,.15);border-radius:50%;pointer-events:none;z-index:0}.game-info-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.game-info-left{display:flex;align-items:center;gap:1.5rem}.trump-display{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.trump-display .suit-icon{font-size:1.3rem}.score-display{display:flex;gap:1.5rem}.score-team{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.score-team .score-value{font-weight:700;font-size:1.1rem}.score-team.team-a .score-value{color:#5dade2}.score-team.team-b .score-value{color:#ec7063}.trick-count{font-size:.85rem;color:var(--text-muted)}.game-leave-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);padding:.4rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.85rem;transition:all .2s}.game-leave-btn:hover{background:#c0392b4d;border-color:#c0392b80;color:#ec7063}.player-position{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;gap:.3rem}.player-position.bottom{bottom:140px;left:50%;transform:translate(-50%)}.player-position.top{top:50px;left:50%;transform:translate(-50%)}.player-position.left{left:1rem;top:50%;transform:translateY(-50%)}.player-position.right{right:1rem;top:50%;transform:translateY(-50%)}.player-name-tag{background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.player-name-tag.active{border-color:var(--gold);box-shadow:0 0 12px #d4a8434d;color:var(--gold-light)}.player-name-tag.disconnected{border-color:#c0392b80;color:var(--text-muted);opacity:.7}.player-name-tag.is-bot{border-color:#2980b980;color:#7ec8e3}.player-name-tag .card-count{margin-left:.4rem;opacity:.6;font-size:.75rem}.turn-timer{width:50px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden;margin-top:.2rem}.turn-timer-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .5s linear}.turn-timer-fill.low{background:var(--red)}.other-hand{display:flex;gap:0;justify-content:center}.card-back{width:40px;height:58px;background:linear-gradient(135deg,#1a3a5c,#0f2744);border:2px solid #2a5a8c;border-radius:5px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;margin-left:-8px}.card-back:first-child{margin-left:0}.card-back:after{content:"";position:absolute;inset:3px;border:1px solid rgba(212,168,67,.25);border-radius:3px;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(212,168,67,.06) 3px,rgba(212,168,67,.06) 6px)}.player-position.left .other-hand,.player-position.right .other-hand{flex-direction:column;gap:0}.player-position.left .card-back,.player-position.right .card-back{margin-left:0;margin-top:-30px;width:40px;height:58px}.player-position.left .card-back:first-child,.player-position.right .card-back:first-child{margin-top:0}.trick-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:220px;z-index:6}.trick-card-slot{position:absolute;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:cardDrop .3s ease-out}@keyframes cardDrop{0%{opacity:0;transform:scale(.7) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.trick-card-slot.seat-bottom{bottom:0;left:50%;transform:translate(-50%)}.trick-card-slot.seat-top{top:0;left:50%;transform:translate(-50%)}.trick-card-slot.seat-left{left:0;top:50%;transform:translateY(-50%)}.trick-card-slot.seat-right{right:0;top:50%;transform:translateY(-50%)}.card{width:75px;height:110px;background:linear-gradient(180deg,#fff,#f5f0e8);border-radius:8px;box-shadow:var(--shadow-card);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:all .2s ease;border:1px solid rgba(0,0,0,.1)}.card .card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1}.card .card-corner-tl{top:5px;left:6px}.card .card-corner-br{bottom:5px;right:6px;transform:rotate(180deg)}.card .card-rank{font-family:var(--font-display);font-size:.85rem;font-weight:700}.card .card-suit-small{font-size:.7rem;line-height:1}.card .card-center-suit{font-size:2.2rem;line-height:1}.card.suit-copas .card-rank,.card.suit-copas .card-suit-small,.card.suit-copas .card-center-suit,.card.suit-ouros .card-rank,.card.suit-ouros .card-suit-small,.card.suit-ouros .card-center-suit{color:#c0392b}.card.suit-paus .card-rank,.card.suit-paus .card-suit-small,.card.suit-paus .card-center-suit,.card.suit-espadas .card-rank,.card.suit-espadas .card-suit-small,.card.suit-espadas .card-center-suit{color:#2c3e50}.trick-card-slot .card{width:65px;height:95px}.trick-card-slot .card .card-center-suit{font-size:1.8rem}.trick-card-slot .card .card-rank{font-size:.75rem}.trick-card-slot .card .card-suit-small{font-size:.6rem}.player-hand{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:0;z-index:20;perspective:800px}.hand-card-wrapper{transition:all .15s ease;margin-left:-12px;cursor:pointer}.hand-card-wrapper:first-child{margin-left:0}.hand-card-wrapper:hover{transform:translateY(-20px) rotate(0)!important;z-index:25}.hand-card-wrapper.playable:hover .card{box-shadow:var(--shadow-card-hover);border-color:var(--gold)}.hand-card-wrapper.not-playable{cursor:not-allowed;filter:brightness(.6)}.hand-card-wrapper.not-playable:hover{transform:none!important;z-index:auto}.hand-card-wrapper .card{width:85px;height:125px}.hand-card-wrapper .card .card-center-suit{font-size:2.6rem}.hand-card-wrapper .card .card-rank{font-size:1rem}.hand-card-wrapper .card .card-suit-small{font-size:.8rem}.hand-card-wrapper:nth-child(1){transform:rotate(-8deg)}.hand-card-wrapper:nth-child(2){transform:rotate(-6deg)}.hand-card-wrapper:nth-child(3){transform:rotate(-4deg)}.hand-card-wrapper:nth-child(4){transform:rotate(-2deg)}.hand-card-wrapper:nth-child(5){transform:rotate(0)}.hand-card-wrapper:nth-child(6){transform:rotate(2deg)}.hand-card-wrapper:nth-child(7){transform:rotate(4deg)}.hand-card-wrapper:nth-child(8){transform:rotate(6deg)}.hand-card-wrapper:nth-child(9){transform:rotate(8deg)}.hand-card-wrapper:nth-child(10){transform:rotate(10deg)}.game-over-overlay{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .5s ease}.game-over-card{background:linear-gradient(180deg,#1e2a40,#162035);border:1px solid rgba(212,168,67,.3);border-radius:var(--radius);padding:3rem;text-align:center;box-shadow:var(--shadow-heavy);animation:slideUp .5s ease;max-width:400px;width:90%}.game-over-card h2{font-family:var(--font-display);font-size:2.5rem;color:var(--gold);margin-bottom:1.5rem}.final-scores{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.final-score-team{text-align:center}.final-score-team .label{font-size:.85rem;color:var(--text-muted);margin-bottom:.3rem}.final-score-team .score{font-family:var(--font-display);font-size:2.5rem;font-weight:700}.final-score-team.winner .score{color:var(--gold)}.game-over-actions{display:flex;gap:1rem;justify-content:center}.viewer-notice{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem 1.5rem;border-radius:20px;font-size:.9rem;color:var(--text-muted);z-index:10;border:1px solid rgba(255,255,255,.1)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem}.toast{background:#1e2a40f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:.8rem 1.2rem;font-size:.9rem;color:var(--text-light);box-shadow:var(--shadow-heavy);animation:slideIn .3s ease;max-width:320px}.toast.error{border-color:#c0392b80;color:#ec7063}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.lang-switcher{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;gap:.4rem}.lang-btn{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.3rem .5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.6}.lang-btn:hover{opacity:1;border-color:#ffffff40;background:#00000073}.lang-btn.active{opacity:1;border-color:var(--gold);background:#d4a8431f;box-shadow:0 0 8px #d4a84333}.lang-flag{font-size:1.3rem;line-height:1}.reaction-container{position:absolute;bottom:140px;right:1.5rem;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.reaction-toggle-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.4rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.reaction-toggle-btn:hover{background:#0009;border-color:var(--gold);transform:scale(1.1);box-shadow:0 4px 16px #d4a84340}.reaction-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#0f1423f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(212,168,67,.2);border-radius:var(--radius);padding:.5rem;box-shadow:0 8px 32px #00000080;animation:reactionPickerIn .2s ease}@keyframes reactionPickerIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-option{width:42px;height:42px;border:none;background:transparent;border-radius:8px;font-size:1.4rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.reaction-option:hover{background:#d4a84326;transform:scale(1.25)}.reaction-option:active{transform:scale(1)}.reaction-bubble{position:absolute;z-index:40;display:flex;align-items:center;gap:.4rem;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:.3rem .7rem;animation:reactionFloat 2.5s ease-out forwards;pointer-events:none;white-space:nowrap}.reaction-emoji{font-size:1.5rem;line-height:1}.reaction-name{font-size:.7rem;color:var(--text-muted);max-width:80px;overflow:hidden;text-overflow:ellipsis}@keyframes reactionFloat{0%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(-40px) scale(1.05)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.reaction-pos-bottom{bottom:150px;left:50%;margin-left:-40px}.reaction-pos-top{top:80px;left:50%;margin-left:-40px}.reaction-pos-left{left:80px;top:45%}.reaction-pos-right{right:80px;top:45%}.btn-ghost{background:transparent;border:none;color:var(--text-muted);padding:.6rem 1.5rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s;letter-spacing:.5px;position:relative}.btn-ghost:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:0;height:1px;background:var(--gold);transition:width .3s ease}.btn-ghost:hover{color:var(--gold-light)}.btn-ghost:hover:after{width:60%}.btn-how-to-play{margin-top:.5rem}.rules-screen{min-height:100vh;background:radial-gradient(ellipse at center,#1a3d20,#143018,#0d1f10 60%,#0a1628);position:relative;overflow-y:auto;overflow-x:hidden}.rules-screen:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.rules-header{position:fixed;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a1628d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,168,67,.12);box-sizing:border-box}.rules-header h1{font-family:var(--font-display);font-size:1.6rem;color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.4)}.rules-content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:5rem 1.5rem 4rem}.rules-intro{text-align:center;font-size:1.1rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.rules-section{background:#0003;border:1px solid rgba(212,168,67,.08);border-radius:var(--radius);padding:1.8rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .3s}.rules-section:hover{border-color:#d4a84333}.rules-section p{color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.rules-section p:last-child{margin-bottom:0}.rules-section-title{font-family:var(--font-display);font-size:1.4rem;color:var(--cream);margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem}.rules-section-icon{font-size:1.2rem;opacity:.5}.rules-subsection-title{font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin:1.2rem 0 .8rem;font-weight:600}.rules-list{list-style:none;padding:0}.rules-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-muted);line-height:1.5}.rules-list li:before{content:"•";position:absolute;left:0;color:var(--gold);font-size:1.2rem;line-height:1.5}.rules-steps{padding-left:0;list-style:none;counter-reset:step}.rules-steps li{counter-increment:step;padding:.6rem 0 .6rem 2.5rem;position:relative;color:var(--text-muted);line-height:1.6}.rules-steps li:before{content:counter(step);position:absolute;left:0;top:.5rem;width:1.6rem;height:1.6rem;background:#d4a84326;border:1px solid rgba(212,168,67,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--gold)}.rules-team-diagram{margin:1.5rem 0}.team-diagram-table{position:relative;width:240px;height:200px;margin:0 auto;background:#1a5c2a4d;border:2px solid rgba(212,168,67,.12);border-radius:50%}.diagram-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.2rem}.diagram-seat-top{top:-10px;left:50%;transform:translate(-50%)}.diagram-seat-bottom{bottom:-10px;left:50%;transform:translate(-50%)}.diagram-seat-left{left:-20px;top:50%;transform:translateY(-50%)}.diagram-seat-right{right:-20px;top:50%;transform:translateY(-50%)}.diagram-player{font-size:.75rem;font-weight:600;color:var(--text-light);background:#00000080;padding:.15rem .5rem;border-radius:10px;white-space:nowrap}.diagram-team{font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:8px;white-space:nowrap}.diagram-team.team-a{background:#2980b940;color:#5dade2}.diagram-team.team-b{background:#c0392b40;color:#ec7063}.diagram-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:var(--text-muted);opacity:.3;letter-spacing:4px}.rules-suits-row{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.rules-suit-item{display:flex;align-items:center;gap:.5rem;background:#0003;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}.rules-suit-symbol{font-size:1.6rem;line-height:1}.rules-suit-symbol.red{color:#c0392b}.rules-suit-symbol.black{color:#ecf0f1}.rules-suit-item span:last-child{font-size:.9rem;color:var(--text-muted);font-weight:500}.rules-card-values{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1rem 0}.rules-card-value-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.rules-card-value-item .mini-card{width:50px;height:72px;opacity:.6;transition:all .2s}.rules-card-value-item.has-points .mini-card{opacity:1}.rules-card-value-item:hover .mini-card{opacity:1;transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.rules-card-value-pts{font-size:.8rem;font-weight:700;color:var(--text-muted);background:#0000004d;padding:.15rem .5rem;border-radius:10px;min-width:28px;text-align:center}.rules-card-value-item.has-points .rules-card-value-pts{color:var(--gold);background:#d4a84326;border:1px solid rgba(212,168,67,.25)}.rules-points-total{text-align:center;font-weight:600;color:var(--gold)!important;margin-top:.5rem;font-size:.9rem}.rules-rank-order{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem;margin:1rem 0}.rules-rank-item{display:flex;align-items:center;gap:.15rem}.rules-rank-card .mini-card{width:44px;height:64px;transition:transform .2s}.rules-rank-card .mini-card:hover{transform:translateY(-4px)}.rules-rank-arrow{color:var(--text-muted);font-size:1.2rem;opacity:.4}.rules-trump-example{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem;color:var(--text-muted);line-height:1.6}.rules-inline-card .mini-card{width:50px;height:72px;display:inline-flex}.rules-example-trick{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0 1rem;flex-wrap:wrap}.rules-example-play{display:flex;flex-direction:column;align-items:center;gap:.4rem}.rules-example-label{font-size:.75rem;font-weight:700;color:var(--text-muted);background:#0000004d;padding:.15rem .5rem;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.rules-example-play .mini-card{width:60px;height:88px}.rules-card-winner{position:relative}.rules-card-winner:after{content:"★";position:absolute;top:-6px;right:-6px;font-size:1rem;color:var(--gold);filter:drop-shadow(0 0 4px rgba(212,168,67,.5))}.rules-card-winner .mini-card{border:2px solid var(--gold);box-shadow:0 0 16px #d4a8434d}.rules-example-result{text-align:center;font-weight:600;color:var(--gold)!important;font-size:.95rem}.rules-follow-hand{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0 1rem;flex-wrap:wrap}.rules-follow-card .mini-card{width:56px;height:82px;transition:all .2s}.rules-follow-valid .mini-card{border:2px solid #27ae60;box-shadow:0 0 12px #27ae6040}.rules-follow-locked .mini-card{opacity:.35;filter:grayscale(.4)}.rules-follow-note{font-size:.9rem;line-height:1.5}.rules-follow-note.valid{color:#27ae60!important;font-weight:600}.rules-follow-note.free{color:var(--text-muted)!important;font-style:italic}.rules-scoring-tiers{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.rules-scoring-tier{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:#00000026;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04);color:var(--text-muted);font-size:.95rem}.rules-tier-badge{font-family:var(--font-display);font-weight:700;font-size:1rem;min-width:44px;text-align:center;padding:.3rem .5rem;border-radius:var(--radius-sm);flex-shrink:0}.tier-normal{background:#2980b933;color:#5dade2}.tier-bandeira{background:#d4a84333;color:var(--gold)}.tier-sueca{background:#d4a84359;color:var(--gold-light);border:1px solid rgba(212,168,67,.4)}.tier-draw{background:#ffffff14;color:var(--text-muted)}.rules-tips{border-color:#d4a84326;background:#d4a84308}.rules-tips-list{list-style:none;padding:0}.rules-tips-list li{padding:.6rem 0 .6rem 2rem;position:relative;color:var(--text-muted);line-height:1.6}.rules-tips-list li:before{content:"→";position:absolute;left:0;color:var(--gold);font-size:1rem}.rules-footer{display:flex;justify-content:center;margin-top:2rem}.mini-card{width:50px;height:72px}.mini-card .card-center-suit{font-size:1.5rem}.mini-card .card-rank{font-size:.65rem}.mini-card .card-suit-small{font-size:.55rem}.mini-card .card-corner-tl{top:3px;left:4px}.mini-card .card-corner-br{bottom:3px;right:4px}@media(max-width:768px){.home-title{font-size:3rem}.home-actions{gap:1rem}.home-actions-secondary{flex-direction:column;gap:.75rem}.home-bg-card{width:60px;height:86px}.home-bg-card.face-up .bg-suit{font-size:1.8rem}.seats-grid{grid-template-columns:1fr;max-width:300px}.btn-large{padding:1rem 2.2rem;font-size:1rem}.lobby-item{flex-direction:column;gap:.8rem;align-items:flex-start}.lobby-item-actions{width:100%}.lobby-item-actions .btn{flex:1}.lobby-item-meta{flex-wrap:wrap;gap:.5rem}.hand-card-wrapper .card{width:65px;height:95px}.hand-card-wrapper .card .card-center-suit{font-size:2rem}.hand-card-wrapper{margin-left:-15px}.card-back{width:32px;height:46px}.reaction-container{bottom:110px;right:.75rem}.reaction-toggle-btn{width:40px;height:40px;font-size:1.2rem}.reaction-picker{grid-template-columns:repeat(4,1fr)}.reaction-option{width:36px;height:36px;font-size:1.2rem}.rules-header{padding:.8rem 1rem}.rules-header h1{font-size:1.2rem}.rules-content{padding:1.5rem 1rem 3rem}.rules-section{padding:1.3rem 1rem}.rules-section-title{font-size:1.2rem}.rules-card-values{gap:.4rem}.rules-card-value-item .mini-card{width:40px;height:58px}.rules-card-value-pts{font-size:.7rem}.rules-rank-card .mini-card{width:36px;height:52px}.rules-example-play .mini-card{width:50px;height:72px}.rules-follow-card .mini-card{width:46px;height:66px}.team-diagram-table{width:200px;height:170px}.rules-suits-row{gap:.75rem}.rules-suit-item{padding:.4rem .7rem}}