: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 .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}