.game-surface{--ink:var(--color-ink);--muted:var(--color-muted);--chalk-2:var(--color-chalk-600);--hint:#f59e0b;--hint-bg:#1b2a1f;--hint-ink:#9cdcfe}.game-root{color:var(--ink);background:#fff7ed;flex:1;padding:1rem;overflow:auto}.game-hud{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.game-prompt{margin:.4rem 0 1rem;font-family:Fraunces,serif;font-size:1.4rem;font-weight:800}#game-root:has(.kit-lab) .game-prompt{margin:.2rem 0 .4rem;font-size:1.15rem}#game-root:has(.kit-lab) .game-hud{margin-bottom:.35rem}#game-root:has(.kit-lab) .kit-goal{margin:0 0 .5rem}.choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.choice{background:#fff;border:0;border-radius:16px;min-width:72px;min-height:72px;font-size:1.4rem;font-weight:800;box-shadow:0 6px #fdba74}.choice:active{transform:translateY(3px);box-shadow:0 3px #fdba74}.choice.correct{background:#bbf7d0}.choice.wrong{background:#fecaca}.choice.wide{text-align:center;min-width:140px;min-height:auto;padding:.7rem 1rem;font-size:1.05rem;line-height:1.25}.game-clues{background:#fff;border:1px dashed #fdba74;border-radius:14px;margin:0 0 1rem;padding:.8rem 1rem}.game-clues p{margin:.25rem 0;font-weight:700}.pattern-row{letter-spacing:.2em;text-align:center;margin:.4rem 0 1rem;font-size:2.1rem}.game-picks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.game-pick{text-align:left;cursor:pointer;font:inherit;color:inherit;background:#fff;border:0;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem .9rem;display:flex;box-shadow:0 5px #fdba74}.game-pick:hover{transform:translateY(-2px)}.game-pick .emoji{font-size:1.6rem}.game-pick strong{font-size:.95rem}.game-pick span{color:var(--muted,#78716c);font-size:.78rem}.puzzle-stage{width:min(380px,94vw);margin:0 auto 1rem;position:relative}.puzzle-ghost{opacity:.22;pointer-events:none;z-index:0;position:absolute;inset:0}.puzzle-ghost svg{width:100%;height:100%;display:block}.puzzle-board{z-index:1;aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;display:grid;position:relative}.puzzle-slot{background:#ffffff80;border:2px dashed #fdba74;border-radius:6px;min-height:0}.puzzle-tray{flex-wrap:wrap;justify-content:center;gap:.4rem;min-height:96px;display:flex}.puzzle-piece{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;width:72px;height:72px;overflow:hidden;box-shadow:0 4px #fbbf24}.puzzle-piece svg{pointer-events:none;width:100%;height:100%;display:block}.puzzle-piece.dragging,.stem-part.dragging,.stem-block.dragging{cursor:grabbing;z-index:10000;pointer-events:none;box-shadow:0 12px 28px #00000040}.puzzle-piece.picked,.stem-part.picked,.stem-block.picked{outline-offset:3px;outline:3px solid #f59e0b}body.hl-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing;touch-action:none}#game-root{overflow:visible}.puzzle-slot .puzzle-piece{width:100%;height:100%;box-shadow:none;cursor:default;border-radius:6px}.puzzle-slot.ok{background:#fff;border-style:solid;border-color:#4ade80}.puzzle-slot.miss{background:#fee2e2;border-color:#f87171}.kit-lab{grid-template-columns:minmax(240px,1fr) minmax(240px,320px);align-items:start;gap:.75rem;width:100%;max-height:calc(100vh - 12rem);display:grid}.kit-lab-side{min-width:0;max-height:calc(100vh - 12rem);padding-right:4px;overflow:auto}.kit-lab-board{min-width:0}.kit-shop{text-align:center;margin:.4rem 0 0;font-size:.72rem}@media (max-width:720px){.kit-lab,.kit-lab-side{grid-template-columns:1fr;max-height:none}.kit-lab{flex-direction:column-reverse;display:flex}}.kit-mat{background:repeating-linear-gradient(90deg,#2a2a2e 0 16px,#323236 16px 32px);border-radius:6px;width:100%;max-width:320px;margin:0;padding:8px 8px 10px;box-shadow:inset 0 0 32px #00000073}.kit-caption{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#a8a29e;margin:0 0 8px;font-size:.62rem;font-weight:800}.uno-pcb{aspect-ratio:68.6/53.4;background:radial-gradient(circle at 18% 22%,#ffffff24,#0000 28%),repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 7px),repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 7px),linear-gradient(160deg,#1aadba 0%,#0e8a96 38%,#0a6b75 100%);border:2px solid #05363c;border-radius:2px 2px 7px;width:100%;margin:0 auto 6px;font-family:Lucida Console,Courier New,ui-monospace,monospace;position:relative;box-shadow:inset 0 0 0 1px #fff3,inset 0 -10px 18px #00000047,0 8px #04282d,0 12px 22px #0006}.uno-hole{background:radial-gradient(circle,#111 38%,#a8a29e 42% 62%,#57534e 64%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 2px #000}.uno-hole.tl{top:5%;left:3%}.uno-hole.tr{top:5%;right:3%}.uno-hole.bl{bottom:6%;left:3%}.uno-hole.br{bottom:6%;right:3%}.uno-usb{background:linear-gradient(#d1d5db,#6b7280);border:1px solid #111;border-radius:1px 3px 3px 1px;width:26px;height:34px;position:absolute;top:18%;left:-5px;box-shadow:inset 0 0 0 3px #4b5563,inset 0 0 0 6px #111827}.uno-usb:after{content:"USB";color:#ecfeff;letter-spacing:.06em;font-size:6px;font-weight:700;position:absolute;top:11px;left:28px}.uno-dc{background:#1c1917;border-radius:1px 9px 9px 1px;width:24px;height:20px;position:absolute;top:58%;left:-3px;box-shadow:inset 0 0 0 2px #44403c}.uno-dc:after{content:"";background:#0c0a09;border:3px solid #57534e;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;right:4px}.uno-chip{color:#d4d4d8;letter-spacing:.03em;text-align:center;white-space:pre-line;background:linear-gradient(#3f3f46,#18181b);border-radius:2px;justify-content:center;align-items:center;width:34%;height:34%;font-size:clamp(5px,1.7vw,8px);line-height:1.15;display:flex;position:absolute;top:30%;left:24%;box-shadow:0 2px #000,inset 0 1px #52525b}.uno-chip:before{content:"";background:#09090b;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:5px}.uno-silk{color:#f0fdfa;letter-spacing:.12em;text-shadow:0 1px #05363c;font-size:clamp(9px,2.4vw,13px);font-weight:800;position:absolute;top:36%;right:20%}.uno-rev{color:#ccfbf1;letter-spacing:.14em;font-size:7px;position:absolute;top:48%;right:21%}.uno-leds{align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:26%;left:16%}.uno-led-dot{background:#14532d;border-radius:50%;width:7px;height:7px;box-shadow:inset 0 0 0 1px #052e16}.uno-led-dot.l{background:#854d0e}.uno-led-dot.tx,.uno-led-dot.rx{background:#1e3a5f}.uno-led-dot.on{background:#4ade80;box-shadow:0 0 6px #4ade80}.uno-led-cap{color:#ecfeff;text-align:center;margin-top:1px;font-size:5px}.uno-reset{background:radial-gradient(circle at 40% 35%,#fef9c3,#ca8a04);border:2px solid #a16207;border-radius:50%;width:16px;height:16px;position:absolute;top:40%;right:9%;box-shadow:inset 0 -2px #854d0e}.uno-reset span{color:#ecfeff;font-size:5.5px;font-weight:700;position:absolute;top:18px;left:50%;transform:translate(-50%)}.uno-headers{justify-content:space-between;gap:2px;display:flex;position:absolute;left:14%;right:5%}.uno-headers.top{top:3%}.uno-headers.bot{align-items:flex-end;bottom:3%}.uno-group{gap:2px;display:flex}.uno-pin{flex-direction:column;align-items:center;width:14px;display:flex}.uno-headers.bot .uno-pin{flex-direction:column-reverse}.uno-socket{background:radial-gradient(circle,#0a0a0a 30%,#eab308 34% 50%,#854d0e 54%);width:8px;height:8px;box-shadow:inset 0 0 1px #000,0 0 0 1px #713f12}.uno-pin label{color:#f0fdfa;letter-spacing:0;text-shadow:0 1px #05363c;white-space:nowrap;font-size:8px;font-weight:800;line-height:1.1}.uno-pin.target .uno-socket{box-shadow:0 0 0 2px #fbbf24,0 0 8px #f59e0b}.uno-pin.wired .uno-socket{box-shadow:0 0 0 1px #4ade80,0 0 6px #22c55e}.bb-body{background:#f3efe6;border-radius:3px;padding:6px 6px 8px;box-shadow:inset 0 0 0 1px #e7e5e4,0 1px #fff,0 6px 14px #00000047}.bb-name{color:#78716c;letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:0 0 4px;font-size:.62rem;font-weight:800}.bb-rail{justify-content:space-between;align-items:center;margin:2px 0;padding:3px 8px;display:flex}.bb-rail.plus{border-top:2px solid #dc2626;border-bottom:2px solid #dc2626}.bb-rail.minus{border-top:2px solid #2563eb;border-bottom:2px solid #2563eb}.bb-rail span{font-size:9px;font-weight:800}.bb-rail.plus span{color:#dc2626}.bb-rail.minus span{color:#2563eb}.bb-holes{flex:1;justify-content:space-evenly;gap:5px;padding:0 8px;display:flex}.bb-dot{background:radial-gradient(circle,#1c1917 46%,#78716c 58%);border-radius:50%;width:6px;height:6px}.bb-letters{color:#a8a29e;text-align:center;grid-template-columns:repeat(5,1fr) 12px repeat(5,1fr);padding:0 2px 2px;font-family:Lucida Console,ui-monospace,monospace;font-size:7px;font-weight:800;display:grid}.bb-grid{background-color:#faf8f3;background-image:radial-gradient(circle,#44403c 1.05px,#0000 1.2px);background-size:8px 8px;border-top:1px solid #e7e5e4;border-bottom:1px solid #e7e5e4;grid-template-rows:repeat(7,minmax(28px,1fr));grid-template-columns:repeat(5,1fr) 12px repeat(5,1fr);gap:2px;min-height:188px;display:grid;position:relative}.bb-grid:before{content:"";pointer-events:none;z-index:0;background:#ebe6dc;border-radius:2px;width:10px;margin-left:-5px;position:absolute;top:3px;bottom:3px;left:50%}.stem-slot{z-index:1;color:#1c1917;text-align:center;background:#ffffffb8;border:1px dashed #78716cb3;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:0;padding:4px 3px;font-size:.8rem;font-weight:800;display:flex;position:relative}.stem-slot.target{background:#fbbf2438;border-color:#f59e0b;box-shadow:0 0 0 1px #fbbf24}.stem-slot.ok{color:#1c1917;background:#fff;border:1px solid #4ade80}.stem-slot.miss{background:#fee2e2;border-color:#f87171}.kit-fp-name{color:#1c1917;font-size:.68rem;font-weight:800;line-height:1.15}.kit-fp-pin{color:#0e7490;font-size:.62rem;font-weight:800;line-height:1.15}.stem-slot .kit-face{pointer-events:none;justify-content:center;align-items:center;width:100%;height:auto;max-height:48px;display:flex}.stem-slot .kit-svg{width:auto;height:44px;max-height:44px}.kit-face{pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex}.kit-svg{width:92%;height:92%;max-height:70px;display:block}.kit-led.on-red{filter:drop-shadow(0 0 6px #ef4444)}.kit-led.on-yellow{filter:drop-shadow(0 0 6px #facc15)}.kit-led.on-green{filter:drop-shadow(0 0 6px #22c55e)}.kit-led.on-lamp,.kit-led.on-white{filter:drop-shadow(0 0 8px #fde68a)}.kit-led.on-blue{filter:drop-shadow(0 0 6px #3b82f6)}.kit-buzzer.buzz{animation:.12s linear 8 kit-buzz}.kit-fan.spin{transform-origin:50%;transform-box:fill-box;animation:.35s linear infinite kit-spin}.kit-servo-horn{transform-origin:50%;transform-box:fill-box;transition:transform .45s}.kit-servo-horn.wave{transform:rotate(50deg)}.kit-ping.is-ping{animation:.9s ease-out 3 kit-ping}@keyframes kit-buzz{50%{transform:translate(1px)}}@keyframes kit-spin{to{transform:rotate(360deg)}}@keyframes kit-ping{0%{opacity:.9}to{opacity:0;transform:scale(1.8)}}.stem-parts{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:72px;display:flex}.kit-bag{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;max-width:none;margin:0;padding:8px 8px 10px}.kit-bag-title{text-align:center;color:#9a3412;margin:0 0 8px;font-size:.95rem;font-weight:800}.kit-bag-group{margin-bottom:.65rem}.kit-bag-group:last-child{margin-bottom:0}.kit-bag-group h4{letter-spacing:.04em;text-transform:none;color:#1c1917;margin:0 0 .4rem;font-size:.85rem;font-weight:800}.kit-bag .stem-part{min-width:108px;max-width:124px;padding:6px 6px 8px}.kit-bag .stem-part .kit-svg{width:52px;height:52px}.kit-code-tray{max-width:none;margin:0}.stem-part{cursor:grab;touch-action:none;text-align:center;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d6d3d1;border-radius:4px;min-width:108px;max-width:124px;padding:6px 6px 8px;font-size:.85rem;font-weight:800;box-shadow:0 2px 4px #0000001f}.stem-part .kit-svg{width:52px;height:58px;margin:0 auto}.stem-part .part-name{color:#1c1917;margin-top:4px;font-size:.85rem;font-weight:800;line-height:1.2;display:block}.stem-part.dragging{cursor:grabbing;z-index:80;box-shadow:0 12px 24px #0003}.ide-wrap{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:4px;max-width:none;margin:0 0 .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.ide-titlebar{color:#ccc;background:#323233;padding:5px 10px;font-size:.68rem}.ide-body{padding:8px 10px 10px}.ide-line{color:#c586c0;margin:4px 0;font-size:.72rem}.ide-indent{flex-wrap:wrap;gap:6px;min-height:40px;padding:4px 0 6px 14px;display:flex}.stem-code-slot{color:#6a9955;text-align:center;background:#252526;border:2px dashed #569cd6;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:148px;min-height:48px;padding:.35rem .45rem;font-family:inherit;font-size:.68rem;font-weight:600;display:flex}.stem-code-slot.kit-code-hint{border-color:var(--hint);background:var(--hint-bg);color:var(--hint-ink)}.kit-code-num{background:var(--hint,#f59e0b);color:#111;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.7rem;font-weight:800;display:inline-flex}.kit-code-ghost{color:inherit;opacity:.95;font-size:.62rem;line-height:1.25}.kit-code-where{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:.58rem;font-weight:800}.stem-code-slot.ok{border-style:solid;border-color:var(--hint,#4ade80);background:var(--hint-bg,#1b2a1f);color:var(--hint-ink,#9cdcfe)}.stem-code-slot.miss{background:#3f1d1d;border-color:#f87171}.stem-block{color:#9cdcfe;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:left;background:#264f78;border:2px solid #0000;border-radius:4px;align-items:center;gap:.4rem;min-width:88px;padding:.45rem .55rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;font-weight:600;display:flex}.stem-block.kit-code-need{background:var(--hint-bg);border-color:var(--hint);color:var(--hint-ink);box-shadow:0 0 0 2px color-mix(in srgb, var(--hint) 35%, transparent)}.stem-block.kit-code-decoy{opacity:.4;color:#a1a1aa;background:#3f3f46;border-color:#52525b}.kit-code-legend{color:#1c1917;margin:0 0 .5rem;font-size:.8rem;font-weight:800}.stem-block.dragging{cursor:grabbing;z-index:80}.bot-stage{background:linear-gradient(#e0f2fe,#bbf7d0);border:3px solid #38bdf8;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:.5rem;max-width:420px;min-height:140px;margin:0 auto 1rem;padding:.8rem 1rem 0;display:flex;position:relative;overflow:hidden}.bot-sprite{z-index:1;font-size:2.6rem;transition:transform .45s}.bot-goal{font-size:2.2rem}.bot-path{background:repeating-linear-gradient(90deg,#f59e0b 0 10px,#0000 10px 18px);border-radius:4px;height:6px;position:absolute;bottom:22px;left:18%;right:18%}.kit-win{background:#ecfccb;border:2px solid #65a30d;border-radius:12px;padding:1rem 1.1rem 1.15rem}.kit-win-badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#65a30d;border-radius:999px;margin-bottom:.5rem;padding:.2rem .55rem;font-size:.75rem;font-weight:800;display:inline-block}.kit-win h3{margin:0 0 .4rem;font-size:1.35rem}.kit-win-done{color:#14532d;margin:0 0 .5rem;font-weight:800}.kit-win-label{letter-spacing:.06em;text-transform:uppercase;color:#78716c;margin:.7rem 0 .3rem;font-size:.72rem;font-weight:800}.kit-win-list{margin:0 0 1rem;padding-left:1.15rem;font-weight:800}.kit-win .btn{width:100%}.design-scene{border-radius:10px;max-width:340px;padding:8px;box-shadow:inset 0 0 20px #00000014}.design-scene.town{background:#e7e5e4}.design-scene.park{background:#bbf7d0}.design-scene.airport{background:#cbd5e1}.design-scene-label{letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#57534e;margin:0 0 6px;font-size:.68rem;font-weight:800}.design-map{grid-template-rows:repeat(5,minmax(44px,1fr));grid-template-columns:repeat(6,1fr);gap:4px;min-height:240px;display:grid}.design-plot{background:#ffffffb3;border:2px dashed #a8a29e;border-radius:8px;min-height:0;padding:4px}.design-plot.ok{background:#fff;border-style:solid;border-color:#4ade80}.design-emoji{font-size:1.7rem;line-height:1;display:block}.stars{font-size:1.2rem}.memory-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.mem-card{aspect-ratio:1;background:var(--chalk-2);color:#0000;border:0;border-radius:12px;font-size:2rem}.mem-card.up,.mem-card.done{color:var(--ink);background:#fff}.emoji-row{letter-spacing:.15em;text-align:center;margin:.6rem 0 1rem;font-size:2.2rem}.tiles-letters{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.letter-tile{background:#fff;border:0;border-radius:10px;width:52px;height:52px;font-size:1.4rem;font-weight:800;box-shadow:0 4px #fbbf24}.spell-out{letter-spacing:.2em;justify-content:center;gap:.35rem;min-height:52px;margin-bottom:1rem;font-size:1.6rem;font-weight:800;display:flex}