:root{color:#f5f2ff;font-synthesis:none;--accent:#53e7ff;--panel:#262344;--muted:#b6b1d4;--gold:#ffd35c;--red:#ff526c;background:#15112d;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 80% 30%,#273b74aa,#0000 60%),radial-gradient(at 0 70%,#52238688,#0000 60%),#15112d;min-width:300px;min-height:100dvh;margin:0}body[data-theme=aurora]{--accent:#8affbe;--panel:#16353d;background:radial-gradient(at top,#23686d,#10182b 80%)}body[data-theme=sunset]{--accent:#ffc277;--panel:#422244;background:radial-gradient(at top,#733b5d,#20152b 80%)}button,input,a,label.button{touch-action:manipulation}button,.button{font:inherit;cursor:pointer;color:inherit;background:#332e57;border:1px solid #6c628e;border-radius:16px;min-height:46px;padding:12px 16px;font-weight:800;transition:transform .12s,background .12s;box-shadow:0 4px #0d0b20}button:active{transform:translateY(2px);box-shadow:0 2px #0d0b20}button:disabled{cursor:default;opacity:.4;transform:none}button.primary,.button.primary{color:#101633;background:linear-gradient(135deg,#39d0ff,#5980ff);border-color:#a6edff}button.gold{color:#382207;background:linear-gradient(#ffe193,#ffb847);border-color:#ffea9e}button.danger{border-color:#e4768b}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff}a{color:var(--accent)}h1,h2,h3,p{margin:0 0 14px}h1{letter-spacing:-1.4px;font-size:clamp(34px,9vw,52px);font-weight:1000;line-height:1.05}h1 em{color:var(--accent);font-style:normal}h2{font-size:24px}h3{margin-top:18px;font-size:19px}p{line-height:1.5}.muted{color:var(--muted);font-size:14px}.eyebrow{letter-spacing:2px;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:900}.shell{max-width:620px;padding:calc(16px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));min-height:100dvh;margin:auto}.topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.topbar .brand{color:#fff;letter-spacing:1px;font-weight:1000}.topbar button{min-width:46px;padding:8px 12px}.hero{text-align:center;padding:16px 0 8px}.hero img{filter:drop-shadow(0 14px 18px #0006);border-radius:30px;width:125px;height:125px}.card{background:linear-gradient(140deg,#ffffff0b,#ffffff03),var(--panel);border:1px solid #ffffff24;border-radius:24px;margin:14px 0;padding:20px;box-shadow:0 14px 35px #06041435}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>*{flex:1}.stack{gap:12px;display:grid}.mode-card{text-align:left;align-items:center;gap:14px;padding:17px;display:flex}.mode-card .emoji{font-size:34px}.mode-card strong{font-size:19px;display:block}.mode-card small{color:var(--muted);margin-top:5px;font-weight:400;line-height:1.4;display:block}.chips{flex-wrap:wrap;justify-content:center;gap:9px;margin:14px 0;display:flex}.chip{background:#1c1937;border:1px solid #ffffff25;border-radius:40px;padding:7px 12px;font-size:13px;font-weight:800}.level-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.level-grid button{min-height:66px;padding:12px 2px;position:relative}.level-grid small{color:var(--gold);margin-top:4px;font-size:12px;display:block}.level-grid button.current{border:2px solid var(--accent)}.tabs{gap:8px;margin:14px 0;display:flex}.tabs button{flex:1;padding:10px 4px;font-size:13px}.tabs .selected{border-color:var(--accent);color:var(--accent)}.status{text-align:center;background:linear-gradient(120deg,#27386a,#211c48);border:1px solid #5ee0ff88;border-radius:21px;min-height:96px;padding:14px 18px;box-shadow:0 0 24px #2f83ff22}.command{letter-spacing:.3px;font-size:clamp(21px,6vw,30px);font-weight:1000;line-height:1.12}.subcommand{color:#c6c4e2;margin-top:8px;font-size:13px}.timer{background:#0c0d22;border-radius:9px;height:8px;margin-top:12px;overflow:hidden}.timer span{transform-origin:0;background:linear-gradient(90deg,#52d8ff,#9af8ff);width:100%;height:100%;display:block;box-shadow:0 0 12px #61ecff}progress{width:100%;accent-color:var(--accent)}#modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#050314c9;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}#modal section{background:#26213f;border:1px solid #8a7ec3;border-radius:26px;gap:12px;width:min(100%,480px);max-height:90dvh;padding:24px;display:grid;overflow:auto;box-shadow:0 30px 80px #0009}#modal header{justify-content:space-between;align-items:center;gap:10px;display:flex}#modal header h2{margin:0}#modal header button{flex:none}#modal label{justify-content:space-between;align-items:center;gap:15px;padding:7px 0;display:flex}#modal input[type=range]{width:52%;min-height:40px}#modal input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}#modal textarea{width:100%;min-height:100px}.achievement{border-bottom:1px solid #fff2;padding:10px 0}.toast{bottom:calc(30px + env(safe-area-inset-bottom));color:#fff;z-index:20000;text-align:center;background:#30264c;border:1px solid #c6b7ff;border-radius:18px;width:max-content;max-width:90vw;padding:15px 20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 45px #0008}.footer{text-align:center;color:var(--muted);padding:20px 0 5px;font-size:12px}.result-stars{color:var(--gold);text-align:center;letter-spacing:8px;font-size:42px}body.reduced-motion *{transition:none!important;animation:none!important}.reduced-flashes .lit{filter:brightness(1.1)!important;box-shadow:inset 0 0 0 5px #fff!important}#app[inert]{filter:brightness(.5)}@media (width>=700px){.shell{padding-top:22px}}@media (width<=350px){.shell{padding-left:12px;padding-right:12px}.card{padding:15px}.level-grid{gap:6px}.command{font-size:22px}}@media (height<=600px) and (orientation:landscape){.shell{max-width:800px}.hero img{width:80px;height:80px}}.game-meta{justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:900;display:flex}#lives{color:#ff647c;letter-spacing:4px}.gameplay{max-width:460px}.toy-wrap{filter:drop-shadow(0 15px 20px #0007);width:min(100%,350px);margin:18px auto 20px}.console{background:linear-gradient(120deg,#fff8e8,#c9baa6 45%,#f7eddf 65%,#a99989);border:3px solid #e7dccd;border-radius:65px 65px 85px 85px;padding:26px 25px 21px;position:relative;box-shadow:inset 3px 3px 3px #fff9,inset -5px -8px 6px #78645866,0 7px #887e7e}.speaker{letter-spacing:3px;color:#4c4249;font-size:9px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.pads{background:linear-gradient(130deg,#161627,#36323f);border-radius:45px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid;box-shadow:inset 0 4px 7px #000c,0 2px 1px #fff9}.pad{aspect-ratio:1;color:#ffffffc9;border:3px solid #fff3;border-radius:30px;min-height:0;padding:0;transition:filter .1s,transform .1s,box-shadow .1s;position:relative;box-shadow:inset 3px 5px 10px #fff7,inset -4px -8px 7px #0005,0 5px #08091e}.pad:before{content:"";background:linear-gradient(#ffffffa0,#fff0);border-radius:50%;width:35%;height:15%;position:absolute;top:8%;left:12%;transform:rotate(-25deg)}.pad span{text-shadow:0 2px #0005,0 -1px #fff9;place-items:center;height:100%;font-size:clamp(28px,10vw,45px);display:grid}.pad.red{background:linear-gradient(140deg,#ff6d79,#c80625)}.pad.blue{background:linear-gradient(140deg,#5ae8ff,#0679e8)}.pad.yellow{background:linear-gradient(140deg,#fff078,#e8a100)}.pad.green{background:linear-gradient(140deg,#6fffce,#06ac7b)}.lit{filter:brightness(1.5);transform:scale(.96);box-shadow:inset 0 0 0 3px #fff,0 0 22px #6eeaff!important}.mechanics{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 6px;display:grid}.knob-zone,.slider-zone{color:#fff8e7;text-align:center;background:linear-gradient(130deg,#1b1b2c,#36323f);border-radius:40px;padding:13px 8px;position:relative;box-shadow:inset 0 2px 8px #0008}.arc{color:#50ccff;pointer-events:none;justify-content:space-between;font-size:22px;display:flex;position:absolute;top:3px;left:9px;right:9px}.knob{aspect-ratio:1;touch-action:none;background:conic-gradient(#ffdd67,#bf790d,#ffdf77,#dfa014,#fff08b,#d29113,#ffdd67);border:6px dashed #ffe17d;border-radius:50%;width:86px;min-height:0;margin:8px auto 9px;padding:12px;transition:transform .2s;display:block;box-shadow:0 6px #7c4c08,inset 0 0 0 3px #a77414}.knob i{background:linear-gradient(120deg,#ffe78b,#f0ad16);border:2px solid #ffd86e;border-radius:50%;height:100%;display:block;position:relative;box-shadow:inset 0 3px 4px #fff7}.knob i:before{content:"";background:#856016;border-radius:4px;width:5px;height:14px;position:absolute;top:4px;left:calc(50% - 2.5px)}.knob.lit{transform:rotate(var(--turn,45deg))!important}.assist{justify-content:space-between;align-items:center;gap:3px;display:flex}.assist button{min-height:36px;box-shadow:none;color:#77d9ff;background:0 0;border:0;padding:0 7px;font-size:21px}.assist span,.slider-zone>span{letter-spacing:1px;font-size:10px;font-weight:1000}.slider-zone{grid-template-columns:1fr 1fr;align-items:center;padding:9px 13px;display:grid}.track{background:#050711;border:3px solid #55525a;border-radius:12px;grid-area:1/1/4;align-items:center;width:22px;height:112px;margin:auto;display:grid;position:relative}.track button{touch-action:none;background:linear-gradient(#5ae9ed,#08aebc);border:2px solid #6beced;border-radius:12px;gap:4px;width:61px;height:44px;padding:8px 10px;transition:transform .2s;display:grid;position:relative;left:-22px;box-shadow:0 5px #056d7a,inset 0 3px 4px #fff7}.track button i{background:#128a9b;border-radius:5px;height:3px;box-shadow:0 1px #73eff2}.track button.lit{transform:translateY(var(--slide,-20px))!important}.slider-arrow{box-shadow:none;color:#53e6ff;background:0 0;border:0;grid-column:2;min-height:36px;padding:0;font-size:22px}.slider-zone>span{grid-area:2/2;font-size:9px}.push{aspect-ratio:1;background:radial-gradient(circle at 35% 25%,#ff9b99,#f6253c 50%,#af0724 80%);border:7px solid #332e40;border-radius:50%;width:96px;margin:7px auto 0;padding:0;display:block;position:relative;box-shadow:0 5px #776657,inset 0 3px 4px #ffb0a5,inset 0 -7px 4px #8b001c}.push span{font-size:11px;font-weight:1000}.device-brand{text-align:center;color:#4c4548;letter-spacing:2px;margin-top:14px;font-size:8px;font-weight:900}.game-actions{gap:9px;display:flex}.game-actions button{flex:1;padding:10px 6px}.game-actions #pause{flex:0 0 50px}.gameplay .footer{padding-top:14px}.reduced-flashes .pad.lit{outline:3px solid #fff;filter:none!important}@media (height<=740px) and (orientation:portrait){.toy-wrap{width:min(100%,290px);margin:12px auto}.console{padding:22px 20px 14px}.pads{gap:9px;padding:10px}.mechanics{margin:12px 0 4px}.knob{width:68px;margin:7px auto}.track{height:94px}.push{width:76px}.status{min-height:82px;padding:10px}.gameplay .topbar{margin-bottom:8px}.gameplay .footer{font-size:10px}}@media (orientation:landscape) and (height<=600px){.gameplay{grid-template-columns:1fr 300px;gap:10px;max-width:800px;display:grid}.gameplay .topbar{grid-column:1/3}.toy-wrap{grid-area:2/2/6;width:260px;margin:0 auto}.game-actions{align-self:start}.gameplay .footer{grid-column:1}.console{padding:20px 17px 12px}.mechanics{margin-top:10px}.knob{width:63px}.track{height:86px}.push{width:70px}}@media (orientation:portrait){.toy-wrap{width:min(100%,280px);margin:14px auto}.console{border-radius:55px 55px 64px 64px;padding:22px 19px 13px}.pads{border-radius:36px;gap:10px;padding:10px}.pad{border-radius:24px}.pad span{font-size:34px}.mechanics{gap:11px;margin:12px 0 4px}.knob{width:64px;margin:6px auto;padding:8px}.knob-zone{padding:11px 6px 7px}.track{height:88px}.slider-zone{padding:8px 11px}.push{width:70px;margin-top:4px}.device-brand{margin-top:10px;font-size:6px}.gameplay .status{min-height:94px;padding:12px}.gameplay .command{font-size:22px}.gameplay .topbar{margin-bottom:10px}.gameplay .subcommand{font-size:12px}.gameplay .footer{padding-top:12px;font-size:10px}.gameplay .game-actions button{min-height:44px}}.pad span svg{fill:currentColor;filter:drop-shadow(0 2px 1px #0005);width:40%;height:52%}.home-screen .hero{padding:18px 0 12px;position:relative}.home-screen .hero img{width:143px;height:143px;margin-bottom:12px}.home-screen .hero h1{letter-spacing:-2px;margin-bottom:10px;font-size:49px}.home-screen .hero .eyebrow{letter-spacing:2.3px;font-size:10px}.home-screen .mode-card{background:linear-gradient(125deg,#35467e77,#302a5277);border-color:#8ea2ff50;padding:17px;position:relative;box-shadow:0 5px #0b0920,0 14px 30px #08041933}.mode-card>span:last-child{flex:1;min-width:0}.mode-card strong{padding-right:66px;position:relative}.mode-level{color:#b9c9ee;letter-spacing:.4px;font-size:12px;position:absolute;top:2px;right:0}.mode-progress{background:#101329;border-radius:5px;height:4px;margin-top:12px;display:block;overflow:hidden}.mode-progress i{background:var(--accent);min-width:2px;height:100%;display:block}.mode-next{color:var(--accent);letter-spacing:.4px;margin-top:9px;font-size:12px;display:block}.mission{border:1px solid #78caff66;border-left:4px solid var(--accent);background:linear-gradient(110deg,#34557c80,#282344);border-radius:6px 22px 22px 6px;margin:20px 0;padding:18px 20px}.mission small{letter-spacing:1.6px;color:var(--accent);font-size:10px;font-weight:900;display:block}.mission strong{margin:7px 0;font-size:21px;display:block}.mission p{color:#d7d9ef;margin:0;font-size:13px}.action-feedback{text-align:center;letter-spacing:.3px;height:25px;color:var(--accent);border-radius:8px;margin:0 auto 8px;font-size:11px;font-weight:900;line-height:25px}.feedback-ok{background:#54d7ff12}.feedback-error{color:#ffacb9;background:#ff526c20}.locked-control{filter:saturate(.2);cursor:default;opacity:.38!important}.knob,.track button{will-change:transform}.knob:focus-visible,.track button:focus-visible{outline-offset:5px;outline:3px solid #fff}.knob-zone:has(.knob.locked-control):after{content:"NIVEL 41";color:#fff;font-size:8px;position:absolute;bottom:4px;left:0;right:0}.slider-zone:has(#lever.locked-control):after{content:"NIVEL 61";color:#fff;font-size:8px;position:absolute;bottom:4px;left:0;right:0}.gameplay:has(.pad:focus-visible) .status{border-color:#fff}.toy-wrap{margin-bottom:9px}.reduced-motion .knob,.reduced-motion #lever{transition:none}@media (orientation:portrait) and (height<=740px){.action-feedback{height:20px;margin-bottom:5px;line-height:20px}.gameplay .status{min-height:86px}.gameplay .toy-wrap{margin:10px auto 5px}.gameplay .footer{padding-top:9px}}@media (orientation:landscape) and (height<=600px){.action-feedback{grid-column:1;align-self:end}.home-screen .hero img{width:95px;height:95px}}.colors-only .knob-zone:after,.colors-only .slider-zone:after{content:"MODO COLORES"}.slider-zone>span{letter-spacing:1px;grid-area:4/1/auto/3;align-self:end;margin-top:5px;font-size:9px}.slider-arrow[data-action=up]{grid-row:1}.slider-arrow[data-action=down]{grid-row:3}.slider-zone:has(#lever.locked-control):after{color:#d2cae0;bottom:-10px}.knob-zone:has(.knob.locked-control):after{color:#d2cae0;bottom:-10px}.game-actions #pause{flex-basis:62px;font-size:12px}.gameplay .mechanics{margin-bottom:13px}@media (orientation:landscape) and (height<=600px){.gameplay{grid-template-rows:46px 20px minmax(90px,1fr) 20px 46px 18px;grid-template-columns:minmax(250px,1fr) 420px;gap:7px 18px;max-width:1000px;min-height:100dvh;padding:12px 20px}.gameplay .topbar{grid-row:1;margin:0}.gameplay .game-meta{grid-area:2/1;margin:0}.gameplay .status{grid-area:3/1;align-self:center;min-height:0;padding:12px}.gameplay .command{font-size:22px}.gameplay .subcommand{font-size:12px}.gameplay .action-feedback{grid-row:4;align-self:center;margin:0}.gameplay .game-actions{grid-area:5/1}.gameplay .footer{grid-row:6;padding:0;font-size:9px}.gameplay .toy-wrap{grid-area:2/2/7;align-self:center;width:420px;margin:0}.gameplay .console{border-radius:38px;grid-template-rows:140px 80px 12px;grid-template-columns:180px 180px;gap:8px 14px;min-height:0;padding:22px 20px 12px;display:grid}.gameplay .pads{grid-area:1/1/3;align-content:center;gap:9px;padding:9px}.gameplay .pad{border-radius:22px;width:100%}.gameplay .pad span{font-size:30px}.gameplay .mechanics{grid-area:1/2;gap:9px;margin:0}.gameplay .knob-zone{padding:10px 3px 4px}.gameplay .knob{width:60px;margin:7px auto;padding:7px}.gameplay .track{height:80px}.gameplay .slider-zone{padding:6px 7px}.gameplay .track button{width:50px;left:-17px}.gameplay .arc{font-size:16px;left:4px;right:4px}.gameplay .push{grid-area:2/2;width:67px;margin:5px auto}.gameplay .device-brand{grid-area:3/1/auto/3;align-self:end;margin:0;font-size:7px}.gameplay .console .speaker{top:5px}}@media (orientation:landscape) and (width<=740px){.gameplay{grid-template-columns:1fr 360px;gap:7px 10px;padding:10px}.gameplay .toy-wrap{width:360px}.gameplay .console{grid-template-columns:151px 151px;gap:8px 12px;padding-left:18px;padding-right:18px}.gameplay .command{font-size:18px}}