.panorama{position:fixed;inset:0;z-index:0;overflow:hidden;background:#07070b}.panorama__canvas{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);filter:blur(2px) saturate(1.1);opacity:0;transform:scale(1.04);transition:opacity 1.6s ease,transform 3s ease}.panorama__canvas.visible{opacity:1;transform:scale(1)}.panorama__vineta{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 35%,#000000a6),linear-gradient(#00000040,#0000001a 40%,#00000073);pointer-events:none}.mundos{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto 1fr auto;animation:aparecer .3s ease both}.mundos__cabecera{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 16px 12px;background:#00000059;border-bottom:2px solid rgba(0,0,0,.7)}.mundos__cabecera h1{margin:0;font-size:20px;font-weight:400;text-shadow:2px 2px 0 #3f3f3f}.mundos__buscar{width:min(400px,88vw);height:34px;padding:0 10px;font-family:var(--pixel);font-size:16px;color:#e0e0e0;background:#000;border:2px solid #a0a0a0;outline:none}.mundos__buscar:focus{border-color:#fff}.mundos__buscar::placeholder{color:#777}.mundos__lista{overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#0000008c;box-shadow:inset 0 8px 10px -6px #000,inset 0 -8px 10px -6px #000}.mundo{width:min(560px,100%);display:flex;gap:10px;padding:4px;border:2px solid transparent;cursor:pointer;outline:none}.mundo:hover{background:#ffffff0f}.mundo--sel,.mundo:focus-visible{border-color:#a0a0a0;background:#0000008c}.mundo__icono{position:relative;flex:none;width:72px;height:72px;padding:0;border:0;background:#222;cursor:pointer}.mundo__icono img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.mundo__play{position:absolute;inset:0;display:grid;place-items:center;background:#a0a0a073;opacity:0;transition:opacity .1s}.mundo__play:after{content:"";border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;filter:drop-shadow(2px 2px 0 #3f3f3f)}.mundo:hover .mundo__play,.mundo__icono:focus-visible .mundo__play{opacity:1}.mundo__info{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;font-size:16px;text-shadow:2px 2px 0 #000}.mundo__info strong{font-weight:400;color:#fff}.mundo__info span{color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mundo--libre{cursor:default;opacity:.55}.mundo--libre:hover{background:none}.mundo__icono--libre{display:grid;place-items:center;font-size:34px;color:#ddd;background:var(--piedra) #707070;background-size:32px 32px;image-rendering:pixelated;box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0006;text-shadow:2px 2px 0 #333;cursor:default}.mundos__vacio{color:#aaa}.mundos__pie{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px 16px;background:#00000059;border-top:2px solid rgba(0,0,0,.7)}.mundos__fila{width:min(620px,100%);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.mc-btn:disabled{color:#a0a0a0;background:#2c2c2c;box-shadow:none;cursor:default}:root{--pixel: "Pixelify Sans", "Courier New", monospace;--texto: #e6e6e6;--sombra-texto: #3f3f3f;--amarillo: #ffff3c;--piedra: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%23707070'/%3E%3Crect x='1' y='1' width='2' height='1' fill='%237b7b7b'/%3E%3Crect x='5' y='0' width='2' height='2' fill='%23666'/%3E%3Crect x='0' y='4' width='1' height='2' fill='%23797979'/%3E%3Crect x='3' y='3' width='2' height='1' fill='%23686868'/%3E%3Crect x='6' y='5' width='2' height='1' fill='%237c7c7c'/%3E%3Crect x='2' y='6' width='2' height='2' fill='%236a6a6a'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{margin:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;background:#07070b;color:var(--texto);font-family:var(--pixel);overflow:hidden}.lobby{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,9vh,110px) 16px 56px;gap:clamp(28px,7vh,72px)}.lobby__cabecera{position:relative;width:min(760px,92vw);animation:caer .9s cubic-bezier(.2,1.4,.4,1) both}.titulo{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}@keyframes caer{0%{transform:translateY(-60px) scale(.9);opacity:0}to{transform:none;opacity:1}}.splash{position:absolute;right:-2%;bottom:-4%;transform-origin:center;rotate:-18deg;padding:0;border:0;background:none;cursor:pointer;font-family:var(--pixel);font-weight:600;font-size:clamp(14px,2.4vw,24px);color:var(--amarillo);text-shadow:2px 2px 0 #3f3f00;white-space:nowrap;animation:latir .5s ease-in-out infinite alternate}@keyframes latir{0%{scale:1}to{scale:1.09}}.menu{display:flex;flex-direction:column;gap:10px;width:min(400px,88vw);animation:aparecer .8s .35s ease both}.menu__fila{display:grid;grid-template-columns:1fr 1fr;gap:10px}@keyframes aparecer{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mc-btn{height:46px;width:100%;font-family:var(--pixel);font-size:19px;color:var(--texto);text-shadow:2px 2px 0 var(--sombra-texto);background:var(--piedra) #707070;background-size:32px 32px;image-rendering:pixelated;border:2px solid #000;box-shadow:inset 2px 2px #ffffff59,inset -2px -4px #00000059;cursor:pointer;transition:transform .06s}.mc-btn:hover,.mc-btn:focus-visible{outline:none;color:#ffffa0;border-color:#fff;background-color:#7a86c8;background-blend-mode:multiply}.mc-btn:active{transform:translateY(1px);box-shadow:inset -2px -2px #ffffff40,inset 2px 3px #00000059}.lobby__pie{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:10px 14px;font-size:15px;text-shadow:2px 2px 0 #000;pointer-events:none}.aviso{position:fixed;top:18px;left:50%;translate:-50% 0;padding:10px 18px;background:#000000c7;border:2px solid #555;font-size:16px;animation:aparecer .2s ease both}@media(max-height:560px){.lobby{gap:18px;padding-top:20px}.lobby__cabecera{width:min(520px,80vw)}.mc-btn{height:38px;font-size:16px}}@media(prefers-reduced-motion:reduce){.splash,.lobby__cabecera,.menu{animation:none}}.cargando{height:100%;display:grid;place-items:center;font-size:22px;text-shadow:2px 2px 0 #000;background:#0d0907}