:root{color:#f5f1e6;box-sizing:border-box;background:#142a1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:inherit}body{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#1c3b2b 0%,#122419 100%);min-height:100vh;margin:0}.lobby{background:#234232;border:1px solid #3d6a52;border-radius:16px;flex-direction:column;gap:14px;max-width:440px;margin:8vh auto;padding:28px;display:flex;box-shadow:0 12px 36px #0006}.lobby h1{color:#ffd45c;text-align:center;margin:0 0 8px;font-size:1.6rem}.lobby label{flex-direction:column;gap:6px;font-size:.95rem;display:flex}.lobby input[type=text],.lobby input:not([type=checkbox]){color:#fff;background:#193325;border:1px solid #4a8063;border-radius:8px;padding:10px 12px;font-size:1rem}.lobby input[type=checkbox]{cursor:pointer;margin-right:8px}.o-linea{text-align:center;color:#9cb8a7;margin:6px 0;font-size:.85rem;position:relative}button{cursor:pointer;color:#fff;background:#3a7554;border:none;border-radius:8px;padding:8px 14px;font-weight:600;transition:all .15s ease-in-out}button:hover:not(:disabled){background:#489269;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.mesa{flex-direction:column;min-height:100vh;padding-bottom:30px;display:flex;position:relative}header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#122419d9;border-bottom:1px solid #2e5941;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-ronda{align-items:center;gap:8px;display:flex}.etiqueta-ronda{color:#a3c4b1;font-size:.9rem}.nombre-ronda-badge{color:#ffd45c;background:#28543b;border:1px solid #45825f;border-radius:20px;padding:4px 12px;font-size:1.05rem;font-weight:700}.badge-turno{color:#cad8ce;background:#233e30;border:1px solid #37634c;border-radius:20px;padding:6px 14px;font-size:.95rem}.badge-turno.mi-turno{color:#1a2c1f;background:linear-gradient(135deg,#d49a1e 0%,#f3ba2f 100%);border-color:#ffd45c;font-weight:800;animation:2s ease-in-out infinite pulse-turno;box-shadow:0 0 16px #f3ba2f73}@keyframes pulse-turno{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.sala-oval{background:radial-gradient(#2e5943 0%,#1c3b2b 75%,#13271c 100%);border:4px solid #0f241a;border-radius:50%/40%;height:44vh;min-height:290px;margin:12px 24px;position:relative;box-shadow:inset 0 0 60px #0009,0 8px 24px #00000059}.asiento{text-align:center;z-index:5;flex-direction:column;align-items:center;gap:3px;font-size:.85rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.avatar-jugador{background:#142a1ee6;border:1px solid #3d6f53;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;display:flex}.asiento.propio .avatar-jugador{background:#234430f2;border-color:#ffd45c}.apodo{color:#fff;font-weight:600}.estado{color:#a0c2ad;font-size:.75rem}.verso-oculto{align-items:center;gap:-16px;display:flex}.verso-oculto>*{margin-right:-14px}.contador-cartas-ajenas{background:#173324;border:1px solid #3b6b50;border-radius:10px;margin-left:20px;padding:2px 6px;font-size:.75rem;font-weight:700}.cartas-mostradas-asiento{background:#0e1e15eb;border:1px solid #ffd45c;border-radius:8px;flex-direction:column;align-items:center;gap:2px;max-width:170px;margin-top:2px;padding:4px 6px;display:flex;box-shadow:0 4px 12px #0006}.mostradas-label{color:#ffd45c;font-size:.68rem;font-weight:700}.mostradas-fila{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.centro{z-index:10;justify-content:center;align-items:center;gap:24px;padding:6px 16px;display:flex}.pila-mazo,.pila-pozo{background:0 0;border-radius:6px;padding:0;display:inline-flex;position:relative}.pila-mazo:hover:not(:disabled),.pila-pozo:hover:not(:disabled){filter:drop-shadow(0 6px 12px #00000080);transform:translateY(-4px)}.contador-mazo{color:#ffd45c;background:#000000d9;border:1px solid #ffd45c;border-radius:10px;padding:2px 6px;font-size:.8rem;font-weight:700;position:absolute;bottom:6px;right:6px}.mazo-dropzone,.pozo-dropzone{border:2px dashed #0000;border-radius:8px;padding:4px;transition:all .2s;position:relative}.mazo-dropzone.mazo-drag-activo,.pozo-dropzone.pozo-drag-activo{background:#ff98002e;border-color:#ff9800;transform:scale(1.05);box-shadow:0 0 16px #ff980080}.mazo-drop-hint,.pozo-drop-hint{color:#fff;white-space:nowrap;pointer-events:none;z-index:30;background:#ff5722;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.badge-arrastrar-accion{color:#a4c9b3;white-space:nowrap;opacity:.75;pointer-events:none;font-size:.65rem;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.pila-mazo:hover .badge-arrastrar-accion,.pila-pozo:hover .badge-arrastrar-accion{opacity:1;color:#ffd45c}.mano-seccion.mano-recibiendo-robo{background:#4caf5038;border-color:#4caf50;box-shadow:0 0 20px #4caf5073}.melds{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.meld{background:#12261bb3;border:1px solid #396c50;border-radius:8px;padding:4px 6px;transition:all .2s;position:relative}.meld.meld-drag-activo{background:#4caf5033;border-color:#4caf50;transform:scale(1.04);box-shadow:0 0 14px #4caf5080}.meld-cartas-fila{gap:2px;display:flex}.meld button{background:0 0;border-radius:4px;padding:0}.meld-drop-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#4caf50;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.mano-seccion{background:#152d20bf;border:1px solid #36664c;border-radius:14px;margin:10px 24px;padding:12px 16px;box-shadow:inset 0 2px 8px #0000004d}.mano-toolbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.mano-info{flex-direction:column;gap:2px;display:flex}.mano-titulo{color:#ffd45c;font-size:1rem;font-weight:700}.mano-hint{color:#9cb8a7;font-size:.8rem}.mano-ordenadores{gap:8px;display:flex}.btn-ordenar{background:#2c5941;border:1px solid #488a65;padding:5px 10px;font-size:.8rem}.btn-ordenar:hover{background:#397354}.mano{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;min-height:120px;padding:6px;display:flex}.carta-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.carta-ojito-header{justify-content:center;align-items:center;height:24px;display:flex}.btn-ojito{color:#c9dbd1;cursor:pointer;background:#162b1fd9;border:1px solid #417357;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;transition:all .15s;display:inline-flex}.btn-ojito:hover{color:#fff;background:#336148;border-color:#ffd45c}.btn-ojito.ojito-activo{color:#1a3324;background:#ffd45c;border-color:#ffb703;font-weight:700;box-shadow:0 0 8px #ffd45c99}.icono-ojo{font-size:.85rem}.texto-ojo{letter-spacing:.2px;font-size:.68rem}.carta-btn{cursor:grab;background:0 0;border-radius:6px;flex-direction:column;align-items:center;padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:flex;position:relative}.carta-btn:hover{filter:drop-shadow(0 8px 12px #0009);transform:translateY(-8px)}.carta-btn:active{cursor:grabbing}.carta-elegida{border-radius:6px;outline:3px solid #ffd45c;transform:translateY(-10px);box-shadow:0 0 14px #ffd45cbf}.carta-mostrada{filter:drop-shadow(0 0 8px #4ecdc4d9)}.carta-btn.en-arrastre{opacity:.4;transform:scale(.92)}.carta-btn.drag-over-target{border-left:4px solid #ffd45c;padding-left:4px}.badge-visible-mesa{color:#ffd45c;pointer-events:none;background:#10241ae6;border:1px solid #ffd45c;border-radius:8px;padding:1px 5px;font-size:.68rem;font-weight:700;position:absolute;bottom:4px}.cosito-bajada{background:linear-gradient(#1d3e2d 0%,#152d21 100%);border:2px solid #366a4e;border-radius:16px;margin:12px 24px 20px;padding:14px 18px;box-shadow:0 8px 28px #00000073,inset 0 1px #ffffff1a}.cosito-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cosito-titulo-area{align-items:center;gap:10px;display:flex}.cosito-icono{font-size:1.5rem}.cosito-titulo{color:#ffd45c;margin:0;font-size:1.05rem;font-weight:700}.cosito-meta{color:#b1cfbf;margin:2px 0 0;font-size:.82rem}.cosito-manos-req{color:#fff;background:#00000040;border-radius:6px;padding:1px 6px;font-weight:600}.btn-limpiar-cosito{background:#274b37;border:1px solid #437d5c;padding:4px 10px;font-size:.8rem}.btn-limpiar-cosito:hover{background:#336147}.cosito-dropzone{background:#0e1e1699;border:2px dashed #ffffff38;border-radius:12px;justify-content:center;align-items:center;min-height:94px;padding:10px;transition:all .2s;display:flex}.cosito-dropzone.dropzone-activa{background:#ffd45c26;border-color:#ffd45c;transform:scale(1.01);box-shadow:0 0 18px #ffd45c59}.cosito-dropzone.cosito-dropzone-lista{cursor:pointer;background:#2ed5731f;border-color:#2ed573;box-shadow:0 0 16px #2ed57340}.cosito-dropzone.cosito-dropzone-lista:hover{background:#2ed57338;transform:scale(1.01)}.cosito-drop-content{align-items:center;gap:14px;width:100%;padding:8px 16px;display:flex}.cosito-drop-icon{opacity:.85;font-size:2rem}.cosito-drop-text{text-align:left;flex-direction:column;gap:3px;display:flex}.cosito-placeholder-text{color:#ffd45c;font-size:.98rem;font-weight:700}.cosito-placeholder-sub{color:#a0c2af;font-size:.85rem}.cosito-seleccion-resumen{color:#ffd45c;font-size:1.05rem;font-weight:800}.cosito-seleccion-sub{color:#d1e4da;font-size:.88rem}.cosito-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.cosito-status-box{flex:1;min-width:220px}.preview-badge{border-radius:8px;padding:6px 12px;font-size:.88rem;font-weight:600;display:inline-block}.preview-badge.ok{color:#81c784;background:#2e7d3259;border:1px solid #4caf50;box-shadow:0 0 10px #4caf504d}.preview-badge.mal{color:#ef9a9a;background:#c628284d;border:1px solid #e53935}.preview-badge.info{color:#a4c4b2;font-size:.82rem}.cosito-botones-area{align-items:center;gap:10px;display:flex}.btn-accion-descartar{background:#a8483b;border:1px solid #d45d4c;padding:8px 16px;font-size:.9rem}.btn-accion-descartar:hover:not(:disabled){background:#c25344}.btn-accion-bajarse{background:#2b573f;border:1px solid #43805f;border-radius:10px;padding:10px 22px;font-size:1rem}.btn-accion-bajarse.listo-para-bajar{color:#fff;background:linear-gradient(135deg,#2e7d32 0%,#43a047 100%);border-color:#81c784;font-weight:800;animation:1.6s ease-in-out infinite pulse-bajarse;box-shadow:0 0 20px #4caf50b3}@keyframes pulse-bajarse{0%,to{transform:scale(1);box-shadow:0 0 16px #4caf5099}50%{transform:scale(1.05);box-shadow:0 0 24px #4caf50e6}}.scoreboard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#162d21eb;border:1px solid #3d7053;border-radius:12px;min-width:170px;padding:12px;font-size:.82rem;position:absolute;top:70px;right:14px;box-shadow:0 6px 18px #0006}.scoreboard h2{color:#ffd45c;border-bottom:1px solid #37634c;margin:0 0 8px;padding-bottom:4px;font-size:.95rem}.scoreboard ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.scoreboard li{justify-content:space-between;padding:2px 0;display:flex}.corte{color:#ffd45c;border-top:1px dashed #4e8264;margin-top:8px;padding-top:6px;font-size:.75rem}.chat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#162d21eb;border:1px solid #3d7053;border-radius:12px;flex-direction:column;width:240px;max-height:44vh;padding:12px;font-size:.82rem;display:flex;position:absolute;top:70px;left:14px;box-shadow:0 6px 18px #0006}.chat h2{color:#ffd45c;border-bottom:1px solid #37634c;margin:0 0 8px;padding-bottom:4px;font-size:.95rem}.chat ul{flex-direction:column;flex:1;gap:4px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat li{background:#0003;border-radius:6px;padding:3px 6px}.chat li.mio{background:#45825f59;border-left:2px solid #ffd45c}.chat-barra{gap:4px;margin-top:8px;display:flex}.chat-barra input{color:#fff;background:#152b1f;border:1px solid #437a5b;border-radius:6px;flex:1;padding:6px 8px;font-size:.82rem}.emojis-rapidos{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.emojis-rapidos button{background:#254835;padding:4px 6px;font-size:.95rem}.emojis-rapidos button:hover{background:#37684d}.vuelo{pointer-events:none;z-index:100;font-size:2.4rem;animation:2.4s ease-in-out forwards flotar;position:absolute;bottom:30%;left:50%}@keyframes flotar{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-240px)scale(1.6)}}@media (width<=768px){.sala-oval{height:38vh;margin:8px 12px}.mano-seccion,.cosito-bajada{margin:8px 12px;padding:10px 12px}.chat,.scoreboard{width:auto;margin:8px 12px;position:static}}