*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#060812;color:#fff}.app{width:min(1100px,100%);margin:auto;padding:14px 14px 30px}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.logo{font-weight:1000;letter-spacing:1px}.logo span{color:#ffd12e}.logo b{color:#ff3045}.hud{display:flex;gap:8px;flex-wrap:wrap}.hud span,.sound-btn{background:#111728;border:1px solid #2c3858;border-radius:12px;padding:7px 10px;font-size:13px}.sound-btn{color:#fff;cursor:pointer}.screen{display:none}.screen.active{display:block}.hero-card{position:relative;overflow:hidden;border-radius:24px;border:2px solid #263454;min-height:480px;background:#101527}.hero-card img{width:100%;height:100%;min-height:480px;object-fit:cover;display:block;filter:saturate(1.05)}.hero-overlay{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,#050711 72%)}.tag{display:inline-block;background:#ffd12e;color:#17120a;border-radius:999px;padding:6px 11px;font-weight:1000;font-size:11px}.hero-overlay h1{font-size:clamp(40px,8vw,80px);line-height:.86;margin:10px 0;font-weight:1000;text-shadow:0 5px 0 #000}.hero-overlay em{color:#ff3045;font-style:normal}.hero-overlay p{max-width:580px;color:#ddd}.big-btn{background:#ffd12e;color:#15110a;border:0;border-radius:16px;padding:16px 40px;font-size:22px;font-weight:1000;box-shadow:0 7px 0 #b78000;cursor:pointer}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.menu-grid button,.back,.game-head button{background:#121a2d;color:#fff;border:1px solid #344365;border-radius:12px;padding:13px;font-weight:900;cursor:pointer}.screen>h2{text-align:center;font-size:32px;margin:20px 0}.back{margin-bottom:10px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.world{padding:0;overflow:hidden;min-height:245px;border-radius:22px;border:2px solid #303b5c;text-align:left;cursor:pointer;color:#fff;background:#101525;box-shadow:0 12px 30px #0005;transition:transform .18s,filter .18s}.world:hover:not(:disabled){transform:translateY(-4px);filter:brightness(1.1)}.world.locked{opacity:.55;filter:grayscale(.35)}.world-art{height:145px;position:relative;overflow:hidden;background:#17264a}.world-sky,.world-ground{position:absolute;inset:0}.world-ground{top:100px;background:linear-gradient(0deg,#0a101d 0 32%,transparent 33%)}.world-icon{position:absolute;z-index:3;right:14px;top:10px;font-size:52px;filter:drop-shadow(0 4px 4px #0007)}.world-num{position:absolute;left:14px;top:10px;z-index:3;font-size:30px;font-weight:1000;color:#ffd12e;text-shadow:0 3px #000}.world-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,#0008)}.world.barrio .world-art{background:linear-gradient(#254f92,#a34875)}.world.barrio .world-sky{background:repeating-linear-gradient(90deg,transparent 0 40px,#19213d 41px 74px);top:45px}.world.barrio .world-ground{background:linear-gradient(#2b9d55 0 10%,#131c2d 11%)}.world.city .world-art{background:linear-gradient(#090d2d,#512070)}.world.city .world-sky{background:repeating-linear-gradient(90deg,#101535 0 50px,#24275c 51px 80px);top:45px}.world.city .world-ground{background:linear-gradient(#222a4e 0 10%,#0a0e1c 11%)}.world.beach .world-art{background:linear-gradient(#25b7dc 0 48%,#79e8f1 49% 58%,#2ca8b7 59%)}.world.beach .world-ground{background:linear-gradient(#f3d184 0 35%,#188e9f 36%)}.world.desert .world-art{background:linear-gradient(#ff9e4b,#f0d37b)}.world.desert .world-ground{background:linear-gradient(#d79a4c 0 20%,#9b622d 21%)}.world.snow .world-art{background:linear-gradient(#4f8dcc,#dff7ff)}.world.snow .world-ground{background:linear-gradient(#dff8ff 0 20%,#7aa5ca 21%)}.world.inferno .world-art{background:linear-gradient(#280710,#b52628)}.world.inferno .world-ground{background:linear-gradient(#59151c 0 20%,#22060c 21%)}.world-copy{padding:13px 15px 16px;background:#0d1322}.world-copy h3{font-size:24px;margin:0 0 4px}.world-copy p{color:#b8bfd0;margin:0 0 10px}.world-copy small{font-weight:900;color:#ffd12e}.character-card{max-width:420px;margin:20px auto;text-align:center;background:#101727;border:1px solid #303b5c;border-radius:22px;padding:24px}.character-card img{width:220px;height:220px;border-radius:50%;object-fit:cover;border:8px solid #ffd12e;box-shadow:0 0 35px #ffcf2f55}.character-card h3{font-size:30px;margin:10px}.character-card p{color:#aaa}.locked{padding:10px;border-radius:10px;background:#171e31;color:#aaa}.ranking{max-width:700px;margin:auto;background:#101727;border-radius:18px;padding:12px 18px;list-style:none}.ranking li{display:grid;grid-template-columns:45px 1fr auto auto;gap:10px;align-items:center;padding:13px 5px;border-bottom:1px solid #28324b}.rank-medal{font-size:24px}.instructions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:700px;margin:auto}.instructions div{background:#101727;border:1px solid #303b5c;border-radius:16px;padding:18px}.instructions b{display:block;font-size:18px;margin:5px 0}.instructions span{color:#aaa}.game-screen{position:relative}.game-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:1000}.game-head .back{margin:0;padding:8px 12px}.game-head #pause{padding:8px 12px}.game-screen canvas{width:100%;height:auto;display:block;border-radius:18px;border:2px solid #33405e;background:#1b2d53;image-rendering:auto;touch-action:none}.mobile-controls{display:flex;justify-content:center;gap:22px;max-width:420px;margin:10px auto 0}.mobile-controls button{width:86px;height:60px;border:0;border-radius:15px;background:#ffd12e;color:#17120a;font-size:25px;font-weight:1000;box-shadow:0 5px 0 #b78000;touch-action:none;cursor:pointer}.game-message{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:#080b15ee;border:2px solid #ffd12e;border-radius:20px;padding:25px;text-align:center;font-weight:900;min-width:300px;z-index:5;box-shadow:0 20px 60px #0009}.game-message button{margin-top:12px;padding:12px 20px;border:0;border-radius:10px;background:#ff3045;color:#fff;font-weight:900;cursor:pointer}footer{text-align:center;color:#555;font-size:11px;padding:25px}@media(max-width:700px){.menu-grid,.instructions{grid-template-columns:1fr 1fr}.world-grid{grid-template-columns:1fr 1fr}.hero-card,.hero-card img{min-height:500px}.hud{font-size:11px}.game-head{font-size:12px}.ranking li{grid-template-columns:35px 1fr auto}.ranking li span:last-child{grid-column:2}.game-screen canvas{border-radius:12px}}@media(max-width:480px){.menu-grid,.world-grid,.instructions{grid-template-columns:1fr}.hero-overlay{padding:18px}.hero-overlay h1{font-size:46px}.hud span,.sound-btn{padding:6px 7px}.world{min-height:230px}.world-art{height:130px}.mobile-controls{gap:12px}.mobile-controls button{width:78px;height:56px}}