.story-game{--ink: #34436b;--primary: #6552ba;--primary-dark: #4d3c99;--line: #dcd9ef;--yellow: #ffe39b;--body: #fafaff;color:var(--ink)}.story-game button,.story-game .button{min-height:56px;border-radius:18px;font-size:1rem;line-height:1.5;border:2px solid transparent;transition:background-color .15s,box-shadow .15s}.story-game button:focus-visible,.story-game a:focus-visible,.story-game input:focus-visible{outline:4px solid #a04f00;outline-offset:4px}.story-game .game-primary{background:var(--primary);color:#fff;padding:.8rem 1.4rem;box-shadow:0 4px #48398a}.story-game .game-primary:hover{background:var(--primary-dark)}.story-game .game-primary:disabled{background:#e5e4ef;border-color:#cdcbdc;color:#62637a;box-shadow:none}.story-game .game-secondary{color:#55478d;background:#f6f3ff;border-color:#d3cceb;box-shadow:none}.story-game .game-secondary:hover{background:#e9e3fa}.story-game button:disabled{cursor:default}.adventure-topline{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem}.back-to-city{color:#5c4c93;font-size:.9rem;text-decoration:none;font-weight:700}.motion-setting{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:.8rem;cursor:pointer;min-height:48px}.motion-setting input{accent-color:var(--primary);margin:0}.adventure-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.8rem}.adventure-eyebrow{display:flex;gap:.7rem;align-items:center;font-size:.7rem;letter-spacing:.15em;font-weight:800;color:#705d9e;margin-bottom:.6rem}.adventure-header h1{font-size:clamp(1.65rem,3.5vw,2.5rem);color:#34345d;margin-bottom:.5rem}.adventure-header p:last-child{margin:0;color:#645f7e}.mission-patch{display:grid;grid-template-columns:48px auto;padding:.8rem 1.2rem;column-gap:.6rem;border:2px solid #ead59b;background:#fff7da;border-radius:20px;flex-shrink:0;transform:rotate(3deg)}.mission-patch>span{grid-row:span 2;font-size:2.2rem;color:#aa730f;align-self:center}.mission-patch small{font-size:.65rem;color:#786033}.mission-patch strong{color:#795317;font-size:.9rem}.patch-earned{background:#fff0be;border-color:#c9a645}.scene-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.scene-navigation button{background:#fff;color:#6d6c87;border:1px solid #dfddec;display:flex;gap:.6rem;padding:.7rem;font-size:.85rem;font-weight:700}.scene-index{border-radius:50%;background:#f0eef8;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:.72rem}.scene-navigation button.scene-current{background:#ebe5ff;border:2px solid #8770cf;color:#4d3b86}.scene-current .scene-index{color:#fff;background:#7360b9}.scene-done .scene-index{color:#247765;background:#d5eee3}.scene-shell{background:#fff;border:2px solid #dfdcee;border-radius:30px;overflow:hidden;box-shadow:0 12px 36px #5550800a}.scene-titlebar{padding:1.4rem 1.8rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.scene-kicker{margin-bottom:.4rem;letter-spacing:.15em;font-size:.64rem;color:#8672a8;font-weight:800}.scene-titlebar h2{font-size:clamp(1.35rem,2.5vw,1.8rem);color:#3b3c68;margin-bottom:.4rem}.scene-titlebar h2:focus{outline:none}.scene-titlebar p:last-child{font-size:.9rem;margin:0;color:#686780}.scene-symbol{display:grid;place-items:center;font-size:2.4rem;color:#8b72bb;background:#f3eefb;border-radius:22px;min-width:64px;min-height:64px}.scene-stage{position:relative;min-height:450px;isolation:isolate;overflow:hidden;border-top:1px solid #eee9fb;border-bottom:1px solid #eee9fb}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.scene-haru,.scene-robot{position:absolute}.scene-haru svg,.scene-robot svg{height:100%;width:100%;overflow:visible}.discovery-stage .scene-haru{left:7%;bottom:2%;width:24%;height:60%}.story-speech{position:absolute;z-index:2;border:2px solid #c4b2dd;background:#fffefa;border-radius:22px;padding:1rem 1.2rem;box-shadow:0 5px #ac9bb72b}.story-speech:after{content:"";position:absolute;width:17px;height:17px;background:#fffefa;border-right:2px solid #c4b2dd;border-bottom:2px solid #c4b2dd;bottom:-10px;left:35px;transform:rotate(45deg)}.speaker-tag{font-size:.72rem;color:#75518f;background:#f4e8f8;padding:.15rem .6rem;border-radius:8px;display:inline-block;margin-bottom:.45rem;font-weight:800}.story-speech p{margin:0;font-size:1.08rem;line-height:1.7;word-break:keep-all}.discovery-stage .story-speech{left:5%;top:6%;width:37%}.box-hotspot{position:absolute;width:39%;height:92%;bottom:1%;left:43%;display:flex;flex-direction:column;justify-content:end;align-items:center}.story-game .box-button{border:0;border-radius:40%;background:transparent;padding:0;width:100%;box-shadow:none;position:relative;overflow:visible}.story-game .box-button:hover{background:#ffedc02b}.box-button svg{width:100%;max-height:345px;overflow:visible}.box-lid{transform-origin:175px 140px;transition:transform .7s cubic-bezier(.2,.8,.3,1)}.box-treasure{transition:opacity .6s}.is-open .box-lid{transform:translateY(-72px) rotate(-19deg)}.tap-cue{font-size:.82rem;background:#fff2c8;color:#78541c;border:1px solid #dabc7e;padding:.3rem .85rem;border-radius:20px;font-weight:700;margin-bottom:1.8rem}.world-label{position:absolute;left:1.4rem;bottom:.55rem;letter-spacing:.08em;font-size:.55rem;color:#564b83;font-weight:800}.scene-footer{padding:1.25rem 1.6rem;display:flex;gap:1.5rem;justify-content:space-between;align-items:center;background:#fff}.scene-footer>p{margin:0}.scene-instruction{width:100%;text-align:center;color:#706785;font-size:.9rem}.safety-promise{display:flex;align-items:center;gap:.7rem;cursor:pointer;padding:.7rem;border-radius:15px;font-size:.88rem;background:#fff7de;border:1px solid #f0db9d;flex:1}.safety-promise input{accent-color:#6650b0;margin:0}.promise-done{background:#e8f6eb;border-color:#abcdb9}.dialogue-stage{min-height:475px}.dialogue-stage .scene-robot{left:8%;bottom:4%;height:72%;width:28%;animation:robot-arrive .7s ease-out both}.dialogue-stage .scene-haru{right:5%;bottom:3%;height:60%;width:23%}.dialogue-stage .story-speech{top:6%;left:37%;width:56%}.dialogue-stage .story-speech:after{left:5%}.hologram-beam{position:absolute;left:9%;bottom:17%;width:25%;height:65%;background:linear-gradient(0deg,#c1f6f5aa,#c1f6f500);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.is-talking .robot-arm{transform-origin:66px 191px;animation:robot-wave .4s ease-in-out 3 alternate}.is-talking .robot-mouth{transform-origin:130px 120px;animation:robot-talk .3s ease-in-out 4 alternate}.question-choices{display:flex;gap:.7rem;flex:1}.story-game .question-choice{text-align:left;justify-content:flex-start;background:#fff5d5;color:#705021;border:2px solid #e8cf91;font-size:.88rem;padding:.8rem}.question-choice>span{border-radius:50%;width:26px;height:26px;flex-shrink:0;background:#e9c874;display:grid;place-items:center}.conversation-progress{text-align:right}.conversation-progress p{margin:0 0 .6rem;color:#6f6587;font-size:.75rem}.dialogue-footer .game-primary{font-size:.85rem}.principle-strip{background:#f2f0fc;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:1rem;font-size:.8rem;color:#554486}.lab-banner{display:flex;align-items:center;gap:1rem;background:#f0f9fe;border-top:1px solid #dee9f4;padding:.65rem 1.5rem}.tiny-unobot{width:57px;height:65px;flex-shrink:0}.tiny-unobot svg{width:100%;height:100%}.lab-banner p{font-size:.78rem;margin:0;flex:1;line-height:1.65;color:#50617e}.lab-banner strong{font-size:.9rem;color:#385276}.collection-counter{border:1px solid #c9dded;background:#fff;border-radius:15px;color:#4d67a0;padding:.35rem .7rem;font-size:1.4rem;font-weight:800;white-space:nowrap}.collection-counter small{font-size:.65rem}.matching-board{display:grid;grid-template-columns:1.07fr 1fr;gap:2rem;position:relative;padding:1.5rem}.matching-board h3{font-size:.9rem;color:#415e8a;display:flex;gap:.5rem;align-items:center}.instruction-number{color:#fff;background:#6a80bd;width:28px;height:28px;border-radius:9px;display:inline-grid;place-items:center;font-size:.75rem}.part-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.story-game .part-choice{display:flex;flex-direction:column;justify-content:center;gap:0;background:#fffefa;color:#40517d;padding:.5rem;border:2px solid #c4d7e7;box-shadow:0 4px #b8cfe344;min-width:0}.part-choice .kit-art{width:100%;height:110px}.part-choice-name{font-weight:800;font-size:.9rem}.part-choice-state{font-size:.62rem;color:#686b83;font-weight:500;margin-top:.25rem}.story-game .part-choice:hover{background:#f4f0ff;border-color:#a190d2}.story-game .part-choice.is-selected{border:3px solid #7b60bd;background:#f1eaff;box-shadow:0 0 0 3px #fff,0 0 0 6px #bbabe0}.story-game .part-choice.is-matched{background:#e8f7ef;border-color:#81b6a5;color:#2e6f5d;animation:match-pop .4s ease-out}.part-choice.is-matched .part-choice-state{color:#2e6f5d;font-weight:700}.selection-label{min-height:1.6rem;font-size:.8rem;color:#686380;margin-bottom:.6rem}.role-choices{display:grid;gap:.8rem}.story-game .role-choice{color:#4a507d;background:#fffefa;padding:.8rem 1rem;justify-content:flex-start;gap:.85rem;border:2px solid #c4d7e7;text-align:left;min-height:74px}.role-choice>span:first-child{font-size:1.4rem;color:#7c88b4}.role-choice small{display:block;font-size:.65rem;margin-top:.15rem}.story-game .role-choice:disabled{color:#666b82;background:#f2f4f9;border-color:#d5dce6}.story-game .role-choice.is-matched{color:#2e6f5d;background:#e8f7ef;border-color:#81b6a5}.story-game .role-choice.is-matched>span:first-child{color:#2e6f5d}.matching-footer{align-items:flex-start}.matching-footer>button{flex-shrink:0}.match-help{flex:1}.match-help .game-secondary{min-height:48px;font-size:.8rem;padding:.5rem .8rem}.art-note{font-size:.66rem;color:#736b85;margin:.8rem 0 0}.game-hint{border-left:4px solid #d6ae56;background:#fff9e7;padding:.6rem .9rem;border-radius:0 10px 10px 0;margin:.8rem 0;font-size:.85rem}.city-art{width:100%;display:block}.restoration-stage{min-height:0;background:#e7e7fc}.restoration-stage .scene-robot{bottom:3%;left:6%;height:43%;width:16%}.city-status{position:absolute;left:1.3rem;top:1rem;background:#fffffff0;color:#5b6287;border:1px solid #d2d5ed;padding:.45rem .8rem;border-radius:99px;font-size:.75rem;display:flex;align-items:center;gap:.5rem}.city-status-dot{width:10px;height:10px;border-radius:50%;background:#8c98bc}.restoration-complete .city-status-dot{background:#398971}.city-window{fill:#7b8eb2;transition:fill .6s ease}.city-is-restored .city-window{fill:#fff3b1;stroke:#d7b67a}.city-sun,.city-lamp,.city-garden{transition:fill .5s ease}.city-is-restored .city-train{animation:train-journey 3.2s ease-in-out .2s both}.city-sparkles{animation:city-sparkle 1s ease-out both}.reward-overlay{position:absolute;top:18%;left:50%;transform:translate(-50%);width:54%;background:#fffffff0;border:2px solid #e5c582;border-radius:22px;padding:1.1rem;text-align:center;box-shadow:0 8px 24px #65508020;animation:reward-arrive .5s ease-out both}.reward-medal{display:grid;place-items:center;margin:0 auto .25rem;width:65px;height:65px;border:5px solid #e3b45c;border-radius:50%;color:#b77a1e;background:#ffe49b;font-size:2rem}.reward-label{display:inline-block;font-size:.65rem;color:#8a5d1f;letter-spacing:.1em;font-weight:800;margin-bottom:.3rem}.reward-overlay h3{color:#534785;font-size:1.15rem;margin-bottom:.3rem}.reward-overlay p{margin:0;font-size:.7rem}.city-footer{display:block}.city-quiz h3{font-size:1rem}.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.story-game .quiz-choice{background:#f8f5ff;color:#594e81;border-color:#d5cceb;font-size:.86rem;padding:.75rem}.story-game .quiz-choice.is-chosen{background:#eee7ff;border-color:#9380c5;color:#594387}.story-game .quiz-choice.is-correct{background:#e7f5ef;border-color:#6ba18e;color:#2e6f5d}.story-game .quiz-choice:disabled:not([aria-pressed=true]){background:#f1f0f6;color:#6a687d;border-color:#dddae7}.quiz-explanation{color:#356e60;background:#eef9f2;padding:1rem;border-radius:14px;margin-top:1rem;font-size:.9rem}.restore-button{width:100%;margin-top:1rem}.reward-summary{text-align:center;max-width:780px;margin:auto}.reward-summary h3{color:#514379;font-size:1.4rem}.discovery-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1rem 0}.discovery-badges span{font-size:.75rem;background:#f3edff;color:#64508c;padding:.35rem .65rem;border:1px solid #d5c5eb;border-radius:99px}.game-extension{background:#fff7dd;color:#7e6332;border-radius:14px;padding:1rem}.simulation-note{font-size:.7rem;background:#f7f4fd;color:#6b6087;padding:.75rem 1rem;text-align:center;margin:0}.game-feedback{min-height:1.2rem;border-radius:16px;margin-top:.9rem;display:flex;gap:.7rem;align-items:flex-start}.game-feedback.has-feedback{padding:.85rem 1rem;background:#f0edfc;border:1px solid #d8cfee}.game-feedback p{font-size:.9rem;margin:0}.game-feedback>span{font-size:1.2rem;font-weight:800}.game-feedback.feedback-narrative{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px;white-space:nowrap;border:0;min-height:0}.inline-match-feedback{border:1px solid #cbd0e7;background:#f7f4ff;border-radius:14px;margin:1rem 0 0;padding:.7rem .9rem;font-size:.85rem}.inline-match-feedback.feedback-retry{color:#795b22;background:#fff6dc;border-color:#e6d09b}.inline-match-feedback.feedback-correct{color:#2e6f5d;background:#e8f7ef;border-color:#a4c6b6}.scene-titlebar h2{scroll-margin-top:1rem}.box-discovered .box-treasure{animation:treasure-rise .6s ease-out both}@keyframes treasure-rise{0%{transform:translateY(20px)}to{transform:translateY(0)}}.game-feedback.feedback-correct.has-feedback{background:#e9f7ef;color:#326b57;border-color:#b4d4c2}.game-feedback.feedback-retry.has-feedback{background:#fff5dd;color:#7b5d29;border-color:#ecd39c}.next-task{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem;border-radius:14px;background:#f3effb;margin:1rem 0}.next-task p{margin:0;font-size:.8rem}.next-task button{font-size:.8rem}.adventure-bottom{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:start;margin-top:1.4rem}.learning-notes{flex:1;min-width:min(100%,280px);color:#6c6482;border:0;padding:0}.learning-notes summary{font-size:.8rem}.learning-notes p,.learning-notes li,.learning-notes a{font-size:.85rem}.restart-area{max-width:430px}.restart-area>button{font-size:.8rem;min-height:48px}.restart-confirm{background:#fff7df;border:1px solid #e6ce92;padding:1rem;border-radius:16px;margin-top:.75rem}.restart-confirm p{font-size:.85rem}@keyframes robot-arrive{0%{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes robot-wave{to{transform:rotate(20deg)}}@keyframes robot-talk{to{transform:scaleY(.6)}}@keyframes match-pop{50%{transform:scale(1.035)}}@keyframes train-journey{0%{transform:translate(0)}to{transform:translate(640px)}}@keyframes city-sparkle{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes reward-arrive{0%{opacity:0;margin-top:15px}to{opacity:1;margin-top:0}}.story-game[data-motion=reduced] *,.story-game[data-motion=reduced] *:before,.story-game[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.story-game *,.story-game *:before,.story-game *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:850px){.mission-patch{display:none}.scene-footer{padding:1.1rem;flex-wrap:wrap;gap:1rem}.dialogue-footer{align-items:stretch}.question-choices{width:100%;flex:auto}.conversation-progress{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.7rem}.conversation-progress p{margin:0}.matching-board{gap:1rem;padding:1rem}.scene-stage{min-height:425px}.restoration-stage{min-height:0}.part-choice .kit-art{height:95px}.story-speech p{font-size:1rem}}@media(max-width:600px){.adventure-topline{gap:.4rem}.back-to-city{font-size:.8rem}.motion-setting{font-size:.68rem;padding:.4rem}.adventure-header{margin-bottom:1.2rem}.adventure-header>div>p:last-child{font-size:.9rem}.scene-navigation{gap:.4rem}.scene-navigation button{flex-direction:column;gap:.3rem;padding:.55rem .2rem;font-size:.65rem;border-radius:15px}.scene-index{width:27px;height:27px;font-size:.65rem}.scene-titlebar{padding:1rem}.scene-titlebar h2{font-size:1.2rem}.scene-titlebar p:last-child{font-size:.8rem}.scene-symbol{display:none}.scene-shell{border-radius:22px}.scene-stage{min-height:395px}.discovery-stage .scene-haru{left:0;bottom:2%;height:58%;width:35%}.discovery-stage .story-speech{top:5%;left:5%;width:90%;padding:.8rem 1rem}.box-hotspot{left:32%;width:65%;height:65%;bottom:5%}.box-button svg{max-height:240px}.tap-cue{font-size:.7rem;margin-bottom:0}.world-label{font-size:.45rem;left:.7rem}.dialogue-stage{min-height:505px}.dialogue-stage .story-speech{left:5%;top:5%;width:90%;padding:.7rem .85rem}.dialogue-stage .scene-robot{bottom:3%;left:2%;height:49%;width:48%}.dialogue-stage .scene-haru{right:0;bottom:2%;height:44%;width:39%}.hologram-beam{left:4%;bottom:9%;width:43%;height:47%}.question-choices{flex-direction:column}.question-choices .question-choice{width:100%}.conversation-progress{align-items:stretch;flex-direction:column}.conversation-progress p{text-align:left}.safety-promise{min-width:100%;font-size:.8rem}.scene-footer>.game-primary{width:100%}.lab-banner{padding:.7rem;gap:.5rem;align-items:start}.tiny-unobot{display:none}.collection-counter{font-size:1rem;padding:.3rem}.collection-counter small{display:block;font-size:.55rem}.lab-banner p{font-size:.7rem}.matching-board{grid-template-columns:1fr;padding:.8rem;gap:1.3rem}.part-choice .kit-art{height:100px}.part-choice-name{font-size:.85rem}.role-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.story-game .role-choice{padding:.65rem;font-size:.8rem;gap:.4rem;min-height:86px}.story-game .role-choice>span:first-child{font-size:1rem}.role-choice small{font-size:.58rem}.matching-footer{display:block}.matching-footer>.game-primary{margin-top:1rem}.restoration-stage{min-height:0}.city-art{width:155%;max-width:none;margin-left:-27%}.city-status{top:.5rem;left:.5rem;font-size:.6rem;padding:.3rem .6rem}.restoration-stage .scene-robot{height:39%;width:23%;left:0}.reward-overlay{width:73%;padding:.6rem;top:19%;border-radius:16px}.reward-medal{width:44px;height:44px;font-size:1.3rem;border-width:3px}.reward-overlay h3{font-size:.9rem}.reward-label{font-size:.55rem}.quiz-options{grid-template-columns:1fr}.quiz-options .quiz-choice{font-size:1rem}.city-quiz h3{font-size:.95rem}.city-footer{padding:1rem}.next-task{flex-direction:column;align-items:stretch}.restart-area{width:100%}}.story-game .question-choice,.story-game .quiz-choice,.story-game .role-choice,.part-choice-name,.safety-promise,.inline-match-feedback{font-size:1rem}.art-note,.simulation-note{font-size:.8rem}.discovery-stage{padding:1.4rem 5% 300px}.discovery-stage .story-speech{position:relative;top:auto;left:auto;width:40%}.discovery-stage .scene-haru{height:270px}.box-hotspot{height:340px}.dialogue-stage{padding:1.4rem 5% 290px}.dialogue-stage .story-speech{position:relative;top:auto;left:auto;margin-left:35%;width:65%}.dialogue-stage .scene-robot{height:310px}.dialogue-stage .scene-haru{height:270px}.hologram-beam{height:300px}@media(max-width:600px){.part-choice-name,.story-game .role-choice,.safety-promise{font-size:1rem}.scene-navigation button{font-size:.8rem}.discovery-stage{padding:1rem 5% 290px}.discovery-stage .story-speech{width:100%}.discovery-stage .scene-haru{height:230px}.box-hotspot{height:255px;bottom:6%}.dialogue-stage{padding:1rem 5% 270px}.dialogue-stage .story-speech{width:100%;margin-left:0}.dialogue-stage .scene-robot{height:235px}.dialogue-stage .scene-haru{height:205px}.hologram-beam{height:230px}}.board-adventure{max-width:1120px;margin:auto}.board-route{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0;list-style:none;margin:1.5rem 0}.board-route li{padding:1rem .6rem;background:#e7f1ff;border:1px solid #b6cce7;color:#284c78}.board-route [aria-current]{background:#1677ff;color:#fff}.board-chapter{border:1px solid #b6cce7;border-radius:12px;overflow:hidden;background:#fff}.board-chapter>h2{padding:1.5rem;margin:0;font-size:1.5rem}.board-chapter>h2:focus{outline:none}.board-intro,.board-workspace,.board-city{position:relative;isolation:isolate;overflow:hidden}.board-intro{min-height:440px;display:flex;align-items:center;padding:2rem;gap:2rem}.board-intro .board-guide{width:25%;height:330px;flex-shrink:0}.board-message{max-width:600px;background:#14264def;color:#fff;padding:1.5rem;border-left:4px solid #26c6f9}.board-actions{padding:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.board-actions label{display:flex;gap:.7rem;align-items:center;width:100%}.board-actions input{width:24px;height:24px}.board-workspace{padding:1.5rem;background:#14264d}.board-console{display:flex;align-items:center;gap:1rem;background:#14264df2;color:#fff;padding:1rem}.board-console .eyebrow{color:#80deff}.board-console h3{margin:.3rem 0}.board-console .board-guide{width:70px;height:105px;flex-shrink:0}.uno-map{position:relative;margin:1rem auto;max-width:850px;aspect-ratio:800/460}.uno-map>svg{width:100%;height:100%;display:block}.board-adventure .board-point{position:absolute;min-height:48px;background:#14264ddb;border:2px solid #81d9ff;color:#fff;border-radius:5px;font-size:.85rem;padding:.4rem}.board-point.selected{background:#105bd1;box-shadow:0 0 0 4px #ffc83d}.point-usb{left:3%;top:29%;width:22%;height:20%}.point-digital{left:34%;top:10%;width:56%;height:20%}.point-power{left:37%;top:78%;width:13%;height:21%}.point-gnd{left:50%;top:78%;width:20%;height:21%}.board-log{position:relative;background:#f5f9ff;padding:1rem;border-left:4px solid #26c6f9;min-height:5rem}.board-legend{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.board-quiz{display:grid;gap:.8rem;width:100%}.board-quiz button{text-align:left;white-space:normal}.board-note{background:#e9f3ff;padding:1.5rem;margin:1.5rem 0;border-left:4px solid #1677ff}.board-note p{font-size:.9rem}.board-city{min-height:540px;display:flex;align-items:center;justify-content:flex-end;padding:3rem 5%}.board-city .premium-city{position:absolute;inset:0;z-index:-1}.board-city>.board-guide{position:absolute;left:0;bottom:0;width:26%;height:340px}.board-reward{position:relative;width:68%;background:#fffffff2;border:3px solid #ffc83d;padding:1.7rem;border-radius:12px;animation:light-prepare .5s both}.board-reward h3{font-size:1.8rem}.board-adventure .character-frame{display:block;width:100%;height:100%}.board-adventure button,.board-adventure .button{min-height:48px}.board-adventure button:focus-visible{outline:4px solid #ffc83d;outline-offset:3px}@media(max-width:600px){.board-route{gap:.25rem}.board-route li{padding:.7rem .25rem;font-size:.75rem}.board-intro{padding:1rem;flex-direction:column-reverse;gap:1rem}.board-intro .board-guide{height:220px;width:45%}.board-message{padding:1rem}.board-workspace{padding:.6rem}.board-console{padding:.6rem;gap:.5rem}.board-console h3{font-size:1rem}.board-console .board-guide{width:50px;height:80px}.uno-map{margin:1.3rem 0 2rem}.board-adventure .board-point{font-size:.7rem;padding:.1rem;line-height:1.3}.board-actions{padding:1rem}.board-chapter>h2{padding:1rem;font-size:1.2rem}.board-city{min-height:750px;padding:2rem 5% 250px;align-items:flex-start}.board-reward{width:100%;padding:1rem}.board-reward h3{font-size:1.4rem}.board-city>.board-guide{height:230px;width:42%}}@media(prefers-reduced-motion:reduce){.board-adventure *{animation:none!important;transition:none!important}}.board-adventure.motion-reduced *{animation:none!important;transition:none!important}.board-scroll{overflow:auto;position:relative;max-width:100%}.board-scroll .uno-map.zoomed{width:160%;max-width:none}.board-zoom{position:relative;margin-top:1rem}.board-zoom-note{position:relative;color:#fff;background:#14264d;padding:.5rem}.board-console h3{color:#fff}.board-point.point-power{min-width:44px}.point-gnd{left:51%;width:19%}.lab-content{padding:1.5rem;display:grid;gap:1.2rem}.lab-content>p{margin:0}.os-picker{display:flex;flex-wrap:wrap;gap:1rem;border:1px solid #a7bdd8;padding:1rem}.os-picker legend{font-weight:800}.os-picker label,.practice-record label{display:flex;align-items:center;gap:.8rem;min-height:48px;cursor:pointer}.lab-adventure input[type=checkbox],.lab-adventure input[type=radio]{width:24px;height:24px;flex-shrink:0}.guide-links{display:flex;gap:1rem;flex-wrap:wrap}.guide-links a{border:1px solid #9bbbd9;padding:.7rem;min-height:48px;display:flex;align-items:center;background:#f2f8ff}.install-steps,.real-steps,.selector-practice{padding:1.2rem;background:#eef6ff;border-left:4px solid #1677ff}.lab-options{display:flex;flex-wrap:wrap;gap:.8rem}.selector-practice>section{padding:.6rem 0 1rem}.practice-record{padding:1.2rem;border:2px solid #86aacc;background:#f5f9ff}.practice-record label{padding:.7rem 0;border-top:1px solid #cfdeee}.practice-record small{display:block;color:#42617f;font-weight:700;margin-top:.3rem}.connection-help details{border:1px solid #b3cbe4;padding:1rem;margin:.7rem 0;background:#fff}.connection-help summary{cursor:pointer;min-height:44px}.lab-adventure .board-intro .board-guide{height:330px}.lab-adventure button{white-space:normal}.lab-adventure .board-reward .button{display:inline-flex;align-items:center;min-height:48px}.lab-adventure [role=status]{min-height:1.5em}.lab-content li{margin:.7rem 0}.lab-adventure .board-route li{overflow-wrap:anywhere}@media(max-width:600px){.lab-content{padding:1rem}.lab-options{flex-direction:column}.lab-options button{width:100%}.os-picker{flex-direction:column}.lab-adventure .board-intro .board-guide{height:230px}.practice-record,.install-steps,.real-steps,.selector-practice{padding:1rem}.lab-adventure .board-city{padding-bottom:270px}.guide-links{flex-direction:column}}.activity-blink-guide .board-route{grid-template-columns:repeat(5,1fr)}.blink-preview{padding:1.5rem;background:#14264d;color:#fff;text-align:center}.blink-preview .eyebrow{color:#82dfff}.demo-led{width:85px;height:85px;border-radius:50%;background:#294358;border:4px solid #9bb7c7;margin:1rem auto}.demo-led.is-on{background:#ffc83d;box-shadow:0 0 22px #ffc83d88}.code-sections,.code-tools{display:flex;flex-wrap:wrap;gap:.8rem}.code-sections button{flex:1}.code-sections button[aria-pressed=true]{outline:3px solid #ffc83d}.lab-content{min-width:0}.blink-code{max-width:100%;min-width:0;overflow:auto;white-space:pre;background:#14264d;color:#e7f5ff;padding:1rem;font-size:.85rem;line-height:1.8;border-radius:7px}.line-number{display:inline-block;min-width:2.5em;color:#92b8d8;-webkit-user-select:none;user-select:none}.code-highlight{background:#28556d;color:#fff3ab}.code-explanation{border-left:4px solid #26c6f9;padding:1rem;background:#eaf6ff}.lab-adventure textarea{display:block;width:100%;min-width:0;min-height:20rem;font:inherit;font-family:monospace;padding:.7rem;border:1px solid #92afcc;white-space:pre;overflow:auto}.lab-adventure details>summary{cursor:pointer;min-height:44px}.ide-upload-steps{padding-left:1.8rem}.code-tools .button{min-height:48px;display:inline-flex;align-items:center}.blink-preview button{margin:.5rem}.activity-blink-guide .board-reward h3{font-size:1.6rem}@media(max-width:600px){.code-sections,.code-tools{flex-direction:column}.code-sections button{flex:auto}.blink-code{font-size:.8rem}.lab-adventure .board-route li{font-size:.7rem}}.lesson-coach{padding:1.5rem;background:#f4f9ff;border:1px solid #b4d3ee;margin:1rem;border-radius:10px}.lesson-coach h3{font-size:1.45rem;line-height:1.45;margin:.7rem 0}.lesson-coach h3:focus{outline:none}.coach-text{font-size:1.05rem;line-height:1.95;max-width:52rem}.coach-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:1.3rem}.coach-navigation button{min-height:48px;white-space:normal}.coach-recap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;border-bottom:1px solid #c6ddf0}.coach-recap button{min-height:44px}.coach-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem;background:#fff;border:1px solid #b9d3ea;font-size:1.1rem;line-height:1.8}.coach-code{padding:1rem;border-left:4px solid #1677ff;background:#fff}.coach-code p{line-height:1.9}.coach-part{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem}.coach-part svg{width:180px;flex-shrink:0}.symbol-lesson{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.symbol-lesson>div{padding:1rem;background:#fff;border:1px solid #bdd5e8;text-align:center}.symbol-lesson svg{height:140px;width:100%}.symbol-lesson strong{font-size:1.6rem;color:#0d547a}.coach-circuit .circuit-diagram{margin:0}.coach-breadboard{padding:1rem;background:#fff;overflow:auto;max-width:100%}.example-holes{display:grid;grid-template-columns:repeat(10,minmax(32px,1fr));gap:4px;margin:1rem 0;min-width:380px}.example-holes span{padding:.6rem .1rem;text-align:center;border:2px solid #afc6db;border-radius:5px;background:#f3f5f9}.example-holes small{display:block}.example-holes .example-gap{margin-left:10px}.example-holes .connected-left{background:#baf4e0;border-color:#08745d}.example-holes .connected-right{background:#d7e9ff;border-color:#1d69ba}.ide-explainer{margin:1rem 0;padding:1rem;background:#14264d;color:#fff;border-radius:9px}.ide-explainer figcaption{font-weight:800;color:#b9e9ff;padding-bottom:.8rem}.ide-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.ide-explainer .ide-region{border:1px solid #a4cde6;background:#e8f3ff;color:#14264d;font-size:.9rem;min-height:48px;white-space:normal}.ide-explainer .ide-region[aria-pressed=true]{outline:3px solid #ffc83d;background:#fff2c2}.ide-editor-demo{padding:1rem;margin:1rem 0;background:#f5f8fc;color:#14264d;min-height:150px}.ide-console-demo{padding:1rem;background:#1b3656}.ide-example-code{font-family:monospace;line-height:1.8}.ide-area-explanation{font-size:1rem;line-height:1.85;border-left:3px solid #ffc83d;padding:.7rem}.ide-explainer .small{color:#d6e8fc}.walkthrough{padding:1rem;border:1px solid #a9c8e6;background:#f2f8ff}.walkthrough p{line-height:1.9}.walkthrough button{min-height:48px;margin-right:.7rem;margin-top:.7rem}@media(max-width:600px){.lesson-coach{padding:1rem;margin:.6rem}.lesson-coach h3{font-size:1.2rem}.coach-text{font-size:1rem}.coach-part{flex-direction:column}.symbol-lesson{grid-template-columns:1fr}.coach-navigation{flex-direction:column-reverse}.ide-toolbar{flex-direction:column}.ide-toolbar button{width:100%}.coach-recap{padding:.7rem}.coach-flow{padding:1rem}.ide-explainer{padding:.7rem}}.maker-stage{min-height:420px;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;padding:2rem;gap:1rem}.maker-stage .scene-backdrop{z-index:-2}.maker-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b254c22,#0b254c44);z-index:-1}.maker-actor{height:310px;position:relative}.maker-actor .unobot{height:100%;width:100%;position:relative}.maker-discovery{background:#f8fcfff5;padding:1.5rem;border:2px solid #86deff;border-radius:12px;z-index:1;font-size:1.05rem}.maker-found{border-top:1px solid #92bedc;padding-top:1rem}.maker-facility{display:flex;gap:.6rem;position:absolute;bottom:10px;right:30px;color:#354e75;font-size:2.5rem}.facility-found{color:#ffc83d}.maker-options,.maker-toolbar{display:flex;gap:.7rem;flex-wrap:wrap}.maker-options button,.maker-toolbar button{min-height:48px;white-space:normal}.maker-options button[aria-pressed=true]{outline:3px solid #1677ff;background:#e3f7ff;color:#14264d}.maker-pledge{display:flex;align-items:center;gap:1rem}.maker-diagram-scroll{max-width:100%;overflow:auto;background:#fff;border-radius:10px;border:1px solid #b5d5e9}.maker-diagram-scroll svg{display:block;width:100%;min-width:500px;max-height:620px}.maker-wiring{margin:1rem 0;min-width:0}.maker-wiring figcaption{font-weight:800;margin-bottom:.6rem}.maker-wiring p{line-height:1.8}.wire-task{background:#eff8ff;padding:1.2rem;border-left:4px solid #1677ff}.maker-success{background:#ddf9ee;color:#135740;padding:1rem;font-weight:700}.maker-check{display:grid;gap:1rem;border-top:2px solid #99c4de;padding-top:1rem}.maker-practice{padding:1rem;border:1px solid #b7d1e6;background:#f4f9ff}.maker-practice summary{font-weight:700;cursor:pointer;min-height:48px}.maker-practice>p{line-height:1.9}.activity-maker-mission .board-route{grid-template-columns:repeat(4,minmax(0,1fr))}.maker-timeline{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.maker-timeline>span{color:#14264d;padding:1rem;background:#e3edfa;border:2px solid #adc5dc;border-radius:8px}.maker-timeline>span[aria-current=true]{border-color:#1264dc;background:#fff1b0;color:#14264d}.maker-preview{background:#14264d;color:#fff;padding:1.4rem;border-radius:10px}.maker-preview p{line-height:1.8}.maker-light{display:inline-flex;align-items:center;justify-content:center;min-height:72px;min-width:90px;border:3px solid #9dbbd4;background:#34485c;border-radius:12px;padding:.7rem;color:#fff;font-weight:800}.maker-light.is-on{background:#ffce42;color:#132b4f;border-color:#ffe49a}.maker-car{height:40px;background:linear-gradient(90deg,#37bfcc66,#37bfcc11);margin-top:1rem;border-bottom:3px dashed white;position:relative}.maker-car span{display:inline-block;transition:transform 2s linear}.maker-car.moving span{transform:translate(160px)}.maker-button{min-height:90px;min-width:160px;touch-action:none;-webkit-user-select:none;user-select:none}.maker-button.is-held{background:#164b8b;transform:translateY(3px)}.maker-controls{display:flex;flex-wrap:wrap;gap:1rem}.maker-controls label{display:grid;gap:.5rem}.maker-controls select{font:inherit;min-height:48px;padding:.5rem;max-width:100%}.maker-order{padding:1rem;background:#eaf4ff;min-height:70px}.maker-order button{margin-right:.5rem;margin-bottom:.5rem}.maker-practice textarea{min-height:18rem}.motion-reduced .maker-car span{transition:none}.motion-reduced .maker-button.is-held{transform:none}@media(max-width:640px){.maker-stage{grid-template-columns:1fr;padding:1rem;gap:0}.maker-actor{height:190px}.maker-discovery{padding:1rem}.maker-facility{display:none}.maker-options,.maker-controls{flex-direction:column}.maker-options button{width:100%}.maker-timeline>span{flex:1;min-width:80px}.maker-diagram-scroll svg{min-width:520px}.maker-stage{min-height:490px}.maker-preview{padding:1rem}}.wire-studio,.maker-experiment,.maker-check,.maker-preview,.maker-practice{min-width:0;max-width:100%}.maker-wiring{width:100%;max-width:100%}.circuit-route{grid-template-columns:repeat(5,1fr)}.breadboard-scroll{position:relative;overflow:auto;max-width:100%;margin:1.5rem 0;background:#f5f9ff;padding:1rem;border-radius:8px}.breadboard-halves{display:flex;gap:2rem;min-width:590px;width:max-content;margin:auto}.breadboard-half{padding:.5rem;background:#e4edf5}.breadboard-half>p{font-weight:800;text-align:center;color:#14264d}.breadboard-row{display:grid;grid-template-columns:repeat(5,48px);gap:4px;padding:5px 0}.circuit-adventure .breadboard-row button{padding:.2rem;color:#193657;background:#fff;border:2px solid #829bb2;min-height:56px;font-size:.75rem;display:flex;align-items:center;flex-direction:column;justify-content:center}.breadboard-row button span{font-size:.6rem}.circuit-adventure .breadboard-row button.strip-highlight{border-color:#087568;background:#ccf8eb}.circuit-adventure .breadboard-row button[aria-pressed=true]{outline:3px solid #1677ff;outline-offset:0}.circuit-diagram{position:relative;margin:1rem auto;background:#14264df5;padding:1rem;color:#fff}.circuit-diagram svg{width:100%;max-height:430px;display:block}.circuit-diagram p{font-size:.85rem;margin-bottom:0}.endpoint-choices,.circuit-controls{position:relative;display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.endpoint-choices button{flex:1}.circuit-adventure button[aria-pressed=true]{box-shadow:0 0 0 3px #ffc83d}.circuit-controls button{white-space:normal}.circuit-hint{width:100%;padding:1rem;background:#edf5ff;border-left:3px solid #1677ff}.tunnel-lights{position:absolute;inset:auto 0 0;height:100%;display:flex;align-items:flex-end;justify-content:space-evenly;pointer-events:none;z-index:0;overflow:hidden}.tunnel-lights span{width:18%;height:95%;border:4px solid #26c6f9;border-bottom:0;border-radius:60% 60% 0 0;opacity:.35;box-shadow:0 0 15px #26c6f9;animation:tunnel-awake .8s ease-out both}.tunnel-city .board-guide,.tunnel-city .board-reward{z-index:1}.tunnel-city details{margin-bottom:1rem}.tunnel-city summary{cursor:pointer;padding:.5rem;min-height:44px}@keyframes tunnel-awake{0%{opacity:0;transform:translateY(25px)}to{opacity:.35;transform:translateY(0)}}@media(max-width:600px){.circuit-route li{font-size:.7rem}.circuit-adventure .board-workspace{padding:.65rem}.circuit-diagram{padding:.5rem}.circuit-controls{flex-direction:column}.circuit-controls button{width:100%}.circuit-adventure .board-city{padding-bottom:270px}.circuit-adventure .breadboard-scroll{padding:.5rem}.circuit-adventure .board-reward details{font-size:.9rem}}.circuit-diagram .circuit-readout{font-size:1rem;line-height:1.65;border-top:1px solid #56728c;padding-top:1rem;color:#fff}.sound-controls{max-width:1120px;margin:.6rem auto;padding:0 1rem;color:#254767}.sound-controls>summary{cursor:pointer;min-height:44px;padding:.6rem;border:1px solid #b5cde7;border-radius:6px;background:#f5faff;font-size:.9rem}.sound-panel{padding:1.2rem;border:1px solid #b5cde7;background:#fff;border-top:0}.sound-panel>button,.sound-samples button{min-height:48px}.sound-channels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.sound-channels fieldset{padding:1rem;border:1px solid #bdcfe5;min-width:0}.sound-channels legend{font-weight:800}.sound-channels label{display:flex;align-items:center;gap:.7rem;min-height:48px;flex-wrap:wrap}.sound-channels input[type=checkbox]{width:24px;height:24px}.sound-channels input[type=range]{width:100%;height:44px;accent-color:#1677ff}.sound-samples{display:flex;flex-wrap:wrap;gap:.7rem}.sound-panel p{line-height:1.7}@media(max-width:600px){.sound-channels{grid-template-columns:1fr}.sound-controls{padding:0 .8rem}.sound-panel{padding:1rem}.sound-samples{display:grid;grid-template-columns:1fr 1fr}.sound-samples button{font-size:.85rem;padding:.6rem}}.sound-bar{max-width:1120px;margin:.6rem auto;padding:0 1rem;display:flex;gap:.6rem;align-items:flex-start;flex-wrap:wrap}.sound-bar .sound-controls{flex:1;min-width:0;margin:0;padding:0}.sound-quick{min-height:44px!important;white-space:nowrap}.sound-close{float:right;min-height:44px;margin-bottom:.5rem}.sound-panel:after{content:"";display:block;clear:both}.sound-hint{width:100%;font-size:.85rem;margin:.2rem 0;line-height:1.7;color:#35536e}@media(max-width:600px){.sound-bar{padding:0 .8rem}.sound-close{float:none;width:100%}.sound-quick{font-size:.8rem;padding:.6rem}.sound-controls>summary{font-size:.8rem}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.rounded{border-radius:.25rem}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}:root{font-family:var(--font-sans);color:#394466;background:#f8f7ff;font-size:18px;line-height:1.75}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,ul{margin:0 0 1rem}h1,h2,h3{word-break:keep-all;font-weight:750;line-height:1.4}h1{letter-spacing:-.055em;font-size:clamp(1.9rem,4vw,3.1rem)}h2{letter-spacing:-.03em;font-size:1.45rem}h3{font-size:1.12rem}a{color:#175f65;text-underline-offset:4px}button,.button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#174f52;border:1px solid #174f52;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#26666a}button:disabled{color:#526362;cursor:default;background:#e2e7e2;border-color:#a5b7b1}:focus-visible{outline-offset:5px;outline:3px solid #a25a15}main:focus{outline:none}main{max-width:1160px;min-height:70vh;margin:auto;padding:2.5rem 1.5rem 4rem}.site-header{border-bottom:1px solid #d7dfd8;justify-content:space-between;align-items:center;gap:1rem;max-width:1300px;margin:auto;padding:1rem 2rem;display:flex}.brand{color:#174f52;letter-spacing:.04em;align-items:center;gap:.7rem;font-weight:900;line-height:1.1;text-decoration:none;display:flex}.brand small{letter-spacing:.3em;margin-top:.3rem;font-size:.55rem;display:block}.brand-mark{color:#f5df9c;background:#174f52;border-radius:13px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}nav{flex-wrap:wrap;gap:.25rem;display:flex}nav a{border-radius:10px;padding:.65rem .8rem;font-size:.85rem;text-decoration:none}nav a.active{color:#174f52;background:#e0e9e0;font-weight:700}footer{text-align:center;color:#536967;border-top:1px solid #d7dfd8;padding:1.75rem;font-size:.85rem}.card{background:#fffef8;border:1px solid #d6ded5;border-radius:20px;padding:1.6rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#306a64;font-size:.75rem;font-weight:800}.small,small{font-size:.82rem}.muted{color:#526a68}.safety{color:#634813;background:#fff0cf;border:1px solid #d5b36c;border-radius:14px;margin-bottom:1.5rem;padding:1rem 1.25rem}ul{padding-left:1.3rem;list-style:outside}.safety ul{margin:.4rem 0 0}.skip-link{z-index:10;background:#fff;padding:.75rem;position:absolute;top:-100px}.skip-link:focus{top:0}details{border-top:1px solid #dae2d9;padding-top:.8rem}summary{cursor:pointer;min-height:44px;font-size:.85rem;font-weight:700}.part-picture{background:#edf2eb;border-radius:12px;margin-bottom:1rem}.part-picture svg{width:100%;height:145px}.hero{background:#e7eee3;border-radius:25px;grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:2.8rem;display:grid;position:relative;overflow:hidden}.hero svg{width:100%}.hero p{max-width:32rem}.badge{color:#365d50;background:#e9eee6;border:1px solid #bdcfc2;border-radius:99px;padding:.15rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin:2rem 0 1rem;display:flex}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-card{flex-direction:column;align-items:flex-start;display:flex}.lesson-card .button{margin-top:auto}.lesson-number{color:#5d756a;margin-bottom:1rem;font-size:.8rem}.roadmap{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.roadmap .card{padding:1rem}.roadmap h3{font-size:.95rem}.lesson-header{margin:1.5rem 0}.lesson-header h1{font-size:clamp(1.7rem,4vw,2.4rem)}.reader-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.5rem;display:grid}.comic{background:#e7eee3;border:1px solid #b9d0c0;border-radius:20px;overflow:hidden}.comic figure{margin:0;padding:1rem 1.5rem 0}.comic svg{width:100%;height:235px}.comic img{object-fit:contain;width:100%;max-height:380px}figcaption{color:#41605b;padding-bottom:1rem;font-size:.85rem}.dialogue{background:#fffef8;border:1px solid #c6d5c8;border-radius:16px;margin:0 1.5rem 1rem;padding:1rem 1.2rem}.dialogue p{margin:.3rem 0;font-size:1.2rem}.reader-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex}.reader-controls p{margin:0;font-size:.85rem}.stack>*+*{margin-top:1.25rem}.flow{flex-wrap:wrap;gap:.6rem;margin:1.2rem 0;display:flex}.flow span{background:#e7eee3;border:1px solid #bdcfc2;border-radius:10px;padding:.7rem;font-size:.85rem}.check-row{cursor:pointer;border:1px solid #cddacf;border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:.6rem;padding:.7rem;display:flex}input[type=checkbox]{accent-color:#174f52;flex-shrink:0;width:22px;height:22px;margin-top:.25rem}.success{background:#e0efda;border:1px solid #a7c398;border-radius:12px;margin-top:1rem;padding:1rem}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.hint{border-left:4px solid #ba8d34;margin-top:1rem;padding:.5rem 1rem}@media(max-width:800px){.site-header{flex-direction:column;align-items:flex-start;padding:1rem}main{padding:1.5rem 1rem 3rem}.hero{gap:0;padding:1.5rem}.hero svg{max-height:200px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-layout{grid-template-columns:1fr}.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.hero,.grid{grid-template-columns:1fr}.hero svg{max-height:190px}nav a{padding:.6rem}.card{padding:1.2rem}.reader-controls{gap:.4rem}.reader-controls button{padding:.6rem .8rem}.section-heading{display:block}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.site-header{border-color:#e1ddf0}.brand{color:#59458d}.brand-mark{color:#ffe7a6;background:#6955b5}nav a{color:#655888}nav a.active{color:#533d8b;background:#eae2fc}footer{color:#736b88;border-color:#e1ddf0}.card{background:#fffefd;border-color:#dfd9ec}.eyebrow{color:#776095}.badge{color:#695185;background:#f3edfc;border-color:#d2c6e5}.button,button{background:#6955b5;border-color:#6955b5}.button:hover,button:hover{background:#51418d}.secondary{color:#66508c;background:#f8f4ff}.secondary:hover{background:#ebe3f9}.adventure-hero{background:linear-gradient(120deg,#f0e8ff,#e7f6ff);border:1px solid #dfd7ef;grid-template-columns:1fr 1.15fr;gap:1.3rem;padding:2.2rem}.adventure-hero h1{color:#494176;font-size:clamp(1.9rem,3.5vw,2.8rem)}.adventure-hero .button{border-radius:16px;min-height:56px;box-shadow:0 4px #493780}.home-world{aspect-ratio:1.25;background:#e3e6f8;border:3px solid #fff;border-radius:24px;align-items:end;display:grid;position:relative;overflow:hidden;box-shadow:0 7px #a9a0d226}.home-world .city-art{width:150%;max-width:none;margin-left:-25%}.home-unobot{width:36%;position:absolute;bottom:8%;left:8%}.home-unobot svg{width:100%;max-height:none}.home-world-label{color:#655583;background:#fffffff0;border-radius:99px;padding:.3rem .65rem;font-size:.6rem;font-weight:800;position:absolute;top:12px;left:12px}.home-world .city-train{animation:none}main[data-motion=reduced] *,main[data-motion=reduced] :before,main[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){main *,main :before,main :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:650px){.adventure-hero{grid-template-columns:1fr;gap:1.3rem;padding:1.3rem}.home-world{aspect-ratio:1.65}.adventure-hero .city-art{max-height:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--sf-blue:#1677ff;--sf-cyan:#26c6f9;--sf-yellow:#ffc83d;--sf-success:#19b88a;--sf-violet:#8055e8;--sf-dark:#14264d;--sf-paper:#f5f9ff;--sf-text:#182843;color:var(--sf-text);background:var(--sf-paper)}body{background:radial-gradient(ellipse at 80% 0,#dfefff 0,transparent 45%),#f5f9ff}a{color:#155db7}.site-header{max-width:1400px;border-bottom:1px solid #cfdeee;background:#ffffffd9;padding:1rem 2rem}.brand{color:#14264d;font-style:italic;letter-spacing:-.04em;font-size:1.2rem}.brand small{color:#1761ba;letter-spacing:.24em;font-style:normal}.brand-mark{color:#fff;background:linear-gradient(135deg,#1677ff,#114a9f);border-radius:5px 14px 5px 5px;box-shadow:inset 0 0 0 1px #70b9ff}nav a{color:#334d70;border-radius:5px;font-weight:700}nav a.active{background:#e1efff;color:#1258b1;box-shadow:inset 0 -3px #1677ff}main{max-width:1280px}h1,h2,h3{color:#14264d}.card{border-radius:8px 20px 8px 8px;border:1px solid #c9daec;background:#fff;box-shadow:0 5px 20px #193c6806}.eyebrow{color:#205d9e}.badge{background:#edf5ff;color:#1f5795;border:1px solid #b6d1ef;border-radius:4px}button,.button{background:#1262ce;border-color:#1262ce;border-radius:7px;font-weight:800}button:hover,.button:hover{background:#0d4eab}.secondary{color:#15549b;background:#fff;border-color:#b4cce7}.secondary:hover{background:#e8f3ff}footer{color:#516782;border-color:#cedeed;background:#eef5fd}.safety{background:#fff7df;border-color:#dec076;color:#674711;border-radius:6px 14px 6px 6px}.story-game{--ink:#182843;--primary:#1677ff;--primary-dark:#125fc9;--line:#c8daed;--yellow:#ffc83d;--body:#f5f9ff;color:#182843}.story-game button,.story-game .button{border-radius:6px 12px 6px 6px;min-height:56px;font-weight:800;transition:background .15s,border-color .15s,box-shadow .15s}.story-game button:focus-visible,.story-game a:focus-visible,.story-game input:focus-visible{outline:3px solid #14264d;outline-offset:4px}.story-game .game-primary{background:linear-gradient(120deg,#1677ff,#1261cf);border-color:#1469d9;color:#fff;box-shadow:0 3px #0d468e,0 6px 18px #1677ff20;font-size:1.05rem}.story-game .game-primary:hover{background:#1059bd}.story-game .game-secondary{background:#fff;border-color:#9ebcdb;color:#1f568c}.story-game .game-secondary:hover{background:#e6f2ff}.story-game button:disabled{cursor:default;box-shadow:none}.story-game .game-primary:disabled{background:#e2eaf3;border-color:#c4d2e1;color:#576c85}.adventure-header{margin-bottom:1.4rem}.adventure-header h1{color:#14264d;font-weight:900;letter-spacing:-.055em}.adventure-header p:last-child{color:#416082}.adventure-eyebrow{color:#1b68b4;letter-spacing:.16em}.back-to-city{color:#1b5a9c}.motion-setting{color:#355372;border-color:#bcd1e6;border-radius:5px;background:#fff;font-size:.82rem}.motion-setting input{accent-color:#1677ff}.mission-patch{transform:none;border-radius:3px 16px 3px 3px;background:#14264d;border:1px solid #385783;color:#fff;padding:.8rem 1rem;box-shadow:4px 4px #d9e9f8}.mission-patch small{color:#c3d8ef}.mission-patch strong{color:#fff;font-size:1rem}.mission-patch>span{color:#ffc83d}.scene-navigation{gap:.55rem}.scene-navigation button{border-radius:4px;color:#45617e;background:#edf4fc;border:1px solid #c1d4e8;justify-content:flex-start;padding:.75rem 1rem}.scene-index{border-radius:4px;background:#dae8f6;color:#355c86}.scene-navigation button.scene-current{border:1px solid #1677ff;background:#fff;color:#1055a8;box-shadow:inset 0 -4px #1677ff}.scene-current .scene-index{background:#1677ff}.scene-done .scene-index{background:#d0f3e7;color:#126d55}.scene-shell{border-radius:8px 24px 8px 8px;border:1px solid #bdd1e7;box-shadow:0 10px 35px #19375d0c}.scene-titlebar{padding:1.3rem 1.7rem;background:linear-gradient(110deg,#fff,#eef6ff);border-bottom:1px solid #c9dff1}.scene-titlebar h2{color:#14264d;font-weight:850}.scene-titlebar p:last-child{color:#486380}.scene-kicker{color:#2372b9}.scene-symbol{border-radius:4px 15px 4px 4px;color:#1872b9;background:#dff1ff;font-size:2rem}.scene-stage{border-color:#bfd9ef}.premium-backdrop{z-index:-2;background:#c7e8fa}.premium-backdrop>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.environment-haze{position:absolute;inset:0;background:linear-gradient(90deg,#0f2d5412,transparent 50%)}.story-speech{border:1px solid #8eb5d7;border-radius:4px 18px 4px 4px;background:#fffffffa;box-shadow:0 6px 18px #11284726}.story-speech:after{background:#fff;border-color:#8eb5d7}.story-speech p{color:#182843;font-size:1.06rem}.speaker-tag{color:#fff;background:#145ab3;border-radius:3px;font-size:.72rem;letter-spacing:.06em}.world-label{background:#14264dd6;color:#eaf7ff;bottom:.6rem;padding:.2rem .4rem;border-left:2px solid #26c6f9}.discovery-stage{min-height:540px;padding-bottom:340px}.discovery-stage .scene-haru{width:24%;height:350px;left:4%;bottom:1%}.box-hotspot{left:44%;width:44%;height:365px;bottom:4%}.story-game .box-button{height:320px;border-radius:8px;background:none}.story-game .box-button:hover{background:#5bd7ff10;filter:drop-shadow(0 0 15px #a48fff)}.mystery-box{display:block;position:relative;width:100%;height:100%}.mystery-box img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 10px #08214750)}.mystery-box.is-open{animation:case-open .55s ease-out both}.case-energy{position:absolute;inset:30% 20%;background:radial-gradient(ellipse,#ffda6f55,transparent 70%);mix-blend-mode:screen;pointer-events:none}.tap-cue{color:#fff;background:#493491;border:1px solid #bc9af2;border-radius:4px;font-size:.8rem;margin-bottom:.5rem;box-shadow:0 4px 14px #15264b30}.scene-footer{border-top:1px solid #d6e5f1}.scene-instruction{color:#48617d}.safety-promise{background:#f2f8ff;border-color:#b4d1eb;border-radius:5px;color:#2e4d6f}.safety-promise input{accent-color:#1677ff}.safety-promise.promise-done{background:#e9f9f0;border-color:#90c7b1}.character-frame{display:block;position:relative;width:100%;height:100%}.character-frame>img{display:block;width:100%;height:100%;object-fit:contain}.robot-display{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.display-features{filter:drop-shadow(0 0 8px #26c6f9)}.unobot-character{transform-origin:50% 90%;filter:drop-shadow(0 12px 12px #14264d30)}.mood-idle{animation:robot-breathe 3.5s ease-in-out infinite}.mood-greeting{animation:robot-greet .55s ease-in-out 2 alternate}.mood-surprised{animation:robot-surprise .5s ease-out}.mood-thinking{transform:rotate(-4deg)}.mood-explaining .display-features{animation:display-explain .45s ease-in-out 4 alternate}.mood-cheering{animation:robot-cheer .5s ease-in-out 2 alternate}.mood-celebrating{animation:robot-celebrate .6s ease-in-out 3}.mood-encouraging{animation:robot-encourage .7s ease-in-out 2 alternate}.robot-thought{position:absolute;top:11%;right:0;color:#14264d;background:#f1fbff;border:1px solid #82badb;border-radius:10px;font-size:1.4rem;line-height:1;padding:.1rem .4rem}.robot-emotion-spark{position:absolute;top:18%;right:0;color:#ffc83d;font-size:2rem;text-shadow:0 0 12px #fff1a3}.dialogue-stage{min-height:580px;padding-bottom:325px}.dialogue-stage .scene-robot{height:360px;width:27%;left:5%;bottom:2%}.dialogue-stage .scene-haru{height:320px;right:4%;width:24%;bottom:2%}.dialogue-stage .story-speech{margin-left:35%;width:65%}.hologram-beam{background:linear-gradient(0deg,#26c6f955,transparent);height:350px;bottom:10%;left:7%}.story-game .question-choice{background:#eef7ff;color:#204b7a;border:1px solid #97badb;border-left:4px solid #1677ff;border-radius:5px;font-size:1rem}.question-choice>span{background:#1677ff;color:#fff;border-radius:4px}.conversation-progress p{color:#486482}.principle-strip{color:#225486;background:#e5f2ff;border-top:1px solid #b9d9ee}.principle-strip span{font-weight:700}.lab-banner{background:#14264d;border-color:#355a85;color:#fff}.lab-banner p,.lab-banner strong{color:#ecf7ff}.tiny-unobot{display:block;width:58px;height:82px}.collection-counter{background:#203c65;color:#8fecdf;border:1px solid #426c94;border-radius:5px}.match-stage{background:#102d51}.match-stage .premium-backdrop{opacity:.9}.matching-board{padding:1.6rem;background:linear-gradient(0deg,#102c4e88,#102c4e55);gap:2rem}.matching-board h3{color:#fff;font-size:1rem}.instruction-number{border-radius:4px;background:#1677ff}.selection-label{color:#d3eaff}.story-game .part-choice{background:#f5faff;border-color:#93b9d9;border-radius:5px 14px 5px 5px;box-shadow:0 4px #0c1f3b77}.story-game .part-choice:hover{background:#e8f6ff;border-color:#26c6f9}.story-game .part-choice.is-selected{background:#e7f3ff;border:3px solid #1677ff;box-shadow:0 0 0 2px #fff,0 0 0 5px #26c6f9}.part-choice-name{color:#183b66}.story-game .part-choice.is-matched{background:#e9f9f2;border-color:#50b89b}.story-game .role-choice{background:#f5faff;color:#214971;border:1px solid #88b0d2;border-left:4px solid #3d94d5;border-radius:5px}.story-game .role-choice:disabled{background:#e4edf6;color:#556e88;border-color:#a5bcd0}.story-game .role-choice.is-matched{background:#e1f8ee;color:#14634b;border-color:#55ac91}.story-game .role-choice>span:first-child{color:#2679bb}.inline-match-feedback{border-radius:4px;color:#284e72;background:#edf8ff;border-color:#9bc5e0}.art-note{color:#4e657d}.game-hint{color:#654814;background:#fff6de;border-radius:0 6px 6px 0}.restoration-stage{min-height:660px;position:relative;background:#b7ddf5}.premium-city{position:absolute;inset:0;width:100%;height:100%;margin:0;isolation:isolate;overflow:hidden}.city-background,.city-environment,.city-objects{position:absolute;inset:0}.city-background{z-index:0}.city-background>img{position:absolute;width:100%;height:100%;object-fit:cover}.city-environment{z-index:1;pointer-events:none}.city-building{position:absolute;object-fit:contain;object-position:center bottom;filter:saturate(.4) brightness(.62);transition:filter .7s}.lab-building{width:59%;height:70%;left:22%;bottom:24%}.tower-building{width:22%;height:68%;left:76%;bottom:30%}.city-is-restored:not(.phase-dimming) .city-building{filter:saturate(1.1) brightness(1.03) drop-shadow(0 0 9px #47cfff66)}.city-background:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17314a22,transparent 60%);transition:background .5s}.lab-activation,.tower-activation{position:absolute;opacity:0;mix-blend-mode:screen;transition:opacity .6s;pointer-events:none}.lab-activation{left:34%;top:19%;width:36%;height:57%;background:radial-gradient(ellipse,#ffe7998c,transparent 68%)}.tower-activation{left:79%;top:15%;width:17%;height:55%;background:radial-gradient(ellipse,#4ad6ff9c,transparent 68%)}.city-is-restored:not(.phase-dimming) .lab-activation,.city-is-restored:not(.phase-dimming) .tower-activation{opacity:.9}.city-energy-paths{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.energy-line,.energy-plaza{opacity:0;fill:none;stroke:#7eeeff;stroke-width:4;filter:drop-shadow(0 0 5px #1677ff)}.phase-energy .energy-line{animation:energy-connect .65s ease-out both;stroke-dasharray:1000}.phase-energy .energy-plaza,.phase-celebration .energy-line,.phase-celebration .energy-plaza,.phase-reward .energy-line,.phase-reward .energy-plaza,.phase-complete .energy-line,.phase-complete .energy-plaza{opacity:.85}.city-cloud{position:absolute;top:4%;width:30%;height:16%;border-radius:50%;background:radial-gradient(ellipse,#fff7,transparent 70%);filter:blur(15px);animation:cloud-drift 35s ease-in-out infinite alternate}.cloud-one{left:3%}.cloud-two{right:8%;top:12%;animation-delay:-10s}.city-objects{z-index:4;pointer-events:none}.story-game .city-hotspot{position:absolute;pointer-events:auto;min-height:48px;color:#fff;background:#14264de8;border:1px solid #6fcaee;border-radius:3px 9px 3px 3px;font-size:.76rem;padding:.35rem .6rem;box-shadow:0 3px 14px #09253c55}.city-hotspot>span:first-child{color:#75e1ff;font-size:1.1rem}.hotspot-lab{left:49%;top:66%}.hotspot-tower{right:4%;top:36%}.facility-info{position:absolute;right:1rem;bottom:1rem;max-width:340px;pointer-events:auto;background:#102846f5;color:#e1f2ff;padding:1.1rem;border:1px solid #5da4ce;border-radius:4px 14px 4px 4px;box-shadow:0 10px 35px #09213a55}.facility-info>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.facility-code{font-size:.57rem;color:#7edfff;letter-spacing:.12em}.facility-info h3{color:#fff;font-size:1.2rem;margin:.5rem 0}.facility-info p{font-size:.83rem;margin-bottom:.6rem}.facility-info p:last-child{margin:0}.facility-status{border-top:1px solid #3f6582;padding-top:.6rem;color:#a4ead8}.story-game .facility-close{min-height:44px;min-width:44px;padding:0;font-size:1.4rem;background:#213f5e;border-color:#5b87aa;border-radius:3px}.city-status{z-index:5;color:#163654;background:#fffffff0;border:1px solid #5c9abe;border-radius:99px;font-size:.8rem;box-shadow:0 2px 12px #13507a16}.city-status-dot{background:#607d9a}.restoration-complete .city-status-dot{background:#19b88a}.restoration-stage .scene-robot{width:27%;height:64%;left:0;bottom:0;z-index:6;pointer-events:none}.premium-reward{z-index:7;left:58%;top:27%;transform:translate(-50%);width:65%;max-width:740px;padding:2rem 1.5rem 1.2rem;background:linear-gradient(120deg,#fffefbf7,#f7fafff5);border:2px solid #e9b83b;border-radius:12px 30px;box-shadow:0 0 0 5px #fff8d27a,0 15px 50px #18385430,inset 0 0 0 5px #fff;animation:premium-reward-in .45s ease-out both}.premium-reward:before,.premium-reward:after{content:"";position:absolute;width:55px;height:18px;border-top:2px solid #efc35a;top:12px}.premium-reward:before{left:15px;border-left:2px solid #efc35a;transform:skew(-35deg)}.premium-reward:after{right:15px;border-right:2px solid #efc35a;transform:skew(35deg)}.premium-medal{width:160px;height:110px;position:relative;margin:-80px auto .6rem}.premium-medal svg{position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 5px 5px #7d57192c)}.medal-ribbon{position:absolute;left:20%;top:26%;width:60%;height:35%;background:linear-gradient(0deg,#155abb,#173778);transform:rotate(-7deg)}.premium-reward .reward-label{color:#846017;letter-spacing:.12em;font-size:.64rem}.premium-reward h3{color:#111c4c;font-weight:900;font-size:clamp(1.4rem,2.9vw,2.45rem);letter-spacing:-.06em;line-height:1.3;margin:.6rem 0 .8rem;text-wrap:balance}.premium-reward h3:focus{outline:none}.reward-discovery{color:#27375c;font-size:1rem!important;border-top:1px solid #d7dbe4;padding-top:.6rem;margin-bottom:1rem!important}.reward-next{min-height:50px!important;padding:.6rem 1rem!important;font-size:.9rem!important}.next-availability{display:block;color:#56667c;font-size:.64rem;margin-top:.6rem}.story-game .skip-recovery{position:absolute;z-index:10;bottom:1rem;right:1rem;background:#14264df0;color:#fff;border-color:#79bbdc;min-height:48px}.city-view-controls{position:absolute;z-index:8;right:1rem;bottom:1rem;display:flex;gap:.5rem}.story-game .city-view-controls button{background:#14264de8;border-color:#85bbd8;color:#fff;min-height:44px;padding:.45rem .7rem;font-size:.72rem}.recovery-caption{position:absolute;bottom:1rem;left:30%;z-index:8;margin:0;background:#14264df0;color:#fff;padding:.45rem .8rem;font-size:.8rem;border-left:3px solid #26c6f9}.recovery-dimming:after{content:"";position:absolute;inset:0;background:#0b29582b;pointer-events:none;z-index:3;animation:light-prepare .3s ease-out both}.city-footer{padding:1.5rem;background:#fff}.reward-summary{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:none;text-align:left}.reward-summary>div{min-width:0}.reward-summary h3{color:#163556;font-size:1.25rem}.summary-code{color:#2274b9;font-size:.6rem!important;letter-spacing:.16em;font-weight:800}.reward-summary p{font-size:.9rem}.discovery-badges{justify-content:flex-start}.discovery-badges span{background:#e6f8f0;color:#17634c;border-color:#9cd0b9;border-radius:4px}.game-extension{background:#edf6ff;color:#2a527b;border-left:3px solid #26c6f9;border-radius:0 6px 6px 0}.quiz-options .quiz-choice{background:#f1f7ff;border-color:#a5c6e5;color:#254d79;border-radius:4px}.story-game .quiz-choice.is-chosen{background:#e7f1ff;color:#155bb2;border-color:#1677ff}.story-game .quiz-choice.is-correct{background:#e0f7ed;color:#145c46;border-color:#4aac8e}.simulation-note{color:#48617c;background:#edf5fd;border-top:1px solid #d0e1f1}.game-feedback.has-feedback{border-radius:5px}.game-feedback.feedback-correct.has-feedback{color:#176149;background:#e6f8ef;border-color:#97cdb8}.game-feedback.feedback-retry.has-feedback{color:#725214;background:#fff7df;border-color:#dbc58a}.next-task{background:#e8f2fd;border:1px solid #b8d2eb;border-radius:5px}.adventure-bottom,.learning-notes{color:#42607f}.restart-confirm{border-radius:5px;background:#fff8e5}.adventure-hero{background:linear-gradient(115deg,#e2f1ff,#f6fbff);border:1px solid #bdd6ed;border-radius:8px 24px 8px 8px;grid-template-columns:.85fr 1.4fr;gap:2rem;padding:2rem}.adventure-hero h1{color:#14264d}.adventure-hero .eyebrow{color:#1668b3}.adventure-hero .button{background:#1263ce;box-shadow:0 3px #104681;border-radius:5px 12px 5px 5px}.home-world{aspect-ratio:1.3;border-radius:8px;border:1px solid #78b3d9;background:#b4dcf3;box-shadow:0 10px 30px #1a5d8b19}.home-world .premium-city{width:100%;height:100%;margin:0}.home-world .city-background img{max-height:none}.home-world .lab-building{width:64%;left:16%;height:74%;bottom:23%}.home-world .tower-building{width:25%;left:73%}.home-unobot{z-index:5;width:28%;height:67%;left:2%;bottom:0}.home-world-label{z-index:6;color:#124373;border:1px solid #7cb9da;background:#f9fefff0}@keyframes case-open{0%{transform:translateY(9px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes robot-breathe{50%{transform:translateY(-4px)}}@keyframes robot-greet{to{transform:rotate(4deg) translateY(-3px)}}@keyframes robot-surprise{50%{transform:translateY(-9px) scale(1.04)}}@keyframes display-explain{to{opacity:.72}}@keyframes robot-cheer{to{transform:rotate(-3deg) translateY(-5px)}}@keyframes robot-celebrate{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes robot-encourage{to{transform:rotate(-3deg)}}@keyframes cloud-drift{to{transform:translate(35%)}}@keyframes energy-connect{0%{stroke-dashoffset:1000;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@keyframes premium-reward-in{0%{opacity:0;margin-top:12px}to{opacity:1;margin-top:0}}@keyframes light-prepare{0%{opacity:0}to{opacity:1}}@media(max-width:850px){.adventure-hero{grid-template-columns:1fr 1.1fr;padding:1.4rem;gap:1rem}.premium-reward{width:69%;left:60%;top:29%}.restoration-stage{min-height:620px}.story-game .question-choice{font-size:.95rem}.matching-board{gap:1rem;padding:1.1rem}.reward-summary{gap:1rem}}@media(max-width:600px){main{padding:1.3rem .8rem 2.5rem}.site-header{padding:.85rem}.brand{font-size:1.1rem}.scene-navigation{gap:.3rem}.scene-navigation button{padding:.45rem .15rem;align-items:center;justify-content:center;font-size:.75rem}.scene-index{width:26px;height:26px}.adventure-header h1{font-size:1.7rem}.scene-titlebar{padding:1rem}.scene-titlebar h2{font-size:1.2rem}.motion-setting{font-size:.74rem}.story-speech p{font-size:1rem}.discovery-stage{min-height:510px;padding:1rem 5% 325px}.discovery-stage .scene-haru{height:270px;width:35%;left:0}.box-hotspot{left:29%;width:71%;height:280px;bottom:3%}.story-game .box-button{height:250px}.tap-cue{font-size:.68rem;margin:0}.dialogue-stage{min-height:560px;padding:1rem 5% 310px}.dialogue-stage .story-speech{width:100%;margin-left:0}.dialogue-stage .scene-robot{height:285px;width:46%;left:1%;bottom:1%}.dialogue-stage .scene-haru{height:265px;width:39%;right:0;bottom:1%}.hologram-beam{height:260px}.lab-banner{padding:.6rem}.tiny-unobot{display:block;width:45px;height:66px}.lab-banner p{font-size:.68rem}.matching-board{grid-template-columns:1fr;padding:1rem;gap:1.3rem}.matching-board h3{font-size:.92rem}.role-choices{gap:.55rem}.story-game .role-choice{font-size:.95rem}.restoration-stage{min-height:720px}.city-background img{object-position:50% 50%}.lab-building{width:110%;height:54%;left:-5%;bottom:37%}.tower-building{width:30%;height:47%;left:75%;bottom:48%}.restoration-stage .scene-robot{height:34%;width:39%;left:-1%;bottom:3%}.premium-reward{left:50%;top:30%;width:88%;padding:1.6rem .9rem 1rem;border-radius:8px 20px}.premium-reward h3{font-size:1.6rem;line-height:1.3}.premium-medal{width:130px;height:90px;margin-top:-65px}.premium-reward .reward-label{font-size:.57rem}.reward-discovery{font-size:.85rem!important}.reward-next{font-size:.85rem!important;width:100%}.next-availability{font-size:.57rem}.city-status{top:.6rem;left:.6rem;font-size:.67rem;padding:.4rem .65rem}.city-view-controls{bottom:.65rem;right:.65rem;flex-direction:column;gap:.35rem}.story-game .city-view-controls button{min-height:44px;font-size:.65rem;padding:.3rem .6rem}.story-game .city-hotspot{font-size:.65rem;padding:.35rem .45rem}.hotspot-lab{left:35%;top:61%}.hotspot-tower{right:2%;top:15%}.facility-info{left:.6rem;right:.6rem;bottom:6rem;max-width:none;padding:1rem}.recovery-caption{bottom:.8rem;left:.6rem;font-size:.68rem;max-width:45%}.story-game .skip-recovery{bottom:.65rem;right:.65rem;font-size:.75rem}.city-footer{padding:1.2rem 1rem}.reward-summary{grid-template-columns:1fr}.adventure-hero{grid-template-columns:1fr;padding:1.3rem}.home-world{aspect-ratio:1.1}.home-unobot{width:30%;height:65%}.home-world-label{font-size:.58rem}}@media(prefers-reduced-motion:reduce){.story-game *,.premium-city *{animation:none!important;transition:none!important}}.premium-backdrop:has(img:not([data-loaded=true])):after{content:"새로운 탐험 공간을 불러오는 중…";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.7rem 1rem;background:#14264deb;color:#fff;border-left:3px solid #26c6f9;font-size:.9rem;white-space:nowrap}.premium-backdrop:has(img[data-load-error=true]):after{content:"배경을 불러오지 못했어요. 새로고침해 주세요."}.box-button:has(img:not([data-loaded=true])):before{content:"상자 아트 불러오는 중…";position:absolute;left:10%;right:10%;top:50%;padding:1rem;background:#14264de0;color:#fff;border:1px solid #26c6f9;font-size:.85rem}.restoration-stage{min-height:max(660px,34rem)}.restoration-stage .scene-robot{max-height:430px}@media(max-width:600px){.restoration-stage{min-height:max(720px,40rem)}.restoration-stage .scene-robot{max-height:270px}}.restoration-stage{display:grid;align-content:center;padding:110px 0 100px}.restoration-stage .premium-reward{position:relative;top:auto;left:auto;transform:none;width:auto;max-width:none;margin:0 8% 0 27%}@media(max-width:600px){.restoration-stage{padding:190px 0 260px}.restoration-stage .premium-reward{margin-left:6%;margin-right:6%}}.character-frame .robot-display{max-height:none}.case-closed,.case-open{transition:opacity .35s ease}.case-open{position:absolute;inset:0;opacity:0}.mystery-box.is-open .case-closed{opacity:0}.mystery-box.is-open .case-open{opacity:1}