@font-face{font-family:Bangers;src:url(/fonts/bangers.ttf)format("truetype");font-display:swap}:root{--sol:#f6b52a;--marino:#13254a;--marino2:#0b1530;--oro:#e2a63b;--oro2:#ffe08a;--bermellon:#d4472b;--bermellon2:#9e2f19;--turquesa:#1a9e9e;--turquesa2:#127474;--crema:#fff4d6;--ink:#13254a;--muted:#5d6a85;--go:#2e9e57;--red:#d4472b;--radius:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Noto Sans", sans-serif;--display:"Bangers", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--marino);height:100%;color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--oro2);outline-offset:2px}.btn{border:3px solid var(--marino);background:var(--crema);min-height:48px;box-shadow:0 4px 0 var(--marino);border-radius:14px;padding:10px 16px;font-weight:800;transition:transform .1s,box-shadow .1s}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--marino);transform:translateY(3px)}.btn:disabled{opacity:.45}.btn-pill{background:var(--marino);min-height:44px;color:var(--oro2);border-color:var(--oro);box-shadow:0 3px 0 var(--marino2);font:400 19px/1 var(--display);letter-spacing:.05em;border-radius:999px;padding:6px 14px}.placa{background:var(--marino);border:3px solid var(--oro);box-shadow:0 4px 0 var(--marino2);color:var(--oro2);font:400 19px/.92 var(--display);letter-spacing:.07em;text-shadow:0 2px #7a4b10;border-radius:10px;flex:none;justify-items:center;padding:6px 12px 4px;text-decoration:none;display:inline-grid}#cargador{z-index:80;background:radial-gradient(circle at 50% 42%,#26406f 0,#0c1630 72%);place-items:center;transition:opacity .55s,visibility .55s;display:grid;position:fixed;inset:0}#cargador.fuera{opacity:0;visibility:hidden;pointer-events:none}#cargador .marco{justify-items:center;gap:18px;padding:16px;display:grid}#cara{width:min(64vw,360px);height:auto;image-rendering:pixelated;box-shadow:0 0 0 10px #2a3b63, 0 0 0 15px var(--oro), 0 30px 60px #00000073;background:#0a0f1f;border-radius:28px}#cargador p{color:var(--oro2);font:400 24px/1 var(--display);letter-spacing:.06em;margin:0}#cargador .barra{background:#1a2747;border-radius:99px;width:min(64vw,360px);height:10px;overflow:hidden}#cargador .barra i{background:linear-gradient(90deg, #ff5a3c, var(--oro2));width:0;height:100%;transition:width .25s;display:block}.select{height:100dvh;position:relative;overflow:hidden}.select-stage{position:absolute;inset:0}.select-stage canvas{display:block}.select-ui{pointer-events:none;flex-direction:column;padding:12px 16px 18px;display:flex;position:absolute;inset:0}.select-ui>*{pointer-events:auto}.select-top{justify-content:space-between;align-items:center;display:flex}.select-hero{text-align:center;pointer-events:none;margin-top:clamp(4px,2vh,24px)}.select h1{font:400 clamp(60px, 11vw, 132px) / .9 var(--display);letter-spacing:.02em;color:#fffdf6;-webkit-text-stroke:5px var(--marino);paint-order:stroke fill;text-shadow:0 8px 0 var(--marino);margin:0;animation:2.6s ease-in-out infinite bote;transform:rotate(-2deg)}@keyframes bote{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-6px)}}.select-sub{background:var(--bermellon);color:#fff;font:400 clamp(20px, 2.6vw, 28px) / 1 var(--display);letter-spacing:.06em;box-shadow:0 4px 0 var(--bermellon2);border-radius:10px;margin:10px 0 0;padding:7px 14px 5px;display:inline-block;transform:rotate(-2.5deg)}.select-cards{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:auto;display:flex}.mode-card{text-align:left;border:4px solid var(--marino);background:var(--crema);max-width:420px;box-shadow:0 7px 0 var(--marino);border-radius:24px;flex:300px;align-items:center;gap:14px;padding:14px 18px;transition:transform .12s;display:flex}.mode-card:hover{transform:translateY(-3px)}.mode-card:active{box-shadow:0 2px 0 var(--marino);transform:translateY(5px)}.mode-card img{object-fit:contain;flex:none;width:84px;height:84px}.mode-txt{gap:2px;display:grid}.mode-name{font:400 40px/.95 var(--display);letter-spacing:.03em;color:var(--marino)}.mode-toy .mode-name{color:var(--bermellon)}.mode-mis .mode-name{color:var(--turquesa2)}.mode-age{color:var(--muted);font-weight:800}.mode-desc{font-size:16px;font-weight:600}.play{background:var(--marino);grid-template:"top top""stage ws"minmax(0,1fr)"act ws"/minmax(0,1fr) 372px;height:100dvh;display:grid}.play-juguete{grid-template:"top""stage"minmax(0,1fr)"ws""act"/minmax(0,1fr)}.topbar{background:var(--sol);border-bottom:4px solid var(--marino);grid-area:top;align-items:center;gap:12px;padding:8px 14px;display:flex}.topbar-title{white-space:nowrap;flex:1;align-items:baseline;gap:10px;min-width:0;display:flex;overflow:hidden}.topbar-title strong{font:400 32px/1 var(--display);letter-spacing:.03em;color:#fffdf6;-webkit-text-stroke:2px var(--marino);paint-order:stroke fill;text-shadow:0 3px 0 var(--marino)}.topbar-mode{font:400 20px/1 var(--display);letter-spacing:.05em;color:var(--marino)}.topbar-goal{color:var(--marino);text-overflow:ellipsis;font-weight:700;overflow:hidden}.topbar-right{gap:8px;display:flex}.stage{touch-action:none;grid-area:stage;min-height:0;position:relative;overflow:hidden}.stage canvas{display:block}.ghost-tag,.star-tag{background:var(--marino);border:2px solid var(--oro);font:400 16px/1 var(--display);letter-spacing:.05em;color:var(--oro2);pointer-events:none;border-radius:999px;padding:5px 12px 4px;position:absolute;top:8px}.ghost-tag{left:8px}.star-tag{right:8px}.actions{background:var(--marino);border-top:4px solid var(--oro);grid-area:act;justify-content:flex-end;align-items:center;gap:12px;padding:10px 16px;display:flex}.btn-try{min-width:230px;min-height:74px;font:400 40px/1 var(--display);letter-spacing:.05em;background:var(--bermellon);border:4px solid var(--oro);color:#fff;box-shadow:0 6px 0 var(--bermellon2);text-shadow:0 3px 0 var(--bermellon2);border-radius:20px}.btn-try:active{box-shadow:0 2px 0 var(--bermellon2)}.btn-fast{min-width:100px;min-height:74px;font:400 28px/1 var(--display);background:var(--turquesa);border:4px solid var(--oro);color:#fff;box-shadow:0 6px 0 var(--turquesa2);border-radius:20px}.btn-fast.is-on{background:var(--sol);color:var(--marino)}.workshop{background:var(--crema);border-left:4px solid var(--oro);-webkit-overflow-scrolling:touch;grid-area:ws;padding:12px 14px 20px;overflow-y:auto}.workshop.is-locked .tray,.workshop.is-locked .chassis{opacity:.5}.ws-head{justify-content:space-between;align-items:center;display:flex}.ws-head h2{font:400 34px/1 var(--display);letter-spacing:.04em;color:var(--marino);margin:0}.btn-undo{min-height:50px;font:400 20px/1 var(--display);letter-spacing:.04em}.ws-tip{color:var(--muted);margin:6px 0 10px;font-size:14px;font-weight:600}.chassis{border-radius:var(--radius);background:linear-gradient(180deg, var(--turquesa), var(--turquesa2));border:4px solid var(--oro);box-shadow:inset 0 2px 0 #ffffff4d, 0 4px 0 var(--marino);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px;display:grid}.slot{--accent:var(--oro);min-height:92px;color:var(--crema);text-align:center;background:#0b153040;border:3px dashed #fff4d699;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 3px;font-size:12px;display:flex}.slot:disabled{opacity:1;cursor:default}.slot.is-full{border:3px solid var(--oro);background:var(--crema);color:var(--marino)}.slot.is-flash{animation:.42s cubic-bezier(.3,1.6,.5,1) encaje}@keyframes encaje{0%{transform:scale(1.25,.8)}45%{transform:scale(.9,1.12)}to{transform:scale(1)}}.slot-name{opacity:.85;font-size:10px;font-weight:800}.slot-img{object-fit:contain;width:40px;height:40px}.slot-hole{border:3px dashed #fff4d680;border-radius:50%;width:30px;height:30px}.slot-part{font-size:11px;font-weight:800;line-height:1.1}.slot-x{color:var(--red);font-size:11px;font-weight:800}.tray{flex-direction:column;gap:10px;margin-top:12px;display:flex}.tray-label{font:400 20px/1 var(--display);letter-spacing:.04em;color:var(--marino);margin-bottom:4px}.tray-row{flex-wrap:wrap;gap:8px;display:flex}.piece{--accent:var(--oro);border:3px solid var(--marino);text-align:left;min-width:0;min-height:96px;box-shadow:0 4px 0 var(--marino);touch-action:none;background:#fffaf0;border-radius:14px;flex:150px;grid-template-rows:auto auto 1fr;grid-template-columns:52px minmax(0,1fr);align-items:start;column-gap:8px;padding:8px;display:grid}.piece-img{object-fit:contain;pointer-events:none;grid-row:1/span 3;width:52px;height:64px}.piece.is-on{background:var(--oro2);box-shadow:0 4px 0 var(--marino), inset 0 0 0 3px var(--accent)}.piece-name{font:400 19px/1 var(--display);letter-spacing:.03em;color:var(--marino)}.piece-hint{color:var(--muted);font-size:11px;font-weight:600;line-height:1.2}.piece-spec{font-variant-numeric:tabular-nums;color:var(--marino);margin-top:2px;font-size:11px;font-weight:800}.drag-ghost{z-index:50;pointer-events:none;background:var(--crema);border:3px solid var(--marino);font:400 20px/1 var(--display);border-radius:14px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:fixed;transform:translate(-50%,-120%)rotate(-4deg);box-shadow:0 10px 24px #0000004d}.drag-ghost img{object-fit:contain}.toytray{background:linear-gradient(180deg, var(--turquesa), var(--turquesa2));border-top:4px solid var(--oro);grid-area:ws;justify-content:center;gap:14px;padding:10px 16px;display:flex}.toy-piece{background:0 0;border:0;border-radius:28px;flex-direction:column;flex:0 170px;justify-content:center;align-items:center;gap:2px;min-height:150px;transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:flex}.toy-piece img{object-fit:contain;filter:drop-shadow(0 6px #0b153073);pointer-events:none;width:116px;height:116px}.toy-piece.is-on{transform:translateY(-6px)scale(1.06)}.toy-piece.is-on img{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 10px var(--oro2)) drop-shadow(0 6px 0 #0b153073)}.toy-name{font:400 24px/1 var(--display);letter-spacing:.04em;color:#fff;text-shadow:0 2px 0 var(--marino)}.toy-icon{background:var(--crema);border:6px solid var(--oro);width:104px;height:104px;color:var(--marino);border-radius:50%;place-items:center;font-size:54px;display:grid;box-shadow:0 6px #0b153073}.toy-undo{flex-basis:130px}.play-juguete .actions{justify-content:center}.overlay{z-index:40;background:#0b153073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay-box{pointer-events:none;background:0 0;align-items:flex-end;padding-bottom:108px}.overlay-box.is-win{background:#0b153080;align-items:center;padding-bottom:16px}.overlay-box .sheet{pointer-events:auto}.sheet{background:var(--crema);width:100%;max-width:540px;max-height:calc(100dvh - 32px);box-shadow:0 10px 0 var(--marino2), 0 20px 50px #00000059;border:4px solid var(--marino);border-radius:24px;padding:18px;overflow-y:auto}.predict-q{font:400 32px/1.05 var(--display);letter-spacing:.03em;text-align:center;color:var(--marino);margin:0 0 14px}.predict-row{gap:14px;display:flex}.btn-thumb{min-height:136px;font:400 26px/1 var(--display);letter-spacing:.04em;border-width:4px;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.btn-thumb span{font-size:58px;line-height:1}.btn-thumb.up{background:#dff3e4}.btn-thumb.down{background:#fde7c4}.blackbox{gap:18px;display:flex}.blackbox.fail{border-color:var(--red)}.blackbox.success{border-color:var(--go);max-width:900px}.bb-main{flex:320px;min-width:0}.bb-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bb-title{font:400 20px/1 var(--display);color:var(--muted);letter-spacing:.08em}.bb-outcome{font:400 30px/1 var(--display);letter-spacing:.03em}.bb-outcome.fail{color:var(--red)}.bb-outcome.success{color:var(--go)}.bb-chart{border:3px solid var(--oro);border-radius:12px;width:100%;height:124px;display:block}.bb-cause{color:var(--marino);margin:12px 0 6px;font-size:22px;font-weight:800;line-height:1.25}.bb-star,.bb-pred{margin:4px 0;font-weight:700}.bb-pred.right{color:var(--go)}.bb-pred.wrong{color:var(--muted)}.bb-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.bb-actions .btn-pill{min-height:56px}.btn-try-small{min-height:56px;font:400 26px/1 var(--display);letter-spacing:.04em;background:var(--bermellon);border:3px solid var(--oro);color:#fff;box-shadow:0 5px 0 var(--bermellon2);border-radius:16px;padding:8px 22px}.cromo{flex:none;align-content:start;justify-items:center;gap:10px;display:grid}.cromo canvas{border-radius:18px;width:min(300px,70vw);height:auto;animation:.6s cubic-bezier(.3,1.5,.5,1) cromo-in;transform:rotate(2deg);box-shadow:0 10px 24px #0000004d}@keyframes cromo-in{0%{opacity:0;transform:rotate(-12deg)scale(.4)}}.btn-cromo{font:400 22px/1 var(--display);letter-spacing:.04em;background:var(--sol)}.jumper{z-index:60;background:#0b1530d9;place-items:center;animation:.25s ease-out aparece;display:grid;position:fixed;inset:0}@keyframes aparece{0%{opacity:0}}.jumper video{border:6px solid var(--oro);width:min(92vw,960px);max-height:80dvh;box-shadow:0 12px 0 var(--marino2);background:var(--marino);border-radius:22px}.jumper-skip{position:absolute;bottom:16px;right:16px}@media (max-width:900px){.play{grid-template:"top""stage"minmax(220px,44dvh)"ws"minmax(0,1fr)"act"/minmax(0,1fr)}.play-juguete{grid-template-rows:auto minmax(0,1fr) auto auto}.workshop{border-left:0;border-top:4px solid var(--oro)}.topbar-goal{display:none}.actions{justify-content:stretch}.btn-try{flex:1;min-width:0}.blackbox{flex-direction:column;align-items:stretch}}@media (max-width:520px){.topbar{gap:6px;padding:6px 8px}.topbar .placa{padding:4px 8px 3px;font-size:14px}.topbar-title strong{font-size:24px}.topbar-mode,.hide-sm{display:none}.topbar .btn-pill{min-height:40px;padding:4px 10px;font-size:16px}.chassis{gap:4px;padding:6px}.slot{min-height:84px}.toy-piece{flex:1 1 0;min-width:0;min-height:116px}.toy-piece img{width:min(84px,21vw);height:min(84px,21vw)}.toy-icon{border-width:4px;width:min(72px,18vw);height:min(72px,18vw);font-size:34px}.toy-name{font-size:17px}.toytray{gap:6px;padding:8px}.btn-try{min-height:64px;font-size:34px}.btn-fast{min-height:64px}.overlay-box{padding-bottom:92px}.bb-cause{font-size:19px}.star-tag{display:none}.mode-card{padding:10px 14px}.mode-card img{width:64px;height:64px}.mode-name{font-size:32px}.select-cards{gap:10px}}@media (min-width:901px){.overlay-box:not(.is-win){justify-content:flex-end;padding-right:388px}.overlay-box:not(.is-win) .sheet{max-width:440px}}@media (prefers-reduced-motion:reduce){.slot.is-flash,.select h1,.cromo canvas,.jumper{animation:none}}