:root{--bg: #0b0f17;--bg-2: #111725;--panel: #141b2b;--panel-2: #1a2334;--line: #24304a;--line-soft: #1c2536;--text: #e6ecf7;--muted: #8fa0bd;--accent: #5b8cff;--accent-2: #33d1a0;--danger: #ff5f6d;--warn: #f5c518;--radius: 14px;--shadow: 0 10px 30px rgb(0 0 0 / 45%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none}body{background:radial-gradient(1200px 700px at 15% -10%,#17223a 0%,transparent 60%),radial-gradient(900px 600px at 100% 0%,#16283a 0%,transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Inter,Arial,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:8px 14px;border-radius:10px;transition:background .12s ease,border-color .12s ease,transform .06s ease}button:hover:not(:disabled){background:#22304a;border-color:#33456b}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#5b8cff,#3f6ee0);border-color:#4a79e8;color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#6d99ff,#4c7cf0)}button.ghost{background:transparent}button.danger{border-color:#5a2530;color:#ffb4bb}input,select,textarea{background:#0e1522;border:1px solid var(--line);border-radius:10px;padding:8px 11px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.panel{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow)}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.muted{color:var(--muted)}.small{font-size:12px}.tag{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;background:#1b2437;border:1px solid var(--line);font-size:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #ffffff1f inset}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:10px 18px;border-bottom:1px solid var(--line-soft);background:#0a0e16b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none}.brand{font-weight:800;letter-spacing:.14em;font-size:16px;background:linear-gradient(90deg,#7aa2ff,#33d1a0);-webkit-background-clip:text;background-clip:text;color:transparent}.spacer{flex:1}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.online{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}.status-dot.offline{background:var(--danger)}.content{flex:1;min-height:0;overflow:auto}.lobby{max-width:1080px;margin:0 auto;padding:24px 18px 60px;display:grid;grid-template-columns:1fr 340px;grid-template-rows:auto 1fr;gap:18px;align-items:stretch}@media(max-width:900px){.lobby{grid-template-columns:minmax(0,1fr);grid-template-rows:none}}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px}.room-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.room-card:last-child{border-bottom:0}.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;background:#0e1522;border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:13px}.empty{padding:26px;text-align:center;color:var(--muted)}.game{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:0;min-height:0}@media(max-width:1100px){.game{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 320px}}@media(max-width:760px){html,body,#root,.app{height:auto;min-height:100%}.game{display:block;height:auto}.board{height:calc(100vh - 44px);height:calc(100svh - 44px)}.sidebar{height:auto;border-left:0;border-top:1px solid var(--line-soft)}.tab-body{overflow:visible;min-height:50svh}.legend{display:none}.map-controls{right:8px;top:8px;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:62%}.map-controls button{padding:5px 8px;font-size:12px}.topbar{padding:8px 12px;gap:8px}.actionbar{padding:8px 10px;gap:8px}}@media(max-height:520px)and (orientation:landscape){.topbar{padding:5px 12px}.board{height:100vh;height:100svh}}.board{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.map-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.map-wrap svg{width:100%;height:100%;display:block;touch-action:none}.sidebar{border-left:1px solid var(--line-soft);background:#0c111bcc;display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line-soft);flex:none}.tabs button{flex:1;border:0;border-radius:0;background:transparent;padding:10px 6px;color:var(--muted);font-size:13px}.tabs button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.tab-body{flex:1;min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.player-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid transparent}.player-row.turn{border-color:#2e4676;background:#131e33}.player-row.dead{opacity:.45}.bars{display:flex;gap:8px;font-size:12px;color:var(--muted)}.log{display:flex;flex-direction:column;gap:6px;font-size:12.5px}.log-entry{padding:6px 9px;border-radius:8px;background:#0f1725;border-left:3px solid var(--line)}.log-entry.ataque{border-left-color:#ff9f43}.log-entry.conquista{border-left-color:var(--accent-2)}.log-entry.victoria{border-left-color:var(--warn)}.log-entry.eliminacion{border-left-color:var(--danger)}.log-entry.pacto{border-left-color:#b48ef0}.dice{display:inline-flex;gap:4px;margin-left:6px}.die{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:12px;font-weight:700;background:#e7ecf6;color:#101828}.die.def{background:#35405a;color:#dbe4f5}.chat{display:flex;flex-direction:column;min-height:0;flex:1}.chat-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.chat-msg{font-size:13px}.chat-form{display:flex;gap:8px;margin-top:10px;flex:none}.actionbar{flex:none;border-top:1px solid var(--line-soft);background:#0b0f17eb;padding:10px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.phase-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#16203a;border:1px solid #26365c;font-weight:600;font-size:13px}.hint{color:var(--muted);font-size:13px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:26px;background:#3a1620;border:1px solid #7a2b3b;color:#ffd7dc;padding:10px 16px;border-radius:12px;z-index:60;box-shadow:var(--shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070db3;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(460px,100%);padding:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards{display:flex;flex-wrap:wrap;gap:8px}.card-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;padding:8px 6px 7px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,#fdf6e4,#f0e3c6);color:#3a2c14;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}.card-chip:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000059}.card-chip.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 6px 14px #00000059;transform:translateY(-2px)}.card-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:46px;border-radius:7px;background:#fffaf0;border:1px solid #d9c8a2;color:#6b4a1c}.card-pais{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.15;color:#3a2c14}.card-chip .sym{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a6a2c}.card-chip.cobrada .card-art{opacity:.55}.sello{position:absolute;transform:rotate(-14deg);padding:1px 7px;border:2px solid #b3371f;border-radius:4px;color:#b3371f;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#fffaf0cc}.simbolo{display:block}.objective{padding:12px;border-radius:12px;background:linear-gradient(180deg,#1a2440,#131b2c);border:1px solid #2b3a5e}.legend{position:absolute;left:12px;bottom:12px;display:flex;gap:6px;flex-wrap:wrap;max-width:60%;pointer-events:none}.legend .tag{background:#0f1522d9}.map-controls{position:absolute;right:12px;top:12px;display:flex;gap:6px}.map-controls button{padding:6px 10px;background:#0f1522d9}.combat-flash{opacity:.75;animation:combat-flash 1s ease-out forwards}.combat-flash.hit{animation-duration:1.9s}@keyframes combat-flash{0%{opacity:0}12%{opacity:.85}to{opacity:0}}.combat-shake{animation:combat-shake .4s ease-in-out .1s 2}@keyframes combat-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,2.5px)}50%{transform:translate(5px,-2.5px)}75%{transform:translate(-3.5px,-2px)}}.combat-arrow,.combat-head{fill:none;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgb(20 20 40 / 45%))}.combat-arrow{animation:combat-draw .4s ease-out forwards,combat-fade .5s ease-in 1s forwards}.combat-head{animation:combat-fade .5s ease-in 1s forwards}@keyframes combat-draw{to{stroke-dashoffset:0}}@keyframes combat-fade{to{opacity:0}}.combat-badge{filter:drop-shadow(0 2px 3px rgb(20 20 40 / 45%));animation:combat-badge 1.3s ease-out forwards}@keyframes combat-badge{0%{transform:scale(.4)}9%{transform:scale(1.25)}16%{transform:scale(1)}86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.combat-ring{fill:none;stroke-width:3.5;animation:combat-ring 1.3s ease-out .35s forwards}@keyframes combat-ring{0%{transform:scale(.4);opacity:.95}to{transform:scale(3.4);opacity:0}}.combat-loss{font:800 21px ui-sans-serif,system-ui,Segoe UI,sans-serif;dominant-baseline:central;paint-order:stroke;stroke:#fff;stroke-width:3.5;animation:combat-loss 1.2s ease-out forwards}@keyframes combat-loss{0%{transform:translateY(8px)}75%{opacity:1}to{opacity:0;transform:translateY(-28px)}}@media(prefers-reduced-motion:reduce){.combat-shake{animation:none}.combat-badge,.combat-loss{animation-name:combat-hold}.combat-ring{animation:none;opacity:0}.combat-arrow{animation:combat-fade .6s ease-in 2.4s forwards;stroke-dashoffset:0!important}}@keyframes combat-hold{0%,82%{opacity:1}to{opacity:0}}.map-tip{position:absolute;padding:5px 10px;border-radius:8px;background:#0f1522e5;border:1px solid var(--line);font-size:13px;line-height:1.3;pointer-events:none;white-space:nowrap;z-index:12;box-shadow:0 4px 14px #141a304d}.map-wrap.sea{background:#b3c0ee}.map-wrap.sea .map-controls button,.map-wrap.sea .legend .tag,.map-wrap.sea .map-tip{background:#ffffffe0;border-color:#8e9ac9;color:#1f2440}.map-wrap.sea .map-controls button:hover{background:#fff;border-color:#5b6aa8}.map-wrap.sea .map-tip .muted{color:#5b6288}.dice-roll{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:9px 14px;z-index:15;background:#0d131ef0;border:1px solid var(--line);animation:dice-in .22s ease-out;pointer-events:none}@keyframes dice-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.dice-head{display:flex;align-items:center;gap:7px;font-size:12.5px;justify-content:center;margin-bottom:8px}.dice-rows{display:flex;flex-direction:column;gap:6px}.dice-side{display:flex;align-items:center;gap:8px}.dice-label{width:62px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.die-3d{filter:drop-shadow(0 3px 5px rgb(0 0 0 / 45%));transform-origin:50% 50%}.die-3d.rolling{animation:tumble .28s linear infinite}@keyframes tumble{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(-14deg) translateY(-5px)}50%{transform:rotate(0) translateY(0)}75%{transform:rotate(14deg) translateY(-5px)}to{transform:rotate(0) translateY(0)}}.dice-result{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:8px;font-size:12.5px}.dice-result .sep{color:var(--line)}.dice-result .conquered{color:var(--accent-2);font-weight:700;margin-left:4px}.winner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05080eb8;z-index:20}.winner-card{padding:28px 34px;text-align:center}.card-chip .claim{margin-top:5px;padding:3px 8px;font-size:11px;border-radius:7px}.pending-note{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.35;color:#f4e3b8;background:#2a2211;border:1px solid #6d5a1e}.pending-note button{flex:none;padding:5px 10px;font-size:12px}button.pending-card{background:linear-gradient(180deg,#e0a92f,#c2861a);border-color:#d09a24;color:#211804;box-shadow:0 0 #e0a92f8c;animation:pending-card-late 1.9s ease-out infinite}button.pending-card:hover:not(:disabled){background:linear-gradient(180deg,#f0bb44,#d39824)}@keyframes pending-card-late{0%{box-shadow:0 0 #e0a92f8c}70%{box-shadow:0 0 0 9px #e0a92f00}to{box-shadow:0 0 #e0a92f00}}@media(prefers-reduced-motion:reduce){button.pending-card{animation:none;box-shadow:0 0 0 2px #e0a92f73}}.tag.bot-tag{color:#b9c6ff;border-color:#3c4a7a;background:#1a2340}input.bot-name{width:9.5em;padding:2px 6px;font-weight:700;font-size:13px;color:var(--text);background:transparent;border:1px solid transparent;border-radius:6px}input.bot-name:hover{border-color:var(--line-soft)}input.bot-name:focus{border-color:var(--accent);background:#0b1220;outline:none}.emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;border-top:1px solid var(--line-soft);background:#0e1522}.emojis button{padding:6px 0;font-size:19px;line-height:1;border-color:transparent;background:transparent}.emojis button:hover:not(:disabled){background:var(--panel-2);border-color:var(--line)}.emoji-toggle{flex:none;padding:6px 9px;font-size:17px;line-height:1}.emoji-toggle.activo{border-color:var(--accent)}.solo-emojis{font-size:26px;line-height:1.25}.pool{gap:5px}.tag.libres{border-color:var(--accent);color:var(--accent);font-weight:700}.tag.obligado{font-weight:700;background:#ffffff0f}.chat-fijo{flex:none;display:flex;flex-direction:column;height:40%;min-height:190px;border-top:1px solid var(--line);background:#090d15b3}.chat-fijo .chat{min-height:0}@media(max-width:760px){.chat-fijo{height:auto;min-height:260px}}.novedades{position:absolute;z-index:6;top:12px;left:50%;transform:translate(-50%);max-width:min(460px,calc(100% - 24px));padding:11px 14px 9px;border-radius:12px;border:1px solid var(--line);background:#0d121df5;box-shadow:var(--shadow);cursor:pointer;animation:novedades-entra .25s ease-out}@keyframes novedades-entra{0%{transform:translate(-50%,-10px);opacity:.2}to{transform:translate(-50%);opacity:1}}.novedades-titulo{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.novedad{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:13px;line-height:1.35}.novedad.contra-mi{color:var(--danger);font-weight:600}.novedades-cerrar{display:block;margin-top:7px;font-size:11px;color:var(--muted)}.nick{display:flex;align-items:center;justify-content:center;padding:40px 18px}.nick-caja{display:flex;flex-direction:column;width:100%;max-width:380px;padding:22px}.fronteras{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:auto;padding:6px;border:1px solid var(--line-soft);border-radius:10px;background:#0e1522}.frontera{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:7px;font-size:13px;cursor:pointer}.frontera:hover{background:var(--panel-2)}.frontera input{width:auto;margin:0}.salvavidas{max-width:520px;margin:48px auto;padding:24px;text-align:center}.salvavidas h2{margin:0 0 8px}.salvavidas .row{justify-content:center;margin-top:16px}.salvavidas-detalle{margin:16px 0 0;padding:12px;border-radius:8px;background:#00000040;font-size:12px;text-align:left;white-space:pre-wrap;word-break:break-word}.lugares{margin:0 0 10px;padding:12px 14px;border:1px solid var(--accent, #5b8def);border-radius:10px;background:#5b8def1a}.lugares-titulo{font-weight:600;margin-bottom:2px}.lugares p{margin:0 0 8px}.lugares-lista{display:flex;flex-wrap:wrap;gap:8px}.lugar{display:flex;align-items:center;gap:8px}.lugar-ficha{width:12px;height:12px;border-radius:50%;flex:none}.lugar-nombre{font-weight:600}.nick-opciones{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.lobby>.panel:first-child{grid-column:1;grid-row:1}.sala-general{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:340px}.lobby-crear{grid-column:2;grid-row:1 / span 2}.sala-general-cabeza{display:flex;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--line-soft);flex:none}.pestana{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;font-weight:600;color:var(--muted);cursor:pointer}.pestana.activa{color:var(--text);border-bottom-color:var(--accent, #5b8def)}.pestana .cuantos{display:inline-block;min-width:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:var(--line-soft);font-size:11px;text-align:center}.sala-general-cuerpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 190px}.sala-general-charla{display:flex;min-height:0;padding:10px 14px 12px}.sala-general-gente{min-height:0;overflow:auto;border-left:1px solid var(--line-soft);padding:10px 12px}.gente-titulo{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 0 4px}.gente-titulo:first-child{margin-top:0}.persona{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:13px}.persona.ocupada .persona-nick{color:var(--muted)}.persona-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.punto{width:8px;height:8px;border-radius:50%;flex:none}.punto.libre{background:#4caf7d}.punto.jugando{background:#d8a13a}@media(max-width:900px){.lobby>.panel:first-child,.sala-general,.lobby-crear{grid-column:1;grid-row:auto}.sala-general-cuerpo{grid-template-columns:minmax(0,1fr)}.oculta-angosto{display:none}.sala-general-gente{border-left:0}}.nombre-arriba{width:180px}@media(max-width:600px){.topbar>.muted.small{display:none}.nombre-arriba{width:100%;order:3}}@media(max-width:600px){.lobby{padding-inline:12px}.lobby .row,.room-card{flex-wrap:wrap}.grid2{grid-template-columns:1fr}}.chat-form input{flex:1;width:auto;min-width:0}.ranking{flex:1;min-height:0;overflow:auto;padding:10px 14px 12px}.ranking-vacio{padding:24px 6px;text-align:center}.ranking-tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ranking-tabla th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;text-align:left;padding:0 8px 6px 0;border-bottom:1px solid var(--line-soft)}.ranking-tabla td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.ranking-tabla tr:last-child td{border-bottom:0}.ranking-tabla .num{text-align:right;padding-right:0}.ranking-tabla th.num{text-align:right}.ranking-tabla .col-puesto{width:26px;color:var(--muted)}.ranking-tabla .fuerte{font-weight:700}.ranking-nick{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-tabla .soy-yo{background:#5b8cff1a}.ranking-pie{margin:12px 0 0}.visita-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:nowrap}.visita-ip .tag{margin-left:6px;border-color:var(--warn);color:var(--warn)}.o-bien{display:flex;align-items:center;gap:10px;margin:14px 0 12px;color:var(--muted);font-size:12px}.o-bien:before,.o-bien:after{content:"";flex:1;height:1px;background:var(--line-soft)}.boton-google{display:flex;justify-content:center;min-height:44px}.inactivo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px 16px;background:#3a2f16;border-bottom:1px solid #5c4a1f;color:#f0dfae;font-size:13px;flex:none}.toast.aviso{border-color:#2e5c46;background:#16281f;color:#bfe6cf}.naipe{flex:none;border-radius:10px;transition:transform .12s ease,filter .12s ease;filter:drop-shadow(0 2px 2px rgb(0 0 0 / 35%)) drop-shadow(0 6px 12px rgb(0 0 0 / 50%))}.naipe-fondo{fill:#f6f2e6;stroke:#b9ae95;stroke-width:1.5}.naipe.dorso .dorso-marco{fill:none;stroke:#c9ab5e;stroke-width:2.5;opacity:.85}.naipe-numero{font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700}.naipe[role=button]{cursor:pointer}.naipe[role=button]:hover{transform:translateY(-8px)}.naipe.elegida{transform:translateY(-14px)}.naipe.atenuada{filter:grayscale(.45) brightness(.78)}.naipe:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.naipe.dorso .dorso-campo{fill:#2a3d63;stroke:#47639b;stroke-width:2}.naipe.dorso .dorso-trama line{stroke:#47639b;stroke-width:1.5;opacity:.55}.salon{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr);gap:0;overflow:hidden;color:#f3ece0}.salon-muro{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.salon-muro .junta{fill:#1d1512}.salon-muro .ladrillo{fill:#5a3228}.salon-luz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(60% 55% at 45% 62%,rgb(255 226 170 / 22%),transparent 70%),radial-gradient(120% 100% at 50% 40%,transparent 30%,rgb(0 0 0 / 72%) 100%)}.salon-cartel{grid-column:1 / -1;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 16px 6px}.neon{display:flex;flex-direction:column;align-items:center;padding:10px 26px 12px;border:2px solid rgb(255 92 168 / 55%);border-radius:14px;box-shadow:0 0 6px #ff5ca899,0 0 18px #ff5ca859,inset 0 0 12px #ff5ca840;animation:neon-titila 7s infinite}.neon-titulo{font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:700;letter-spacing:8px;color:#fff0f8;text-shadow:0 0 4px #fff,0 0 12px #ff5ca8,0 0 26px #ff5ca8,0 0 48px #c2317a}.neon-bajada{margin-top:2px;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:#9fe8ff;text-shadow:0 0 4px #9fe8ff,0 0 14px #35b6e0}@keyframes neon-titila{0%,96%,to{opacity:1}97%{opacity:.72}98%{opacity:1}99%{opacity:.82}}.salon-aviso{min-width:160px;min-height:56px;display:grid;place-items:center;padding:8px 14px;border:1px dashed rgb(255 255 255 / 18%);border-radius:8px;font-size:12px;color:#ffffff73}.mesa-truco{position:relative;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:4px 16px 18px;min-width:0}.mesa-tanteadores{display:flex;justify-content:space-between;gap:12px;padding:0 4%}.tanteador{display:flex;align-items:baseline;gap:10px;padding:6px 16px;background:#00000073;border:1px solid rgb(255 255 255 / 12%);border-radius:10px}.tanteador-nombre{font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.75}.tanteador-puntos{font-family:Georgia,serif;font-size:30px;font-weight:700;color:#ffd98a}.tanteador-faltan{font-size:11px;opacity:.5}.mesa-madera{position:relative;width:min(680px,96%);margin:0 auto;align-self:center;display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:10px;padding:34px 18px;border-radius:50%/26%;background:radial-gradient(62% 70% at 50% 40%,#6d4224,#4c2c19 58%,#2c1a0f);box-shadow:inset 0 0 40px #00000073,inset 0 0 120px #0000008c,0 24px 60px #000000b3;min-height:0}.mesa-madera:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;border:6px solid rgb(28 16 9 / 85%);pointer-events:none}.mesa-lado{display:flex;flex-direction:column;align-items:center;gap:6px}.mano-tapada,.mano-propia,.tiradas{display:flex;gap:8px;align-items:flex-end;min-height:1px}.tiradas.vacia{min-height:62px}.mano-propia{gap:12px}.mesa-centro{display:grid;place-items:center;min-height:24px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#ffffff8c}.mesa-pensando{animation:pensando 1.2s infinite}@keyframes pensando{50%{opacity:.35}}.mesa-aviso{color:#ffd98a}.mesa-botones{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:44px}.canto{padding:10px 18px;font-size:14px;font-weight:700;letter-spacing:.5px;color:#2a1a10;background:linear-gradient(#ffd98a,#e0aa4a);border:1px solid #b3801f;border-radius:999px;cursor:pointer;box-shadow:0 3px #8a5f12,0 6px 14px #00000073}.canto:hover{filter:brightness(1.08)}.canto:active{transform:translateY(2px);box-shadow:0 1px #8a5f12,0 3px 8px #00000073}.canto.quiero{background:linear-gradient(#8ee29a,#3f9155);border-color:#2c6e3e;box-shadow:0 3px #235631,0 6px 14px #00000073}.canto.no-quiero{background:linear-gradient(#f0908a,#c0453f);border-color:#93322d;color:#2a0f0d;box-shadow:0 3px #79231f,0 6px 14px #00000073}.canto.mazo{background:linear-gradient(#cfc7b4,#96907f);border-color:#6f6a5c;box-shadow:0 3px #514d43,0 6px 14px #00000073}.salon-costado{position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;padding:10px 14px 16px;background:#0a0807b8;border-left:1px solid rgb(255 255 255 / 10%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.salon-costado h2{margin:0 0 8px;font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.6}.relato{flex:1;min-height:0;overflow-y:auto;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.5}.relato li{padding:4px 0;border-bottom:1px solid rgb(255 255 255 / 6%)}.relato .vacio{opacity:.45}.relato-final{margin:10px 0 0;font-size:14px;font-weight:700;color:#ffd98a}@media(max-width:760px){.salon{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.neon-titulo{font-size:30px;letter-spacing:5px}.salon-aviso{display:none}.mesa-tanteadores{gap:10px}.tanteador{flex-direction:column;align-items:center;gap:0;padding:4px 12px}.tanteador-puntos{font-size:24px;line-height:1.1}.salon{height:100dvh;overflow-x:hidden;overflow-y:auto}.salon-muro,.salon-luz{position:fixed}.salon-costado{border-left:none;border-top:1px solid rgb(255 255 255 / 10%);min-height:46vh}}.salon-muro .ladrillo.tono-a{fill:#5a3327}.salon-muro .ladrillo.tono-b{fill:#5f372a}.salon-muro .ladrillo.tono-c{fill:#553024}.lampara{position:absolute;top:0;left:calc((100% - 300px)/2);transform:translate(-50%);z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:center}.lampara-cable{width:2px;height:118px;background:linear-gradient(#0b0807,#2a1f1a)}.lampara-pantalla{width:132px;height:46px;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(160deg,#6b4a2f,#33221a 60%,#1d130e);box-shadow:0 2px #ffe2aa40}.lampara-foco{width:26px;height:10px;margin-top:-2px;border-radius:0 0 50% 50%;background:#ffe9b8;box-shadow:0 0 18px 6px #ffd682b3,0 0 60px 24px #ffbe5a4d}.lampara-cono{width:620px;max-width:92vw;height:340px;margin-top:-4px;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);background:linear-gradient(#ffdb9629,#ffdb9600)}.mesa-madera:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(1deg,rgb(0 0 0 / 6%) 0 2px,transparent 2px 13px),repeating-linear-gradient(179deg,rgb(255 230 190 / 3%) 0 1px,transparent 1px 21px),radial-gradient(42% 36% at 50% 28%,rgb(255 216 150 / 14%),transparent 72%)}.mesa-lado,.mesa-centro,.dicho{position:relative;z-index:1}@keyframes cae-carta{0%{transform:translateY(-26px) scale(1.12) rotate(var(--giro, 0deg));opacity:0}to{transform:translateY(0) scale(1) rotate(var(--giro, 0deg));opacity:1}}.tiradas .naipe{transform:rotate(var(--giro, 0deg));animation:cae-carta .28s ease-out}@keyframes llega-carta{0%{transform:translateY(40px);opacity:0}}.mano-propia .naipe,.mano-tapada .naipe{animation:llega-carta .3s ease-out backwards}.dicho{position:absolute;left:50%;transform:translate(-50%);z-index:4;padding:8px 16px;font-size:17px;font-weight:700;font-style:italic;color:#2a1a10;background:#ffe9b8;border:2px solid #b3801f;border-radius:16px;box-shadow:0 6px 18px #0000008c;animation:aparece-dicho .22s ease-out;white-space:nowrap}.dicho.arriba{top:20%}.dicho.abajo{bottom:38%}.dicho:after{content:"";position:absolute;left:50%;margin-left:-8px;border:8px solid transparent}.dicho.arriba:after{top:-16px;border-bottom-color:#b3801f}.dicho.abajo:after{bottom:-16px;border-top-color:#b3801f}@keyframes aparece-dicho{0%{transform:translate(-50%) scale(.7);opacity:0}}.tanteador.le-toca{border-color:#ffd98a;box-shadow:0 0 0 1px #ffd98a,0 0 18px #ffd98a59}@media(max-width:760px){.lampara{left:50%}.lampara-cable{height:40px}.lampara-cono{height:240px}}.solapas{display:flex;gap:4px;margin-bottom:8px;flex:none}.solapas button{flex:1;padding:7px 8px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff8c;background:#ffffff0d;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;cursor:pointer}.solapas button.elegida{color:#2a1a10;background:linear-gradient(#ffd98a,#e0aa4a);border-color:#b3801f}.charla{flex:1;min-height:0;overflow-y:auto;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.45}.charla li{display:flex;flex-direction:column;gap:1px;padding:5px 0}.charla .vacio{opacity:.45}.charla-quien{font-size:11px;font-weight:700;letter-spacing:.5px;color:#ffd98a;opacity:.8}.charla li.mio .charla-quien{color:#9fe8ff}.charla-texto{align-self:flex-start;max-width:100%;padding:5px 10px;background:#ffffff14;border-radius:10px;overflow-wrap:anywhere}.charla li.mio .charla-texto{background:#9fe8ff24}.charla-texto.canto{font-style:italic;font-weight:700;color:#ffe9b8;background:#ffd98a29;border:1px solid rgb(255 217 138 / 30%)}.charla-caja{display:flex;gap:6px;margin-top:8px;flex:none}.charla-caja input{flex:1;min-width:0;padding:9px 12px;font:inherit;font-size:13px;color:#f3ece0;background:#ffffff14;border:1px solid rgb(255 255 255 / 15%);border-radius:999px}.charla-caja input::placeholder{color:#ffffff59}.charla-caja input:focus{outline:none;border-color:#ffd98a}.charla-caja button{flex:none;width:40px;font-size:15px;color:#2a1a10;background:linear-gradient(#ffd98a,#e0aa4a);border:1px solid #b3801f;border-radius:999px;cursor:pointer}.salon-final{position:absolute;left:calc((100% - 300px)/2);bottom:24px;transform:translate(-50%);z-index:5;margin:0;padding:12px 20px;font-size:16px;font-weight:700;color:#ffd98a;background:#0a0807e0;border:1px solid rgb(255 217 138 / 40%);border-radius:14px;box-shadow:0 10px 30px #0009}@media(max-width:760px){.salon-final{left:50%}}