: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;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;gap:18px;align-items:start}@media(max-width:900px){.lobby{grid-template-columns:1fr}}.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}