*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#4f8cff;--danger:#e15b5b}html,body{height:100%;overflow:hidden}body{color:#e8eaf0;background:#0a0e16;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hidden{display:none!important}#view{position:fixed;inset:0}#view canvas{width:100%;height:100%;display:block}#vignette{pointer-events:none;z-index:2;mix-blend-mode:multiply;background:radial-gradient(at 50% 48%,#0000 45%,#0000006b 100%);position:fixed;inset:0}#menu{z-index:50;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:radial-gradient(at 50% 35%,#080c164d,#060910cc);justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}#menu.hidden{display:none}#menu-screens{width:100%;max-width:620px}.menu-screen{flex-direction:column;align-items:center;gap:14px;display:flex}.menu-screen.hidden{display:none}.game-title{letter-spacing:-2px;text-align:center;color:#fff;text-shadow:0 0 26px #78c8ff8c,0 6px #00000059;margin-bottom:-2px;font-size:clamp(38px,9vw,76px);font-weight:900;line-height:.88}.game-title span{letter-spacing:5px;color:#7fd4ff;text-shadow:0 0 20px #78c8ffb3;font-size:.52em;display:block}.game-tagline{color:#9fb0c8;margin-bottom:10px;font-size:14px}.menu-btn{color:#fff;cursor:pointer;background:#161e2ce6;border:1px solid #8cbeff4d;border-radius:12px;padding:11px 22px;font-size:15px;font-weight:700;transition:transform .12s,background .15s,border-color .15s}.menu-btn:hover{background:#325a96e6;border-color:#7fd4ff;transform:translateY(-2px)}.menu-btn.big{letter-spacing:2px;background:linear-gradient(160deg,#2f7fd4,#1d4f9c);border-color:#7fd4ff;padding:16px 54px;font-size:24px;box-shadow:0 8px 30px #2878dc73}.menu-btn.big small{letter-spacing:0;color:#bcd8f5;margin-top:3px;font-size:12px;font-weight:500;display:block}.menu-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu-note{color:#8b97ad;text-align:center;max-width:520px;font-size:12.5px;line-height:1.6}.vol-row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.vol-row label{color:#9fb0c8;align-items:center;gap:7px;font-size:12px;display:flex}.vol-row input[type=range]{width:96px;accent-color:var(--accent)}.vol-row span{color:#cfd8e6;font-variant-numeric:tabular-nums;min-width:34px}.menu-foot{gap:16px;margin-top:12px;display:flex}.link-btn{color:#6f7d92;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.link-btn:hover{color:#9fb0c8}.link-btn.danger:hover{color:#ff8080}.screen-title{color:#fff;align-self:flex-start;margin-top:6px;font-size:20px}#level-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:9px;width:100%;display:grid}.level-card{text-align:left;border:1px solid #ffffff1a;border-left:4px solid var(--lv-color,#7fd4ff);cursor:pointer;color:#fff;background:#141a26eb;border-radius:11px;align-items:center;gap:10px;padding:9px 11px;transition:transform .12s,background .15s;display:flex}.level-card:hover{background:#283c5af2;transform:translateY(-2px)}.level-card.locked{opacity:.45;cursor:not-allowed;border-left-color:#555}.lv-num{color:var(--lv-color,#7fd4ff);min-width:26px;font-size:22px;font-weight:900}.lv-name{font-size:13.5px;font-weight:700}.lv-meta{color:#8b97ad;font-size:11px}.lv-tag{color:#d0a6ff;margin-top:2px;font-size:10px}#weapon-list,#monster-list{flex-direction:column;gap:7px;width:100%;display:flex}.weapon-row{border:1px solid #ffffff1a;border-left:4px solid var(--w-color,#89a);color:#fff;background:#141a26eb;border-radius:11px;align-items:center;gap:12px;padding:9px 12px;display:flex}.weapon-row.locked{opacity:.5}.w-icon{text-align:center;min-width:30px;font-size:22px}.w-body{flex:1}.w-name{font-size:14px;font-weight:700}.w-desc{color:#8b97ad;font-size:11.5px}.w-stats{color:#bcd8f5;gap:8px;font-size:12px;display:flex}body.looking #menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0609101f 30%,#060910b8 60%)}#menu-look{justify-content:flex-end;gap:0}.look-stage{pointer-events:none;flex:none;height:min(34vh,260px)}.look-panel{background:#0c111be6;border:1px solid #8cbeff38;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:14px 16px 16px;display:flex;box-shadow:0 12px 40px #00000080}.look-panel .screen-title{margin:0}#look-options{flex-direction:column;gap:9px;width:100%;display:flex}.look-row{align-items:center;gap:12px;display:flex}.look-label{color:#9fb0c8;text-align:right;flex:none;min-width:108px;font-size:12px}.look-swatches{flex-wrap:wrap;flex:1;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffff2e;border-radius:8px;width:26px;height:26px;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.14)}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px #78c8ffbf}.preset-btn{color:#dbe4f0;cursor:pointer;background:#1e283ae6;border:1px solid #ffffff24;border-radius:9px;padding:5px 11px;font-size:12px;font-weight:600;transition:background .13s,border-color .13s}.preset-btn:hover{background:#3c64a0e6}.preset-btn.on{background:var(--accent);color:#fff;border-color:#9fd0ff}.help-grid{color:#cfd8e6;grid-template-columns:auto 1fr;align-items:center;gap:8px 18px;width:100%;font-size:13px;display:grid}kbd{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;margin-right:3px;padding:2px 7px;font-family:inherit;font-size:11.5px}.win-weapon{color:#ffd98a;background:linear-gradient(120deg,#ffc8502e,#ff8c3c1f);border:1px solid #ffc86480;border-radius:10px;margin-bottom:12px;padding:9px 14px;font-size:13px}.win-weapon.hidden{display:none}#game-hud{pointer-events:none;z-index:6;position:fixed;inset:0}#hud-stats{flex-wrap:wrap;gap:8px;max-width:92%;display:flex;position:absolute;top:12px;left:12px}.hud-stat{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c149e;border:1px solid #ffffff21;border-radius:10px;padding:6px 12px;font-size:14px;box-shadow:0 3px 14px #0000004d}.hud-stat b{font-size:16px}.hud-sub{color:#93a0b5;font-size:11.5px}.hud-stat.weapon{color:#bcd8f5}.hud-stat.level b{color:#ffd98a}.hud-stat.ammo b{color:#7fe6ff}.hud-stat.ammo.empty{border-color:#ff5a5acc;animation:1s ease-in-out infinite ammo-warn}.hud-stat.ammo.empty b{color:#ff7676}@keyframes ammo-warn{50%{opacity:.55}}#hud-toasts{flex-direction:column;gap:5px;display:flex;position:absolute;top:58px;left:12px}.toast{color:#fff;background:#3c78dceb;border-radius:9px;max-width:340px;padding:6px 13px;font-size:13px;font-weight:600;transition:opacity .35s,transform .35s;animation:.22s ease-out toast-in;box-shadow:0 4px 16px #00000059}.toast.out{opacity:0;transform:translate(-14px)}@keyframes toast-in{0%{opacity:0;transform:translate(-14px)}}#hud-help{color:#c2cbd9;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c149e;border-radius:9px;padding:6px 15px;font-size:11.5px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#hud-help b{color:#fff}#hud-crosshair{background:#fffc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #00000061}.win-sub{color:#9aa3b5;margin:-8px 0 14px;font-size:13px}#hud-banner{pointer-events:none;position:absolute;top:26%;left:50%;transform:translate(-50%)}.banner{color:#fff;white-space:nowrap;border-radius:12px;padding:10px 22px;font-size:20px;font-weight:800;transition:opacity .45s,transform .45s;animation:.25s cubic-bezier(.2,1.4,.4,1) banner-in;box-shadow:0 8px 28px #00000073}.banner.good{background:#2ea06ef0}.banner.bad{background:#c83737f0}.banner.out{opacity:0;transform:translateY(-14px)}@keyframes banner-in{0%{opacity:0;transform:scale(.82)}}#hud-damage{pointer-events:none;opacity:0;background:radial-gradient(#c8000000 35%,#be0000bf 100%);transition:opacity .35s;position:absolute;inset:0}#hud-damage.on{opacity:1;transition:opacity 60ms}#hud-win{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#060a0eb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.win-card{text-align:center;color:#fff;background:linear-gradient(160deg,#1d2a35,#16202a);border:1px solid #78f0be59;border-radius:18px;padding:26px 34px;animation:.35s cubic-bezier(.2,1.4,.4,1) banner-in;box-shadow:0 20px 60px #0009}.win-card h2{color:#6ef5bd;margin-bottom:16px;font-size:26px}.win-rows{gap:7px;margin-bottom:16px;display:grid}.win-rows>div{background:#ffffff0d;border-radius:8px;justify-content:space-between;gap:26px;padding:5px 12px;font-size:14px;display:flex}.win-rows span{color:#9aa3b5}.win-card p{color:#9aa3b5;font-size:12px}#hud-paused{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a0e8c;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;position:absolute;inset:0}body.playing #view canvas{cursor:none}.race-box{background:#101622e0;border:1px solid #8cbeff33;border-radius:14px;flex-direction:column;align-items:center;gap:11px;width:100%;padding:16px;display:flex}.race-field{color:#9fb0c8;flex-direction:column;gap:5px;width:100%;font-size:12px;display:flex}.race-field input,.race-field select{color:#fff;background:#080c14e6;border:1px solid #ffffff29;border-radius:9px;padding:9px 11px;font-family:inherit;font-size:15px}#race-code{text-transform:uppercase;letter-spacing:5px;text-align:center;font-weight:800}.race-code-row{align-items:stretch;gap:8px;display:flex}.race-code-row input{flex:1}.race-room-code{color:#9fb0c8;font-size:15px}.race-room-code b{color:#7fd4ff;letter-spacing:6px;font-size:26px}#race-players{flex-direction:column;gap:6px;width:100%;display:flex}.race-p{color:#fff;background:#ffffff0f;border-radius:9px;padding:8px 12px;font-size:14px}.race-p.me{border:1px solid #78dca080}.race-p span{color:#8b97ad;font-size:12px}.menu-btn.on{background:var(--accent2,#2e9c7d);border-color:#7fe6b8}#hud-standings{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c14a8;border:1px solid #ffffff21;border-radius:11px;flex-direction:column;gap:4px;min-width:172px;padding:8px 11px;display:flex;position:absolute;top:12px;right:12px}.stand-row{color:#cfd8e6;align-items:baseline;gap:8px;font-size:13px;display:flex}.stand-row.me{color:#fff;font-weight:700}.stand-pos{color:#ffd98a;min-width:22px;font-weight:800}.stand-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stand-dist{color:#8b97ad;font-variant-numeric:tabular-nums;font-size:11.5px}:root{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}body.touch #hud-help,body.touch #hud-paused{display:none!important}body.touch #view canvas{cursor:default}body.touch,body.touch #view canvas{touch-action:none;overscroll-behavior:none}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch{pointer-events:none;z-index:6;position:absolute;inset:0}#touch-stick{opacity:0;transition:opacity .12s;position:absolute;inset:0}#touch-stick.on{opacity:1}#touch-stick-base{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a101c57;border:2px solid #ffffff38;border-radius:50%;width:116px;height:116px;margin:-58px 0 0 -58px;position:absolute}#touch-stick-knob{background:#9ed4ff80;border:2px solid #ffffff8c;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 3px 12px #0006}.touch-btn{pointer-events:auto;color:#eaf1ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;background:#0c121e8c;border:1.5px solid #ffffff42;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:21px;line-height:1;transition:transform 80ms,background 80ms;display:flex}.touch-btn:active{background:#466eaabf;transform:scale(.92)}.touch-btn.small{width:48px;height:48px;font-size:18px}.touch-btn.jump{background:#2e7abe8c;border-color:#9ed4ff80;width:84px;height:84px;font-size:34px}.touch-btn.fire{background:#aa463c80;border-color:#ffaa9673;width:66px;height:66px;font-size:25px}#tb-menu{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));position:absolute}#touch-pad{right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));grid-template-columns:repeat(3,auto);place-items:end center;gap:10px;display:grid;position:absolute}#tb-check{grid-area:1/1}#tb-weapon{grid-area:1/2}#tb-melee{grid-area:1/3}#tb-shoot{grid-area:2/1/3/3;justify-self:end}#tb-jump{grid-area:2/3}#rotate-hint{left:50%;top:calc(52px + var(--safe-t));z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#080c14d1;border:1px solid #ffffff24;border-radius:12px;max-width:84vw;padding:9px 16px;font-size:13.5px;line-height:1.5;animation:5s forwards rotate-fade;position:absolute;transform:translate(-50%)}#rotate-hint small{color:#93a0b5;font-size:11.5px}@keyframes rotate-fade{0%{opacity:0}8%{opacity:1}75%{opacity:1}to{opacity:0}}body.level-done #touch-pad,body.level-done #touch-stick{display:none}.win-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.win-actions .menu-btn.big{min-width:190px}body.touch #win-next{display:none}@media (width<=760px){#menu-screens{max-width:100%;padding:0 12px}.game-title{font-size:40px}.menu-row{flex-wrap:wrap;justify-content:center}#level-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:7px}#hud-stats{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));gap:5px;max-width:calc(100% - 84px)}.hud-stat{padding:3px 7px;font-size:11px}.hud-stat:nth-child(6),.hud-stat:nth-child(7){display:none}.win-card{max-width:92vw;padding:20px 18px}.win-card h2{font-size:21px}}@media (height<=520px) and (orientation:landscape){.game-title{margin-bottom:2px;font-size:32px}.game-tagline{display:none}.menu-screen{gap:8px}#menu-screens{padding:8px 12px}.vol-row{font-size:11px}.win-card{padding:14px 18px}.win-card h2{margin-bottom:8px;font-size:19px}.win-rows{font-size:12px}#touch-pad{gap:7px}.touch-btn.jump{width:72px;height:72px;font-size:29px}}#hub{z-index:8;padding:calc(20px + var(--safe-t)) calc(16px + var(--safe-r)) calc(20px + var(--safe-b)) calc(16px + var(--safe-l));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(at 50% 30%,#141c30b8,#060910ed 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.hub-inner{text-align:center;width:100%;max-width:680px}.hub-title{letter-spacing:2px;color:#fff;text-shadow:0 4px 26px #0009;font-size:44px;font-weight:900;line-height:1}.hub-title span{letter-spacing:8px;color:#7fd4ff;font-size:26px;display:block}.hub-tagline{color:#93a0b5;margin:8px 0 22px;font-size:13px}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.hub-card{--acento:#6fb4ff;color:#e8eaf0;cursor:pointer;text-align:center;background:linear-gradient(160deg,#1c263af2,#0e131ef2);border:1.5px solid #ffffff21;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:22px 18px 16px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.hub-card:hover,.hub-card:focus-visible{border-color:var(--acento);box-shadow:0 12px 34px #00000073, 0 0 0 1px var(--acento) inset;transform:translateY(-3px)}.hub-emoji{filter:drop-shadow(0 4px 10px #00000080);font-size:42px;line-height:1}.hub-nombre{color:var(--acento);font-size:20px;font-weight:800}.hub-desc{color:#aab4c6;max-width:25ch;font-size:12.5px;line-height:1.45}.hub-pie{color:#8b97ad;border-top:1px solid #ffffff17;width:100%;margin-top:6px;padding-top:8px;font-size:11.5px}#hud-arena{top:calc(46px + var(--safe-t));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arena-stat{letter-spacing:.4px;color:#cfd8e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#080c14ad;border:1px solid #ffffff24;border-radius:9px;padding:4px 10px;font-size:12px}.arena-stat b{color:#fff;font-variant-numeric:tabular-nums}#hud-mejoras{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#060910d1;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.mejoras-caja{text-align:center;width:100%;max-width:660px}.mejoras-caja h2{color:#ffd98a;margin-bottom:16px;font-size:22px}#mejoras-lista{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.mejora-card{color:#e8eaf0;cursor:pointer;background:linear-gradient(160deg,#1e283ef5,#0f1420f5);border:1.5px solid #ffffff24;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:transform .12s,border-color .12s;display:flex}.mejora-card:hover,.mejora-card:focus-visible{border-color:#ffd98a;transform:translateY(-3px)}.mejora-card:active{transform:scale(.98)}.mejora-icono{font-size:32px}.mejora-nombre{color:#ffd98a;font-size:14.5px;font-weight:800}.mejora-desc{color:#aab4c6;font-size:12px;line-height:1.4}#hud-fin-arena{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#060910cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#hud-fin-arena h2{color:#ff8fae;margin-bottom:6px;font-size:24px}#hud-fin-arena .win-sub{margin-bottom:14px}body.touch #hud-mejoras,body.touch #hud-fin-arena{pointer-events:auto}@media (width<=760px){.hub-title{font-size:34px}.hub-title span{letter-spacing:6px;font-size:20px}.hub-card{padding:16px 14px 12px}.hub-emoji{font-size:34px}#hud-arena{top:calc(42px + var(--safe-t));gap:5px}.arena-stat{padding:3px 7px;font-size:11px}.mejoras-caja h2{margin-bottom:10px;font-size:18px}.mejora-card{padding:13px 10px}.mejora-icono{font-size:26px}}@media (height<=520px) and (orientation:landscape){.hub-title{font-size:28px}.hub-tagline{margin:4px 0 12px}.hub-card{gap:3px;padding:12px 12px 10px}.hub-emoji{font-size:26px}.hub-desc{display:none}#mejoras-lista{gap:8px}.mejora-card{padding:10px 8px}.mejora-desc{font-size:11px}}body.arena .hud-stat:nth-child(3),body.arena .hud-stat:nth-child(7),body.arena .hud-stat:nth-child(8){display:none}#hud-carrera{top:calc(46px + var(--safe-t));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arena-stat.grande{color:#fff;padding:3px 12px;font-size:17px;font-weight:800}.arena-stat.grande b{color:#7fd4ff;font-size:20px}.arena-stat.vel{transition:color .2s,border-color .2s}.arena-stat.vel.rapido{color:#ffd166;border-color:#ffd1668c;animation:.7s ease-in-out infinite vel-late}@keyframes vel-late{50%{transform:scale(1.06)}}#hud-fin-carrera{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#060910cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#hud-fin-carrera h2{color:#7fd4ff;margin-bottom:6px;font-size:24px}#hud-fin-carrera .win-sub{margin-bottom:14px}body.carrera .hud-stat:nth-child(3),body.carrera .hud-stat:nth-child(4),body.carrera .hud-stat:nth-child(5),body.carrera .hud-stat:nth-child(6),body.carrera .hud-stat:nth-child(7),body.carrera .hud-stat:nth-child(8),body.carrera #tb-shoot,body.carrera #tb-weapon,body.carrera #tb-melee,body.carrera #tb-check{display:none}@media (width<=760px){#hud-carrera{top:calc(42px + var(--safe-t));gap:5px}.arena-stat.grande{padding:3px 9px;font-size:14px}.arena-stat.grande b{font-size:16px}}body.gestos #touch-stick,body.carrera #tb-jump{display:none}body.touch.carrera #hud-help{bottom:calc(10px + var(--safe-b));white-space:normal;text-align:center;max-width:74vw;font-size:11px;display:block!important}.arena-stat.bioma{flex-direction:column;gap:3px;min-width:108px;display:flex}.arena-stat.bioma b{letter-spacing:.3px;color:#ffd98a;font-size:10.5px}.bioma-riel{background:#ffffff29;border-radius:2px;height:3px;display:block;overflow:hidden}.bioma-riel>span{background:linear-gradient(90deg,#ffd166,#7fd4ff);width:0%;height:100%;transition:width .25s linear;display:block}:root{--superficie:#151d2eeb;--superficie-alta:#1f2a42f5;--borde:#ffffff1a;--borde-vivo:#fff3;--texto-2:#9aa7bd;--texto-3:#6f7d94;--radio:18px;--radio-sm:12px;--sombra:0 16px 44px #00000080;--curva:cubic-bezier(.22, .9, .3, 1)}#hub{-webkit-backdrop-filter:blur(9px)saturate(1.15);backdrop-filter:blur(9px)saturate(1.15);animation:hub-entra .45s var(--curva);background:radial-gradient(120% 90% at 50% 0,#2e4a8061,#0000 62%),radial-gradient(100% 80% at 50% 40%,#0a101eb3,#05080eed 75%)}@keyframes hub-entra{0%{opacity:0}}#hub.saliendo{animation:hub-sale .26s var(--curva) forwards}@keyframes hub-sale{to{opacity:0;transform:scale(1.035)}}.hub-inner{max-width:760px}.hub-head{margin-bottom:18px}.hub-title{letter-spacing:3px;background:linear-gradient(#fff 30%,#b9cbe6);color:#0000;filter:drop-shadow(0 6px 24px #0000008c);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,52px)}.hub-title span{letter-spacing:11px;text-indent:11px;background:linear-gradient(90deg,#7fd4ff,#ffd166);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(17px,3.2vw,24px)}.hub-tagline{color:var(--texto-3);letter-spacing:.4px;margin-top:9px}.hub-perfil{border-radius:var(--radio-sm);background:var(--borde);border:1px solid var(--borde);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.hub-perfil>div{background:#0e1421e0;flex-direction:column;align-items:center;gap:2px;padding:9px 6px;display:flex}.hub-perfil b{color:#fff;font-variant-numeric:tabular-nums;font-size:16px}.hub-perfil span{letter-spacing:1px;color:var(--texto-3);text-transform:uppercase;font-size:9.5px}.hub-grid{grid-template-columns:1fr;gap:11px}.hub-card{text-align:left;border-radius:var(--radio);border:1px solid var(--borde);background:linear-gradient(120deg, color-mix(in srgb, var(--acento) 13%, transparent), transparent 46%), var(--superficie);box-shadow:var(--sombra);opacity:0;animation:card-entra .5s var(--curva) forwards;transition:transform .16s var(--curva), border-color .16s, box-shadow .16s;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px 17px;display:grid}.hub-card:first-child{animation-delay:60ms}.hub-card:nth-child(2){animation-delay:.13s}.hub-card:nth-child(3){animation-delay:.2s}@keyframes card-entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hub-card:hover,.hub-card:focus-visible{border-color:color-mix(in srgb, var(--acento) 60%, transparent);box-shadow:var(--sombra), 0 0 0 1px color-mix(in srgb, var(--acento) 45%, transparent) inset;outline:none;transform:translateY(-2px)}.hub-card:active{transform:translateY(0)scale(.995)}.hub-card.islas{--acento:#6fb4ff}.hub-card.arena{--acento:#ff8fae}.hub-card.carrera{--acento:#7fd4ff}.hub-ico{background:linear-gradient(160deg, color-mix(in srgb, var(--acento) 26%, transparent), color-mix(in srgb, var(--acento) 8%, transparent));border:1px solid color-mix(in srgb, var(--acento) 34%, transparent);border-radius:15px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:27px;line-height:1;display:grid}.hub-txt{flex-direction:column;gap:3px;min-width:0;display:flex}.hub-nombre{color:var(--acento);letter-spacing:.2px;font-size:17.5px;font-weight:800}.hub-desc{color:var(--texto-2);border:0;max-width:46ch;margin:0;padding:0;font-size:12.5px;line-height:1.45}.hub-card .hub-pie{width:auto;color:var(--texto-3);font-variant-numeric:tabular-nums;border:0;margin-top:5px;padding:0;font-size:11px}.hub-flecha{color:var(--texto-3);transition:transform .16s var(--curva), color .16s;font-size:17px}.hub-card:hover .hub-flecha{color:var(--acento);transform:translate(3px)}@media (width<=520px){.hub-perfil{grid-template-columns:repeat(2,1fr)}.hub-card{gap:12px;padding:12px 13px}.hub-ico{border-radius:13px;flex-basis:44px;width:44px;height:44px;font-size:22px}.hub-nombre{font-size:15.5px}.hub-desc{font-size:11.5px}}@media (height<=520px) and (orientation:landscape){.hub-head,.hub-perfil{margin-bottom:10px}.hub-perfil>div{padding:5px 4px}.hub-perfil b{font-size:13px}.hub-grid{gap:7px}.hub-card{gap:11px;padding:9px 12px}.hub-ico{border-radius:11px;flex-basis:38px;width:38px;height:38px;font-size:19px}.hub-desc{font-size:11px;display:block}.hub-card .hub-pie{margin-top:2px}}@media (prefers-reduced-motion:reduce){#hub,.hub-card{opacity:1;animation:none}}.menu-screen{animation:pantalla-entra .32s var(--curva)}@keyframes pantalla-entra{0%{opacity:0;transform:translateY(10px)}}.screen-title{letter-spacing:.3px;word-spacing:3px;margin-bottom:2px}.menu-btn{border-radius:var(--radio-sm);border:1px solid var(--borde);background:var(--superficie);word-spacing:3px;letter-spacing:.2px;transition:transform .14s var(--curva), border-color .14s, background .14s}.menu-btn:hover,.menu-btn:focus-visible{border-color:var(--borde-vivo);background:var(--superficie-alta);outline:none;transform:translateY(-1px)}.menu-btn:active{transform:translateY(0)scale(.985)}.menu-btn.big{border-radius:var(--radio);letter-spacing:1.6px;background:linear-gradient(160deg,#5b95ff,#2f63d8);border-color:#ffffff47;box-shadow:0 12px 32px #2f63d861,inset 0 1px #ffffff38}.menu-btn.big:hover,.menu-btn.big:focus-visible{background:linear-gradient(160deg,#6ea3ff,#3a6fe4);box-shadow:0 16px 40px #2f63d880,inset 0 1px #ffffff47}.menu-btn.menu-back{background:#0e1421d1}.menu-foot{justify-content:center;align-items:center;gap:14px;display:flex}.link-btn{color:var(--texto-3);border:1px solid #0000;border-radius:9px;padding:6px 12px;transition:color .14s,border-color .14s,background .14s}.link-btn:hover,.link-btn:focus-visible{color:#dbe4f2;border-color:var(--borde);background:#ffffff0d;outline:none}#btn-hub{color:#9fc4ff}#btn-hub:hover{color:#fff;border-color:#9fc4ff66}#level-grid{grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:9px}.level-card{border-radius:var(--radio-sm);border:1px solid var(--borde);background:linear-gradient(120deg, color-mix(in srgb, var(--lv-color) 12%, transparent), transparent 55%), var(--superficie);transition:transform .14s var(--curva), border-color .14s, box-shadow .14s;gap:11px;padding:10px 12px}.level-card:hover:not(.locked),.level-card:focus-visible:not(.locked){border-color:color-mix(in srgb, var(--lv-color) 62%, transparent);outline:none;transform:translateY(-2px);box-shadow:0 10px 26px #0000006b}.level-card .lv-num{width:32px;height:32px;color:var(--lv-color);background:color-mix(in srgb, var(--lv-color) 16%, transparent);border:1px solid color-mix(in srgb, var(--lv-color) 32%, transparent);border-radius:10px;flex:0 0 32px;place-items:center;font-size:14.5px;font-weight:800;display:grid}.level-card.locked{opacity:.5;filter:saturate(.35)}.level-card.locked .lv-num{color:var(--texto-3);border-color:var(--borde);background:#ffffff0d}.level-card.siguiente{border-color:color-mix(in srgb, var(--lv-color) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--lv-color) 40%, transparent) inset}.level-card.siguiente .lv-meta:after{content:" · seguís acá";color:color-mix(in srgb, var(--lv-color) 85%, white);font-weight:700}.vol-row input[type=range]{appearance:none;background:#ffffff29;border-radius:3px;outline:none;height:4px}.vol-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#7fb0ff;border:2px solid #dce9ff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 8px #00000073}.vol-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#7fb0ff;border:2px solid #dce9ff;border-radius:50%;width:12px;height:12px}@media (prefers-reduced-motion:reduce){.menu-screen{animation:none}}#menu{-webkit-backdrop-filter:blur(7px)saturate(1.1);backdrop-filter:blur(7px)saturate(1.1);background:radial-gradient(120% 90% at 50% 0,#2e4a804d,#0000 60%),radial-gradient(110% 90% at 50% 42%,#080d18bd,#04070ded 78%)}.game-title{filter:drop-shadow(0 6px 22px #000000b3)}.game-tagline{color:var(--texto-3)}#menu,#hub{align-items:flex-start}#menu-screens,.hub-inner{margin:auto}@media (height<=540px) and (orientation:landscape){.hub-title{letter-spacing:2px;font-size:26px}.hub-title span{letter-spacing:7px;text-indent:7px;margin-top:3px;font-size:13px}.hub-tagline{display:none}.hub-head,.hub-perfil{margin-bottom:8px}.hub-perfil>div{padding:4px}.hub-perfil b{font-size:13px}.hub-perfil span{letter-spacing:.6px;font-size:8.5px}.hub-grid{gap:6px}.hub-card{gap:10px;padding:8px 12px}.hub-ico{border-radius:10px;flex-basis:34px;width:34px;height:34px;font-size:17px}.hub-nombre{font-size:14px}.hub-desc{font-size:10.5px;line-height:1.3}.hub-card .hub-pie{margin-top:1px;font-size:9.5px}.hub-inner{padding:4px 0}}.hub-card.planeador{--acento:#ffd166}#hud-planeador{top:calc(46px + var(--safe-t));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#hud-fin-planeador{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#060910cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#hud-fin-planeador h2{color:#ffd166;margin-bottom:6px;font-size:24px}#hud-fin-planeador .win-sub{margin-bottom:14px}body.planeador .hud-stat:nth-child(2),body.planeador .hud-stat:nth-child(3),body.planeador .hud-stat:nth-child(4),body.planeador .hud-stat:nth-child(5),body.planeador .hud-stat:nth-child(6),body.planeador .hud-stat:nth-child(7),body.planeador .hud-stat:nth-child(8),body.planeador #tb-shoot,body.planeador #tb-weapon,body.planeador #tb-melee,body.planeador #tb-check,body.planeador #tb-jump{display:none}body.touch.planeador #hud-help{bottom:calc(10px + var(--safe-b));white-space:normal;text-align:center;max-width:74vw;font-size:11px;display:block!important}@media (width<=760px){#hud-planeador{top:calc(42px + var(--safe-t));gap:5px}}@media (width>=620px){.hub-grid{grid-template-columns:repeat(2,1fr)}.hub-inner{max-width:860px}.hub-desc{max-width:30ch}}@media (height<=540px) and (orientation:landscape){.hub-desc{max-width:28ch;font-size:10px}.hub-card{padding:7px 10px}}.hub-card.pelotita{--acento:#c9a7ff}#hud-pelotita{top:calc(46px + var(--safe-t));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#hud-fin-pelotita{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#060910cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#hud-fin-pelotita h2{color:#c9a7ff;margin-bottom:6px;font-size:24px}#hud-fin-pelotita .win-sub{margin-bottom:14px}body.pelotita .hud-stat:nth-child(2),body.pelotita .hud-stat:nth-child(3),body.pelotita .hud-stat:nth-child(4),body.pelotita .hud-stat:nth-child(5),body.pelotita .hud-stat:nth-child(6),body.pelotita .hud-stat:nth-child(7),body.pelotita .hud-stat:nth-child(8),body.pelotita #tb-shoot,body.pelotita #tb-weapon,body.pelotita #tb-melee,body.pelotita #tb-check,body.pelotita #tb-jump{display:none}body.touch.pelotita #hud-help{bottom:calc(10px + var(--safe-b));white-space:normal;text-align:center;max-width:74vw;font-size:11px;display:block!important}@media (width<=760px){#hud-pelotita{top:calc(42px + var(--safe-t));gap:5px}}body.carrera #hud-crosshair,body.planeador #hud-crosshair,body.pelotita #hud-crosshair{display:none}@media (height<=470px) and (orientation:landscape){.hub-desc{display:none}.hub-card{padding:9px 12px}.hub-ico{flex-basis:32px;width:32px;height:32px;font-size:16px}}