:root{--bg: #0b3b4a;--ink: #fff7e6;--ink-soft: #cfeae4;--pink: #ff5da2;--sky: #22c8c2;--amber: #ffc94a;--grass: #2fbf71;--violet: #8b6bff;--coral: #ff7a55;--gold: #ffd966}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Helvetica,Arial,sans-serif}html:has(.stage),body:has(.stage){overflow:hidden;height:100%}.stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg)}.inicioVideo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.inicioScrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#010c4a4d,#010c4a94 35%,#010c4a94 65%,#010c4a4d)}.pigRain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.pigDrop{position:absolute;top:-16vh;will-change:transform;animation-name:pigFall;animation-timing-function:linear;animation-iteration-count:infinite}.pigImg{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 8px rgba(1,12,74,.35));animation-name:pigSpin;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes pigFall{0%{transform:translateY(0)}to{transform:translateY(132vh)}}@keyframes pigSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inicioContent{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6vh;padding:0 4vw}.inicioTitulo{width:min(84vw,640px);height:auto;filter:drop-shadow(0 6px 10px rgba(1,12,74,.5))}.inicioSub{width:min(76vw,540px);height:auto;filter:drop-shadow(0 4px 8px rgba(1,12,74,.45))}.hostShell{position:relative;min-height:100vh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.hostShell .title{font-size:26px;margin:6px 0 2px;filter:drop-shadow(0 3px 0 rgba(11,59,74,.35));-webkit-text-stroke:2.5px rgba(11,59,74,.85)}.hostShell .status{text-align:center;font-family:Consolas,Menlo,monospace;font-size:12px;color:var(--ink-soft);margin-bottom:14px}.hostShell .status .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:var(--coral)}.hostShell .status.ok .dot{background:var(--grass)}.hostShell .gate{max-width:420px;margin:14vh auto 0;text-align:center;padding:0 8px}.hostShell .gate p{color:var(--ink-soft);font-size:14px;line-height:1.5}.hostShell .gate input{width:100%;padding:16px;font-size:20px;border-radius:14px;border:2px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--ink);text-align:center;letter-spacing:.04em;margin:14px 0}.hostShell .gate input:focus{outline:2px solid var(--amber)}.hostShell .gate button{width:100%;padding:16px;border-radius:14px;border:none;cursor:pointer;font-size:17px;font-weight:800;color:#0b3b4a;background:linear-gradient(135deg,var(--amber),var(--grass))}.hostShell .gate .err{color:var(--coral);font-size:13px;min-height:18px;margin-top:8px}.hostShell .app{display:block;max-width:560px;margin:0 auto}.hostShell .section-label{font-family:Consolas,Menlo,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:18px 4px 8px}.hostShell .homeBtn{display:block;width:100%;padding:14px;border-radius:14px;text-align:center;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);color:var(--ink);font-weight:800;font-size:15px;cursor:pointer}.hostShell .gameList{display:flex;flex-direction:column;gap:8px}.hostShell .gameItem{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;color:inherit;text-align:left}.hostShell .gameItem .ico{font-size:26px;width:1.3em;text-align:center}.hostShell .gameItem .nm{font-weight:800;font-size:14.5px}.hostShell .gameItem.active{border-color:var(--amber);background:#ffb02029}.hostShell .gameItem.locked{opacity:.5;cursor:not-allowed;border-style:dashed}.hostShell .gameItem.locked .soon{margin-left:auto;font-family:Consolas,Menlo,monospace;font-size:10px;background:#00000059;padding:3px 9px;border-radius:20px;letter-spacing:.05em;white-space:nowrap}.hostShell .changeGameBtn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);color:var(--ink);font-weight:800;font-size:13.5px;cursor:pointer;margin-top:4px}.hostShell .activeGame{display:flex;align-items:center;gap:10px;margin:10px 0 2px;padding:10px 12px;border-radius:14px;background:#ffb02024;border:2px solid rgba(255,176,32,.4)}.hostShell .activeGame .ico{font-size:26px}.hostShell .activeGame .nm{font-weight:900;font-size:15px}.hostShell .panel{margin-top:10px;padding:12px;border-radius:16px;background:#ffffff0a;border:2px dashed rgba(255,255,255,.14)}.hostShell .panel .empty{color:var(--ink-soft);font-size:13.5px;text-align:center;padding:10px}.hostShell .btnGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hostShell .btnGrid button{padding:16px 8px;border-radius:14px;border:none;cursor:pointer;font-size:14.5px;font-weight:800;color:#0b3b4a;line-height:1.25;background:linear-gradient(135deg,var(--sky),var(--violet));box-shadow:0 8px 16px -10px #0009}.hostShell .btnGrid button.wide{grid-column:1 / -1}.hostShell .btnGrid button:active{transform:scale(.96)}.hostShell .btnGrid button.danger{background:linear-gradient(135deg,var(--coral),var(--pink))}.hostShell .btnGrid button.good{background:linear-gradient(135deg,var(--grass),var(--sky))}.hostShell .btnGrid button.gold{background:linear-gradient(135deg,var(--gold),var(--amber))}.hostShell .pasaHint{color:var(--ink-soft);font-size:13.5px;text-align:center;padding:6px 4px 14px;line-height:1.4}.hostShell .pasaProgresoRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hostShell .pasaProgreso{font-family:Consolas,Menlo,monospace;font-size:11.5px;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase}.hostShell .pasaTimer{font-family:Consolas,Menlo,monospace;font-weight:900;font-size:13px;letter-spacing:.04em;color:var(--ink);background:#ffffff14;border:2px solid rgba(255,255,255,.16);border-radius:10px;padding:3px 10px;white-space:nowrap;flex:none}.hostShell .pasaTimer.low{color:var(--coral);border-color:#ff7a5580;background:#ff7a551f}.hostShell .pasaPregunta{font-weight:800;font-size:15.5px;line-height:1.4;margin-bottom:10px}.hostShell .pasaRespuesta{font-family:Consolas,Menlo,monospace;font-size:14px;color:var(--ink-soft);margin-bottom:14px}.hostShell .pasaRespuesta b{color:var(--gold);letter-spacing:.03em}.hostShell .pasaFin{text-align:center;padding:20px 6px 8px}.hostShell .pasaFin .pasaFinIco{font-size:46px;margin-bottom:8px}.hostShell .pasaFin .pasaFinTitulo{font-weight:900;font-size:16.5px}.hostShell .pasaFin.win .pasaFinTitulo{color:var(--gold)}.hostShell .pasaFin.lose .pasaFinTitulo{color:var(--coral)}.hostShell .memoCode{text-align:center;padding:10px 6px 18px;margin-bottom:6px;border-bottom:2px dashed rgba(255,255,255,.14)}.hostShell .memoCodeLabel{color:var(--ink-soft);font-size:12.5px;margin-bottom:8px}.hostShell .memoCodeValue{font-family:Consolas,Menlo,monospace;font-weight:900;font-size:34px;letter-spacing:.12em;color:var(--gold);margin-bottom:12px}.hostShell .memoCodeHint{color:var(--ink-soft);font-size:12px;margin-top:10px;line-height:1.4}.hostShell .pasaResetBtn{display:block;width:100%;text-align:center;justify-content:center;margin-top:12px}.hostShell .footer{text-align:center;font-family:Consolas,Menlo,monospace;font-size:11px;color:var(--ink-soft);margin:22px 0 8px}.hostShell .footer button{background:none;border:none;color:var(--ink-soft);text-decoration:underline;font-size:11px;cursor:pointer}.hostShell .pjHint{color:var(--ink-soft);font-size:13.5px;text-align:center;padding:6px 4px 14px;line-height:1.4}.hostShell .pjInfoCard{background:#ffb0201a;border:2px solid rgba(255,176,32,.3);border-radius:14px;padding:12px 14px;margin-bottom:12px}.hostShell .pjInfoCard .nm{font-weight:900;font-size:15.5px;margin-bottom:4px}.hostShell .pjInfoCard .meta{font-family:Consolas,Menlo,monospace;font-size:12px;color:var(--ink-soft);margin-bottom:6px}.hostShell .pjInfoCard .precio{font-weight:900;color:var(--gold);font-size:14px}.hostShell .pjInfoCard .incluye{font-size:11.5px;color:var(--ink-soft);line-height:1.5;margin-top:6px}.hostShell .pjRondaRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hostShell .pjRondaLabel{font-family:Consolas,Menlo,monospace;font-size:11.5px;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase}.hostShell .pjDestinosList{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.hostShell .pjDestinoRow{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#ffffff0a;font-size:12.5px}.hostShell .pjDestinoRow .nm{flex:1;font-weight:700}.hostShell .pjDestinoRow .precio{font-family:Consolas,Menlo,monospace;color:var(--gold);font-weight:800}.hostShell .pjGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.hostShell .pjCell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:14px;border:2px solid transparent}.hostShell .pjCell.winner{border-color:#2fbf7199;background:#2fbf711f}.hostShell .pjCell.loser{border-color:#ff7a5566;background:#ff7a5514;opacity:.85}.hostShell .pjCell .badge,.hostShell .pjDestinoRow .badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12.5px;color:#fff;flex:none}.hostShell .pjCell .badge.a,.hostShell .pjDestinoRow .badge.a{background:#9b6bff}.hostShell .pjCell .badge.b,.hostShell .pjDestinoRow .badge.b{background:#ffc94a;color:#0b3b4a}.hostShell .pjCell .badge.c,.hostShell .pjDestinoRow .badge.c{background:#ff5a5a}.hostShell .pjCell .badge.d,.hostShell .pjDestinoRow .badge.d{background:#4fc3f7;color:#0b3b4a}.hostShell .pjCell input[type=number]{width:100%;padding:10px 4px;border-radius:10px;border:2px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--ink);text-align:center;font-family:Consolas,Menlo,monospace;font-weight:800;font-size:16px}.hostShell .pjCell input[type=number]:focus{outline:2px solid var(--amber)}.hostShell .pjMark{font-size:11.5px;font-weight:800;text-align:center;min-height:15px}.hostShell .pjMark.up,.hostShell .pjMark.down{color:var(--coral)}.hostShell .pjMark.ok{color:var(--grass)}.hostShell .pjCorrectBadge{display:block;width:fit-content;margin:0 auto 12px;border-radius:40px;padding:6px 18px;font-weight:900;font-size:13.5px;color:#fff;text-align:center}.hostShell .pjCorrectBadge.ok{background:var(--grass)}.hostShell .pjCorrectBadge.zero{background:var(--coral)}.hostShell .entregarBtn{width:100%;padding:20px 8px;border-radius:18px;border:none;cursor:pointer;font-size:17px;font-weight:900;color:#0b3b4a;line-height:1.3;background:linear-gradient(135deg,var(--gold),var(--grass));box-shadow:0 10px 22px -10px #0009}.hostShell .entregarBtn:active{transform:scale(.97)}.hostShell .entregarHint{color:var(--ink-soft);font-size:12px;text-align:center;margin-top:10px;line-height:1.45}.hostShell .jugadorShell{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 28px)}.hostShell .jugadorTop{display:flex;align-items:center;gap:10px;padding-top:4px}.hostShell .exitHold{position:relative;width:46px;height:46px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--ink-soft);font-size:18px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.hostShell .exitHold .fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:#ff7a558c;transition:height .04s linear}.hostShell .exitHold .ico{position:relative;z-index:1}.hostShell .jugadorTimer{margin-left:auto;font-family:Consolas,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;color:var(--amber)}.hostShell .jugadorTimer.warn{color:var(--coral);animation:hostJugTimerBounce .5s cubic-bezier(.36,1.8,.4,1) infinite}@keyframes hostJugTimerBounce{0%,to{transform:scale(1.25) translateY(0)}50%{transform:scale(1.5) translateY(-6px)}}.hostShell .jugadorBoard{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;flex:1;align-content:center}.hostShell .jugadorCard{position:relative;aspect-ratio:1;border-radius:50%;cursor:pointer;min-height:60px;background:url(/games/fotos/memoria/reverso.png) center / cover no-repeat,#d9d9d9;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink-soft);-webkit-user-select:none;user-select:none;transition:transform .12s ease,opacity .2s ease,background .2s ease,border-color .2s ease}.hostShell .jugadorCard:active{transform:scale(.93)}.hostShell .jugadorCard.flipped{background:linear-gradient(135deg,var(--amber),var(--pink));border-color:transparent;color:#0b3b4a}.hostShell .jugadorCard.matched{background:linear-gradient(135deg,var(--grass),var(--sky));border-color:transparent;color:#0b3b4a;opacity:.65;cursor:default}.hostShell .jugadorCard.disabled{pointer-events:none;opacity:.5}.hostShell .jugadorMsg{text-align:center;font-family:Consolas,Menlo,monospace;font-size:13px;color:var(--ink-soft);min-height:1.4em}.hostShell .jugadorOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0b3b4af0;padding:24px;text-align:center}.hostShell .jugadorOverlay .big{font-size:clamp(24px,7vw,34px);font-weight:900;background:linear-gradient(135deg,var(--amber),var(--pink) 60%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hostShell .jugadorOverlay .sub{font-family:Consolas,Menlo,monospace;font-size:13px;color:var(--ink-soft);max-width:280px}.hostShell .maletaHint{color:var(--ink-soft);font-size:13.5px;text-align:center;padding:6px 4px 14px;line-height:1.4}.hostShell .maletaTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.hostShell .maletaLabel{font-family:Consolas,Menlo,monospace;font-size:11.5px;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase}.hostShell .maletaTimer{font-family:Consolas,Menlo,monospace;font-weight:900;font-size:13px;letter-spacing:.04em;color:var(--ink);background:#ffffff14;border:2px solid rgba(255,255,255,.16);border-radius:10px;padding:3px 10px;white-space:nowrap;flex:none}.hostShell .maletaTimer.low{color:var(--coral);border-color:#ff7a5580;background:#ff7a551f}.hostShell .maletaTrack{position:relative;height:64px;border-radius:20px;margin:4px 2px 6px;background:#ffffff0f;border:2px solid rgba(255,255,255,.16);touch-action:none;cursor:pointer;overflow:hidden}.hostShell .maletaTrackFill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#ffd96614,#ffd96647);pointer-events:none}.hostShell .maletaTrackHandle{position:absolute;top:50%;width:52px;height:52px;margin-left:-26px;transform:translateY(-50%);border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--amber));display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 16px -6px #0000008c;pointer-events:none}.hostShell .maletaResetBtn{display:block;width:100%;text-align:center;justify-content:center;margin-top:4px}.hostShell .llamadaHint{color:var(--ink-soft);font-size:13.5px;text-align:center;padding:6px 4px 14px;line-height:1.4}.hostShell .llamadaProgreso{font-family:Consolas,Menlo,monospace;font-size:11.5px;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase;margin-bottom:8px}.hostShell .llamadaPregunta{font-weight:800;font-size:15.5px;line-height:1.4;margin-bottom:12px}.hostShell .llamadaOpciones{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.hostShell .llamadaOpcion{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:2px solid transparent;background:#ffffff0d;color:var(--ink);cursor:pointer;text-align:left;font-size:13.5px;font-weight:700}.hostShell .llamadaOpcion:active{transform:scale(.98)}.hostShell .llamadaOpcion .badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-weight:900;font-size:12.5px;color:#fff}.hostShell .llamadaOpcion.letra-a .badge{background:var(--violet)}.hostShell .llamadaOpcion.letra-b .badge{background:var(--gold);color:#0b3b4a}.hostShell .llamadaOpcion.letra-c .badge{background:#ff5a5a}.hostShell .llamadaOpcion .txt{flex:1}.hostShell .llamadaOpcion .ok{color:var(--grass);font-weight:900;flex:none}.hostShell .llamadaOpcion.correcta{border-color:#2fbf7173;background:#2fbf7114}.hostShell .llamadaFeedback{text-align:center;font-weight:800;font-size:13.5px;padding:8px 6px;border-radius:10px;margin-bottom:10px}.hostShell .llamadaFeedback.ok{color:var(--grass);background:#2fbf711a}.hostShell .llamadaFeedback.bad{color:var(--coral);background:#ff7a551a}.hostShell .llamadaFin{text-align:center;padding:20px 6px 8px}.hostShell .llamadaFin .llamadaFinIco{font-size:46px;margin-bottom:8px}.hostShell .llamadaFin .llamadaFinTitulo{font-weight:900;font-size:16.5px;color:var(--gold);margin-bottom:14px}.hostShell .llamadaResetBtn{display:block;width:100%;text-align:center;justify-content:center;margin-top:4px}