:root{--yellow:#ffc928;--red:#e72218;--green:#102b18;--ink:#07100a;--cream:#fff8e6;--line:rgba(255,207,37,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07120b;color:#fff;font-family:Nunito,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.topbar{height:78px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:22px;padding:8px 3vw;background:rgba(2,8,5,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,204,32,.25)}.logo{display:flex;align-items:center;min-width:220px}.logo img{width:58px;height:58px;object-fit:contain}.logo span{display:flex;flex-direction:column;line-height:.8}.logo b{font:800 35px 'Baloo 2';color:#ffc928;text-shadow:2px 3px #a7280f}.logo small{font:800 16px 'Baloo 2';color:#fff}.topbar nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1;font-weight:800}.topbar nav a:hover{color:var(--yellow)}.play-top,.btn.primary{background:linear-gradient(#ff3b2c,#c7130c);border:2px solid rgba(255,255,255,.12);box-shadow:0 8px 0 #780b08,0 13px 30px rgba(0,0,0,.35);font-weight:1000;border-radius:14px}.play-top{padding:13px 20px;white-space:nowrap}.menu{display:none}.hero{height:min(760px,calc(100vh - 78px));min-height:600px;position:relative;overflow:hidden;background:#020704}.hero-art{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),transparent 42%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(5,18,10,.95),transparent 30%)}.hero-cta{position:absolute;left:5vw;bottom:7%;max-width:600px;text-shadow:0 3px 12px #000}.hero-cta>span,.kicker{display:inline-block;padding:7px 13px;border:1px solid var(--yellow);border-radius:999px;color:var(--yellow);font-weight:1000;letter-spacing:.06em;background:rgba(0,0,0,.45)}.hero h1{font:800 clamp(42px,5vw,72px)/.98 'Baloo 2';margin:16px 0}.hero p{font-size:20px;max-width:570px}.btn{display:inline-block;padding:14px 22px;border-radius:14px;font-weight:1000;margin:9px 10px 0 0}.btn.glass{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px)}.stats{display:grid;grid-template-columns:repeat(5,1fr);max-width:1400px;margin:-25px auto 0;position:relative;z-index:4;border:1px solid var(--line);border-radius:24px;background:rgba(4,19,10,.94);box-shadow:0 20px 60px #000;padding:18px}.stats div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:7px 18px;border-right:1px solid rgba(255,255,255,.12)}.stats div:last-child{border:0}.stats strong{grid-row:1/3;font-size:32px}.stats b{font-size:17px}.stats span{color:#c9d5cd;font-size:12px}.section{max-width:1400px;margin:auto;padding:95px 4vw}.section-title{text-align:center;max-width:820px;margin:0 auto 40px}.section-title span{color:var(--yellow);font-weight:1000}.section h2{font:800 clamp(38px,5vw,64px)/1 'Baloo 2';margin:9px 0}.section-title p,.world-copy p,.game-info p,.creator-text p{color:#d0ddd4;font-size:18px;line-height:1.7}.world{background:radial-gradient(circle at 50% 80%,#174627,transparent 55%)}.world-card{display:grid;grid-template-columns:1.35fr .65fr;background:linear-gradient(145deg,#0e2b18,#07130b);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 30px 80px #000}.world-card img{width:100%;height:100%;min-height:510px;object-fit:cover}.world-copy{padding:45px;display:flex;flex-direction:column;justify-content:center}.world-copy h3{font:800 37px/1.05 'Baloo 2';color:var(--yellow)}.game-section{display:grid;grid-template-columns:.74fr 1.26fr;gap:42px;align-items:center;background:linear-gradient(180deg,#07120b,#0c2515)}.game-info h2{color:var(--yellow)}.game-info ul{padding:0;list-style:none;line-height:1.8}.device-badges{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.device-badges span{background:#142d1c;border:1px solid #376f45;border-radius:12px;padding:8px 12px;font-weight:900}.btn.big{font-size:20px}.game-shell{overflow:hidden;border:7px solid #1b4e78;border-radius:28px;background:#07101d;box-shadow:0 0 0 3px #55d9e2,0 30px 80px #000}.browser-bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 13px;background:#0a1b2f}.browser-bar i{width:11px;height:11px;border-radius:50%;background:#ff5c58}.browser-bar i:nth-child(2){background:#ffd43b}.browser-bar i:nth-child(3){background:#48d27c}.browser-bar b{margin-left:9px;color:#9cb3c8;font-size:12px}.game-shell iframe{display:block;width:100%;height:620px;border:0;background:#000}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{min-height:290px;padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:linear-gradient(145deg,#163c24,#08150c);box-shadow:0 18px 55px #000}.cards article:nth-child(2){background:linear-gradient(145deg,#7e3900,#281102)}.cards article:nth-child(3){background:linear-gradient(145deg,#49215e,#16091e)}.cards article:nth-child(4){background:linear-gradient(145deg,#084b78,#04192a)}.card-icon{font-size:48px}.cards h3{font:800 33px 'Baloo 2';margin:13px 0 4px}.cards p{color:#e1e6e2;line-height:1.6}.cards a{color:var(--yellow);font-weight:1000}.creator{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;background:radial-gradient(circle at 15% 40%,#5a3912,transparent 35%),#07120b}.creator-image{border-radius:35px;overflow:hidden;box-shadow:0 30px 90px #000;border:1px solid var(--line)}.creator-image img{width:100%;display:block}.creator-text h2 em{font-style:normal;color:var(--yellow)}.role{display:inline-block;background:var(--red);padding:9px 13px;border-radius:9px;font-weight:1000;margin:9px 0 14px}.creator-icons{display:flex;flex-wrap:wrap;gap:8px}.creator-icons span{padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#0c2213;font-weight:800}.creator blockquote{margin:25px 0 0;padding:22px;border-left:5px solid var(--yellow);background:#102719;font-size:20px;font-style:italic}.creator blockquote b{display:block;color:var(--yellow);margin-top:12px}.commitment{text-align:center}.commitment>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.commitment article{font-size:38px;padding:24px 14px;border-radius:20px;background:#102719;border:1px solid #285738}.commitment b{display:block;font-size:17px}.commitment p{font-size:13px;color:#c9d6cd}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:30px 4vw;background:#030805;border-top:1px solid var(--line)}footer img{width:90px}footer div:nth-child(2){display:flex;flex-direction:column}footer b{font-size:20px;color:var(--yellow)}footer small{margin-top:10px;color:#8fa096}.social{display:flex;gap:9px;flex-wrap:wrap}.social a{padding:9px 12px;border-radius:10px;background:#12261a;font-weight:900}
@media(max-width:1050px){.topbar nav{display:none}.menu{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.play-top{display:none}.hero{height:650px}.hero-art{object-position:40% center}.stats{grid-template-columns:repeat(2,1fr);margin:0;border-radius:0}.stats div:nth-child(even){border-right:0}.world-card,.game-section,.creator{grid-template-columns:1fr}.world-card img{min-height:0}.game-shell iframe{height:560px}.cards{grid-template-columns:repeat(2,1fr)}.commitment>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{height:68px}.logo{min-width:0}.logo img{width:49px;height:49px}.logo b{font-size:28px}.logo small{font-size:13px}.hero{height:630px;min-height:0}.hero-art{object-position:47% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.92),transparent 75%)}.hero-cta{left:6vw;right:6vw;bottom:5%}.hero h1{font-size:42px}.hero p{font-size:16px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.section{padding:70px 5vw}.world-copy{padding:27px}.game-shell iframe{height:500px}.cards{grid-template-columns:1fr}.commitment>div{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}.social{justify-content:center}}

/* Logo oficial actualizado en cabecera y pie */
.logo{gap:9px}
.logo-face{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle,#182c43 0%,#050b10 72%);border:2px solid rgba(255,201,40,.85);box-shadow:0 0 0 3px rgba(0,84,160,.48),0 6px 18px rgba(0,0,0,.55)}
.logo-face img{width:69px!important;height:69px!important;object-fit:contain!important;transform:translateY(2px)}
.logo-words{line-height:.84!important}
.logo-words b{font-size:37px!important;letter-spacing:.02em;background:linear-gradient(180deg,#fff36a 0%,#ffc928 38%,#ff7b19 73%,#d63b15 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-stroke:1px #ffe377;text-shadow:0 3px 0 #6f170b,0 6px 13px rgba(0,0,0,.85)!important}
.logo-words small{margin-top:7px;font-size:17px!important;color:#fff!important;letter-spacing:.025em;text-shadow:0 3px 0 #064b96,0 5px 10px rgba(0,0,0,.9)}
.footer-logo{display:flex;align-items:center;gap:13px;min-width:300px}
.footer-logo-face{width:100px;height:100px;display:grid;place-items:center;overflow:hidden;flex:0 0 100px;border-radius:50%;background:radial-gradient(circle,#182c43 0%,#030709 74%);border:3px solid #ffc928;box-shadow:0 0 0 4px #064b96,0 12px 30px rgba(0,0,0,.65)}
.footer-logo-face img{width:112px;height:112px;object-fit:contain;transform:translateY(3px)}
.footer-logo>span:last-child{display:flex;flex-direction:column;line-height:.88}
.footer-logo b{font:800 45px 'Baloo 2';letter-spacing:.025em;background:linear-gradient(180deg,#fff36a,#ffc928 40%,#ff7818 72%,#cf3113);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #ffe377;text-shadow:0 4px 0 #67150c,0 8px 18px rgba(0,0,0,.85)}
.footer-logo small{margin-top:8px;font:800 20px 'Baloo 2';color:#fff;text-shadow:0 3px 0 #064b96,0 6px 13px rgba(0,0,0,.9)}
@media(max-width:650px){.logo-face{width:51px;height:51px}.logo-face img{width:58px!important;height:58px!important}.logo-words b{font-size:28px!important}.logo-words small{font-size:13px!important;margin-top:5px}.footer-logo{min-width:0;justify-content:center}.footer-logo-face{width:84px;height:84px;flex-basis:84px}.footer-logo-face img{width:94px;height:94px}.footer-logo b{font-size:38px}.footer-logo small{font-size:17px}}