:root{--bg:#05040c;--panel:#120e26f0;--line:#3a2f66;--ink:#f3f0ff;--muted:#b5addb;--red:#c4121a;--red-hi:#ff3b44;--one:#ff8a1c;--two:#c235e6;--cyan:#6fd8ff;--good:#48e07a;--sx:0px;--sy:0px;--sw:100vw;--sh:75vw;--sk:1}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#juego{width:100vw;height:100dvh;display:block}#curtain{left:var(--sx);top:var(--sy);width:var(--sw);height:var(--sh);pointer-events:none;z-index:1;outline:1px solid #ffffff14;position:fixed;box-shadow:0 0 0 200vmax #03020a9e}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}kbd{border:1px solid var(--line);text-align:center;background:#0d0a1f;border-bottom-width:3px;border-radius:6px;min-width:1.6em;padding:1px 6px;font:600 .92em ui-monospace,SF Mono,Menlo,monospace;display:inline-block}#cargando,#aviso{text-align:center;color:var(--muted);letter-spacing:.08em;place-content:center;gap:14px;margin:0;padding:16px;font:600 15px/1.4 Georgia,Times New Roman,serif;display:grid;position:fixed;inset:0}#cargando b{background:#1d1638;border-radius:3px;width:min(280px,70vw);height:6px;display:block;overflow:hidden}#cargando i{background:var(--red);width:0;height:100%;transition:width .15s;display:block}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));touch-action:pan-y;z-index:10;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.screen:not(.title){background:radial-gradient(#0a061e8c,#03020ad9)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;width:min(460px,100%);padding:24px 22px;box-shadow:0 30px 80px #000c}.panel.wide{width:min(920px,100%)}.panel.small{text-align:center;width:min(400px,100%)}.panel h2{color:var(--red-hi);letter-spacing:.04em;margin:0 0 16px;font:700 clamp(26px,5vw,38px)/1.1 Georgia,Times New Roman,serif}.panel h3{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 8px;font-size:16px}.panel p{margin:0 0 10px}.lead{color:#e2dcff}.fine{color:var(--muted);font-size:13.5px}.cols{gap:4px 28px;display:grid}@media (min-width:760px){.cols{grid-template-columns:1fr 1fr}}.row,.stack{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.stack{flex-direction:column;align-items:stretch}.row{justify-content:flex-end}button,.btn{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#1a1436;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font:700 15px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}button:hover,.btn:hover{border-color:var(--muted)}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--red-hi);outline-offset:2px}button.primary{color:#fff;background:linear-gradient(#e01922,#9d0a10);border:0;box-shadow:0 6px 18px #c4121a55}.screen.title{background:radial-gradient(60% 75%,#04030cd1,#04030c40 75%,#04030c00);padding:0;display:block;overflow:auto}.menu{max-width:460px;min-height:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(20px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));flex-direction:column;justify-content:center;gap:22px;margin:0 auto;display:flex}.logo{margin:0 0 0 -12px;line-height:0}.logo img{filter:drop-shadow(0 0 22px #ff2b3655);width:min(440px,86vw);height:auto;animation:3.2s ease-in-out infinite alternate glow;display:block}.tag{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin:10px 0 0;font-size:13px}.menu-list{gap:10px;width:min(340px,100%);display:grid}.menu-list button{text-align:left;background:#161030d1;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;min-height:52px;padding:10px 22px;font-size:17px;transition:transform .12s,background .12s,border-color .12s}.menu-list button small{color:var(--muted);font:500 12.5px/1.2 system-ui,sans-serif}.menu-list button:hover,.menu-list button:focus-visible{border-color:var(--red-hi);background:#3c0e28e6;transform:translate(6px)}.menu-list button.primary{font-size:20px}.menu-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.menu-foot button,.menu-foot .btn{background:#140e2cd9;min-height:40px;font-size:14px}.best-score{width:100%;color:var(--muted);font:700 13px ui-monospace,monospace}.best-score b{color:#ffd23c}@keyframes glow{to{filter:drop-shadow(0 0 34px #ff2b3699)}}@media (max-width:640px){.screen.title{background:linear-gradient(#04030c59,#04030cd9 55%)}.menu{text-align:center;align-items:center;margin:0 auto}.logo{margin:0}.menu-list button{text-align:center;align-items:center}.menu-foot{justify-content:center}}.flag{vertical-align:-2px;border-radius:2px}.field{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:6px;margin:8px 0 12px;font-size:13px;display:grid}.field input{border:1px solid var(--line);min-height:46px;color:var(--ink);letter-spacing:normal;text-transform:none;-webkit-user-select:text;user-select:text;background:#0e0a22;border-radius:12px;padding:0 14px;font:700 18px system-ui,sans-serif}.field input[name=code]{letter-spacing:.3em;text-transform:uppercase;font-family:ui-monospace,monospace}.split{gap:18px;display:grid}@media (min-width:640px){.split{grid-template-columns:1fr 1fr}}.split section{border:1px solid var(--line);background:#110d26;border-radius:14px;padding:14px}.split h3{margin-top:0}.error{color:#ffd0d3;background:#3a0d18;border-radius:10px;padding:10px 14px}.code{color:#ffd23c;letter-spacing:.2em;background:#0e0a22;border-radius:8px;padding:2px 10px;font-family:ui-monospace,monospace}.linkline{color:var(--muted);word-break:break-all;-webkit-user-select:text;user-select:text;flex-wrap:wrap;align-items:center;gap:10px;font:13px ui-monospace,monospace;display:flex}.who p{margin:8px 0}.who .one,th.one{color:var(--one)}.who .two,th.two{color:var(--two)}.knock{border:1px solid var(--red-hi);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.row.left{justify-content:flex-start}.wait{animation:1.4s ease-in-out infinite alternate breathe}@keyframes breathe{0%{opacity:.55}}#classic{z-index:9;position:fixed;inset:0}#classic .hit{background:0 0;border:0;border-radius:6px;min-height:0;padding:0;position:absolute}#classic .hit:focus-visible{outline:2px solid #fff6}#classic .hit.all{width:auto;height:auto;inset:0}fieldset{border:0;margin:0 0 12px;padding:0}legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:13px}.choices{gap:8px;display:grid}@media (min-width:560px){.choices{grid-template-columns:1fr 1fr}.choices.three{grid-template-columns:1fr 1fr 1fr}}.choice{border:1px solid var(--line);cursor:pointer;background:#120e28;border-radius:12px;gap:2px;padding:12px 14px;display:grid;position:relative}.choice input{opacity:0;position:absolute}.choice.on{border-color:var(--red-hi);box-shadow:inset 0 0 0 1px var(--red-hi);background:#2a0f2e}.choice:focus-within{outline:3px solid var(--red-hi);outline-offset:2px}.choice small{color:var(--muted);font-size:12.5px;line-height:1.35}.mission{color:var(--muted);align-items:center;gap:10px;display:flex}select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#120e28;border-radius:10px;padding:0 10px;font:700 15px system-ui}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:7px 6px}th.one{color:var(--one)}th.two{color:var(--two)}.how ul{margin:0;padding-left:18px}.how li{margin-bottom:6px}.powers{list-style:none;padding:0!important}.powers li{align-items:center;gap:8px;display:flex}.pw{background:currentColor;border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 8px}.pw.shoot,.chip.shoot{color:#ffd23c}.pw.ice,.chip.ice{color:#b67bff}.pw.life,.chip.life{color:#ff4b4b}.pw.boom,.chip.boom{color:#4b8bff}.pw.shield,.chip.shield{color:var(--cyan)}.pw.magnet,.chip.magnet{color:#ff7ad9}.pw.rapid,.chip.rapid{color:#9dff5a}.slider{grid-template-columns:90px 1fr 36px;align-items:center;gap:10px;margin:6px 0;display:grid}.slider output{color:var(--muted);text-align:right;font:600 13px ui-monospace,monospace}input[type=range]{width:100%;accent-color:var(--red-hi)}.check{align-items:center;gap:8px;margin:8px 0;display:flex}.check input{width:18px;height:18px;accent-color:var(--red-hi)}button.key{border-radius:8px;min-width:92px;min-height:36px;font-family:ui-monospace,monospace}button.key.waiting{border-color:var(--red-hi);color:var(--red-hi)}.kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.mission-n{font-size:clamp(34px,8vw,54px)!important}.result.lost h2{font-size:clamp(36px,9vw,58px)}.score{font-size:18px}.score b{color:#ffd23c;font-variant-numeric:tabular-nums}.best{color:#1a1200;background:#ffd23c;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:800}.credits .name{color:var(--ink);margin:0 0 6px;font:700 28px Georgia,serif}#hud-extra{left:calc(var(--sx) + 8px);top:calc(var(--sy) + var(--sh) - 34px);max-width:calc(var(--sw) - 16px);pointer-events:none;z-index:5;flex-wrap:wrap;align-items:center;gap:6px;font:800 14px/1 ui-monospace,SF Mono,Menlo,monospace;display:flex;position:fixed}@media (orientation:portrait) and (max-aspect-ratio:3/4){#hud-extra{top:calc(var(--sy) + var(--sh) + 8px)}}#hud-extra>span{background:#080514b3;border:1px solid #fff2;border-radius:999px;padding:5px 9px}#hud-extra .score{color:#ffd23c;font-variant-numeric:tabular-nums}#hud-extra .partner{color:var(--two)}#hud-extra .mult{color:#1a1200;background:#ffd23c;animation:.25s ease-out pop}.chip{border-color:currentColor!important}#floaters{pointer-events:none;z-index:6;position:fixed;inset:0;overflow:hidden}.floater{color:#fff;text-shadow:0 2px 4px #000,0 0 10px #000;white-space:nowrap;font:800 16px/1 ui-monospace,monospace;animation:1.1s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.floater.goal{color:var(--good);font-size:19px}.floater.combo{color:#ffd23c}.floater.power{color:var(--cyan);font-size:15px}.banner{left:50%;top:calc(var(--sy) + var(--sh) * .42);border:1px solid var(--line);color:#fff;text-align:center;letter-spacing:.03em;background:#080514c7;border-radius:12px;max-width:calc(100vw - 32px);padding:10px 18px;font:700 clamp(15px,2.6vw,22px)/1.25 Georgia,serif;animation:2.6s ease-out forwards banner;position:absolute;transform:translate(-50%)}.banner.storm{border-color:var(--red-hi);color:#ffd0d3}.banner.down{border-color:var(--red-hi)}.banner.good{border-color:var(--good)}@keyframes rise{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-160%)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes pop{0%{transform:scale(1.4)}}#touch{z-index:8;touch-action:none;position:fixed;inset:0}#touch .pad{opacity:0;pointer-events:none;background:#ffffff0d;border:2px solid #fff3;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}#touch .pad.on{opacity:1}#touch .knob{background:#ffffff40;border-radius:50%;width:52px;height:52px;position:absolute;top:34px;left:34px}#touch button{text-transform:uppercase;letter-spacing:.04em;border-radius:50%;padding:0;font-size:13px;position:absolute}#touch .fire{right:max(18px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));border-color:var(--red-hi);background:#c4121a8c;width:92px;height:92px}#touch .split{right:calc(max(18px, env(safe-area-inset-right)) + 104px);bottom:max(28px, env(safe-area-inset-bottom));background:#1e143c99;width:64px;height:64px;font-size:10.5px}#touch .tpause{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));background:#140e2cb3;width:44px;height:44px;min-height:44px;font-weight:900}#touch button.down{filter:brightness(1.5);transform:scale(.95)}