:root{font-family:Segoe UI,system-ui,sans-serif;--bg-wood: #2c1e14;--felt-green: #27ae60;--felt-texture: radial-gradient( circle at center, #2ecc71 0%, #27ae60 60%, #1e824c 100% );--accent-gold: #f1c40f;--text-light: #ecf0f1;--chat-bg: rgba(0, 0, 0, .6)}html,body{margin:0;padding:0;height:100%;background-color:var(--bg-wood);color:var(--text-light);overflow:hidden}#root{height:100%;width:100%;display:flex;flex-direction:column}.lobby-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;background-image:url(/img/fondo-madera.jpg);background-size:cover}.lobby-card{background:#2c1e14f2;padding:2.5rem;border-radius:20px;border:2px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #000c;text-align:center;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.2rem;max-height:90vh;overflow-y:auto;overflow-x:hidden}.lobby-input{background:#0006;border:1px solid #666;color:#fff;padding:15px;border-radius:8px;font-size:1.1rem;text-align:center;width:100%;box-sizing:border-box}.btn-primary{background:var(--felt-green);color:#fff;border:none;padding:15px;border-radius:8px;font-weight:700;cursor:pointer;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;width:100%;transition:all .2s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:#555;color:#eee;border:none;padding:15px;border-radius:8px;cursor:pointer;font-size:1rem;width:100%}.game-layout{display:flex;flex-direction:column;height:100%;width:100%;max-width:1200px;margin:0 auto;position:relative}header{flex:0 0 auto;padding:10px 20px;z-index:10}.mesa-tapete{flex:1;background:var(--felt-texture);border:8px solid #3d291a;border-radius:16px;margin:10px 10px 5px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 40px #000000b3}.cartas-mesa-grid{width:100%;max-width:900px;height:auto;max-height:100%;padding:10px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.cartas-mesa-grid::-webkit-scrollbar{display:none}.mazo-visual{position:absolute;left:15px;top:15px;width:60px;height:90px;background-image:url(/img/reverso.png);background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:1px 1px #bbb,2px 2px #bbb,3px 3px 5px #00000080;border-radius:6px;border:1px solid #999;z-index:5;display:flex;justify-content:center;align-items:center}.mazo-visual>div{background:#000000bf;padding:2px 5px;border-radius:4px;color:#fff;font-weight:700;font-size:.7rem;text-align:center;line-height:1;box-shadow:0 1px 3px #00000080}.jugador-mano-container{flex:0 0 auto;padding:10px 0 20px;min-height:140px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:20}.turno-activo .carta-container{filter:drop-shadow(0 0 8px var(--accent-gold));cursor:pointer}.chat-container{position:absolute;bottom:20px;right:20px;width:280px;height:220px;background:var(--chat-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.2);z-index:100;box-shadow:0 10px 20px #00000080;transition:all .3s ease}.chat-messages{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-msg{padding:6px 10px;border-radius:6px;background:#0006;font-size:.9rem}.chat-msg.mine{background:#27ae6099;align-self:flex-end;text-align:right}.chat-input-area{display:flex;border-top:1px solid rgba(255,255,255,.1)}.chat-input-area input{flex-grow:1;background:transparent;border:none;color:#fff;padding:12px;outline:none}.chat-input-area button{background:var(--accent-gold);border:none;cursor:pointer;padding:0 15px;font-size:1.2rem}@keyframes dealCard{0%{opacity:0;transform:translateY(-50px) scale(.5) rotate(10deg)}70%{opacity:1;transform:translateY(5px) scale(1.05) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.notification-overlay{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:#000000f2;color:var(--accent-gold);padding:1rem 2rem;border:2px solid var(--accent-gold);border-radius:12px;font-size:1.2rem;text-align:center;z-index:100;box-shadow:0 0 30px var(--accent-gold);animation:popIn .3s ease-out}.chat-fab-btn{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--accent-gold);border:2px solid white;font-size:1.5rem;box-shadow:0 4px 10px #00000080;z-index:200;cursor:pointer;align-items:center;justify-content:center}@media(max-width:1000px){.game-layout{zoom:.75}.chat-fab-btn{display:flex}.chat-container{display:none;position:fixed;bottom:80px;right:20px;width:280px;height:300px;z-index:201}.chat-container.mobile-open{display:flex;animation:popIn .2s ease-out}.carta-container{width:80px!important;height:120px!important}.mazo-visual{width:60px!important;height:90px!important;left:10px;top:60px}.history-container{top:100px;left:10px;bottom:auto;width:160px;height:100px;background:#0006}}.top-bar{flex:0 0 auto;width:100%;height:85px;padding-top:20px;padding-bottom:10px;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;gap:15px;z-index:1000;box-shadow:0 4px 15px #00000080;overflow-y:hidden;overflow-x:auto;scrollbar-width:none}.top-bar::-webkit-scrollbar{display:none}.player-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 12px;border-radius:10px;border:2px solid transparent;background:#ffffff0d;min-width:80px;position:relative;transition:all .3s ease;color:#fff}.player-badge.active{border-color:#f1c40f;background:#f1c40f26;box-shadow:0 0 15px #f1c40f4d;transform:scale(1.05)}.player-name{font-size:.75rem;font-weight:700;margin-bottom:4px;text-transform:uppercase;display:flex;align-items:center;gap:4px}.player-stats{display:flex;align-items:center;gap:10px}.stat-box{display:flex;flex-direction:column;align-items:center;line-height:1}.stat-val{font-family:monospace;font-size:1.1rem;font-weight:700;color:#f1c40f}.stat-val-sm{font-family:monospace;font-size:.9rem;font-weight:700;color:#fff}.stat-lbl{font-size:.5rem;opacity:.6;margin-top:2px}.divider{width:1px;height:20px;background:#fff3}.turn-tag{position:absolute;bottom:-8px;background:#f1c40f;color:#000;font-size:.6rem;padding:2px 8px;border-radius:10px;font-weight:800;box-shadow:0 2px 4px #00000080;animation:pulse 1.5s infinite}.me-tag{background:#3498db;color:#fff;font-size:.5rem;padding:1px 4px;border-radius:4px}.history-container{position:fixed;bottom:90px;left:20px;width:260px;height:180px;background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;display:flex;flex-direction:column;z-index:900;pointer-events:none}@media(max-width:768px){.history-container{display:none}}.history-header{font-size:.7rem;color:#aaa;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px;margin-bottom:5px;font-weight:700}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;scrollbar-width:none}.history-list::-webkit-scrollbar{display:none}.log-item{background:#ffffff0d;padding:4px 8px;border-radius:4px;font-size:.8rem;color:#eee;border-left:3px solid rgba(255,255,255,.2);animation:fadeIn .3s ease-out}.log-item.highlight{border-left-color:#f1c40f;color:#fff}.log-item.victory{border-left-color:#2ecc71;color:#2ecc71;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:0}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1)}}.fab-container{display:none;position:fixed;bottom:20px;right:20px;flex-direction:column;gap:10px;z-index:200}.fab-btn{width:50px;height:50px;border-radius:50%;border:2px solid white;font-size:1.5rem;box-shadow:0 4px 10px #00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.fab-btn:active{transform:scale(.9)}.chat-fab{background:var(--accent-gold)}.history-fab{background:#3498db}.close-btn-mobile{display:none;float:right;cursor:pointer;color:#ff6b6b;font-size:1rem}@media(max-width:1000px){.fab-container{display:flex}.chat-fab-btn{display:none!important}.history-container{display:none;position:fixed;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:280px;height:300px;background:#000000f2;border:2px solid #3498db;z-index:300;box-shadow:0 0 50px #000c;pointer-events:auto;border-radius:12px}.history-container.mobile-open{display:flex;animation:popInCenter .25s cubic-bezier(.175,.885,.32,1.275)}.close-btn-mobile{display:block}.history-list{font-size:.9rem}}@keyframes popInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cante-tag{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3);padding:3px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 6px #0006;z-index:20;display:flex;align-items:center;gap:4px;white-space:nowrap;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}