:root{--ink:#17233d;--blue:#1477d4;--gold:#f2bd35;--cream:#fff9e9;--red:#dc3a43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65;background-image:radial-gradient(#eadfbd 1px,transparent 1px);background-size:22px 22px}a{color:inherit}header{min-height:76px;padding:14px max(4vw,24px);display:flex;align-items:center;gap:35px;background:#fff;border-bottom:4px solid var(--gold);position:sticky;top:0;z-index:5;box-shadow:0 3px 0 #17233d16}.brand{font-family:Cinzel,serif;font-weight:800;text-decoration:none;font-size:1.35rem;color:var(--blue);white-space:nowrap}.brand span{color:var(--ink);font-size:.72rem;display:block;letter-spacing:.16em;margin-top:-8px}nav{display:flex;gap:8px;overflow-x:auto;margin-left:auto}nav a{text-decoration:none;font-size:.84rem;font-weight:700;padding:8px 10px;border-radius:6px}nav a:hover,nav a:focus{background:#e5f2ff;color:#075aa7}main{width:min(1120px,92%);margin:auto;min-height:75vh}.hero{position:relative;margin:44px 0 55px;padding:72px clamp(28px,7vw,90px);background:linear-gradient(125deg,#0a5eae,#29a9e8);color:white;border:5px solid var(--ink);border-radius:14px;box-shadow:12px 12px 0 var(--gold);overflow:hidden}.hero:after{content:'✦';position:absolute;right:5%;top:-55px;font-size:15rem;opacity:.1}.hero.home{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;min-height:510px}.hero.small{padding-block:55px}.hero.small>p{max-width:720px}.eyebrow{font-size:.74rem;letter-spacing:.2em;font-weight:800;color:var(--gold);margin:0 0 12px}.hero h1{font:800 clamp(2.4rem,7vw,5.2rem)/.98 Cinzel,serif;margin:0 0 23px;text-shadow:3px 3px 0 #092f62}.hero.small h1{font-size:clamp(2.2rem,6vw,4.2rem)}.hero h1 em{color:var(--gold);font-style:normal}.hero p{font-size:1.08rem;max-width:620px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button,.cta{display:inline-block;background:var(--gold);color:var(--ink);padding:14px 20px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-weight:800;text-decoration:none;border-radius:5px}.button:hover,.cta:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.textlink{font-weight:700;color:#fff}.crest{text-align:center;position:relative;z-index:1;font:800 1.7rem/1 Cinzel,serif;color:var(--gold);text-shadow:2px 2px var(--ink)}.slimeface{width:155px;height:125px;padding-top:39px;margin:0 auto 18px;background:#8bd8ff;color:#13223d;font-size:2rem;border-radius:50% 50% 44% 44%;clip-path:polygon(50% 0,92% 65%,85% 93%,50% 100%,15% 93%,8% 65%)}.slime.hero{display:flex;gap:30px;align-items:center}.slime.hero .slimeface{flex:0 0 155px}.intro{text-align:center;margin-bottom:25px}.intro h2{font:800 clamp(1.8rem,4vw,3rem) Cinzel,serif;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0 65px}.grid article,.menu-grid a{padding:27px;background:#fff;border:3px solid var(--ink);border-radius:9px;box-shadow:6px 6px 0 #d5c9a7}.grid h2{font:800 1.18rem Cinzel,serif;margin:8px 0}.grid p{margin:0;color:#536078}.grid b,.menu-grid span{font-size:.72rem;letter-spacing:.15em;color:var(--blue)}.menu-grid a{text-decoration:none;transition:.15s}.menu-grid a:hover{transform:translateY(-5px);box-shadow:6px 11px 0 var(--gold)}.menu-grid h2{margin:8px 0 3px;font:800 1.35rem Cinzel,serif}.icon{font-size:2rem}.games{grid-template-columns:repeat(2,1fr)}.timeline{margin:20px auto 70px;max-width:820px}.timeline article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:25px 0;border-bottom:2px solid #d8cbaa}.timeline span{font:800 1.5rem Cinzel;color:var(--blue)}.timeline h2{margin:0;font-family:Cinzel}.timeline p{margin:6px 0}.battle{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin:20px 0 70px}.battle-screen{background:#111d36;color:#fff;padding:30px;border:6px double #fff;outline:5px solid var(--ink);border-radius:5px;text-align:center}.pixel{font-size:6rem;margin:20px}.commands{display:grid;grid-template-columns:1fr 1fr;text-align:left;border:2px solid white;padding:14px;gap:9px}.battle li{margin:12px}.note{background:#fff1b8;border-left:5px solid var(--gold);padding:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stats article{background:var(--ink);color:white;padding:30px;text-align:center;border-bottom:7px solid var(--gold)}.stats strong,.stats span{display:block}.stats strong{font:800 2.6rem Cinzel;color:var(--gold)}.quote{max-width:750px;margin:60px auto;text-align:center}.quote p{font:600 1.45rem/1.6 Cinzel,serif}.quote small{color:#667}.cta{display:table;margin:0 auto 70px}footer{margin-top:60px;padding:35px max(4vw,24px);background:var(--ink);color:#dce6f7;display:flex;justify-content:space-between;align-items:center}footer a{font:800 1.2rem Cinzel;color:var(--gold);text-decoration:none}footer p{font-size:.78rem}@media(max-width:800px){header{display:block}.brand{display:inline-block;margin-bottom:10px}nav{margin:0}.hero.home,.battle{grid-template-columns:1fr}.crest{margin-top:50px}.grid{grid-template-columns:1fr 1fr}.slime.hero{display:block}.stats{grid-template-columns:1fr}}@media(max-width:520px){.grid,.games{grid-template-columns:1fr}.hero{padding:45px 23px;box-shadow:7px 7px 0 var(--gold);margin-top:28px}.hero h1{font-size:2.4rem}.crest{display:none}.stats{grid-template-columns:1fr}.battle{gap:35px}.commands{grid-template-columns:1fr}footer{display:block}footer p{margin-bottom:0}}
.frase-panel{margin:15px 0 75px;padding:38px clamp(24px,5vw,55px);background:#111d36;color:#fff;border:4px solid var(--ink);border-radius:10px;box-shadow:9px 9px 0 var(--gold);position:relative;overflow:hidden}.frase-panel:after{content:'★';position:absolute;right:25px;top:-42px;font-size:9rem;color:#ffffff0d}.frase-panel #frase-texto{font:600 clamp(1.25rem,3vw,1.85rem)/1.55 Cinzel,serif;min-height:90px;margin:15px 0;opacity:.15;transform:translateY(5px);transition:.25s}.frase-panel #frase-texto.visible{opacity:1;transform:none}.frase-panel>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.frase-panel span{color:var(--gold);font-weight:800}.frase-panel button{position:relative;z-index:1;border:2px solid var(--gold);background:transparent;color:#fff;padding:10px 14px;border-radius:5px;font-weight:700;cursor:pointer}.frase-panel button:hover,.frase-panel button:focus{background:var(--gold);color:var(--ink)}@media(max-width:520px){.frase-panel>div{display:block}.frase-panel button{display:block;margin-top:18px}}
body{padding-top:34px}header{top:34px}.cinta-frases{position:fixed;z-index:120;left:0;right:0;top:0;height:34px;overflow:hidden;background:linear-gradient(90deg,#071426,#163e72,#071426);color:#ffe07a;border-bottom:2px solid var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;box-shadow:0 3px 12px #0008}.cinta-pista{display:flex;width:max-content;min-width:200%;animation:correr-frases 70s linear infinite}.cinta-pista span{display:block;padding:6px 30px;min-width:max-content}@keyframes correr-frases{to{transform:translateX(-50%)}}#lluvia{position:fixed;inset:0;z-index:30;pointer-events:none}.relampago{position:fixed;inset:0;z-index:90;pointer-events:none;background:#dff4ff;opacity:0;mix-blend-mode:screen}.relampago.activo{animation:flash-cielo .16s ease-out}@keyframes flash-cielo{0%{opacity:.8}45%{opacity:.12}100%{opacity:0}}.chispa-mouse{position:fixed;z-index:100;pointer-events:none;color:#ffe05c;font-style:normal;font-size:1.3rem;text-shadow:0 0 8px #fff,0 0 16px #159eff;transform:translate(-50%,-50%);animation:rastro-mouse .7s ease-out forwards}@keyframes rastro-mouse{to{opacity:0;transform:translate(-50%,-28px) scale(.25) rotate(100deg)}}article,.menu-grid a,.button,.cta{transition:transform .2s,box-shadow .2s,filter .2s}.brillo-magico{filter:brightness(1.12) saturate(1.18);box-shadow:0 0 0 3px #ffe05c,0 0 24px #158edc!important}@media(prefers-reduced-motion:reduce){.cinta-pista{animation-duration:180s}#lluvia,.relampago,.chispa-mouse{display:none}}
.control-musica{position:fixed;right:18px;bottom:18px;z-index:110;border:3px solid var(--gold);border-radius:999px;background:#101d37;color:#fff;padding:11px 17px;font-weight:800;box-shadow:4px 4px 0 #0007;cursor:pointer}.control-musica:hover,.control-musica:focus{background:#174f8c;transform:translateY(-2px)}.control-musica.reproduciendo{background:#1d7546;box-shadow:0 0 18px #5dff9d}