*{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d0d;color:#ccc;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column}.join-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:20px;padding:24px;overflow-y:auto}.join-screen h1{font-size:2rem;letter-spacing:.3em;color:#e8d5b7}.game-title{color:#888;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.muted{color:#555}.join-form{display:flex;flex-direction:column;gap:12px}.genero-selector{display:flex;flex-direction:column;gap:6px}.join-name-row{display:flex;gap:8px}.genero-label{font-size:12px;color:#888}.genero-options{display:flex;gap:8px}.genero-btn{flex:1;padding:6px 10px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#aaa;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.genero-btn:hover{border-color:#555;color:#ccc}.genero-btn.active{border-color:#81ecec;color:#81ecec;background:#0d1e1e}.join-error{color:#ff6b6b;font-size:13px}.back-btn{background:transparent;border:none;color:#555;cursor:pointer;font-family:inherit;font-size:13px;padding:4px 8px}.back-btn:hover{color:#999}.game-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px}.game-card-btn{background:#111;border:1px solid #333;color:#ccc;padding:14px 18px;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;border-radius:2px}.game-card-btn:hover{border-color:#555;background:#161616}.game-card-name{color:#e8d5b7;font-size:15px}.game-card-desc{color:#666;font-size:12px}.role-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px}.role-card{background:#111;border:1px solid #333;color:#ccc;padding:12px 16px;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;border-radius:2px;transition:border-color .15s}.role-card:hover:not(:disabled){border-color:#555}.role-card.active{border-color:#81ecec;background:#0d1e1e}.role-card.full{opacity:.4;cursor:not-allowed}.role-card.reconectar{border-color:#6c63ff55}.role-card.reconectar:hover{border-color:#6c63ff}.role-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.role-card-name{color:#e8d5b7;font-size:14px}.role-card-cap{color:#555;font-size:11px}.role-card-cap--reconectar{color:#a89cff;font-size:11px}.role-card-desc{color:#aaa;font-size:12px;margin-bottom:4px;line-height:1.4}.role-card-obj{color:#74b9ff;font-size:11px;font-style:italic}.game-view{display:flex;flex-direction:column;height:100dvh;position:relative}.game-header{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid #333;background:#111;flex-shrink:0}.player-name{color:#74b9ff;font-weight:700}.player-rol{color:#a29bfe;font-size:11px;background:#1a1730;border:1px solid #a29bfe33;border-radius:10px;padding:1px 8px}.location{color:#636e72;font-size:12px}.inventory-bar{display:flex;align-items:center;gap:8px;padding:5px 16px;border-bottom:1px solid #1a1a1a;background:#0a0a0a;flex-shrink:0;flex-wrap:wrap}.inventory-label{color:#444;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.inventory-item{background:#1a1a1a;border:1px solid #333;color:#81ecec;font-size:11px;padding:2px 8px;border-radius:2px}.presence-bar{display:flex;gap:6px;margin-left:auto}.presence-chip{background:#1e272e;border:1px solid #74b9ff44;border-radius:12px;padding:2px 10px;font-size:11px;color:#74b9ff}.message-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message{line-height:1.65;display:flex;flex-direction:column;gap:6px;max-width:min(72ch,100%)}.message .autor{opacity:.7;font-size:12px}.msg-body{display:flex;flex-direction:column;gap:6px}.msg-body p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.7;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.msg-body strong{font-weight:700;color:#f0e8d0}.msg-list{margin:4px 0 0;padding-left:1.4em;display:flex;flex-direction:column;gap:2px}.msg-list li{line-height:1.5}.msg-image{display:block;border-radius:4px;object-fit:cover}.msg-image--editorial{width:100%;max-height:220px}.msg-image--npc{width:72px;height:72px;border-radius:50%;object-fit:cover;align-self:flex-start}.msg-image--evento{width:100%;max-height:160px}.message--npc{display:flex;align-items:flex-start;gap:10px;margin:4px 0}.npc-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #a29bfe44}.npc-bubble{background:#13112a;border:1px solid #a29bfe33;border-radius:0 8px 8px;padding:8px 12px;max-width:80%}.npc-bubble-name{display:block;color:#a29bfe;font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.npc-bubble p{color:#ddd;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.7;margin:0;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.npc-bubble p+p{margin-top:6px}.npc-bubble strong{font-weight:700;color:#eee}.npc-bubble .msg-list{color:#ddd}.npc-bubble .msg-list li{line-height:1.5}.npc-conv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:#0a0916}.npc-conv-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #1e1a38;background:#110f26;flex-shrink:0}.npc-conv-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #a29bfe55}.npc-conv-nombre{color:#a29bfe;font-size:13px;font-weight:700;flex:1}.npc-conv-close{background:#1a1730;border:1px solid #333;border-radius:4px;color:#a29bfe;cursor:pointer;font-size:13px;padding:4px 10px;font-family:inherit}.npc-conv-close:hover{background:#221e40;color:#c0b8ff}.npc-conv-history{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.npc-conv-empty{color:#444;font-size:12px;font-style:italic}.npc-conv-msg{display:flex;flex-direction:column;gap:2px}.npc-conv-msg-autor{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.npc-conv-msg--player .npc-conv-msg-autor{color:#74b9ff88;text-align:right}.npc-conv-msg--player p{color:#74b9ff;text-align:right;font-size:13px}.npc-conv-msg--npc .npc-conv-msg-autor{color:#a29bfe88}.npc-conv-msg--npc p{color:#ddd;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.7;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.npc-conv-input{display:flex;gap:6px;padding:8px 14px;border-top:1px solid #1e1a38}.npc-conv-input input{flex:1;background:#0d0b1e;border:1px solid #333;color:#ccc;padding:7px 10px;font-family:inherit;font-size:13px}.npc-conv-input input:focus{outline:none;border-color:#a29bfe66}.npc-conv-input button{background:#1e1a38;border:1px solid #a29bfe44;color:#a29bfe;padding:7px 14px;font-family:inherit;font-size:13px;cursor:pointer}.npc-conv-input button:hover:not(:disabled){background:#2a2550}.npc-conv-input button:disabled{opacity:.4;cursor:not-allowed}.actions-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;background:#111;border:none;border-top:1px solid #2a2a2a;color:#555;font-family:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;flex-shrink:0}.actions-toggle:hover{color:#888;background:#161616}.actions-toggle--open{color:#444}.actions-panel{display:flex;flex-direction:column;flex-shrink:0}.command-input{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #333;background:#111;flex-shrink:0}.intent-buttons{display:flex;flex-direction:column;gap:6px;padding:8px 16px;border-top:1px solid #222;background:#0d0d0d;flex-shrink:0;max-height:38vh;overflow-y:auto}.intent-group{display:flex;flex-wrap:wrap;gap:6px}.intent-group--movimiento{padding-bottom:4px;border-bottom:1px solid #1a1a1a}.intent-btn{background:#1a1a1a;border:1px solid #444;color:#81ecec;padding:4px 12px;font-family:inherit;font-size:12px;cursor:pointer;border-radius:2px;white-space:nowrap}.intent-btn:hover{background:#252525;border-color:#81ecec88}.intent-btn--movimiento{background:#0d1e1a;border-color:#2a6a5a;color:#4ecdc4;font-weight:500}.intent-btn--movimiento:hover:not(:disabled){background:#112b24;border-color:#4ecdc4}.intent-btn--npc{background:#13112a;border-color:#a29bfe44;color:#a29bfe}.intent-btn--npc:hover:not(:disabled){background:#1c1840;border-color:#a29bfe88}.intent-btn--blocked{opacity:.25;cursor:pointer;font-style:italic;border-style:dashed;font-size:11px;padding:3px 8px}.intent-btn--blocked:hover{opacity:.5;border-color:#888}.intent-group--bloqueadas{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px dashed #222}.command-input input{flex:1;min-width:0;background:#1a1a1a;border:1px solid #444;color:#ccc;padding:8px 12px;font-family:inherit;font-size:inherit;outline:none}.command-input input:focus{border-color:#666}.command-input button,.join-screen button,.join-screen input{background:#1a1a1a;border:1px solid #444;color:#ccc;padding:8px 16px;font-family:inherit;font-size:inherit;cursor:pointer}.command-input button:hover,.join-screen button:hover{background:#252525}.mode-toggle{min-width:36px;font-weight:700}.mode-toggle.mode-chat{color:#74b9ff;border-color:#74b9ff44}.mode-toggle.mode-comando{color:#81ecec;border-color:#81ecec44}.fin-partida-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:#0a0a14;padding:24px}.fin-partida-screen--victoria{background:radial-gradient(ellipse at center,#0a1a0a,#0a0a14)}.fin-partida-screen--derrota{background:radial-gradient(ellipse at center,#1a0a0a,#0a0a14)}.fin-partida-card{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.fin-partida-tipo{font-size:48px;line-height:1}.fin-partida-screen--victoria .fin-partida-tipo{color:#5c8}.fin-partida-screen--derrota .fin-partida-tipo{color:#c55}.fin-partida-titulo{font-size:26px;font-weight:700;margin:0;color:#e8d5b7;line-height:1.2}.fin-partida-texto{font-size:15px;color:#bbb;line-height:1.7;margin:0;max-width:500px}.fin-partida-leccion{background:#111a11;border:1px solid #1a4a2a;border-radius:6px;padding:16px 20px;text-align:left;max-width:500px;width:100%}.fin-partida-screen--derrota .fin-partida-leccion{background:#1a1111;border-color:#4a2a2a}.fin-partida-leccion-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:#5c8}.fin-partida-screen--derrota .fin-partida-leccion-label{color:#c85}.fin-partida-leccion p{margin:0;font-size:13px;color:#ccc;line-height:1.6}.fin-partida-btn{margin-top:8px;padding:12px 28px;font-size:14px;border-radius:4px;cursor:pointer;transition:opacity .15s}.fin-partida-screen--victoria .fin-partida-btn{background:#0d2a1a;border:1px solid #2a6a3a;color:#5c8}.fin-partida-screen--derrota .fin-partida-btn{background:#2a0d0d;border:1px solid #6a2a2a;color:#c75}.fin-partida-btn:hover{opacity:.8}.pregunta-panel{border-top:1px solid #2a2a2a;padding:1rem 1rem .75rem;background:#0e0e0e;display:flex;flex-direction:column;gap:.6rem}.pregunta-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#e8a230;font-weight:600;display:block;margin-bottom:.25rem}.pregunta-enunciado p{margin:0;color:#e8e8d8;font-size:.95rem;line-height:1.5;max-width:72ch}.pregunta-pistas-toggle{background:none;border:none;color:#888;font-size:.8rem;cursor:pointer;padding:0}.pregunta-pistas-toggle:hover{color:#aaa}.pregunta-pistas-list{margin:.4rem 0 0;padding-left:1.2rem;color:#aaa;font-size:.82rem;line-height:1.6}.pregunta-pistas-list li{margin-bottom:.2rem}.pregunta-form{display:flex;gap:.5rem;align-items:center}.pregunta-input{flex:1;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e8e8d8;padding:.45rem .7rem;font-size:.9rem}.pregunta-input:focus{outline:none;border-color:#e8a230}.pregunta-submit{background:#e8a230;color:#0a0a0a;border:none;border-radius:4px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer}.pregunta-submit:disabled{opacity:.4;cursor:default}.pregunta-submit:not(:disabled):hover{background:#f0b040}.pregunta-cancel{background:none;border:1px solid #333;border-radius:4px;color:#666;padding:.45rem .7rem;font-size:.82rem;cursor:pointer}.pregunta-cancel:hover{border-color:#555;color:#999}.pregunta-referencias{display:flex;flex-direction:column;gap:.3rem}.pregunta-referencias-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#7eb8c9;font-weight:600}.pregunta-referencias-list{display:flex;flex-direction:column;gap:.25rem}.pregunta-ref-titulo{background:none;border:none;color:#7eb8c9;font-size:.82rem;cursor:pointer;padding:0;text-align:left}.pregunta-ref-titulo:hover,.pregunta-ref-titulo--abierta{color:#a0d0e0}.pregunta-ref-texto{margin:.3rem 0 .1rem 1rem;color:#b0b0a0;font-size:.82rem;line-height:1.55;max-width:68ch}.pregunta-consultas{display:flex;flex-direction:column;gap:.3rem}.pregunta-consultas-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#8ac48a;font-weight:600}.pregunta-consultas-list{display:flex;flex-wrap:wrap;gap:.4rem}.pregunta-consulta-btn{background:none;border:1px solid #3a5a3a;border-radius:4px;color:#8ac48a;font-size:.82rem;padding:.3rem .7rem;cursor:pointer}.pregunta-consulta-btn:hover{border-color:#5a8a5a;color:#a8d8a8;background:#0d1a0d}.pregunta-container{display:flex;flex-direction:column}.npc-sugerencias{display:flex;flex-wrap:wrap;gap:5px;padding:6px 12px;background:#0d0d1a;border-top:1px solid #1a1a30;align-items:center}.npc-sugerencia-row{display:flex;align-items:center;gap:2px}.npc-sugerencia-texto{background:#12102a;border:1px solid #2a2550;color:#8880cc;font-size:11px;padding:3px 10px;border-radius:10px 0 0 10px;cursor:pointer;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.npc-sugerencia-texto:hover{background:#1e1a40;border-color:#6c63ff;color:#c0b8ff}.npc-sugerencia-direct{background:#0a1a10;border:1px solid #1a4a28;color:#4ecdc4;font-size:11px;padding:3px 7px;border-radius:0 10px 10px 0;cursor:pointer;border-left:none;font-family:inherit;line-height:1}.npc-sugerencia-direct:hover{background:#0f2a1a;border-color:#4ecdc4;color:#7fffd4}.npc-sugerencia-row--loop .npc-sugerencia-texto{border-color:#2a3050;color:#7088cc}.npc-sugerencia-row--loop .npc-sugerencia-texto:hover{border-color:#4060cc;color:#a0b8ff}.npc-sugerencia-row--tema .npc-sugerencia-texto{border-color:#2a2a20;color:#88a;border-radius:10px}@media (max-width: 640px){body{font-size:15px}.message-log{padding:12px 14px;gap:10px}.msg-body p,.npc-bubble p{font-size:16px;line-height:1.75}.intent-buttons{padding:6px 12px;max-height:30vh}.intent-btn{padding:6px 12px;font-size:13px}.game-header{padding:6px 12px;gap:8px}.location{display:none}.npc-conv-msg--npc p{font-size:16px;line-height:1.75}.npc-conv-input{padding:10px 14px}.npc-conv-input input{font-size:16px}.command-input{padding:8px 10px;gap:6px}.command-input input{font-size:16px}.mode-toggle{min-width:30px;padding:6px 8px}.command-input button[type=submit]{padding:6px 10px;white-space:nowrap}.pregunta-panel{padding:.75rem}.pregunta-enunciado p{font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.7;text-align:justify}.pregunta-input{font-size:16px}}