:root{--ink: #0b1124;--glass: rgba(15, 21, 40, .86);--gold: #dbb46c;--gold-soft: rgba(219, 180, 108, .5);--cream: #f3ead6;--muted: #b8b2a6;--display: "Graduate", "Rockwell", "Georgia", serif;--body: "Alegreya Sans", "Trebuchet MS", "Segoe UI", sans-serif;--safe-l: max(env(safe-area-inset-left, 0px), 12px);--safe-r: max(env(safe-area-inset-right, 0px), 12px);--safe-t: max(env(safe-area-inset-top, 0px), 8px);--safe-b: max(env(safe-area-inset-bottom, 0px), 8px);color-scheme:dark}*{box-sizing:border-box}html{height:100%;background:var(--ink)}body{min-height:100%;margin:0;color:var(--cream);font-family:var(--body);font-size:17px;background:radial-gradient(ellipse at 50% 0%,#1b2342 0%,var(--ink) 70%);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.portada{display:flex;flex-direction:column;gap:clamp(8px,2.4vh,18px);min-height:100vh;min-height:100dvh;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);opacity:0}.portada.lista{opacity:1;transition:opacity .2s}.cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:2px 4px 0}.cabecera h1{margin:0;font:400 clamp(20px,6.2vh,28px) / 1.1 var(--display);color:var(--gold);letter-spacing:.02em}.cabecera p{margin:0;color:var(--muted);font-weight:500}.juegos{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2.4vw,20px);min-height:0}.juego{display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px 8px 10px;border-radius:18px;border:1px solid var(--gold-soft);background:var(--glass);color:inherit;text-decoration:none;box-shadow:0 6px 18px #00000059;transition:transform .12s}.juego:active{transform:scale(.98)}.juego:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.arte{position:relative;flex:1 1 0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.orientacion{position:absolute;top:6px;left:6px;z-index:2;padding:1px 9px 1px 8px;border-radius:999px;background:#0b1124c7;border:1px solid var(--gold-soft);color:var(--cream);font-size:14px;font-weight:700;line-height:1.35}#juego-capitulo1 .arte{background:#efe4c8}.logo{height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}#juego-pokeusera .arte{background:#3a1334}.icono{height:100%;width:auto;max-width:100%;object-fit:contain;image-rendering:pixelated}#juego-pang .arte{background:linear-gradient(180deg,#34406a,#151b36)}.cabezas{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;width:100%;height:74%;padding:18px 4px 0}.cabezas img{flex:1 1 0;width:0;min-width:0;height:auto;max-height:100%;margin:0 -2.5%;object-fit:contain;object-position:bottom}.cabezas img:nth-child(2n){max-height:88%}.burbuja{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f6a89c 0 12%,#e0685c 14% 60%,#a8362e);animation:rebote 3.2s steps(48) infinite alternate;will-change:transform}.b1{width:34%;aspect-ratio:1;left:-6%;top:8%}.b2{width:20%;aspect-ratio:1;right:6%;top:14%;animation-delay:-1.3s;animation-duration:2.6s}.b3{width:12%;aspect-ratio:1;right:30%;bottom:12%;animation-delay:-.6s;animation-duration:2.1s}@keyframes rebote{0%{transform:translateY(-10%)}to{transform:translateY(26%)}}@media(prefers-reduced-motion:reduce){.burbuja{animation:none}}.cuerpo{display:grid;grid-template-columns:1fr;gap:2px;padding:0 4px}.nombre{font:400 clamp(17px,5.2vh,22px) / 1.15 var(--display);color:var(--gold)}.desc{min-height:2.5em;color:var(--cream);font-weight:500;line-height:1.25}.boton{margin-top:6px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:700;font-size:18px}@media(orientation:portrait){.portada{gap:14px;padding-top:max(var(--safe-t),16px)}.cabecera{flex-direction:column;align-items:center;gap:2px;text-align:center}.cabecera h1{font-size:clamp(24px,7.4vw,34px)}.juegos{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(240px,1fr);gap:14px}.juego{padding:10px 10px 12px}.cuerpo{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}.nombre,.desc{grid-column:1}.boton{grid-column:2;grid-row:1 / span 2;margin-top:0;padding:0 22px}.nombre{font-size:23px}.desc{min-height:0;font-size:18px}}@media(orientation:landscape){#juego-capitulo1 .arte{padding-top:24px}}@media(orientation:landscape)and (max-height:380px){.desc{font-size:16px;min-height:2.5em}.orientacion{display:none}}