:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1f2933;background:#fffdf7}.app{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:24px 16px 96px;display:flex}.app-title{margin:0;font-size:2.5rem}.app-subtitle{color:#52606d;margin:0;font-size:1rem}.screen{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;display:flex}.screen-head{align-items:baseline;gap:8px;display:flex}.screen-id{color:#52606d;background:#e4e7eb;border-radius:999px;padding:2px 10px;font-size:.875rem;font-weight:700}.screen-name{margin:0;font-size:1.25rem}.screen-note{color:#52606d;margin:0;font-size:.875rem}.tiles{grid-template-columns:repeat(2,150px);gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tile{color:#1f2933;background:#fff;border:3px solid #cbd2d9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:150px;height:150px;font-size:1rem;display:flex}.tile[data-highlighted]{border-color:#1b7f4b;box-shadow:0 0 0 4px #b7e4c7}.tile:disabled{color:#9aa5b1;border-style:dashed}.tile-index{font-weight:700}.settings{color:#52606d;margin:0;padding:0;font-size:1rem;list-style:none}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ring{border:8px solid #e4e7eb;border-top-color:#1b7f4b;border-radius:50%;width:96px;height:96px;animation:1.2s linear infinite spin}.ring[data-ready=true]{border-color:#1b7f4b;animation:none}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#fff;background:#1f2933;border-radius:12px;padding:12px 16px;font-size:1rem;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.sheet{background:#fff;border:2px solid #cbd2d9;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px 24px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.clickthrough{background:#f5f7fa;border-top:1px solid #e4e7eb;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.clickthrough-button{color:#52606d;background:#fff;border:1px solid #cbd2d9;border-radius:8px;min-width:44px;min-height:44px;font-size:.75rem}.clickthrough-button[aria-current=page]{color:#fff;background:#1b7f4b;border-color:#1b7f4b}.s05-level{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.s05-topbar{justify-content:space-between;align-items:center;width:100%;max-width:320px;display:flex}.s05-basket{border:3px solid #cbd2d9;border-top:none;border-radius:0 0 12px 12px;width:32px;height:32px}.s05-grid{position:relative}.s05-grid svg{max-width:100%;display:block}.tile-goal-button{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.grid-floor{fill:#f5f7fa}.tile{fill:#fffdf7;stroke:#e4e7eb;stroke-width:2px}.tile-start{fill:none;stroke:#cbd2d9;stroke-width:3px;stroke-dasharray:8 6}.obstacle{fill:#9c6b4a;stroke:#7a5238;stroke-width:3px}.obstacle-line{stroke:#7a5238;stroke-width:4px;stroke-linecap:round}.tile-goal{cursor:pointer}.tile-goal-halo{fill:#b7e4c7;opacity:.5}.goal-item{fill:#fffdf7;stroke:#1b7f4b;stroke-width:3px}.goal-letter{fill:#1f2933;font-size:28px;font-weight:700}.robot{transition:transform .45s linear}.robot-bump{animation:.4s ease-in-out bump-wobble}.robot-body{fill:#1b7f4b;stroke:#14603a;stroke-width:3px}.robot-eye{fill:#fffdf7}.robot-mouth{stroke:#fffdf7;stroke-width:4px;stroke-linecap:round}@keyframes bump-wobble{0%,to{transform:translate(var(--robot-x,0), 0)}30%{transform:translate(calc(var(--robot-x,0) - 6px), 0)}60%{transform:translate(calc(var(--robot-x,0) + 6px), 0)}}@media (prefers-reduced-motion:reduce){.robot{transition:opacity .45s linear}.robot-bump{animation:none}}.s05-tray,.s05-strip{justify-content:center;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tray-card{background:0 0;border:none;border-radius:16px;place-items:center;width:80px;height:80px;padding:0;display:grid}.tray-card:disabled{opacity:.5}.card-body{fill:#fffdf7;stroke:#cbd2d9;stroke-width:3px}.card-arrow{fill:#1b7f4b;stroke:#14603a;stroke-width:3px;stroke-linejoin:round}.s05-strip-area{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.s05-strip[data-shake]{animation:.4s ease-in-out strip-shake}@keyframes strip-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.slot{background:#fffdf7;border:3px dashed #cbd2d9;border-radius:12px;place-items:center;width:64px;height:64px;padding:0;display:grid}.slot[data-active=true]{background:#b7e4c7;border-style:solid;border-color:#1b7f4b}.slot:disabled{cursor:default}.slot .card-body{stroke:none}.slot .card-arrow{transform-origin:50%;transform:scale(.8)}.btn-ulang{background:#fffdf7;border:3px solid #cbd2d9;border-radius:999px;place-items:center;width:64px;height:64px;padding:0;display:grid}.icon-stroke{fill:none;stroke:#1f2933;stroke-width:5px;stroke-linecap:round}.icon-fill{fill:#1f2933}.btn-jalan{background:0 0;border:none;border-radius:999px;place-items:center;width:96px;height:96px;padding:0;display:grid}.icon-inverse{fill:#fffdf7}.btn-jalan:disabled{opacity:.4}@media (prefers-reduced-motion:reduce){.s05-strip[data-shake],.robot-bump{animation:none}}:root{--tca-hint:#d2591b;--tca-hint-soft:#f6c9a8}.robot-ghost{opacity:.45;transition:transform .45s linear}.tray-card[data-pulse]{animation:1.6s ease-in-out infinite hint-breathe}.tray-card[data-glow] .card-body{stroke:var(--tca-hint);stroke-width:6px}.slot[data-wrong]{border-style:solid;border-color:var(--tca-hint);background:var(--tca-hint-soft);animation:1.6s ease-in-out infinite hint-breathe}.btn-jalan[data-pulse] .icon-fill{animation:1.6s ease-in-out infinite hint-breathe}@keyframes hint-breathe{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.tray-card[data-pulse],.slot[data-wrong],.btn-jalan[data-pulse] .icon-fill{outline:4px solid var(--tca-hint);animation:none}}.s09-card{z-index:5;pointer-events:none;background:#fff;border:3px solid #1b7f4b;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #1f293333}.s09-dismiss{pointer-events:auto}.s09-robot{background:#1b7f4b;border-radius:16px;width:56px;height:56px}.s09-text{margin:0;font-size:1rem}.s09-dismiss{color:#fff;background:#1b7f4b;border:none;border-radius:999px;width:72px;height:72px;font-size:1.5rem}.s08-card{background:0 0;border:none;place-items:center;width:100%;min-height:320px;display:grid;position:relative}.s08-item{color:#fff;background:#1b7f4b;border-radius:999px;place-items:center;width:88px;height:88px;font-size:2rem;animation:1.2s ease-in forwards item-into-basket;display:grid;position:absolute;top:40px}.s08-basket{border:5px solid #cbd2d9;border-top:none;border-radius:0 0 32px 32px;width:120px;height:96px;position:absolute;bottom:60px}@keyframes item-into-basket{0%{transform:translateY(0)scale(1)}to{transform:translateY(160px)scale(.4)}}.s08-confetti{pointer-events:none;position:absolute;inset:0}.s08-particle{top:10%;left:calc(8% + var(--i,0) * 7%);background:#1b7f4b;border-radius:999px;width:8px;height:8px;animation:1.6s ease-out forwards confetti-drift;position:absolute}.s08-particle:nth-child(3n){background:#9c6b4a}.s08-particle:nth-child(4n){background:#d2591b}@keyframes confetti-drift{to{opacity:0;transform:translateY(120px)}}@media (prefers-reduced-motion:reduce){.s08-item,.s08-particle{animation:none}}.onb-steps{width:100%}.onb-step{flex-direction:column;gap:12px;display:flex}.onb-title{margin:0;font-size:1.25rem}.onb-body{margin:0;font-size:16px;line-height:1.6}.btn-age,.btn-primary{background:#fff;border:3px solid #1b7f4b;border-radius:16px;min-width:140px;min-height:64px;padding:12px 20px;font-size:16px}.btn-primary{color:#fff;background:#1b7f4b}.btn-primary:disabled{opacity:.4}.btn-age[aria-pressed=true]{color:#fff;background:#1b7f4b}.btn-mission{background:#fff;border:3px solid #1b7f4b;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:96px;font-size:1.25rem;display:flex}.btn-mission:disabled{color:#9aa5b1;border-style:dashed}.mission-icon{font-size:1.5rem}.s04-scene{background:#f5f7fa;border:none;border-radius:24px;place-items:center;width:100%;min-height:420px;display:grid}.s04-character{background:#1b7f4b;border-radius:32px;width:120px;height:120px}.s10-banner{z-index:6;color:#fff;background:#1f2933bf;border-radius:20px;flex-direction:row;padding:16px;position:fixed;inset:auto 0 120px}.s10-robot{background:#b7e4c7;border-radius:16px;width:48px;height:48px}.s10-moon{background:#fffdf7;border-radius:999px;width:32px;height:32px}.s10-text{margin:0;font-size:1rem}.s11-character{background:#1b7f4b;border-radius:28px;width:96px;height:96px}.s11-sheet{background:#fffdf7;border:3px solid #cbd2d9;border-radius:12px;place-items:center;width:180px;height:240px;display:grid;box-shadow:0 4px 12px #1f293326}.s11-sheet-label{color:#52606d;font-size:1rem}.btn-briefing,.btn-done,.btn-link-small{background:#fff;border:3px solid #1b7f4b;border-radius:20px;min-height:64px;padding:12px 24px}.btn-done{color:#fff;background:#1b7f4b;min-width:120px;font-size:2rem}.btn-link-small{color:#52606d;border:none;min-height:44px;font-size:.875rem;text-decoration:underline}.s12-character{background:#1b2a44;border:none;border-radius:999px;width:160px;height:160px;font-size:3rem}.s12-text{color:#52606d}.lock-button{z-index:8;background:0 0;border:none;width:32px;height:32px;font-size:1rem;line-height:1;position:fixed;top:8px;right:8px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clickthrough-toggle{z-index:8;color:#52606d;background:#f5f7fa;border:1px solid #e4e7eb;border-radius:8px;width:44px;height:44px;font-size:1.25rem;position:fixed;bottom:8px;left:8px}