:root{--lime:#8aff10;--ink:#07131e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08101b;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(5vw,20px)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:white;font-size:30px;font-weight:1000;text-shadow:2px 4px #1b2940}.brand span{color:#ffdd27}.brand small{font-size:12px;color:#fff}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#fff;text-decoration:none;font-weight:700;text-shadow:0 2px 4px #0008}.btn{background:linear-gradient(#a9ff23,#22db00);border:0;border-bottom:5px solid #189800;color:#082700;font-weight:1000;border-radius:18px;padding:15px 26px;box-shadow:0 10px 24px #0005}.btn:hover{filter:brightness(1.1)}.btn.small{padding:10px 24px}.btn.big{font-size:clamp(18px,2.2vw,30px);padding:22px 46px}.hero{position:relative;min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,#001124e8 0%,#00112485 38%,#00112420 75%),url('/assets/img/portada-referencia.png') center 33%/cover;overflow:hidden;padding:135px 6% 60px}.hero-copy{position:relative;z-index:2;max-width:570px;text-shadow:0 4px 9px #0008}.eyebrow{font-size:14px;font-weight:900;color:#c3ff4c;letter-spacing:.2em}.hero h1{font-size:clamp(44px,5.7vw,84px);line-height:1.02;margin:16px 0;text-transform:uppercase;font-weight:1000;letter-spacing:-.05em}.hero h1 em{display:block;font-style:normal;color:var(--lime)}.hero p{font-size:clamp(17px,1.8vw,23px);line-height:1.55;max-width:520px}.hero-character{display:none}.benefits{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-weight:700;font-size:14px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:34px 5%;background:#0b1219}.features div{display:flex;flex-direction:column;gap:4px;font-size:27px}.features strong{font-size:19px}.features small{font-size:13px;color:#c2c8cf}.worlds{padding:35px 5% 70px}.worlds h2{font-size:30px}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.world-grid article{min-width:0}.world-thumb{height:180px;border-radius:16px;display:grid;place-items:center;font-size:70px;text-shadow:0 5px #0005}.forest{background:linear-gradient(140deg,#51d7ff,#3fca51 70%,#61482b)}.snow{background:linear-gradient(130deg,#52b2ef,#d7f9ff)}.desert{background:linear-gradient(130deg,#e8b45b,#a85d2c)}.castle{background:linear-gradient(130deg,#56275b,#f14c15)}.world-grid h3{font-size:16px;margin:10px 0}footer{text-align:center;padding:30px;color:#a9b4be;border-top:1px solid #283340}.game-overlay{position:fixed;inset:0;z-index:20;background:#060e17;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-overlay[hidden],.game-message[hidden]{display:none}.game-header{display:flex;align-items:center;gap:15px;width:min(100%,1100px);justify-content:flex-end;padding:6px 12px}.game-header #hud{margin-right:auto;font-weight:800}.game-header button{border:0;background:#233b4a;color:#fff;border-radius:8px;padding:9px 15px}#gameCanvas{display:block;width:min(100vw,calc((100dvh - 120px)*1.77778),1100px);height:auto;max-height:calc(100dvh - 120px);background:#4db8f1;touch-action:none;border:3px solid #1b4c5b;border-radius:10px}.game-message{position:absolute;z-index:5;background:#07131eee;border:2px solid #8aff10;border-radius:16px;padding:25px;text-align:center;max-width:min(90vw,420px);font-size:20px}.game-message button{margin:8px}.touch-controls{display:none;width:100%;max-width:1100px;justify-content:space-between;align-items:center;padding:6px 20px}.touch-controls button{background:#ffffff40;border:2px solid #ffffff7a;color:#fff;border-radius:18px;padding:15px 22px;font-weight:900;touch-action:none;user-select:none}.dpad{display:flex;gap:15px}.install{min-height:100dvh;display:grid;place-items:center;padding:20px;background:#07131e}.panel{width:min(100%,580px);background:#162536;border:1px solid #36505c;padding:32px;border-radius:20px}.panel label{display:block;margin:20px 0;font-weight:700}.panel input{display:block;width:100%;padding:13px;border:1px solid #496574;background:#07131e;color:#fff;border-radius:8px;margin-top:8px}.panel a{color:#aaff42}.error{color:#ff8585}.secondary{background:#394a56;color:white;border-color:#222}.score-list{max-height:250px;overflow:auto}@media(max-width:700px){.topbar{padding:15px}.topbar nav{display:none}.brand{font-size:23px}.brand small{font-size:10px}.hero{min-height:calc(100svh - 70px);padding:110px 6% 50px;align-items:end;background:linear-gradient(0deg,#031526 4%,#031526bb 45%,#03152600 80%),url('/assets/img/luco-original.png') center top/cover}.hero-copy{width:100%;text-align:center}.hero h1{font-size:clamp(36px,10vw,58px)}.hero p{font-size:16px}.btn.big{width:100%;font-size:22px}.benefits{justify-content:center;gap:10px;font-size:11px}.features{grid-template-columns:repeat(2,1fr)}.world-grid{grid-template-columns:repeat(2,1fr)}.world-thumb{height:130px}.touch-controls{display:flex}.game-header{font-size:13px}#gameCanvas{width:100vw;max-height:calc(100dvh - 135px)}.game-overlay{justify-content:flex-start;padding-top:2px}}@media(max-height:480px) and (orientation:landscape){.game-header{padding:2px 10px}#gameCanvas{width:min(100vw,calc((100dvh - 84px)*1.77778));max-height:calc(100dvh - 84px)}.touch-controls{position:absolute;bottom:2px;pointer-events:none}.touch-controls button{pointer-events:auto;padding:9px 18px;background:#112d4488}}

/* Actualizacion portada cartoon: arte separado del contenido HTML */
.desktop-reference{display:none!important}
.topbar{position:relative;background:#061b30;border-bottom:1px solid #ffffff1c;padding:16px 5%;min-height:86px}
.brand span{color:#8aff10}.brand small{letter-spacing:.06em}
.hero{min-height:670px;background:#051b30 url('/assets/img/luco-portada-derecha.jpg?v=2') center center/cover no-repeat;padding:70px 6% 72px}
.hero-copy{max-width:535px}.hero h1{font-size:clamp(44px,5.1vw,78px)}
.world-thumb{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;box-shadow:inset 0 -35px 45px #0005}
.world-thumb.forest{background-image:url('/assets/img/mundo-bosque-cartoon.jpg?v=2')!important}
.world-thumb.snow{background-image:url('/assets/img/mundo-nieve-cartoon.jpg?v=2')!important}
.world-thumb.desert{background-image:url('/assets/img/mundo-desierto-cartoon.jpg?v=2')!important}
.world-thumb.castle{background-image:url('/assets/img/mundo-castillo-cartoon.jpg?v=2')!important}
@media(max-width:700px){.topbar{min-height:70px}.hero{min-height:750px;align-items:end;padding:340px 6% 55px;background-image:linear-gradient(0deg,#051b30 0%,#051b30ef 38%,#051b3000 78%),url('/assets/img/luco-portada-derecha.jpg?v=2');background-position:center,68% top;background-size:cover,auto 520px;background-repeat:no-repeat}.hero-copy{text-align:center}.hero h1{font-size:clamp(37px,9vw,56px)}.hero p{font-size:16px}.world-thumb{height:140px}}