:root{--ink:#173e35;--muted:#5b756c;--paper:#fbfaf3;--leaf:#e9f0dd;--line:#d8e2d0;--orange:#ee8a36;--blue:#eaf3f6;--shadow:0 12px 30px rgba(42,75,61,.08)} #guided-game{max-width:1380px;margin:0 auto;padding:24px clamp(16px,3vw,42px) 32px;color:var(--ink);font-family:inherit;box-sizing:border-box}#guided-game *{box-sizing:border-box} #guided-game .game-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:var(--shadow)} #guided-game button{font:inherit;cursor:pointer}#guided-game .map-back{border:0;border-radius:999px;background:#e8efdf;color:var(--ink);padding:12px 18px;font-weight:700}#guided-game .game-top strong{font-size:clamp(16px,2vw,21px)}#guided-game .game-top>span{color:var(--muted);font-weight:700} #guided-game .game-progress{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px auto 24px}.game-progress span{padding:9px 14px;border-radius:999px;background:#f0f1eb;color:#748279;font-size:14px}.game-progress span.reached{background:#e1eddb;color:#245b48;font-weight:700} #guided-game .game-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:20px;align-items:stretch}.play-workspace,.conversation-panel{min-width:0;border:1px solid var(--line);border-radius:24px;background:#fffdf7;box-shadow:var(--shadow);padding:clamp(18px,2.4vw,30px)}.play-workspace{display:flex;flex-direction:column;gap:16px}.conversation-panel{display:flex;flex-direction:column;gap:14px;background:#f6f8ef} #guided-game .guide-talk{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#edf3e6}.guide-talk img{width:76px;height:94px;object-fit:contain;object-position:center bottom;flex:0 0 76px}.guide-talk b{font-size:16px}.guide-talk p{margin:5px 0 0;line-height:1.65;color:#31584e} #guided-game .classroom{position:relative;overflow:hidden;border-radius:18px;border:1px solid #dce4d2;background:#e9eee0;aspect-ratio:900/320;min-height:190px}.room-illustration{display:block;width:100%;height:100%;object-fit:cover}.room-window,.room-board,.room-light{position:absolute;pointer-events:none}.room-board{left:32%;top:13%;padding:8px 12px;border-radius:12px;background:#fffdf2;color:#24493e;font-weight:800;box-shadow:0 4px 14px #233b3218}.room-board small{font-size:clamp(10px,1vw,13px);font-weight:500}.room-light{inset:0;border-radius:inherit;box-shadow:inset 0 0 100px rgba(18,28,50,.25);opacity:var(--room-dim,0);transition:opacity .3s} #guided-game .stage-instruction{margin:0;color:var(--muted);font-weight:600}.game-primary,.game-secondary{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;padding:12px 22px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 5px 0 #d87528}.game-primary:disabled{background:#c7cec6;color:#66736b;box-shadow:none;cursor:not-allowed}.game-secondary{background:#e9f0df;color:var(--ink);box-shadow:none} #guided-game .chat-history{min-height:72px;max-height:220px;overflow:auto}.chat-line{margin:8px 0;padding:10px 12px;border-radius:14px;background:white;line-height:1.55}.chat-line b{display:block;font-size:12px;color:#668276}.chat-line.you{margin-left:12%;background:#e4efdc}.reply-title{font-weight:800}.chat-replies{display:grid;gap:9px}.chat-replies button,.sensor-choice,.wire-actions button,.weather-buttons button{border:1px solid #d4e1d0;border-radius:14px;background:#fff;color:var(--ink);padding:12px 14px;text-align:left;font-weight:700}.chat-replies button:hover,.sensor-choice:hover,.weather-buttons button:hover{border-color:#8aa992;background:#f4f8ef}.chat-caption,.game-foot{margin:0;color:#728178;font-size:13px}.game-foot{text-align:center;padding:18px} #guided-game .sensor-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sensor-choice{display:grid;justify-items:center;text-align:center;gap:8px;padding:14px 10px}.device-art{width:min(100%,150px);height:110px}.sensor-choice span{font-size:13px;color:var(--muted)} #guided-game .wire-lesson{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:#edf3e6}.wire-lesson p{margin:4px 0}.wire-lesson small,.small-note{color:var(--muted);line-height:1.5}.lesson-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f4d78c;font-weight:900;flex:0 0 auto}.wire-actions,.weather-buttons{display:flex;gap:10px;flex-wrap:wrap}.circuit-scene{overflow:auto;border-radius:16px;background:#faf9f2}.circuit-scene svg{display:block;width:100%;min-width:520px;height:auto}.circuit-scene text{font:14px inherit;fill:#29483e}.wire-pin{cursor:pointer}.wire-pin.hint-pin{filter:drop-shadow(0 0 7px #f5a331);stroke:#fff;stroke-width:4}.wire-legend{font-size:13px;color:var(--muted)}#game-feedback{margin:0;padding:10px 12px;border-radius:12px;background:#f0f4e9;font-weight:700} #guided-game .lux-control{display:grid;gap:8px;font-weight:700}.lux-control input{width:100%;accent-color:#e99439}.lux-control>span{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.mission-win{padding:22px;border-radius:18px;background:#f1f4e8;text-align:center}.mission-win>span{font-size:42px;color:#dc9a32}.mission-win h2{margin:6px}.mission-win p{line-height:1.7}.star-burst{position:absolute;inset:30%;pointer-events:none}.star-burst i{position:absolute;animation:pop 1s ease-out both;transform:rotate(calc(var(--i)*30deg));color:#e9a637}@keyframes pop{from{translate:0 0;opacity:1}to{translate:calc(cos(var(--i)*30deg)*90px) calc(sin(var(--i)*30deg)*90px);opacity:0}} #guided-game[data-screen=map]{max-width:1320px}.lab-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 20px;border-bottom:1px solid var(--line)}.lab-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;text-decoration:none;font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#286050;color:#fff}.lab-brand small{margin-left:8px;font-size:9px;letter-spacing:.2em}.lab-nav>a:last-child,.map-footer a{color:#4e7163}.world-map{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.45fr);overflow:hidden;margin-top:24px;border:1px solid var(--line);border-radius:26px;background:#eef0df;min-height:540px}.world-heading{padding:clamp(24px,4vw,48px);background:linear-gradient(140deg,#f4f2df,#eef0df)}.eyebrow,.land-caption span{font-size:11px;letter-spacing:.15em;color:#688074;font-weight:800}.world-heading h1{font-size:clamp(34px,4vw,54px);line-height:1.18;margin:20px 0;color:#194d40}.world-heading h1 span{display:block;color:#ba8735}.world-heading>p{line-height:1.8;color:#587369}.map-host{display:flex;align-items:center;gap:12px;margin-top:22px}.map-host img{width:86px;height:120px;object-fit:contain}.map-host div{padding:12px 15px;border:1px solid #e2ddc7;border-radius:15px;background:#fffdf4;line-height:1.6}.star-wallet{display:flex;align-items:center;gap:12px;margin-top:16px}.star-wallet>span{font-size:28px;color:#c38f35}.star-wallet b,.star-wallet small{display:block}.star-wallet small{color:var(--muted)}.world-land{position:relative;min-height:500px;overflow:hidden;background-color:#dfe9cb;background-image:radial-gradient(#c6d5b4 1px,transparent 1px);background-size:14px 14px}.land-caption{position:absolute;top:22px;left:24px;display:grid;gap:6px}.map-path{position:absolute;inset:0;width:100%;height:100%;z-index:0}.island{position:absolute;z-index:1;width:35%;min-width:180px;border:0;background:transparent;color:var(--ink);text-align:center}.island-0{left:10%;bottom:9%}.island-1{left:44%;top:34%}.island-2{right:7%;top:8%}.island:disabled{filter:grayscale(.5);opacity:.75;cursor:not-allowed}.place-art{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 5px #334b3022)}.island-number{position:absolute;z-index:2;top:0;left:50%;display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#286050;color:#fff;font-weight:900}.island-label{position:relative;display:grid;gap:3px;margin:-8px auto 0;width:fit-content;max-width:95%;padding:10px 16px;border:1px solid #e5ddc5;border-radius:14px;background:#fffdf4;box-shadow:0 4px 0 #d0d7bd}.island-label small{color:#ad792d}.map-coordinate{position:absolute;right:18px;bottom:12px;font-size:9px;color:#8c9a7d}.map-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 4px;color:var(--muted);font-size:13px}.map-footer button{border:0;background:transparent;color:#567267;text-decoration:underline;cursor:pointer} @media(max-width:850px){#guided-game .game-stage{grid-template-columns:1fr}.conversation-panel{order:2}.world-map{grid-template-columns:1fr}.world-heading{padding:24px}.world-land{min-height:460px}.island{width:34%;min-width:140px}.island-0{left:3%}.island-1{left:34%;top:35%}.island-2{right:2%;top:8%}} @media(max-width:560px){#guided-game{padding:12px}.game-top{grid-template-columns:auto 1fr;gap:8px}.game-top>span{grid-column:2}.game-top strong{font-size:14px}.map-back{padding:10px 12px!important}.game-progress{justify-content:flex-start;margin:12px auto}.game-progress span{font-size:12px;padding:7px 10px}.play-workspace,.conversation-panel{padding:14px;border-radius:18px}.guide-talk img{width:54px;height:72px;flex-basis:54px}.classroom{min-height:145px!important}.room-board{left:26%;top:5%;font-size:12px}.sensor-choices{grid-template-columns:1fr!important}.sensor-choice{grid-template-columns:76px 1fr;justify-items:start;text-align:left}.device-art{grid-row:span 2;width:76px;height:64px}.world-heading h1{font-size:36px}.world-land{min-height:360px}.island{min-width:0;width:36%}.island-label{padding:7px 9px;font-size:12px}.map-footer{display:grid}.lab-brand small{display:none}} #guided-game .room-shade{opacity:0;transition:opacity .35s ease}#guided-game .night-room .shade-unlit{opacity:.58}#guided-game .night-room .shade-lit{opacity:.28}#guided-game .lamp-on .shade-lit{opacity:.14}#guided-game .room-warmth{opacity:0;transition:opacity .35s ease}#guided-game .lamp-on .room-warmth{opacity:1}#guided-game .lamp-halo{opacity:0;transition:opacity .35s ease}#guided-game .lamp-on .lamp-halo{opacity:.75}#guided-game .lamp-on .lamp-source{fill:#fff4b5}#guided-game .bulb-glass{transition:fill .3s ease}#guided-game .lamp-on .bulb-glass{fill:#fff3b2} #guided-game .sensor-choice{background:#fff!important;color:#24483e!important;border:1px solid #d7e1d3!important;box-shadow:0 3px 0 #e4e8dc}#guided-game .sensor-choice strong,#guided-game .sensor-choice span{color:#24483e!important}#guided-game .sensor-choice.correct-choice{background:#e7f1df!important;border-color:#71977b!important;box-shadow:0 0 0 3px #d5e6cd}#guided-game .sensor-choice:hover:not(.correct-choice){background:#f5f8f0!important} #guided-game .knowledge-card{padding:16px 18px;border:1px solid #d8e3d0;border-left:5px solid #8eae87;border-radius:16px;background:linear-gradient(135deg,#f2f6e9,#fbfaf3);color:#24483e;line-height:1.65}#guided-game .knowledge-card>strong{display:block;margin-bottom:6px;font-size:16px;color:#1e5141}#guided-game .knowledge-card p{margin:5px 0}#guided-game .knowledge-card small{display:block;margin-top:7px;color:#60786d;font-size:13px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.knowledge-grid p{padding:10px;border-radius:12px;background:#fffdf7;font-size:13px}.knowledge-grid b{color:#275b49}@media(max-width:560px){#guided-game .knowledge-card{padding:13px}.knowledge-grid{grid-template-columns:1fr;gap:4px}.knowledge-grid p{margin:3px 0}} /* Align guided missions with the existing AI-Kid learning activity palette. */ #guided-game{--ink:#1b2340;--muted:#56607d;--line:#dce3ef;--accent:#ff8a3d;--accent-deep:#d96a20;--blue:#3d5afe;color:var(--ink)} #guided-game .game-top{border-color:#d9e3f2;background:#fff;box-shadow:0 8px 22px #3047780a} #guided-game .map-back{background:#eaf0ff;color:#3048b9} #guided-game .game-progress span{background:#f1f3fa;color:#66708a} #guided-game .game-progress span.reached{background:#e5ebff;color:#304fc7} #guided-game .play-workspace,#guided-game .conversation-panel{border-color:#dce4f1;background:#fff;box-shadow:0 10px 24px #3047780a} #guided-game .conversation-panel{background:linear-gradient(145deg,#f8f9ff,#f2f6ff)} #guided-game .guide-talk{background:#eaf2ff} #guided-game .guide-talk p{color:#425675} #guided-game .knowledge-card{border-color:#d9e4f4;border-left-color:#6d8bff;background:linear-gradient(135deg,#eff5ff,#fbfcff);color:#303d5c} #guided-game .knowledge-card>strong,#guided-game .knowledge-grid b{color:#293f9f} #guided-game .knowledge-card small{color:#66748c} #guided-game .knowledge-grid p{background:#fff;border:1px solid #e3e9f4;color:#4d5b73} #guided-game .wire-lesson{background:#edf3ff} #guided-game .lesson-number{background:#e5ebff;color:#304fc7} #guided-game .chat-line{border:1px solid #e4e9f2;color:#38465f} #guided-game .chat-line.you{background:#eaf1ff} #guided-game .chat-replies button,#guided-game .wire-actions button,#guided-game .weather-buttons button{border-color:#dce3ef;color:#30405e;background:#fff} #guided-game .chat-replies button:hover,#guided-game .wire-actions button:hover,#guided-game .weather-buttons button:hover{border-color:#9eb2ff;background:#f1f4ff} #guided-game .game-primary{background:#ff8a3d;color:#1b2340;box-shadow:0 5px 0 #d96a20} #guided-game .game-primary:hover:not(:disabled){background:#ff9a55} #guided-game .game-secondary{background:#eaf0ff;color:#3048b9} #guided-game .sensor-choice.correct-choice{background:#eaf1ff!important;border-color:#7894ff!important;box-shadow:0 0 0 3px #dce5ff} #guided-game .sensor-choice.correct-choice strong{color:#3048b9!important} #guided-game #game-feedback{background:#e8f6ef;color:#216548} #guided-game .mission-win{background:linear-gradient(145deg,#f0f5ff,#f8faff);border:1px solid #dce5f6} #guided-game .room-board{color:#273d68} #guided-game .sensor-explore-hint{margin:-8px 0 0;color:#66748c;font-size:13px} #guided-game .sensor-choice.explored-choice{border-color:#f2bd83!important;box-shadow:0 0 0 3px #fff0df;background:#fffaf4!important} #guided-game .sensor-choice.explored-choice strong{color:#9a5721!important} #guided-game .sensor-explorer{padding:14px 16px;border:1px solid #f0d6bd;border-left:5px solid #ff9b50;border-radius:15px;background:linear-gradient(135deg,#fff5e9,#fffdf9);color:#38465f;line-height:1.55} #guided-game .sensor-explorer[hidden]{display:none} #guided-game .sensor-explorer>strong{display:block;color:#8d4d20;margin-bottom:5px} #guided-game .sensor-explorer p{margin:4px 0;font-size:14px} #guided-game .sensor-explorer small{display:block;color:#66748c;margin-top:6px} #guided-game .sensor-result{display:grid;gap:7px;padding:14px 16px;border:1px solid #ead8b7;border-radius:14px;background:#fff7e8;color:#4e5362;font-size:14px} #guided-game .sensor-result>b{color:#8c5b20} #guided-game .sensor-result span::before{content:'• ';color:#e18a3e;font-weight:800} /* Circuit practice uses the same blue-lavender cards and warm action accent as the learning activities. */ #guided-game:not(.air-adventure){--ink:#172d73;--muted:#526486;--line:#d6e3f4;--accent:#e97422;--blue:#2579cc;color:var(--ink)} #guided-game:not(.air-adventure) .game-top{border-color:#d6e4f7;background:#fff;border-radius:18px;box-shadow:0 7px 20px #315b8910} #guided-game:not(.air-adventure) .map-back{background:#edf3ff;color:#315da2} #guided-game:not(.air-adventure) .game-progress span{background:#f1f4fa;color:#74819b} #guided-game:not(.air-adventure) .game-progress span.reached{background:#e4efff;color:#2873bd} #guided-game:not(.air-adventure) .play-workspace,#guided-game:not(.air-adventure) .conversation-panel{border-color:#d7e5f6;background:#fff;box-shadow:0 9px 24px #345b8710} #guided-game:not(.air-adventure) .conversation-panel{background:linear-gradient(145deg,#f7faff,#f1f4ff)} #guided-game:not(.air-adventure) .guide-talk{background:#eaf3ff} #guided-game:not(.air-adventure) .guide-talk p{color:#405a7c} #guided-game:not(.air-adventure) .knowledge-card{border-color:#d7e6f7;border-left-color:#4f9be0;background:linear-gradient(135deg,#f0f7ff,#fbfcff);color:#304564} #guided-game:not(.air-adventure) .knowledge-card>strong{color:#1f5795} #guided-game:not(.air-adventure) .knowledge-card small{color:#647894} #guided-game:not(.air-adventure) .knowledge-grid p{background:#fff;border:1px solid #e0eafa;color:#405573} #guided-game:not(.air-adventure) .knowledge-grid b{color:#265f9c} #guided-game:not(.air-adventure) .wire-lesson{background:linear-gradient(110deg,#edf5ff,#f4f1ff);border:1px solid #dce6f7} #guided-game:not(.air-adventure) .lesson-number{background:#e2edff;color:#315eae} #guided-game:not(.air-adventure) .wire-actions button,#guided-game:not(.air-adventure) .weather-buttons button{border-color:#d9e4f3;color:#315075;background:#fff} #guided-game:not(.air-adventure) .wire-actions button:hover,#guided-game:not(.air-adventure) .weather-buttons button:hover{border-color:#8cb8e2;background:#f1f7ff} #guided-game:not(.air-adventure) .circuit-scene{padding:12px;background:linear-gradient(135deg,#f3f8ff,#f7f4ff);border:1px solid #e1e9f6;border-radius:20px} #guided-game:not(.air-adventure) .circuit-scene svg{min-width:0} #guided-game:not(.air-adventure) .circuit-scene text{fill:#294a79} #guided-game:not(.air-adventure) .wire-legend{padding:10px 12px;border:1px solid #e0e9f6;border-radius:12px;background:#f7faff;color:#536b8a;line-height:1.7} #guided-game:not(.air-adventure) #game-feedback{background:#edf8f2;color:#216548;border:1px solid #d5eee1} #guided-game:not(.air-adventure) .game-primary{background:#e97422;color:#fff;box-shadow:0 4px 0 #c45d19} #guided-game:not(.air-adventure) .game-primary:hover:not(:disabled){background:#f18131} #guided-game:not(.air-adventure) .game-secondary{background:#eaf2ff;color:#315da2} #guided-game:not(.air-adventure) .sensor-choice{border-color:#dce7f5!important;background:linear-gradient(145deg,#fff,#f7faff)!important} #guided-game:not(.air-adventure) .sensor-choice.correct-choice{border-color:#80b7e8!important;background:#eaf4ff!important;box-shadow:0 0 0 3px #deedfc} #guided-game:not(.air-adventure) .sensor-choice.correct-choice strong{color:#215d9a!important} #guided-game:not(.air-adventure) .sensor-explorer{border-color:#f2d9bf;border-left-color:#e9954e;background:linear-gradient(135deg,#fff8ef,#fffdf8)} #guided-game:not(.air-adventure) .sensor-result{border-color:#e7ddfa;background:linear-gradient(130deg,#f6f2ff,#fff9ef)} #guided-game:not(.air-adventure) .chat-line{border:1px solid #e2e9f4;color:#405573} #guided-game:not(.air-adventure) .chat-line.you{background:#eaf2ff} #guided-game:not(.air-adventure) .chat-replies button{border-color:#dce5f2;color:#344f76;background:#fff} #guided-game:not(.air-adventure) .chat-replies button:hover{border-color:#91b9e2;background:#f1f7ff} #guided-game:not(.air-adventure) .mission-win{background:linear-gradient(145deg,#f0f7ff,#f7f4ff);border:1px solid #dce7f5} @media(max-width:1100px){#guided-game:not(.air-adventure) .game-stage{grid-template-columns:minmax(0,1fr)}#guided-game:not(.air-adventure) .conversation-panel{order:2}} @media(max-width:700px){#guided-game:not(.air-adventure) .circuit-scene{padding:8px}#guided-game:not(.air-adventure) .circuit-scene svg{min-width:520px}} #guided-game:not(.air-adventure) .sensor-module-photo{filter:drop-shadow(0 1px 1px #263e6020)} #guided-game:not(.air-adventure) .wire-lane{pointer-events:none} #guided-game:not(.air-adventure) .wire-lane-label{stroke:#d7e2f2;stroke-width:1} #guided-game:not(.air-adventure) .wire-lane-title{font-size:12px;font-weight:700;fill:#59739b} #guided-game:not(.air-adventure) .wire-guides{pointer-events:none;opacity:.8} #guided-game:not(.air-adventure) .wire-guides path{stroke:#cbd8eb;stroke-width:1.5;stroke-dasharray:4 7} #guided-game:not(.air-adventure) .wire-guides circle{fill:#cbd8eb} /* Third island starts with a visible wiring mistake that learners must diagnose and remove. */ #guided-game:not(.air-adventure) .faulty-wire{fill:none;stroke:#f3943e;stroke-width:8;stroke-linecap:round;stroke-dasharray:10 7;cursor:pointer;filter:drop-shadow(0 2px 3px #d77a3740)} #guided-game:not(.air-adventure) .faulty-wire:hover,#guided-game:not(.air-adventure) .faulty-wire:focus{stroke:#df6823;stroke-width:10;outline:none} #guided-game:not(.air-adventure) .fault-instruction{align-self:center;padding:9px 12px;border-radius:12px;background:#fff3e7;color:#a4541e;font-size:13px;font-weight:700} /* Make the orange diagnostic wire easy to select even when the pointer lands between dashes. */ #guided-game:not(.air-adventure) .faulty-wire-hit{fill:none;stroke:transparent;stroke-width:28;pointer-events:stroke;cursor:pointer} #guided-game:not(.air-adventure) .faulty-wire{pointer-events:none} /* Air mission additions are colocated in the live shared stylesheet. */ /* Chapter 02 map: reuse Chapter 01's world-map and island vocabulary. */ #guided-game.air-adventure .air-world-map{display:grid;grid-template-columns:36% 64%;min-height:570px;position:relative;border:0;border-radius:32px;overflow:hidden;background:#eceedd;box-shadow:none} #guided-game.air-adventure .air-world-heading{display:block;padding:40px 12px 30px 38px;position:relative;z-index:2;background:linear-gradient(90deg,#f0f0df 80%,transparent)} #guided-game.air-adventure .air-world-heading h1{font-family:Mitr,sans-serif;font-size:clamp(34px,3.3vw,51px);line-height:1.35;letter-spacing:-1.2px;font-weight:800;margin:18px 0;color:#254c3f} #guided-game.air-adventure .air-world-heading h1 span{display:block;color:#a97b2d} #guided-game.air-adventure .air-world-heading>p{font-size:18px;color:#667a66;line-height:1.75} #guided-game.air-adventure .air-world-heading .map-host{display:flex;gap:12px;align-items:center;margin-top:22px} #guided-game.air-adventure .air-world-heading .map-host img{width:86px;height:123px;object-fit:contain;filter:drop-shadow(0 5px 5px #47644920)} #guided-game.air-adventure .air-world-heading .map-host>div{font-size:15px;background:#fffdf4;border:1px solid #e0e1cc;border-radius:18px 18px 18px 3px;padding:12px 16px;color:#4c6754} #guided-game.air-adventure .air-world-heading .star-wallet{display:flex;align-items:center;gap:12px;margin-top:16px} #guided-game.air-adventure .air-world-heading .star-wallet>span{font-size:33px;color:#b58a2c} #guided-game.air-adventure .air-world-heading .star-wallet b{font-size:20px} #guided-game.air-adventure .air-world-heading .star-wallet small{display:block;font-size:12px;color:#74806c} #guided-game.air-adventure .air-world-land{position:relative;overflow:hidden;min-height:570px;border-radius:0 32px 32px 0;background-color:#e8eddb;background-image:radial-gradient(#c8d4b73b 1px,transparent 1px),radial-gradient(ellipse at 26% 74%,#a9c79d 0 4%,transparent 4.5%),radial-gradient(ellipse at 80% 28%,#bfd3a7 0 14%,transparent 14.5%);background-size:14px 14px,100% 100%,100% 100%} #guided-game.air-adventure .air-world-land .land-caption{position:absolute;left:28px;top:25px;z-index:1} #guided-game.air-adventure .air-world-land .land-caption span{display:block;color:#83937b;font-size:10px;letter-spacing:3px} #guided-game.air-adventure .air-world-land .land-caption b{font-size:15px;font-weight:600;color:#65765d} #guided-game.air-adventure .air-world-land .map-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} #guided-game.air-adventure .air-island{position:absolute!important;display:flex!important;flex-direction:column;align-items:center;width:34%;padding:0;border:0;background:transparent;text-align:center;z-index:2;transform-origin:center;overflow:visible;cursor:pointer} #guided-game.air-adventure .air-island.island-0{left:0;top:48%} #guided-game.air-adventure .air-island.island-1{left:24%;top:23%} #guided-game.air-adventure .air-island.island-2{left:48%;top:1%} #guided-game.air-adventure .air-world-land>button[data-level="2"]{left:36%!important} #guided-game.air-adventure .air-island-art{display:block;width:100%;height:auto;transition:transform .2s;filter:drop-shadow(0 7px 5px #52755014)} #guided-game.air-adventure .air-island:hover:enabled .air-island-art{transform:translateY(-7px)} #guided-game.air-adventure .air-island:disabled{cursor:not-allowed;opacity:.68;filter:saturate(.55)} #guided-game.air-adventure .air-island .island-number{position:absolute;top:17%;left:10%;display:grid;place-items:center;width:39px;height:39px;border:4px solid #edf0dc;border-radius:50%;background:#285e4e;color:#fff9df;font-size:14px;z-index:3;box-shadow:0 3px 0 #8eae95} #guided-game.air-adventure .air-island:disabled .island-number{background:#879486} #guided-game.air-adventure .air-island.island-done .island-number{background:#d6a748;color:#3d432f} #guided-game.air-adventure .air-island .island-label{display:block;min-width:180px;margin-top:-8px;padding:8px 14px 10px;border-radius:12px;background:#fffdf2;box-shadow:0 4px 0 #c6d2b6} #guided-game.air-adventure .air-island .island-label strong{display:block;color:#344b3c;font-size:17px;line-height:1.35} #guided-game.air-adventure .air-island .island-label small{display:block;margin-top:3px;color:#a47419;font-size:12px;font-weight:700} #guided-game.air-adventure .air-island:disabled .island-label small{color:#778477} #guided-game.air-adventure .air-island-tags{display:flex;justify-content:center;gap:5px;margin-top:5px} #guided-game.air-adventure .air-island-tags i{padding:2px 7px;border-radius:99px;background:#edf3e5;color:#496b55;font-size:10px;font-style:normal} #guided-game.air-adventure .air-world-land .map-coordinate{position:absolute;right:20px;bottom:18px;font-size:10px;letter-spacing:1px;color:#74846c} #guided-game.air-adventure .air-simulation-note{font-size:11px;color:#71806b} #guided-game.air-adventure .map-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 4px;font-size:13px;color:var(--muted)} @media(max-width:950px){ #guided-game.air-adventure .air-world-map{grid-template-columns:1fr} #guided-game.air-adventure .air-world-heading{padding:25px;display:grid;grid-template-columns:1fr 1fr} #guided-game.air-adventure .air-world-heading .eyebrow{grid-column:1/-1} #guided-game.air-adventure .air-world-heading h1{font-size:32px;margin:9px 0} #guided-game.air-adventure .air-world-heading h1 br{display:none} #guided-game.air-adventure .air-world-heading h1 span{display:inline} #guided-game.air-adventure .air-world-heading>p{font-size:15px;grid-column:1} #guided-game.air-adventure .air-world-heading .map-host{grid-column:2;grid-row:2/4;margin:0;justify-content:center} #guided-game.air-adventure .air-world-heading .map-host img{height:100px;width:70px} #guided-game.air-adventure .air-world-heading .map-host>div{display:none} #guided-game.air-adventure .air-world-heading .star-wallet{position:absolute;right:20px;bottom:-55px;z-index:4;background:#fff9e8;border-radius:14px;padding:5px 12px;margin:0} #guided-game.air-adventure .air-world-land{min-height:530px;border-radius:0 0 28px 28px} #guided-game.air-adventure .air-island{width:40%} #guided-game.air-adventure .air-island.island-0{left:0;top:49%} #guided-game.air-adventure .air-island.island-1{left:25%;top:24%} #guided-game.air-adventure .air-island.island-2{left:50%;top:2%} #guided-game.air-adventure .air-world-land>button[data-level="2"]{left:36%!important} } @media(max-width:600px){ #guided-game.air-adventure .air-world-heading{display:block;padding:22px} #guided-game.air-adventure .air-world-heading h1{font-size:33px} #guided-game.air-adventure .air-world-heading>p{max-width:190px;font-size:14px} #guided-game.air-adventure .air-world-heading .map-host{position:absolute;right:7px;bottom:12px} #guided-game.air-adventure .air-world-heading .star-wallet{right:15px;bottom:-42px} #guided-game.air-adventure .air-world-land{min-height:510px} #guided-game.air-adventure .air-world-land .map-path{display:none} #guided-game.air-adventure .air-island{width:54%} #guided-game.air-adventure .air-island.island-0{left:-2%;top:54%} #guided-game.air-adventure .air-island.island-1{left:39%;top:30%} #guided-game.air-adventure .air-island.island-2{left:3%;top:5%} #guided-game.air-adventure .air-world-land>button[data-level="2"]{left:3%!important} #guided-game.air-adventure .air-island .island-label{min-width:145px;padding:7px 10px} #guided-game.air-adventure .air-island .island-label strong{font-size:15px} #guided-game.air-adventure .air-world-land .land-caption{top:15px;left:16px} #guided-game.air-adventure .air-world-land .land-caption b{display:none} #guided-game.air-adventure .map-footer{font-size:11px;flex-wrap:wrap} } /* Air chapter dashboard in the same pastel learning-card language as the sensor lesson. */ #guided-game.air-adventure{--air-ink:#172d73;--air-blue:#1675d1;--air-muted:#526486;--air-line:#d6e7ff;padding-bottom:42px} #guided-game.air-adventure .air-dashboard{padding:16px 8px 0;background:linear-gradient(130deg,#e7f3ff 0%,#eff5ff 48%,#f0eaff 100%);border-radius:28px} #guided-game.air-adventure .air-dashboard-progress{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:78px;margin:0 0 22px;padding:12px 20px 20px;border:1px solid #d5e4fa;border-radius:20px;background:#ffffffd9;box-shadow:0 6px 20px #344e7610} #guided-game.air-adventure .air-dashboard-progress>button{padding:11px 17px;border:1px solid #d7e7ff;border-radius:14px;background:#fff1e5;color:#19356e;font-size:14px;font-weight:700;cursor:pointer} #guided-game.air-adventure .air-dashboard-progress-copy{display:grid;gap:3px;color:var(--air-ink)} #guided-game.air-adventure .air-dashboard-progress-copy strong{font-size:16px} #guided-game.air-adventure .air-dashboard-progress-copy span{font-size:12px;color:var(--air-muted)} #guided-game.air-adventure .air-progress-track{position:absolute;left:245px;right:60px;bottom:8px;height:7px;overflow:hidden;border-radius:99px;background:#dce8f8} #guided-game.air-adventure .air-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#33b885,#2581dc);transition:width .3s} #guided-game.air-adventure .air-dashboard-progress>b{align-self:start;padding:4px 9px;border-radius:99px;background:#eee7ff;color:#6946d5;font-size:11px} #guided-game.air-adventure .air-dashboard-kicker{display:inline-block;margin:0 0 8px 8px;padding:7px 15px;border-radius:99px;background:#fff;color:#3177c5;font-size:12px;font-weight:700} #guided-game.air-adventure .air-dashboard-title{display:flex;align-items:center;gap:18px;padding:12px 20px 20px;color:var(--air-ink)} #guided-game.air-adventure .air-title-icon{display:grid;place-items:center;width:72px;height:72px;flex:none;border-radius:22px;background:#fff3cb;color:#f3a800;font-size:38px;box-shadow:inset 0 0 0 1px #ffdfa0} #guided-game.air-adventure .air-dashboard-title h1{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-1.4px} #guided-game.air-adventure .air-dashboard-title p{margin:7px 0 0;color:#304c91;font-size:18px} #guided-game.air-adventure .air-learning-badge{display:flex;align-items:center;gap:11px;margin-left:auto;padding:12px 22px;border:1px solid #e1eaff;border-radius:999px;background:#ffffffd9;box-shadow:0 6px 20px #34577d12} #guided-game.air-adventure .air-learning-badge>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e3f3ff;font-size:25px} #guided-game.air-adventure .air-learning-badge b,#guided-game.air-adventure .air-learning-badge small{display:block} #guided-game.air-adventure .air-learning-badge b{font-size:18px} #guided-game.air-adventure .air-learning-badge small{margin-top:2px;color:var(--air-muted);font-size:12px} #guided-game.air-adventure .air-dashboard-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,2.22fr);gap:16px;padding:0 16px} #guided-game.air-adventure .air-overview-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #cfe4ff;border-radius:24px;background:#fff;box-shadow:0 8px 24px #315b8910} #guided-game.air-adventure .air-overview-image{position:relative;display:grid;place-items:center;min-height:260px;overflow:hidden;border-radius:19px;background:radial-gradient(circle,#dfefff 0 57%,transparent 58%),linear-gradient(140deg,#f8fbff,#f0f7ff)} #guided-game.air-adventure .air-overview-image img{width:82%;height:250px;object-fit:contain;mix-blend-mode:multiply} #guided-game.air-adventure .air-image-bubble{position:absolute;right:10px;top:12px;padding:9px 13px;border-radius:16px 16px 4px 16px;background:#fff;color:#3972ad;font-size:12px;font-weight:700;box-shadow:0 4px 14px #396da51a} #guided-game.air-adventure .air-overview-card>h2{margin:15px 0 4px;color:var(--air-ink);font-size:23px} #guided-game.air-adventure .air-overview-card>p{margin:0;color:#3b527f;font-size:14px;line-height:1.7} #guided-game.air-adventure .air-overview-card .air-mascot{align-items:center;gap:8px;margin:13px 0} #guided-game.air-adventure .air-overview-card .air-mascot img{width:60px;height:76px;object-fit:contain} #guided-game.air-adventure .air-overview-card .air-mascot>div{padding:9px 11px;border:1px solid #e5e7fb;border-radius:16px 16px 16px 4px;background:#f7f7ff;color:#42547d;font-size:12px} #guided-game.air-adventure .air-overview-sensors{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto} #guided-game.air-adventure .air-overview-sensors span{padding:7px 11px;border-radius:99px;background:#eef5ff;color:#3167a7;font-size:11px;font-weight:700} #guided-game.air-adventure .air-data-note{margin-top:11px;color:#7585a2;font-size:10px;line-height:1.5} #guided-game.air-adventure .air-mission-list{display:grid;grid-template-columns:1fr;align-content:start;gap:12px;min-width:0} #guided-game.air-adventure .air-mission-card{display:grid;grid-template-columns:1fr auto;gap:10px 16px;min-width:0;padding:15px 18px;border:1px solid #d9e8fa;border-radius:21px;background:#fff;box-shadow:0 6px 18px #315b890c;transition:transform .16s,box-shadow .16s} #guided-game.air-adventure .air-mission-card.is-unlocked:hover{transform:translateY(-2px);box-shadow:0 10px 24px #315b8919} #guided-game.air-adventure .air-mission-card-0{background:linear-gradient(120deg,#f5fbff,#fff)} #guided-game.air-adventure .air-mission-card-1{background:linear-gradient(120deg,#f2fff9,#fff)} #guided-game.air-adventure .air-mission-card-2{background:linear-gradient(120deg,#fff9ec,#fff)} #guided-game.air-adventure .air-mission-card-top{display:flex;align-items:center;gap:10px} #guided-game.air-adventure .air-mission-number{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e4f2ff;color:#1876ca;font-weight:900} #guided-game.air-adventure .air-mission-card-1 .air-mission-number{background:#dff8ec;color:#12945e} #guided-game.air-adventure .air-mission-card-2 .air-mission-number{background:#fff0c9;color:#bd7e00} #guided-game.air-adventure .air-mission-status{padding:5px 10px;border-radius:99px;background:#eaf4ff;color:#3176b4;font-size:11px;font-weight:800} #guided-game.air-adventure .air-mission-card.is-done .air-mission-status{background:#fff0cc;color:#90651c} #guided-game.air-adventure .air-mission-card.is-locked .air-mission-status{background:#f0f1f4;color:#747d8f} #guided-game.air-adventure .air-mission-card-body{display:flex;align-items:center;gap:13px;min-width:0} #guided-game.air-adventure .air-mission-icon{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:17px;background:#e6f3ff;color:#2380cb;font-size:37px} #guided-game.air-adventure .air-mission-card-1 .air-mission-icon{background:#dcf8ed;color:#1aa16b} #guided-game.air-adventure .air-mission-card-2 .air-mission-icon{background:#fff0c8;color:#e5a000} #guided-game.air-adventure .air-mission-card-body h2{margin:0;color:var(--air-ink);font-size:20px;line-height:1.3} #guided-game.air-adventure .air-mission-card-body p{margin:4px 0 8px;color:#4d6087;font-size:13px} #guided-game.air-adventure .air-mission-tags{display:flex;flex-wrap:wrap;gap:6px} #guided-game.air-adventure .air-mission-tags span{padding:4px 9px;border-radius:99px;background:#edf4ff;color:#486895;font-size:10px;font-weight:700} #guided-game.air-adventure .air-mission-action{align-self:center;min-width:190px;padding:12px 15px;border:0;border-radius:14px;background:#2678cf;color:#fff;font-size:14px;font-weight:800;box-shadow:0 4px 0 #1f61aa;cursor:pointer} #guided-game.air-adventure .air-mission-card-1 .air-mission-action{background:#1d9d6b;box-shadow:0 4px 0 #13794f} #guided-game.air-adventure .air-mission-card-2 .air-mission-action{background:#e7a20a;box-shadow:0 4px 0 #bd7c00} #guided-game.air-adventure .air-mission-action:hover:enabled{filter:brightness(1.05);transform:translateY(-1px)} #guided-game.air-adventure .air-mission-action:disabled{background:#e7e9ee;color:#758099;box-shadow:none;cursor:not-allowed} #guided-game.air-adventure .air-dashboard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:14px 18px;color:#6b7b98;font-size:11px} @media(max-width:1000px){#guided-game.air-adventure .air-dashboard-grid{grid-template-columns:1fr}.air-overview-image{min-height:220px!important}.air-overview-image img{height:210px!important}.air-mission-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:700px){#guided-game.air-adventure .air-dashboard{padding:10px 4px 0;border-radius:20px}.air-dashboard-progress{grid-template-columns:1fr auto!important;gap:8px!important;padding:10px 12px 22px!important}.air-dashboard-progress>button{grid-column:1/-1;justify-self:start}.air-progress-track{left:12px!important;right:54px!important}.air-dashboard-title{align-items:flex-start!important;gap:10px!important;padding:10px!important}.air-title-icon{width:50px!important;height:50px!important;font-size:27px!important;border-radius:15px!important}.air-dashboard-title h1{font-size:30px!important}.air-dashboard-title p{font-size:13px!important}.air-learning-badge{display:none!important}.air-dashboard-grid{padding:0 7px!important}.air-overview-card{padding:14px!important}.air-overview-image{min-height:190px!important}.air-overview-image img{height:180px!important}.air-mission-card{grid-template-columns:1fr!important;padding:13px!important}.air-mission-card-body{gap:10px!important}.air-mission-card-body h2{font-size:17px!important}.air-mission-card-body p{font-size:12px!important}.air-mission-icon{width:44px!important;height:44px!important;font-size:28px!important}.air-mission-action{width:100%;min-width:0!important}.air-dashboard-footer{flex-direction:column}} @media(min-width:701px) and (max-width:1000px){#guided-game.air-adventure .air-mission-list{grid-template-columns:repeat(2,minmax(0,1fr))}.air-mission-card{align-content:start}.air-mission-action{grid-column:1/-1;width:100%}} /* Chapter 02 first mission shares the guided lesson layout and interaction language of Chapter 01. */ #guided-game.air-adventure .game-top{border:1px solid #d6e4f7;border-radius:18px;background:#fff;box-shadow:0 7px 20px #315b8910} #guided-game.air-adventure .game-top .map-back{background:#edf3ff;color:#315da2} #guided-game.air-adventure .game-progress{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:16px auto 20px} #guided-game.air-adventure .game-progress span{padding:8px 12px;border-radius:999px;background:#f1f4fa;color:#74819b;font-size:13px} #guided-game.air-adventure .game-progress span.reached{background:#e4efff;color:#2873bd;font-weight:700} #guided-game.air-adventure .play-workspace,#guided-game.air-adventure .conversation-panel{border-color:#d7e5f6;background:#fff;box-shadow:0 9px 24px #345b8710} #guided-game.air-adventure .conversation-panel{background:linear-gradient(145deg,#f7faff,#f1f4ff)} #guided-game.air-adventure .guide-talk{background:#eaf3ff} #guided-game.air-adventure .guide-talk p{color:#405a7c} #guided-game.air-adventure .air-lesson-card{border-color:#d7e6f7;border-left-color:#4f9be0;background:linear-gradient(135deg,#f0f7ff,#fbfcff);color:#304564} #guided-game.air-adventure .air-lesson-card>strong{color:#1f5795} #guided-game.air-adventure .air-lesson-card p{line-height:1.7} #guided-game.air-adventure .air-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0} #guided-game.air-adventure .air-lesson-grid article{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;align-items:center;padding:12px;border:1px solid #e1eafa;border-radius:15px;background:#fff} #guided-game.air-adventure .air-lesson-grid article>span{grid-row:span 2;font-size:25px} #guided-game.air-adventure .air-lesson-grid article b{color:#243f80} #guided-game.air-adventure .air-lesson-grid article p{grid-column:2;margin:0;color:#586b89;font-size:13px} #guided-game.air-adventure .air-sensor-showcase{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #dce8f6;border-radius:18px;background:#f8fbff} #guided-game.air-adventure .air-sensor-showcase img{width:130px;height:96px;object-fit:contain;border-radius:12px;background:#fff} #guided-game.air-adventure .air-sensor-showcase strong,#guided-game.air-adventure .air-sensor-showcase p{display:block} #guided-game.air-adventure .air-sensor-showcase strong{margin:4px 0;color:#1d3678;font-size:19px} #guided-game.air-adventure .air-sensor-showcase p{margin:0;color:#5b6d89;font-size:14px} #guided-game.air-adventure .air-eyebrow{color:#3482c6;font-size:11px;font-weight:800;letter-spacing:.08em} #guided-game.air-adventure .air-sensor-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #guided-game.air-adventure .air-sensor-option{display:grid;grid-template-columns:90px minmax(0,1fr);gap:7px 12px;align-items:center;padding:13px;border:1px solid #dce7f5;border-radius:18px;background:linear-gradient(145deg,#fff,#f7faff);color:#304564;text-align:left;cursor:pointer} #guided-game.air-adventure .air-sensor-option:hover{border-color:#9ebbe2;background:#f4f8ff} #guided-game.air-adventure .air-sensor-option.is-selected{border-color:#78a8dc;background:#eaf4ff;box-shadow:0 0 0 3px #dcecff} #guided-game.air-adventure .air-sensor-option img{grid-row:span 2;width:90px;height:82px;object-fit:contain;border-radius:12px;background:#fff} #guided-game.air-adventure .air-sensor-option strong,#guided-game.air-adventure .air-sensor-option small{display:block} #guided-game.air-adventure .air-sensor-option strong{color:#243f80;font-size:17px} #guided-game.air-adventure .air-sensor-option small{margin-top:4px;color:#5a6d8b;font-size:12px;line-height:1.45} #guided-game.air-adventure .air-sensor-option i{grid-column:2;color:#3476b6;font-size:11px;font-style:normal;font-weight:800} #guided-game.air-adventure .air-choice-feedback{padding:10px 12px;border-radius:12px;background:#e9f7ef;color:#246548;font-size:13px} #guided-game.air-adventure .air-choice-feedback.is-mismatch{background:#fff5e8;color:#8b571d} #guided-game.air-adventure .air-wire-lesson{border:1px solid #dce6f7;background:linear-gradient(110deg,#edf5ff,#f4f1ff)} #guided-game.air-adventure .air-circuit-scene{padding:12px;border:1px solid #e1e9f6;border-radius:20px;background:linear-gradient(135deg,#f3f8ff,#f7f4ff)} #guided-game.air-adventure .air-circuit-heading{display:flex;align-items:center;gap:12px;margin:0 0 7px;color:#294a79} #guided-game.air-adventure .air-circuit-heading span{color:#607491;font-size:12px} #guided-game.air-adventure .air-circuit-heading img{width:66px;height:48px;margin-left:auto;object-fit:contain;border:1px solid #dce6f2;border-radius:10px;background:#fff} #guided-game.air-adventure .air-circuit-svg{display:block;width:100%;min-width:570px;height:auto;touch-action:none} #guided-game.air-adventure .air-board-title,#guided-game.air-adventure .air-module-title{fill:#294a79;font-size:15px;font-weight:700} #guided-game.air-adventure .air-pin-label{fill:#294a79;font-size:14px} #guided-game.air-adventure .air-wire-lane{fill:#fff;opacity:.48;stroke:#e2eaf6} #guided-game.air-adventure .air-wire-lane-title{fill:#59739b;font-size:12px;font-weight:700} #guided-game.air-adventure .air-wire-pin{cursor:grab;filter:drop-shadow(0 2px 3px #263e6024)} #guided-game.air-adventure .air-wire-pin:hover,#guided-game.air-adventure .air-wire-pin:focus{stroke:#ff9b50;stroke-width:6;outline:none} #guided-game.air-adventure .air-wire-pin.is-connected{filter:drop-shadow(0 0 4px #3686c866)} #guided-game.air-adventure .air-connected-wire{fill:none;stroke-width:7;stroke-linecap:round;pointer-events:none} #guided-game.air-adventure .air-wire-legend{padding:10px 12px;border:1px solid #e0e9f6;border-radius:12px;background:#f7faff;color:#536b8a;line-height:1.8} #guided-game.air-adventure #air-action-feedback{padding:10px 12px;border:1px solid #d5e5f7;border-radius:12px;background:#f7faff;color:#385477;font-size:13px} #guided-game.air-adventure .air-experiment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.8fr);gap:12px;align-items:stretch} #guided-game.air-adventure .air-material-board,#guided-game.air-adventure .air-sensor-target{padding:14px;border:1px solid #dce7f5;border-radius:18px;background:#f9fbff} #guided-game.air-adventure .air-material-board h3{margin:0;color:#243f80;font-size:16px} #guided-game.air-adventure .air-material-board>p{margin:4px 0 12px;color:#60728c;font-size:12px} #guided-game.air-adventure .air-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #guided-game.air-adventure .air-material{display:grid;justify-items:center;gap:3px;min-height:104px;padding:9px;border:1px solid #dce7f5;border-radius:15px;background:#fff;color:#304564;cursor:grab} #guided-game.air-adventure .air-material:hover,#guided-game.air-adventure .air-material.is-selected{border-color:#85b3e3;background:#eef6ff} #guided-game.air-adventure .air-material>span{font-size:28px} #guided-game.air-adventure .air-material b{font-size:13px} #guided-game.air-adventure .air-material small{color:#71809a;font-size:11px} #guided-game.air-adventure .air-purifier{width:100%;margin-top:10px;padding:10px;border:1px solid #cfe3fa;border-radius:13px;background:#edf5ff;color:#315da2;font-weight:800;cursor:pointer} #guided-game.air-adventure .air-tested-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} #guided-game.air-adventure .air-tested-list span{padding:5px 8px;border-radius:99px;background:#eef1f6;color:#72809a;font-size:10px} #guided-game.air-adventure .air-tested-list span.is-observed{background:#e4f5eb;color:#26724c} #guided-game.air-adventure .air-sensor-target{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:230px;border:2px dashed #a9c9e8;background:linear-gradient(145deg,#f2f8ff,#f8f6ff);text-align:center;cursor:pointer;transition:background .15s,border-color .15s} #guided-game.air-adventure .air-sensor-target.is-drag-over{border-color:#ff9b50;background:#fff6eb} #guided-game.air-adventure .air-drop-caption{padding:5px 9px;border-radius:99px;background:#e5efff;color:#3473af;font-size:11px;font-weight:800} #guided-game.air-adventure .air-sensor-target img{width:125px;height:100px;object-fit:contain;margin:5px 0} #guided-game.air-adventure .air-sensor-target strong{color:#243f80;font-size:18px} #guided-game.air-adventure .air-sensor-target small{max-width:220px;margin-top:4px;color:#64748c;font-size:11px;line-height:1.5} #guided-game.air-adventure .air-simulated-meter{padding:14px;border:1px solid #d7e5f6;border-radius:16px;background:linear-gradient(120deg,#f3f8ff,#fbf8ff)} #guided-game.air-adventure .air-simulated-meter>div:first-child{display:flex;justify-content:space-between;gap:10px;color:#526986} #guided-game.air-adventure .air-simulated-meter>div:first-child small{font-size:11px} #guided-game.air-adventure .air-simulated-meter>div:first-child b{color:#315da2} #guided-game.air-adventure .air-reading-value{display:block;margin:4px 0 8px;color:#1d63b6;font-size:28px} #guided-game.air-adventure .air-meter-track{height:13px;overflow:hidden;border-radius:99px;background:#e2eaf4} #guided-game.air-adventure .air-meter-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5bb9e6,#f0a33d);transition:width .3s} #guided-game.air-adventure .air-simulated-meter p{margin:8px 0 0;color:#526986;font-size:12px} #guided-game.air-adventure .air-summary-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid #d3eadb;border-radius:17px;background:#eff9f2;color:#315746} #guided-game.air-adventure .air-summary-card.is-mismatch{border-color:#f0dfbd;background:#fff8eb;color:#76551f} #guided-game.air-adventure .air-summary-card>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#d9f0e1;font-size:20px;font-weight:900} #guided-game.air-adventure .air-summary-card.is-mismatch>span{background:#fff0d4} #guided-game.air-adventure .air-summary-card strong{font-size:16px} #guided-game.air-adventure .air-summary-card p{margin:5px 0;color:#4f637d;line-height:1.6} #guided-game.air-adventure .air-summary-card small{color:#72809a} #guided-game.air-adventure .air-summary-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #guided-game.air-adventure .air-summary-readings article{display:grid;gap:5px;padding:11px;border:1px solid #e1eafa;border-radius:13px;background:#fff} #guided-game.air-adventure .air-summary-readings small{color:#72809a;font-size:11px} #guided-game.air-adventure .air-summary-readings b{color:#315da2;font-size:13px;line-height:1.4} #guided-game.air-adventure .game-secondary[data-air-retry],#guided-game.air-adventure .game-secondary[data-air-map]{align-self:flex-start} @media(max-width:700px){ #guided-game.air-adventure .air-lesson-grid,#guided-game.air-adventure .air-sensor-options{grid-template-columns:1fr} #guided-game.air-adventure .air-sensor-showcase img{width:95px;height:78px} #guided-game.air-adventure .air-experiment-layout{grid-template-columns:1fr} #guided-game.air-adventure .air-materials{grid-template-columns:repeat(2,minmax(0,1fr))} #guided-game.air-adventure .air-sensor-target{min-height:190px} #guided-game.air-adventure .air-summary-readings{grid-template-columns:1fr} #guided-game.air-adventure .air-circuit-scene{overflow-x:auto} } /* Chapter 02 question screen: keep the evidence and answer area in the same card language as its map. */ #guided-game.air-adventure .air-play{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start;margin:0 0 10px} #guided-game.air-adventure .air-evidence,#guided-game.air-adventure .air-question{min-width:0;padding:clamp(18px,2.2vw,28px);border:1px solid #d8e6f7;border-radius:24px;background:#fff;box-shadow:0 8px 24px #315b8910} #guided-game.air-adventure .air-evidence{display:grid;align-content:start;gap:16px} #guided-game.air-adventure .air-scene-head>span{display:inline-flex;padding:6px 11px;border-radius:999px;background:#eaf3ff;color:#3477bb;font-size:12px;font-weight:800} #guided-game.air-adventure .air-scene-head h1{margin:12px 0 4px;color:#172d73;font-size:clamp(27px,3vw,38px);line-height:1.2} #guided-game.air-adventure .air-scene-head p{margin:0;color:#526486;font-size:15px;line-height:1.65} #guided-game.air-adventure .air-scene{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1fr);gap:16px;align-items:center;margin:0;padding:14px;border:1px solid #dfebfa;border-radius:20px;background:linear-gradient(135deg,#f5faff,#f4f1ff)} #guided-game.air-adventure .air-scene img{display:block;width:100%;height:190px;object-fit:contain;padding:8px;border-radius:15px;background:#fff} #guided-game.air-adventure .air-scene figcaption{display:flex;align-items:flex-start;gap:9px;color:#425c82;font-size:14px;line-height:1.65} #guided-game.air-adventure .air-scene figcaption>span{flex:none;font-size:20px} #guided-game.air-adventure .air-reading-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#233f7d;font-size:15px;font-weight:800} #guided-game.air-adventure .air-reading-title>span{padding:5px 9px;border-radius:999px;background:#f0edff;color:#7055b5;font-size:11px;font-weight:700} #guided-game.air-adventure .air-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px} #guided-game.air-adventure .air-readings article{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 8px;padding:14px 15px;border:1px solid #dceafa;border-radius:17px;background:linear-gradient(145deg,#f4f9ff,#fff)} #guided-game.air-adventure .air-readings article small{grid-column:1/-1;color:#637695;font-size:12px;font-weight:700} #guided-game.air-adventure .air-readings article strong{color:#176bc0;font-size:clamp(24px,3vw,32px);line-height:1.1} #guided-game.air-adventure .air-readings article>span{padding-bottom:2px;color:#647491;font-size:13px} #guided-game.air-adventure .air-sensor-tags{display:flex;flex-wrap:wrap;gap:7px} #guided-game.air-adventure .air-sensor-tags>span{padding:5px 10px;border-radius:999px;background:#eaf3e8;color:#3d7058;font-size:11px;font-weight:800} #guided-game.air-adventure .air-disclaimer{margin:0;padding-top:10px;border-top:1px solid #edf1f6;color:#71809a;font-size:11px;line-height:1.55} #guided-game.air-adventure .air-question{display:flex;flex-direction:column;gap:15px;background:linear-gradient(145deg,#f1f7ff,#f6f2ff)} #guided-game.air-adventure .air-kid{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #e0eafa;border-radius:18px;background:#fff} #guided-game.air-adventure .air-kid img{display:block;flex:none;width:64px;height:82px;object-fit:contain;object-position:center bottom} #guided-game.air-adventure .air-kid b{display:block;color:#1b3678;font-size:15px} #guided-game.air-adventure .air-kid p{margin:5px 0 0;color:#2d477b;font-size:16px;font-weight:700;line-height:1.55} #guided-game.air-adventure .air-prompt-hint{padding:10px 12px;border-left:3px solid #f0b33b;border-radius:0 12px 12px 0;background:#fff8e8;color:#72551c;font-size:13px;line-height:1.55} #guided-game.air-adventure .air-choices{display:grid;gap:10px;margin-top:0} #guided-game.air-adventure .air-choices button{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:12px 14px;border:1px solid #d9e6f6;border-radius:15px;background:#fff;color:#31486f;text-align:left;font-size:15px;font-weight:700;line-height:1.45;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s} #guided-game.air-adventure .air-choices button:hover{transform:translateY(-1px);border-color:#8cb8e6;background:#f8fbff;box-shadow:0 5px 14px #315b8912} #guided-game.air-adventure .air-choices button:focus-visible,#guided-game.air-adventure .air-next:focus-visible{outline:3px solid #82baff;outline-offset:2px} #guided-game.air-adventure .choice-sparkle{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#fff2cb;color:#c78b15;font-size:13px} #guided-game.air-adventure .air-feedback{margin:0;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:700;line-height:1.6} #guided-game.air-adventure .air-feedback.correct{border:1px solid #cce8d5;background:#eaf7ee;color:#276342} #guided-game.air-adventure .air-feedback.wrong{border:1px solid #f1ddb9;background:#fff7e8;color:#83591e} #guided-game.air-adventure .air-next{align-self:flex-start;min-height:46px;padding:11px 17px;border:0;border-radius:14px;background:#2383d5;color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #1769b2} #guided-game.air-adventure .air-next:hover{background:#176fbd} @media(max-width:900px){ #guided-game.air-adventure .air-play{grid-template-columns:1fr} #guided-game.air-adventure .air-question{min-height:0} } @media(max-width:560px){ #guided-game.air-adventure .air-evidence,#guided-game.air-adventure .air-question{padding:16px;border-radius:19px} #guided-game.air-adventure .air-scene{grid-template-columns:1fr} #guided-game.air-adventure .air-scene img{height:155px} #guided-game.air-adventure .air-kid p{font-size:14px} } /* Chapter 02 experiment: turn the air simulation into a clear four-clue game mission. */ #guided-game.air-adventure[data-step="3"] .game-progress span:nth-child(-n+3){background:#e9f5ee;color:#2e7858} #guided-game.air-adventure[data-step="3"] .game-progress span:nth-child(4){border:1px solid #f6c972;background:#fff1ce;color:#8b5918;box-shadow:0 0 0 3px #fff8e5;font-weight:900} #guided-game.air-adventure[data-step="3"] .game-top>span{padding:6px 11px;border-radius:99px;background:#fff0d0;color:#875819;font-weight:800} #guided-game.air-adventure .air-quest-banner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;overflow:hidden;padding:15px 17px;border:1px solid #cfe2f9;border-radius:20px;background:radial-gradient(circle at 95% 12%,#ffe9bb 0 9%,transparent 9.5%),linear-gradient(110deg,#edf6ff,#f2f0ff 68%,#fff7e8);box-shadow:0 5px 14px #416ca610} #guided-game.air-adventure .air-quest-emblem{display:grid;place-items:center;width:52px;height:52px;border:1px solid #f3dcaa;border-radius:17px;background:linear-gradient(145deg,#fff7dc,#ffe9af);font-size:27px;box-shadow:0 4px 0 #f0d69c} #guided-game.air-adventure .air-quest-copy{min-width:0} #guided-game.air-adventure .air-quest-copy>small{display:block;margin-bottom:3px;color:#5477a7;font-size:11px;font-weight:800;letter-spacing:.3px} #guided-game.air-adventure .air-quest-copy>strong{display:block;color:#203b83;font-size:18px;line-height:1.35} #guided-game.air-adventure .air-quest-copy>p{margin:3px 0 0;color:#5f6f8d;font-size:12px;line-height:1.45} #guided-game.air-adventure .air-quest-goal{display:grid;gap:2px;min-width:105px;padding:8px 11px;border:1px solid #ead6a5;border-radius:13px;background:#fffaf0;color:#8c641d;text-align:center;font-size:11px;font-weight:700} #guided-game.air-adventure .air-quest-goal small{font-size:12px;font-weight:900} #guided-game.air-adventure .air-material-board{padding:16px;border-color:#d5e3f8;background:linear-gradient(155deg,#fbfdff,#f7f8ff);box-shadow:0 5px 16px #315b8910} #guided-game.air-adventure .air-material-heading{display:flex;align-items:center;justify-content:space-between;gap:8px} #guided-game.air-adventure .air-material-board h3{color:#1d397f;font-size:17px} #guided-game.air-adventure .air-material-board>p,#guided-game.air-adventure .air-material-heading p{margin:4px 0 0;color:#657795;font-size:12px;line-height:1.45} #guided-game.air-adventure .air-clue-count{flex:none;min-width:55px;padding:7px 9px;border:1px solid #d8e5f8;border-radius:99px;background:#fff;color:#315da2;text-align:center;font-size:13px;font-weight:900} #guided-game.air-adventure .air-clue-track{height:8px;margin:10px 0 13px;overflow:hidden;border-radius:99px;background:#e4ebf6} #guided-game.air-adventure .air-clue-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#61c99a,#3c91dc,#8b75ed);transition:width .3s ease} #guided-game.air-adventure .air-materials{gap:9px} #guided-game.air-adventure .air-material{position:relative;min-height:128px;padding:11px 7px 9px;border-color:#dce6f5;border-radius:17px;background:linear-gradient(160deg,#fff,#f7faff);box-shadow:0 3px 0 #e4eaf3;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s} #guided-game.air-adventure .air-material:nth-child(1){--token-bg:#fff0dc;--token-line:#f4d39c} #guided-game.air-adventure .air-material:nth-child(2){--token-bg:#e8f1ff;--token-line:#c8dafa} #guided-game.air-adventure .air-material:nth-child(3){--token-bg:#e4f8f5;--token-line:#bce8df} #guided-game.air-adventure .air-material:hover{transform:translateY(-3px);border-color:#8db9e8;box-shadow:0 6px 0 #dbe6f3} #guided-game.air-adventure .air-material.is-selected{transform:translateY(-2px);border-color:#557dff;background:linear-gradient(160deg,#fff,#eff3ff);box-shadow:0 0 0 3px #dfe7ff,0 5px 0 #cbd7f5} #guided-game.air-adventure .air-material.is-selected::after{position:absolute;top:6px;right:7px;padding:2px 6px;border-radius:99px;background:#536dce;color:#fff;content:'เลือกแล้ว';font-size:9px;font-weight:800} #guided-game.air-adventure .air-material>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--token-line);border-radius:16px;background:var(--token-bg);font-size:27px;filter:drop-shadow(0 3px 2px #243b6013)} #guided-game.air-adventure .air-material b{margin-top:2px;color:#2d4778;font-size:13px} #guided-game.air-adventure .air-material small{color:#71809b;font-size:10px} #guided-game.air-adventure .air-purifier{display:flex;align-items:center;gap:10px;min-height:51px;padding:7px 10px;border:1px solid #cdddf4;background:linear-gradient(100deg,#edf5ff,#f2efff);color:#315da2;text-align:left;transition:transform .15s,box-shadow .15s} #guided-game.air-adventure .air-purifier:hover{transform:translateY(-2px);box-shadow:0 4px 10px #315b891c} #guided-game.air-adventure .air-purifier>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;font-size:20px} #guided-game.air-adventure .air-purifier>span:nth-child(2){display:grid;gap:2px} #guided-game.air-adventure .air-purifier b{font-size:12px} #guided-game.air-adventure .air-purifier small{color:#687a99;font-size:10px;font-weight:500} #guided-game.air-adventure .air-purifier-action{margin-left:auto;padding:5px 9px;border-radius:99px;background:#fff;color:#4669b5;font-size:10px;font-weight:900} #guided-game.air-adventure .air-tested-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px} #guided-game.air-adventure .air-tested-list span{padding:7px 8px;border:1px solid #e0e7f2;border-radius:11px;background:#fff;color:#74809a;font-size:10px;font-weight:700;line-height:1.3} #guided-game.air-adventure .air-tested-list span.is-observed{border-color:#bfe6d0;background:#eaf8f0;color:#28754e} #guided-game.air-adventure .air-sensor-target{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:42px 15px 30px;border:2px dashed #91b9e7;border-radius:22px;background:radial-gradient(ellipse at 50% 48%,#e6f2ff 0 28%,transparent 29%),linear-gradient(145deg,#f0f8ff,#f5f2ff);box-shadow:inset 0 0 0 5px #ffffff80;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s} #guided-game.air-adventure .air-sensor-target::before{position:absolute;z-index:-1;top:50%;left:50%;width:166px;height:166px;border:1px dashed #abc9ea;border-radius:50%;content:'';transform:translate(-50%,-52%);animation:air-orbit-breathe 3.5s ease-in-out infinite} #guided-game.air-adventure .air-sensor-target.is-drag-over{transform:scale(1.015);border-color:#ff9b50;background:radial-gradient(ellipse at 50% 48%,#fff0d8 0 33%,transparent 34%),linear-gradient(145deg,#fff8eb,#fff4e9);box-shadow:0 0 0 5px #ffe7c2,0 12px 28px #e98d3740} #guided-game.air-adventure .air-sensor-target.is-drag-over::before{border-color:#f1ad61} #guided-game.air-adventure .air-drop-caption{position:absolute;top:13px;left:50%;padding:6px 10px;background:#e3efff;color:#3473af;font-size:10px;letter-spacing:.2px;transform:translateX(-50%);white-space:nowrap} #guided-game.air-adventure .air-sensor-orbit{display:grid;place-items:center;width:144px;height:120px;margin:4px 0 8px;border:1px solid #dce9f6;border-radius:50%;background:#ffffffb8;box-shadow:0 8px 20px #325d8e13} #guided-game.air-adventure .air-sensor-target img{position:relative;z-index:1;width:124px;height:90px;margin:0;object-fit:contain;filter:drop-shadow(0 5px 3px #263e6020)} #guided-game.air-adventure .air-sensor-target strong{color:#233f84;font-size:19px} #guided-game.air-adventure .air-sensor-target small{color:#617590;font-size:11px} #guided-game.air-adventure .air-target-hint{margin-top:9px;padding:5px 10px;border-radius:99px;background:#fff;color:#4774ad;font-size:10px;font-weight:800;box-shadow:0 2px 7px #315b8910} #guided-game.air-adventure .air-simulated-meter{position:relative;padding:15px 17px 16px;border-color:#cedef4;border-radius:19px;background:linear-gradient(100deg,#f1f8ff,#f4f1ff 72%,#fff9eb);box-shadow:0 5px 16px #315b890c} #guided-game.air-adventure .air-simulated-meter>div:first-child{align-items:center} #guided-game.air-adventure .air-simulated-meter>div:first-child small{font-weight:700} #guided-game.air-adventure .air-simulated-meter>div:first-child b{padding:5px 9px;border-radius:99px;background:#fff;color:#355fa2;font-size:11px} #guided-game.air-adventure .air-reading-value{margin:8px 0 10px;color:#176bc0;font-size:clamp(30px,3vw,38px);font-weight:900;letter-spacing:-.5px} #guided-game.air-adventure .air-meter-track{height:15px;border:1px solid #dbe5f2;background:#e7edf5} #guided-game.air-adventure .air-meter-track span{background:linear-gradient(90deg,#4faae2 0%,#8e81e7 55%,#efa23e 100%);box-shadow:0 0 10px #53a7dc55} #guided-game.air-adventure .air-simulated-meter #air-action-feedback{margin-top:10px;padding:9px 11px;border-color:#dce6f4;border-left:4px solid #71a5dc;background:#fff;color:#4e6487;font-size:12px;line-height:1.5} #guided-game.air-adventure[data-clues-complete="true"] .air-clue-count{border-color:#bae3ca;background:#eaf8f0;color:#26754e} #guided-game.air-adventure[data-clues-complete="true"] .air-quest-goal{border-color:#bfe5cf;background:#eaf8f0;color:#28754e} #guided-game.air-adventure[data-clues-complete="true"] .air-clue-track span{background:linear-gradient(90deg,#54bf83,#31a96e)} #guided-game.air-adventure[data-clues-complete="true"] .air-sensor-target{border-color:#74c398;background:radial-gradient(ellipse at 50% 48%,#e2f6e9 0 28%,transparent 29%),linear-gradient(145deg,#f0fbf3,#f2f7ff)} #guided-game.air-adventure[data-clues-complete="true"] .air-sensor-target .air-target-hint{background:#e5f7ec;color:#28754e} #guided-game.air-adventure .chat-history{gap:8px;padding:9px;border:1px solid #e2e9f6;border-radius:16px;background:#ffffffa6} #guided-game.air-adventure .chat-line{border-radius:13px 13px 13px 4px;box-shadow:0 2px 5px #344f7610} @keyframes air-orbit-breathe{0%,100%{opacity:.55;transform:translate(-50%,-52%) scale(.96)}50%{opacity:1;transform:translate(-50%,-52%) scale(1.04)}} @media(max-width:700px){ #guided-game.air-adventure .air-quest-banner{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px} #guided-game.air-adventure .air-quest-emblem{width:44px;height:44px;font-size:23px} #guided-game.air-adventure .air-quest-copy>strong{font-size:15px} #guided-game.air-adventure .air-quest-goal{grid-column:2;justify-self:start;min-width:0;padding:5px 9px;grid-template-columns:auto auto;align-items:center;gap:5px} #guided-game.air-adventure .air-material-board{padding:12px} #guided-game.air-adventure .air-material{min-height:119px} #guided-game.air-adventure .air-sensor-target{min-height:250px} #guided-game.air-adventure[data-step="3"] .game-progress{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:3px 2px 6px} #guided-game.air-adventure[data-step="3"] .game-progress span{flex:none;font-size:11px} } @media(prefers-reduced-motion:reduce){#guided-game.air-adventure .air-sensor-target::before{animation:none}} /* Child-friendly, tray-and-drop sensor wiring game inspired by the reference. */ #guided-game.sensor-wiring-mission .game-stage:has(.wire-game-shell){display:block} #guided-game.sensor-wiring-mission .wire-game-shell{display:grid;gap:14px;padding:clamp(14px,2.3vw,24px);border:1px solid #cfe0ef;border-radius:22px;background:#f6fbff;color:#17375d} #guided-game.sensor-wiring-mission .wire-game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 3px 14px;border-bottom:1px solid #d8e8f3} #guided-game.sensor-wiring-mission .wire-game-kicker{display:block;color:#3974a3;font-size:12px;font-weight:800;letter-spacing:.04em} #guided-game.sensor-wiring-mission .wire-game-heading h1{margin:4px 0;color:#163e67;font-size:clamp(24px,3vw,34px);line-height:1.15} #guided-game.sensor-wiring-mission .wire-game-heading p{margin:5px 0 0;color:#57718c;font-size:14px} #guided-game.sensor-wiring-mission .wire-game-score{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 8px;min-width:104px;padding:9px 13px;border:2px solid #f1ce54;border-radius:15px;background:#fffdf1;text-align:center} #guided-game.sensor-wiring-mission .wire-game-score b{color:#173f69;font-size:21px;line-height:1} #guided-game.sensor-wiring-mission .wire-game-score span{grid-column:1/-1;color:#667b91;font-size:11px} #guided-game.sensor-wiring-mission .wire-game-score progress{grid-column:1/-1;width:100%;height:7px;border:0;border-radius:99px;appearance:none;background:#e4edf5} #guided-game.sensor-wiring-mission .wire-game-score progress::-webkit-progress-bar{border-radius:99px;background:#e4edf5} #guided-game.sensor-wiring-mission .wire-game-score progress::-webkit-progress-value{border-radius:99px;background:#42b783} #guided-game.sensor-wiring-mission .wire-game-score progress::-moz-progress-bar{border-radius:99px;background:#42b783} #guided-game.sensor-wiring-mission .wire-game-score small{grid-column:1/-1;color:#3d8a68;font-size:11px;font-weight:800} #guided-game.sensor-wiring-mission .wire-play-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:18px;align-items:stretch} #guided-game.sensor-wiring-mission .wire-parts-tray{align-self:start;padding:17px 16px;border:2px solid #c7dfef;border-radius:19px;background:#fff} #guided-game.sensor-wiring-mission .wire-parts-tray h2{margin:0;color:#173e65;font-size:18px} #guided-game.sensor-wiring-mission .wire-parts-tray>p{margin:5px 0 13px;color:#637c96;font-size:13px;line-height:1.55} #guided-game.sensor-wiring-mission .wire-parts-list{display:grid;gap:8px} #guided-game.sensor-wiring-mission .wire-part{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:8px 10px;border:2px solid #c9e0ef;border-radius:14px;background:#fafdff;color:#183b5d;text-align:left;box-shadow:0 2px 0 #e4eff6;cursor:grab;touch-action:manipulation;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s} #guided-game.sensor-wiring-mission .wire-part:hover:not(:disabled),#guided-game.sensor-wiring-mission .wire-part.is-selected{transform:translateY(-1px);border-color:var(--wire-color);background:#f3faff;box-shadow:0 0 0 3px color-mix(in srgb,var(--wire-color) 18%,transparent)} #guided-game.sensor-wiring-mission .wire-part:active:not(:disabled){cursor:grabbing} #guided-game.sensor-wiring-mission .wire-part:disabled{opacity:.65;cursor:default} #guided-game.sensor-wiring-mission .wire-part-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--wire-color) 17%,white);color:var(--wire-color);font-size:25px;font-weight:900} #guided-game.sensor-wiring-mission .wire-part>span:nth-child(2){display:grid;gap:3px;min-width:0} #guided-game.sensor-wiring-mission .wire-part b{font-size:13px;line-height:1.2} #guided-game.sensor-wiring-mission .wire-part small{color:#72869a;font-size:11px} #guided-game.sensor-wiring-mission .wire-part i{color:#b0bdc8;font-style:normal;font-size:14px} #guided-game.sensor-wiring-mission .wire-part.is-placed i{color:#36a874} #guided-game.sensor-wiring-mission .wire-tray-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px} #guided-game.sensor-wiring-mission .wire-tray-actions .game-secondary{min-height:39px;padding:8px 11px;border:1px solid #d9e6f0;border-radius:11px;font-size:12px} #guided-game.sensor-wiring-mission .wire-circuit-area{min-width:0;padding:15px;border:1px solid #d8e7ef;border-radius:18px;background:#fff} #guided-game.sensor-wiring-mission .wire-circuit-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 2px 11px;color:#234c70} #guided-game.sensor-wiring-mission .wire-circuit-caption b{font-size:15px} #guided-game.sensor-wiring-mission .wire-circuit-caption span{color:#6a839b;font-size:12px} #guided-game.sensor-wiring-mission .wire-circuit-board{position:relative;display:grid;grid-template-columns:minmax(120px,.8fr) minmax(250px,1.5fr) minmax(120px,.8fr);align-items:stretch;gap:11px;min-height:290px;padding:15px;border:3px solid #a77c4d;border-radius:17px;background-color:#fff2d4;background-image:linear-gradient(#eadbb866 1px,transparent 1px),linear-gradient(90deg,#eadbb866 1px,transparent 1px);background-size:22px 22px;box-shadow:inset 0 0 0 4px #fff9e7} #guided-game.sensor-wiring-mission .wire-game-device{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:11px 8px;border:2px solid #d8e4d3;border-radius:17px;background:#f6fbf3;text-align:center;z-index:1} #guided-game.sensor-wiring-mission .wire-game-sensor{border-color:#e6d5ad;background:#fff9eb} #guided-game.sensor-wiring-mission .wire-device-tag{position:absolute;top:8px;left:50%;padding:4px 8px;border-radius:99px;background:#fff;color:#61788d;font-size:10px;font-weight:700;white-space:nowrap;transform:translateX(-50%)} #guided-game.sensor-wiring-mission .wire-chip-art{display:grid;place-items:center;position:relative;width:76px;height:64px;margin-top:14px;border:7px solid #4b8390;border-radius:10px;background:#20485e;box-shadow:0 5px 0 #aebfc5} #guided-game.sensor-wiring-mission .wire-chip-art span{display:grid;place-items:center;width:40px;height:26px;border:2px solid #92d3c4;border-radius:4px;color:#b9eee0;font-size:12px;font-weight:900} #guided-game.sensor-wiring-mission .wire-chip-art i{position:absolute;top:-13px;width:5px;height:11px;background:#c4a96c;box-shadow:-13px 0 #c4a96c,13px 0 #c4a96c} #guided-game.sensor-wiring-mission .wire-game-device>b{color:#173e65;font-size:14px} #guided-game.sensor-wiring-mission .wire-game-device>small{color:#71849a;font-size:10px;line-height:1.35} #guided-game.sensor-wiring-mission .wire-sensor-art{display:grid;place-items:center;width:98px;height:105px;margin-top:18px;overflow:hidden} #guided-game.sensor-wiring-mission .wire-sensor-art .sensor-module-photo{max-width:90px;max-height:100px;object-fit:contain} #guided-game.sensor-wiring-mission .wire-sensor-art .sensor-illustration{font-size:42px} #guided-game.sensor-wiring-mission .wire-lanes{display:grid;align-content:center;gap:9px;min-width:0;padding:5px 0} #guided-game.sensor-wiring-mission .wire-slot-row{display:grid;grid-template-columns:minmax(42px,.7fr) minmax(96px,1fr) minmax(42px,.7fr);align-items:center;gap:5px;min-width:0} #guided-game.sensor-wiring-mission .wire-endpoint{display:grid;gap:2px;min-width:0;color:#254a70;text-align:center} #guided-game.sensor-wiring-mission .wire-endpoint b{font-size:12px;overflow-wrap:anywhere} #guided-game.sensor-wiring-mission .wire-endpoint small{color:#75899c;font-size:9px;line-height:1.2} #guided-game.sensor-wiring-mission .wire-drop-slot{position:relative;display:grid;place-items:center;min-width:0;min-height:44px;padding:5px;border:2px dashed #a9c2d3;border-radius:12px;background:#ffffffb8;color:#66819a;font-size:10px;font-weight:800;line-height:1.2;text-align:center;transition:background .15s,border-color .15s,transform .15s} #guided-game.sensor-wiring-mission .wire-drop-slot.can-drop{border-color:#72a9c8;background:#eef8ff} #guided-game.sensor-wiring-mission .wire-drop-slot.is-drag-over{transform:scale(1.04);border-color:#ef9b47;background:#fff5dc} #guided-game.sensor-wiring-mission .wire-drop-slot.is-filled{border-style:solid;border-color:var(--wire-color);background:color-mix(in srgb,var(--wire-color) 14%,white);color:#236346} #guided-game.sensor-wiring-mission .wire-slot-row.is-connected::before{position:absolute;content:'';height:5px;margin:0 13%;border-radius:9px;background:var(--wire-color);opacity:.78;z-index:0;pointer-events:none} #guided-game.sensor-wiring-mission .wire-slot-row{position:relative} #guided-game.sensor-wiring-mission .wire-slot-row.is-connected .wire-endpoint,#guided-game.sensor-wiring-mission .wire-slot-row.is-connected .wire-drop-slot{z-index:1} #guided-game.sensor-wiring-mission .wire-game-feedback{min-height:42px;margin:11px 2px 8px;padding:10px 12px;border-left:4px solid #70a8cf;border-radius:7px;background:#f1f8fd;color:#4d6a84;font-size:13px;line-height:1.45} #guided-game.sensor-wiring-mission .wire-game-feedback.success{border-color:#56b684;background:#edf9f2;color:#286c4b} #guided-game.sensor-wiring-mission .wire-game-feedback.retry{border-color:#e99a54;background:#fff6e9;color:#8b5428} #guided-game.sensor-wiring-mission .wire-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid #e7edf2} #guided-game.sensor-wiring-mission .wire-switch-copy{display:grid;gap:3px} #guided-game.sensor-wiring-mission .wire-switch-copy b{color:#284d6c;font-size:13px} #guided-game.sensor-wiring-mission .wire-switch-copy small{color:#71859a;font-size:11px} #guided-game.sensor-wiring-mission .wire-toggle{display:flex;align-items:center;gap:7px;min-width:91px;padding:5px 9px;border:1px solid #cbd7e0;border-radius:99px;background:#e8edf1;color:#73818c;font-size:12px;font-weight:800} #guided-game.sensor-wiring-mission .wire-toggle span{width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1c355124} #guided-game.sensor-wiring-mission .wire-toggle:disabled{opacity:.5;cursor:not-allowed} #guided-game.sensor-wiring-mission .wire-toggle.is-on{justify-content:flex-end;border-color:#3bb77b;background:#40bd81;color:#fff} #guided-game.sensor-wiring-mission .wire-powered-reading{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #bfe6ce;border-radius:13px;background:#edfff3;color:#276c48} #guided-game.sensor-wiring-mission .wire-powered-reading>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff1b9;font-size:21px} #guided-game.sensor-wiring-mission .wire-powered-reading>div{display:grid;gap:3px;flex:1} #guided-game.sensor-wiring-mission .wire-powered-reading small{color:#62816d;font-size:11px} #guided-game.sensor-wiring-mission .wire-powered-reading b{font-size:15px} #guided-game.sensor-wiring-mission .wire-powered-reading>strong{color:#35a36c} #guided-game.sensor-wiring-mission .wire-circuit-area>.game-primary{margin-top:10px} #guided-game.sensor-wiring-mission .wire-coach-note{display:flex;align-items:center;gap:10px;margin:0;padding:8px 5px;color:#526e86;font-size:12px;line-height:1.45} #guided-game.sensor-wiring-mission .wire-coach-note img{width:42px;height:48px;object-fit:contain} #guided-game.sensor-wiring-mission .wire-coach-note b{color:#345d7e} #guided-game.sensor-wiring-mission .wire-safety-note{margin:0;padding:2px 5px;color:#74879a;font-size:11px} @media(max-width:850px){#guided-game.sensor-wiring-mission .wire-play-layout{grid-template-columns:1fr}#guided-game.sensor-wiring-mission .wire-parts-list{grid-template-columns:repeat(2,minmax(0,1fr))}#guided-game.sensor-wiring-mission .wire-parts-tray>p br{display:none}#guided-game.sensor-wiring-mission .wire-parts-tray{padding:14px}} @media(max-width:600px){#guided-game.sensor-wiring-mission .wire-game-shell{padding:11px;gap:10px;border-radius:16px}#guided-game.sensor-wiring-mission .wire-game-heading{align-items:flex-start;gap:8px}#guided-game.sensor-wiring-mission .wire-game-heading h1{font-size:23px}#guided-game.sensor-wiring-mission .wire-game-heading p{font-size:12px}#guided-game.sensor-wiring-mission .wire-game-score{min-width:80px;padding:7px}#guided-game.sensor-wiring-mission .wire-game-score b{font-size:17px}#guided-game.sensor-wiring-mission .wire-game-score small{font-size:9px}#guided-game.sensor-wiring-mission .wire-parts-list{grid-template-columns:1fr 1fr}#guided-game.sensor-wiring-mission .wire-part{grid-template-columns:31px minmax(0,1fr);gap:6px;min-height:54px;padding:6px}#guided-game.sensor-wiring-mission .wire-part-icon{width:30px;height:30px;font-size:20px}#guided-game.sensor-wiring-mission .wire-part b{font-size:11px}#guided-game.sensor-wiring-mission .wire-part small{font-size:9px}#guided-game.sensor-wiring-mission .wire-part i{display:none}#guided-game.sensor-wiring-mission .wire-circuit-area{padding:9px}#guided-game.sensor-wiring-mission .wire-circuit-caption span{font-size:10px}#guided-game.sensor-wiring-mission .wire-circuit-board{grid-template-columns:minmax(70px,.7fr) minmax(155px,1.5fr) minmax(70px,.7fr);gap:5px;min-height:230px;padding:7px;border-width:2px;border-radius:13px}#guided-game.sensor-wiring-mission .wire-game-device{padding:7px 3px;border-radius:12px}#guided-game.sensor-wiring-mission .wire-device-tag{top:5px;padding:3px 5px;font-size:8px}#guided-game.sensor-wiring-mission .wire-chip-art{width:48px;height:46px;margin-top:13px;border-width:5px}#guided-game.sensor-wiring-mission .wire-chip-art span{width:26px;height:18px;font-size:9px}#guided-game.sensor-wiring-mission .wire-sensor-art{width:62px;height:72px;margin-top:15px}#guided-game.sensor-wiring-mission .wire-sensor-art .sensor-module-photo{max-width:58px;max-height:69px}#guided-game.sensor-wiring-mission .wire-game-device>b{font-size:10px}#guided-game.sensor-wiring-mission .wire-game-device>small{font-size:8px}#guided-game.sensor-wiring-mission .wire-lanes{gap:6px}#guided-game.sensor-wiring-mission .wire-slot-row{grid-template-columns:minmax(34px,.7fr) minmax(62px,1fr) minmax(34px,.7fr);gap:2px}#guided-game.sensor-wiring-mission .wire-endpoint b{font-size:9px}#guided-game.sensor-wiring-mission .wire-endpoint small{font-size:7px}#guided-game.sensor-wiring-mission .wire-drop-slot{min-height:37px;padding:3px;font-size:8px}#guided-game.sensor-wiring-mission .wire-game-feedback{font-size:11px}#guided-game.sensor-wiring-mission .wire-switch-copy b{font-size:11px}#guided-game.sensor-wiring-mission .wire-switch-copy small{font-size:9px}} /* Place the power pack and controller first; the studied sensor is already on the board. */ #guided-game.sensor-wiring-mission .wire-circuit-board{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-height:0} #guided-game.sensor-wiring-mission .wire-circuit-topology{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;gap:9px} #guided-game.sensor-wiring-mission .wire-circuit-topology .wire-game-device,#guided-game.sensor-wiring-mission .wire-circuit-topology .wire-assembly-drop{min-height:170px} #guided-game.sensor-wiring-mission .wire-flow-arrow{color:#e5a322;font-size:29px;font-weight:900;text-shadow:0 2px #fff} #guided-game.sensor-wiring-mission .wire-assembly-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:12px 7px;border:2px dashed #789eb8;border-radius:16px;background:#ffffffd9;color:#244b6c;text-align:center;transition:transform .15s,border-color .15s,background .15s} #guided-game.sensor-wiring-mission .wire-assembly-drop.is-locked{border-color:#cbd3d9;background:#f0f2f3;color:#86919a;cursor:not-allowed} #guided-game.sensor-wiring-mission .wire-assembly-drop.is-selected{border-color:#ee9a3b;background:#fff8e8;box-shadow:0 0 0 3px #ffe6bc} #guided-game.sensor-wiring-mission .wire-assembly-drop.is-drag-over{transform:scale(1.035);border-color:#ef9b47;background:#fff5dc} #guided-game.sensor-wiring-mission .wire-drop-icon{display:grid;place-items:center;width:58px;height:58px;margin-top:15px;border-radius:16px;background:#eaf4fb;color:#6a91ad;font-size:32px;font-weight:700} #guided-game.sensor-wiring-mission .wire-game-power .wire-drop-icon{background:#fff1d5} #guided-game.sensor-wiring-mission .wire-game-controller .wire-drop-icon{background:#e3f4eb} #guided-game.sensor-wiring-mission .wire-assembly-drop b{font-size:13px} #guided-game.sensor-wiring-mission .wire-assembly-drop small{color:#72889b;font-size:10px;line-height:1.35} #guided-game.sensor-wiring-mission .wire-placed-art{display:grid;place-items:center;width:76px;height:64px;margin-top:15px} #guided-game.sensor-wiring-mission .wire-power-art{border:2px solid #e4b756;border-radius:13px;background:linear-gradient(90deg,#fff 0 12%,#ed5f55 12% 42%,#fff 42% 54%,#4e6a83 54% 84%,#fff 84%);box-shadow:0 5px 0 #dbc997;color:#fff;font-size:35px} #guided-game.sensor-wiring-mission .wire-placed-art.wire-chip-art{width:76px;height:64px} #guided-game.sensor-wiring-mission .wire-game-device.wire-game-power{border-color:#ecd59b;background:#fff9e8} #guided-game.sensor-wiring-mission .wire-game-device.wire-game-controller{border-color:#c9e2d3;background:#f2fbf5} #guided-game.sensor-wiring-mission .wire-game-device.wire-game-sensor{border-color:#e6d5ad;background:#fff9eb} #guided-game.sensor-wiring-mission .wire-game-device.wire-game-sensor .wire-sensor-art{margin-top:18px} #guided-game.sensor-wiring-mission .wire-circuit-topology .wire-device-tag{white-space:normal;max-width:calc(100% - 10px)} #guided-game.sensor-wiring-mission .wire-lanes{grid-column:1;display:grid;gap:8px;min-width:0;padding:12px 5px 3px;border-top:2px dashed #c8ae7d} #guided-game.sensor-wiring-mission .wire-parts-divider{padding:7px 0 1px;border-top:1px solid #e0e9ef;color:#53718a;font-size:12px;font-weight:800} #guided-game.sensor-wiring-mission .wire-part-icon.component-power{background:#fff1d5;font-size:21px} #guided-game.sensor-wiring-mission .wire-part-icon.component-controller{background:#e3f4eb;font-size:22px} #guided-game.sensor-wiring-mission .wire-unlock-note{margin:7px 0 2px;padding:9px 10px;border-radius:11px;background:#f2f7fa;color:#708397;font-size:11px;line-height:1.5} #guided-game.sensor-wiring-mission .wire-setup-tip{margin:0;padding:10px;border-radius:11px;background:#fff8e8;color:#76643b;font-size:12px;font-weight:700;text-align:center} #guided-game.sensor-wiring-mission .wire-slot-row.power-wire-row .wire-endpoint:first-child{color:#a45b3c} #guided-game.sensor-wiring-mission .wire-slot-row.sensor-wire-row .wire-endpoint:first-child{color:#365d89} /* Students draw each wire directly from one pin to its matching pin. */ #guided-game.sensor-wiring-mission .wire-lanes{position:relative;isolation:isolate;gap:7px;padding:13px 8px 4px} #guided-game.sensor-wiring-mission .wire-lanes>.wiring-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1} #guided-game.sensor-wiring-mission .wire-line{fill:none;stroke:var(--wire-color);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 2px 1px #47556930);pointer-events:stroke;cursor:pointer} #guided-game.sensor-wiring-mission .wire-drag-preview{fill:none;stroke:#ef9b47;stroke-width:6;stroke-linecap:round;stroke-dasharray:9 7;pointer-events:none} #guided-game.sensor-wiring-mission .wire-slot-row{z-index:2;grid-template-columns:minmax(84px,.8fr) minmax(64px,1fr) minmax(84px,.8fr);gap:6px;min-height:51px} #guided-game.sensor-wiring-mission .wire-slot-row.is-connected::before{display:none} #guided-game.sensor-wiring-mission .wire-endpoint{position:relative;z-index:3;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:5px;min-height:48px;padding:4px 6px;border:1px solid #d9e4ea;border-radius:11px;background:#fff;color:#254a70;cursor:crosshair;touch-action:none;user-select:none} #guided-game.sensor-wiring-mission .wire-endpoint b,#guided-game.sensor-wiring-mission .wire-endpoint small{grid-column:2;text-align:left} #guided-game.sensor-wiring-mission .wire-endpoint b{font-size:11px} #guided-game.sensor-wiring-mission .wire-endpoint small{font-size:8px} #guided-game.sensor-wiring-mission .wire-socket{grid-column:1;grid-row:1 / span 2;display:block;width:22px;height:22px;border:4px solid var(--wire-color);border-radius:50%;background:#fff;box-shadow:0 1px 3px #21374b24} #guided-game.sensor-wiring-mission .board-endpoint .wire-socket{background:var(--wire-color)} #guided-game.sensor-wiring-mission .wire-endpoint:hover .wire-socket{transform:scale(1.12)} #guided-game.sensor-wiring-mission .wire-lane-hint{position:relative;z-index:2;color:#8b9aa6;font-size:9px;font-weight:800;text-align:center;pointer-events:none} #guided-game.sensor-wiring-mission .wire-slot-row.is-connected .wire-lane-hint{color:#378b65} #guided-game.sensor-wiring-mission .wire-slot-row.is-connected .wire-endpoint{border-color:var(--wire-color);background:color-mix(in srgb,var(--wire-color) 10%,white)} #guided-game.sensor-wiring-mission .wire-unlock-note{line-height:1.7} @media(max-width:600px){#guided-game.sensor-wiring-mission .wire-lanes{gap:5px;padding:9px 0 2px}#guided-game.sensor-wiring-mission .wire-slot-row{grid-template-columns:minmax(63px,.85fr) minmax(33px,.45fr) minmax(63px,.85fr);gap:2px;min-height:42px}#guided-game.sensor-wiring-mission .wire-endpoint{grid-template-columns:17px minmax(0,1fr);column-gap:3px;min-height:39px;padding:3px;border-radius:8px}#guided-game.sensor-wiring-mission .wire-endpoint b{font-size:8px}#guided-game.sensor-wiring-mission .wire-endpoint small{font-size:6px}#guided-game.sensor-wiring-mission .wire-socket{width:15px;height:15px;border-width:3px}#guided-game.sensor-wiring-mission .wire-lane-hint{font-size:7px}#guided-game.sensor-wiring-mission .wire-line{stroke-width:5}} /* Safe, playful power-supply choices and simulated circuit outcomes. */ #guided-game.sensor-wiring-mission .wire-voltage-option{position:relative;overflow:hidden} #guided-game.sensor-wiring-mission .wire-voltage-option.is-selected{border-color:var(--wire-color);background:color-mix(in srgb,var(--wire-color) 9%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--wire-color) 18%,transparent)} #guided-game.sensor-wiring-mission .wire-voltage-option.is-failed{animation:wire-choice-nudge .32s ease-in-out 2} #guided-game.sensor-wiring-mission .wire-game-power.wire-assembly-drop.is-placed{cursor:pointer} #guided-game.sensor-wiring-mission .wire-game-power.wire-assembly-drop.is-placed .wire-power-art{display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(90deg,#f7fbff,#fff4d5);color:#415a6d;font-size:25px} #guided-game.sensor-wiring-mission .wire-power-art b{padding:3px 6px;border-radius:8px;background:#fff;color:#315b75;font-size:14px} #guided-game.sensor-wiring-mission .wire-power-outcome{display:grid;grid-template-columns:minmax(130px,.42fr) 1fr;align-items:center;gap:15px;margin:12px 0;padding:13px 16px;border:2px solid;border-radius:16px;overflow:hidden} #guided-game.sensor-wiring-mission .wire-power-outcome>div:last-child{display:grid;gap:4px} #guided-game.sensor-wiring-mission .wire-power-outcome b{font-size:15px} #guided-game.sensor-wiring-mission .wire-power-outcome p{margin:0;font-size:12px;line-height:1.45} #guided-game.sensor-wiring-mission .wire-power-outcome small{font-size:10px;opacity:.78} #guided-game.sensor-wiring-mission .wire-effect-scene{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:78px;border-radius:13px;background:#ffffffa8} #guided-game.sensor-wiring-mission .wire-effect-battery{position:relative;display:grid;place-items:center;width:46px;height:54px;border:3px solid #9badb8;border-radius:9px;background:linear-gradient(90deg,#ef6655 0 46%,#fff 46% 54%,#52657b 54%);font-size:24px;animation:wire-battery-bob 1.8s ease-in-out infinite} #guided-game.sensor-wiring-mission .wire-effect-battery small{position:absolute;right:-10px;bottom:-7px;padding:2px 4px;border-radius:5px;background:#fff;color:#36556b;font-size:9px;font-weight:900;opacity:1} #guided-game.sensor-wiring-mission .wire-effect-flow{color:#75a0b7;font-size:22px;letter-spacing:-4px} #guided-game.sensor-wiring-mission .wire-effect-bulb{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f0f1ed;color:#9ca5a9;font-size:29px;filter:grayscale(.7);animation:wire-unlit-pulse 1.4s ease-in-out infinite} #guided-game.sensor-wiring-mission .wire-effect-spark{position:absolute;top:4px;right:16%;color:#f0ad29;font-size:21px;animation:wire-spark-pop .8s ease-in-out infinite alternate} #guided-game.sensor-wiring-mission .wire-effect-spark.spark-two{top:auto;right:28%;bottom:4px;animation-delay:.3s} #guided-game.sensor-wiring-mission .wire-power-outcome.result-low{border-color:#e9c971;background:linear-gradient(115deg,#fff9e4,#fffdf6);color:#7a6229;animation:wire-result-arrive .35s ease-out both} #guided-game.sensor-wiring-mission .wire-power-outcome.result-low .wire-effect-flow{opacity:.35;animation:wire-flow-stop .7s steps(2,end) infinite} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high{border-color:#ee7777;background:linear-gradient(115deg,#fff0ec,#fff5f5);color:#963e48;animation:wire-short-flash .6s ease-out both} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-bulb{filter:none;background:#ffe978;box-shadow:0 0 0 7px #ffd86150,0 0 25px #ffae23;animation:wire-bulb-flicker .7s steps(2,end) 3} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-spark{color:#f04e37;font-size:29px;animation:wire-spark-burst .55s ease-in-out 4 alternate} #guided-game.sensor-wiring-mission .wire-power-outcome.result-ok{border-color:#8fd1a6;background:linear-gradient(115deg,#e9fff0,#f7fff9);color:#28694a;animation:wire-result-arrive .35s ease-out both} #guided-game.sensor-wiring-mission .wire-power-outcome.result-ok .wire-effect-bulb{filter:none;background:#fff2a8;box-shadow:0 0 0 7px #ffe56e45,0 0 24px #ffd54a;animation:wire-bulb-glow 1.3s ease-in-out infinite alternate} #guided-game.sensor-wiring-mission .wire-power-outcome.result-ok .wire-effect-spark{animation:wire-spark-pop .45s ease-in-out infinite alternate} @keyframes wire-choice-nudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}} @keyframes wire-battery-bob{50%{transform:translateY(-3px) rotate(-2deg)}} @keyframes wire-unlit-pulse{50%{transform:scale(.95);opacity:.65}} @keyframes wire-spark-pop{to{transform:translateY(-7px) rotate(20deg);opacity:.55}} @keyframes wire-flow-stop{50%{opacity:.15}} @keyframes wire-result-arrive{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}} @keyframes wire-short-flash{0%,45%,100%{background:linear-gradient(115deg,#fff0ec,#fff5f5)}20%,60%{background:linear-gradient(115deg,#ffe0d7,#ffe9e9)}} @keyframes wire-bulb-flicker{50%{filter:brightness(1.5);transform:scale(1.12)}100%{filter:brightness(.65);transform:scale(.94)}} @keyframes wire-spark-burst{to{transform:translate(7px,-8px) rotate(28deg) scale(1.35);opacity:.45}} @keyframes wire-bulb-glow{to{transform:scale(1.08);box-shadow:0 0 0 10px #ffe56e25,0 0 30px #ffd54a}} @media(prefers-reduced-motion:reduce){#guided-game.sensor-wiring-mission .wire-voltage-option.is-failed,#guided-game.sensor-wiring-mission .wire-power-outcome,#guided-game.sensor-wiring-mission .wire-effect-battery,#guided-game.sensor-wiring-mission .wire-effect-bulb,#guided-game.sensor-wiring-mission .wire-effect-spark{animation:none!important}} @media(max-width:600px){#guided-game.sensor-wiring-mission .wire-power-outcome{grid-template-columns:1fr;gap:9px;padding:10px}#guided-game.sensor-wiring-mission .wire-effect-scene{min-height:62px}#guided-game.sensor-wiring-mission .wire-effect-battery{width:39px;height:45px;font-size:20px}#guided-game.sensor-wiring-mission .wire-effect-bulb{width:40px;height:40px;font-size:25px}#guided-game.sensor-wiring-mission .wire-power-outcome b{font-size:13px}} @media(max-width:600px){#guided-game.sensor-wiring-mission .wire-circuit-topology{grid-template-columns:minmax(62px,.9fr) auto minmax(62px,.9fr) auto minmax(62px,.9fr);gap:3px}#guided-game.sensor-wiring-mission .wire-circuit-topology .wire-game-device,#guided-game.sensor-wiring-mission .wire-circuit-topology .wire-assembly-drop{min-height:138px;padding:6px 3px}#guided-game.sensor-wiring-mission .wire-flow-arrow{font-size:18px}#guided-game.sensor-wiring-mission .wire-drop-icon{width:39px;height:39px;margin-top:15px;border-radius:12px;font-size:24px}#guided-game.sensor-wiring-mission .wire-assembly-drop b{font-size:9px}#guided-game.sensor-wiring-mission .wire-assembly-drop small{font-size:8px}#guided-game.sensor-wiring-mission .wire-placed-art{width:46px;height:45px;margin-top:15px}#guided-game.sensor-wiring-mission .wire-placed-art.wire-chip-art{width:48px;height:46px}#guided-game.sensor-wiring-mission .wire-power-art{font-size:24px}#guided-game.sensor-wiring-mission .wire-game-device.wire-game-sensor .wire-sensor-art{margin-top:15px}} /* Circuit mission: reduce nested panels so the connection activity stays in focus. */ #guided-game.sensor-wiring-mission .play-workspace{gap:12px;padding:4px 8px;border:0;border-radius:0;background:transparent;box-shadow:none} #guided-game.sensor-wiring-mission .conversation-panel{gap:12px;padding:6px 14px;border:0;border-radius:0;background:transparent;box-shadow:none} /* Make the assembly targets read as three clear, numbered game stations. */ #guided-game.sensor-wiring-mission .wire-play-layout{grid-template-columns:minmax(230px,285px) minmax(0,1fr);gap:14px} #guided-game.sensor-wiring-mission .wire-parts-tray{padding:18px 16px;border:1px solid #d6e5ef;border-radius:20px;background:linear-gradient(155deg,#fff 0 72%,#f4faff);box-shadow:0 8px 22px #31577b0c} #guided-game.sensor-wiring-mission .wire-parts-tray h2{display:flex;align-items:center;gap:8px} #guided-game.sensor-wiring-mission .wire-part{min-height:62px;border-radius:16px;background:linear-gradient(110deg,#fff,#f8fbff);box-shadow:0 3px 0 #e8eff4} #guided-game.sensor-wiring-mission .wire-part.is-selected{transform:translateY(-2px);box-shadow:0 0 0 3px color-mix(in srgb,var(--wire-color) 18%,transparent),0 5px 0 #e8eff4} #guided-game.sensor-wiring-mission .wire-circuit-area{padding:4px 0;border:0;border-radius:0;background:transparent} #guided-game.sensor-wiring-mission .wire-circuit-caption{margin:0 4px 10px} #guided-game.sensor-wiring-mission .wire-circuit-caption b{display:flex;align-items:center;gap:8px;font-size:17px} #guided-game.sensor-wiring-mission .wire-circuit-caption b::before{content:'🧩';font-size:20px} #guided-game.sensor-wiring-mission .wire-circuit-board{gap:14px;padding:18px;border:2px solid #b99260;border-radius:22px;background-color:#fff8e8;background-image:linear-gradient(#e8d6b244 1px,transparent 1px),linear-gradient(90deg,#e8d6b244 1px,transparent 1px);background-size:24px 24px;box-shadow:0 5px 0 #d9c39c,inset 0 0 0 4px #fffdf5} #guided-game.sensor-wiring-mission .wire-circuit-topology{gap:12px} #guided-game.sensor-wiring-mission .wire-flow-arrow{display:grid;justify-items:center;gap:1px;color:#e7a72d;font-size:30px;line-height:1} #guided-game.sensor-wiring-mission .wire-flow-arrow::after{content:'ไฟเลี้ยง';color:#98743d;font-size:9px;white-space:nowrap} #guided-game.sensor-wiring-mission .wire-flow-arrow:nth-of-type(2)::after{content:'ส่งข้อมูล'} #guided-game.sensor-wiring-mission .wire-circuit-topology .wire-game-device,#guided-game.sensor-wiring-mission .wire-circuit-topology .wire-assembly-drop{min-height:190px} #guided-game.sensor-wiring-mission .wire-assembly-drop{border:2px dashed #91b4cb;border-radius:20px;background:linear-gradient(160deg,#fff,#f3f9ff);box-shadow:inset 0 0 0 5px #ffffffb0,0 5px 0 #dfebf1} #guided-game.sensor-wiring-mission .wire-assembly-drop.wire-game-power{border-color:#e1b453;background:linear-gradient(160deg,#fffdf4,#fff5d9)} #guided-game.sensor-wiring-mission .wire-assembly-drop.wire-game-controller{border-color:#7cbd98;background:linear-gradient(160deg,#f8fff9,#eaf8ef)} #guided-game.sensor-wiring-mission .wire-assembly-drop.is-selected{outline:4px solid #ffc451;outline-offset:2px;animation:wire-target-ready 1.25s ease-in-out infinite alternate} #guided-game.sensor-wiring-mission .wire-assembly-drop.is-drag-over{transform:translateY(-3px) scale(1.025);border-style:solid;box-shadow:0 0 0 5px #ffc45155,0 8px 0 #dfebf1} #guided-game.sensor-wiring-mission .wire-drop-icon{width:70px;height:70px;margin-top:17px;border:1px solid #d9e8f0;border-radius:22px;background:#eaf5ff;box-shadow:0 5px 0 #d5e4eb;font-size:37px} #guided-game.sensor-wiring-mission .wire-game-power .wire-drop-icon{border-color:#f0d894;background:#fff1c9} #guided-game.sensor-wiring-mission .wire-game-controller .wire-drop-icon{border-color:#bee2ca;background:#dff5e6} #guided-game.sensor-wiring-mission .wire-assembly-drop b{font-size:14px} #guided-game.sensor-wiring-mission .wire-assembly-drop small{font-size:11px} #guided-game.sensor-wiring-mission .wire-device-tag{padding:5px 9px;background:#fffefa;box-shadow:0 2px 5px #344f7614;color:#547188} #guided-game.sensor-wiring-mission .wire-game-sensor{border-color:#efd9a5;background:linear-gradient(155deg,#fffdf7,#fff5dc)} #guided-game.sensor-wiring-mission .wire-game-sensor .wire-device-tag{background:#fff4d6;color:#8a6a28} #guided-game.sensor-wiring-mission .wire-lanes{gap:9px;padding:15px 9px 5px;border-top:2px dashed #d2b883} #guided-game.sensor-wiring-mission .wire-slot-row{min-height:54px} #guided-game.sensor-wiring-mission .wire-endpoint{min-height:51px;border-radius:14px;box-shadow:0 2px 0 #dce7ed} #guided-game.sensor-wiring-mission .wire-slot-row.is-connected .wire-endpoint{box-shadow:0 2px 0 color-mix(in srgb,var(--wire-color) 20%,white)} #guided-game.sensor-wiring-mission .wire-game-feedback{padding:11px 14px;border-radius:12px;background:#f2f8fc;font-weight:700} @keyframes wire-target-ready{to{box-shadow:0 0 0 7px #ffc45138,0 7px 0 #dfebf1}} @media(max-width:850px){#guided-game.sensor-wiring-mission .wire-play-layout{grid-template-columns:1fr}#guided-game.sensor-wiring-mission .wire-parts-tray{padding:14px}#guided-game.sensor-wiring-mission .wire-circuit-area{padding:0}} @media(max-width:600px){#guided-game.sensor-wiring-mission .wire-circuit-board{padding:12px;border-radius:17px}#guided-game.sensor-wiring-mission .wire-circuit-topology{grid-template-columns:minmax(0,1fr);gap:7px}#guided-game.sensor-wiring-mission .wire-circuit-topology .wire-game-device,#guided-game.sensor-wiring-mission .wire-circuit-topology .wire-assembly-drop{min-height:152px;padding:9px 7px}#guided-game.sensor-wiring-mission .wire-flow-arrow{transform:rotate(90deg);font-size:22px}#guided-game.sensor-wiring-mission .wire-flow-arrow::after{display:none}#guided-game.sensor-wiring-mission .wire-drop-icon{width:48px;height:48px;margin-top:13px;border-radius:16px;font-size:27px}#guided-game.sensor-wiring-mission .wire-assembly-drop b{font-size:12px}#guided-game.sensor-wiring-mission .wire-assembly-drop small{font-size:9px}#guided-game.sensor-wiring-mission .wire-game-device .wire-device-tag{font-size:8px}#guided-game.sensor-wiring-mission .wire-lanes{padding:10px 0 3px}} /* Big, startling but clearly simulated overload reaction. */ #guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-circuit-board{animation:wire-overload-shake 1.25s cubic-bezier(.36,.07,.19,.97) both} #guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-circuit-board::after{position:absolute;inset:0;z-index:5;display:grid;place-items:center;content:'⚡ โอ๊ะ! ไฟเกิน! ⚡';border-radius:18px;background:radial-gradient(ellipse at center,#fff9 0 18%,#ffcfaa99 42%,#f34f5888 100%);color:#922d37;font-size:clamp(26px,5vw,58px);font-weight:1000;letter-spacing:.02em;text-shadow:0 3px #fff,0 7px 0 #f5aaa4;pointer-events:none;animation:wire-overload-flash 1.7s ease-out both} #guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-line{stroke-width:11;filter:drop-shadow(0 0 5px #ff312c) drop-shadow(0 0 12px #ffbc36);animation:wire-live-cable .35s steps(2,end) 5} #guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-slot-row.is-connected .wire-endpoint{animation:wire-terminal-zap .55s ease-in-out 3} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high{position:relative;min-height:190px;grid-template-columns:minmax(210px,.65fr) minmax(0,1fr);gap:20px;margin:18px 0;padding:22px 24px;border:4px solid #f16b5c;border-radius:24px;background:repeating-linear-gradient(135deg,#fff0ec 0 16px,#ffe4dc 16px 32px);box-shadow:0 10px 0 #efaaa0,0 18px 32px #c8504b30;overflow:hidden;animation:wire-short-entry .7s cubic-bezier(.18,.89,.32,1.28) both} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high::before{position:absolute;top:9px;right:13px;content:'⚠ OVERLOAD!';padding:5px 10px;border:2px solid #f08a62;border-radius:999px;background:#fff;color:#b6453c;font-size:11px;font-weight:1000;letter-spacing:.08em;transform:rotate(3deg)} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-scene{min-height:142px;gap:13px;border:2px solid #ffd1b3;background:radial-gradient(circle at 50% 50%,#fff8ce 0 23%,#ffe2bc 24% 48%,#fff0e2 70%);box-shadow:inset 0 0 24px #f4a56b55} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-battery{width:62px;height:78px;border-width:4px;border-color:#cb6654;border-radius:12px;font-size:34px;box-shadow:0 0 0 6px #ffb9a155,0 7px 0 #bc8577;animation:wire-battery-overload .38s ease-in-out 5} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-battery small{right:-10px;bottom:-9px;font-size:12px} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-flow{color:#ed563c;font-size:42px;text-shadow:0 0 10px #ffb72c;animation:wire-arc-zap .22s steps(2,end) 8} #guided-game.sensor-wiring-mission .game-progress{display:none} #guided-game.sensor-wiring-mission .game-top>span{display:none} #guided-game.sensor-wiring-mission .game-top{display:none} #guided-game.sensor-wiring-mission .sensor-wiring-game{width:calc(100% - 24px);max-width:1440px;min-height:calc(100vh - 150px);box-sizing:border-box;margin:8px auto 16px} #guided-game.sensor-wiring-mission .wire-game-shell{min-height:calc(100vh - 235px);box-sizing:border-box} #guided-game.sensor-wiring-mission .wire-play-layout{min-height:430px} #guided-game.sensor-wiring-mission{width:100%;max-width:none} #guided-game.sensor-wiring-mission .sensor-wiring-game{width:100%;max-width:none;margin:0;border-radius:0} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-bulb{width:76px;height:76px;border:3px solid #f4a43d;background:#fff0a1;font-size:48px;box-shadow:0 0 0 9px #ffbe4f66,0 0 38px 15px #ff8a27;animation:wire-bulb-overload .22s steps(2,end) 10} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-spark{top:2px;right:8%;color:#ed3829;font-size:56px;text-shadow:0 2px #fff;animation:wire-spark-burst .26s ease-in-out 8 alternate} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-spark.spark-two{top:auto;right:24%;bottom:0;color:#ff9b20;font-size:42px;animation-delay:.08s} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high>div:last-child{gap:7px;padding:10px 5px} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high b{color:#8c2631;font-size:clamp(21px,2.4vw,30px);line-height:1.15;text-shadow:0 1px #fff} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high p{color:#713a3d;font-size:15px;line-height:1.5} #guided-game.sensor-wiring-mission .wire-power-outcome.result-high small{color:#80524c;font-size:11px} @keyframes wire-overload-shake{0%,100%{transform:translateX(0) rotate(0)}12%,36%,60%,84%{transform:translateX(-9px) rotate(-.45deg)}24%,48%,72%,96%{transform:translateX(9px) rotate(.45deg)}} @keyframes wire-overload-flash{0%{opacity:0;transform:scale(.25) rotate(-9deg)}12%{opacity:1;transform:scale(1.12) rotate(4deg)}24%,49%,74%{opacity:.9}36%,62%,88%{opacity:.18;transform:scale(.96) rotate(-2deg)}100%{opacity:0;transform:scale(1.5) rotate(5deg)}} @keyframes wire-live-cable{50%{stroke:#fff;stroke-width:15;filter:drop-shadow(0 0 10px #ff2d25) drop-shadow(0 0 19px #ffbf32)}} @keyframes wire-terminal-zap{50%{transform:scale(1.12);box-shadow:0 0 0 8px #ff544d70,0 0 22px #ff9b30}} @keyframes wire-short-entry{0%{transform:scale(.76) translateY(40px);opacity:0}55%{transform:scale(1.04) translateY(-5px)}75%{transform:scale(.98)}100%{transform:scale(1);opacity:1}} @keyframes wire-battery-overload{50%{transform:translateY(-8px) rotate(8deg);filter:brightness(1.45)}} @keyframes wire-arc-zap{50%{transform:scale(1.4) rotate(18deg);color:#ffbe25}} @keyframes wire-bulb-overload{50%{transform:scale(1.24) rotate(-10deg);filter:brightness(2.1)}100%{transform:scale(.88) rotate(10deg);filter:brightness(.55)}} @media(max-width:600px){#guided-game.sensor-wiring-mission .wire-power-outcome.result-high{grid-template-columns:1fr;gap:10px;padding:20px 13px 14px}#guided-game.sensor-wiring-mission .wire-power-outcome.result-high .wire-effect-scene{min-height:116px}#guided-game.sensor-wiring-mission .wire-power-outcome.result-high b{font-size:21px}#guided-game.sensor-wiring-mission .wire-power-outcome.result-high p{font-size:13px}} @media(prefers-reduced-motion:reduce){#guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-circuit-board,#guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-circuit-board::after,#guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-line,#guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-slot-row.is-connected .wire-endpoint,#guided-game.sensor-wiring-mission .wire-power-outcome.result-high,#guided-game.sensor-wiring-mission .wire-power-outcome.result-high *{animation:none!important}#guided-game.sensor-wiring-mission .wire-game-shell.power-state-high .wire-circuit-board::after{opacity:0}} #guided-game.sensor-wiring-mission .guide-talk{gap:10px;padding:0;background:transparent} #guided-game.sensor-wiring-mission .guide-talk img{width:58px;height:72px;flex-basis:58px} #guided-game.sensor-wiring-mission .chat-history{min-height:0;max-height:140px} #guided-game.sensor-wiring-mission .chat-line{padding:7px 0;border-radius:0;background:transparent} #guided-game.sensor-wiring-mission .chat-line.you{margin-left:0;padding-left:10px;border-left:2px solid #9db6ea;background:transparent} #guided-game.sensor-wiring-mission .chat-replies{gap:6px} #guided-game.sensor-wiring-mission .chat-replies button{padding:9px 11px;border-color:transparent;border-radius:11px;background:#edf3ff} #guided-game.sensor-wiring-mission .wire-game-intro{margin-bottom:8px} #guided-game.sensor-wiring-mission .wire-game-kicker{font-size:14px} #guided-game.sensor-wiring-mission .wire-child-instruction{max-width:640px;margin:5px auto 8px;color:#344e78;font-size:16px;font-weight:700;line-height:1.55} #guided-game.sensor-wiring-mission .wire-progress-row{max-width:620px;padding:7px 4px;border:0;border-radius:0;background:transparent} #guided-game.sensor-wiring-mission .wire-progress-row progress{height:8px;border:0;border-radius:99px;appearance:none;background:#e6edf7} #guided-game.sensor-wiring-mission .wire-progress-row progress::-webkit-progress-bar{border-radius:99px;background:#e6edf7} #guided-game.sensor-wiring-mission .wire-progress-row progress::-webkit-progress-value{border-radius:99px;background:#42a879} #guided-game.sensor-wiring-mission .wire-progress-row progress::-moz-progress-bar{border-radius:99px;background:#42a879} #guided-game.sensor-wiring-mission .wiring-stage{min-height:320px;padding:12px;border:0;border-radius:18px;background:#f5f7fc} #guided-game.sensor-wiring-mission .wiring-device{padding:14px;border:0;border-radius:16px;box-shadow:none} #guided-game.sensor-wiring-mission .wiring-board{background:#edf6f0} #guided-game.sensor-wiring-mission .wiring-sensor{background:#faf4e5} #guided-game.sensor-wiring-mission .wiring-board-display{min-height:62px;border:0;background:transparent} #guided-game.sensor-wiring-mission .wiring-sensor-photo{min-height:62px;border:0;background:transparent} #guided-game.sensor-wiring-mission .wire-terminal{min-height:40px;padding:4px 7px;border:0;border-bottom:1px solid #d8e1ed;border-radius:7px;background:transparent;box-shadow:none} #guided-game.sensor-wiring-mission .wire-terminal strong{display:grid;gap:1px;min-width:0;font-size:14px;line-height:1.2} #guided-game.sensor-wiring-mission .wire-pin-meaning{color:#657694;font-size:10px;font-weight:600;letter-spacing:0} #guided-game.sensor-wiring-mission .wire-terminal:focus-visible{outline:3px solid #365eb8;outline-offset:2px} #guided-game.sensor-wiring-mission .wire-terminal:hover:not(:disabled){transform:none;border-bottom-color:var(--wire-color);background:#ffffffa8;box-shadow:none} #guided-game.sensor-wiring-mission .wire-terminal.is-connected{background:#ffffffa8} #guided-game.sensor-wiring-mission .wire-bridge-label b{width:34px;height:34px;border:0;background:transparent;font-size:28px} #guided-game.sensor-wiring-mission .wire-feedback{margin-top:2px;padding:8px 2px;border:0;border-radius:0;background:transparent;font-weight:700} #guided-game.sensor-wiring-mission .wire-feedback.success{color:#24754c} #guided-game.sensor-wiring-mission .wire-feedback.retry{color:#9a552c} #guided-game.sensor-wiring-mission .wire-hint-card{margin-top:0;padding:9px 12px;border-radius:12px} #guided-game.sensor-wiring-mission .wire-game-actions{margin-top:2px} #guided-game.sensor-wiring-mission .wire-safety-note{padding:8px 10px;border-radius:10px} #guided-game.sensor-wiring-mission .wire-mission-brief{min-height:0;padding:10px 0;border:0;background:transparent} #guided-game.sensor-wiring-mission .wire-mission-sensor{min-height:210px;background:radial-gradient(circle,#fff 0 35%,#edf4fc 36% 100%)} #guided-game.sensor-wiring-mission .wire-result-card{padding:10px 0;border:0;background:transparent} @media(max-width:760px){#guided-game.sensor-wiring-mission .play-workspace{padding:0}#guided-game.sensor-wiring-mission .conversation-panel{padding:12px 4px}#guided-game.sensor-wiring-mission .wiring-stage{padding:8px;border-radius:14px}} @media(max-width:460px){#guided-game.sensor-wiring-mission .wiring-device{padding:7px}#guided-game.sensor-wiring-mission .wire-terminal{min-height:38px;padding:3px}#guided-game.sensor-wiring-mission .wire-child-instruction{font-size:14px}#guided-game.sensor-wiring-mission .wire-pin-meaning{font-size:9px}}