*{box-sizing:border-box}body{margin:0;color:#093e72;background:radial-gradient(ellipse at top left,#e6f7ff,transparent 42rem),#fffcf5;font-family:var(--dm-font,system-ui,sans-serif);line-height:1.6}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #b6d3e7;border-radius:24px;min-height:46px;background:#fff;padding:9px 18px;font-weight:700}button:hover:not(:disabled){background:#eaf7ff}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #9c5700;outline-offset:3px}a{color:#0066b4}button.primary{background:var(--dm-action-fill,#0083ee);box-shadow:var(--dm-action-shadow);color:#fff;border-color:#098be2}button.primary:hover:not(:disabled){background:#0068c7}[hidden]{display:none!important}main{max-width:1020px;margin:0 auto;padding:28px 24px}h1{font-size:clamp(34px,5.5vw,54px);line-height:1.45;margin:14px 0}h2{font-size:24px;margin:0 0 12px}h3{margin:0 0 5px}p{margin:8px 0}rt{font-size:.45em}small{font-size:14px}.subject{display:inline-block;background:#d8f5e9;border-radius:14px;padding:4px 12px;font-size:14px;font-weight:800;color:#126557}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:22px 28px 38px;gap:30px}.hero p{margin:18px 0 24px}.hero-art{height:260px;position:relative;background:radial-gradient(ellipse,#ffefb5,transparent 68%)}.themes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.theme-card,.panel{background:#fff;border:1px solid #d2e2ec;border-radius:25px;padding:23px;box-shadow:0 7px 16px #1e5e8208}.theme-card>button{width:100%;text-align:left;border:0;font-size:20px;background:#eff9ff;padding:12px 16px}.theme-card>button small{display:block}.theme-card details{margin-top:14px}.theme-card details button{display:block;margin:6px 0;width:100%;text-align:left;font-size:15px}.help{margin:24px 0}.help summary,.connections summary{min-height:44px;cursor:pointer;font-weight:700;display:list-item;padding:9px 4px}.play-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}.play-header strong{margin-left:auto;white-space:nowrap}.progress{list-style:none;display:flex;justify-content:center;gap:16px;margin:4px 0 12px;padding:0}.progress li{border:2px solid #b8d3df;border-radius:50%;width:32px;height:32px;line-height:28px;text-align:center;font-size:16px;background:#fff;color:#5e7682}.progress .done{background:#ffe27b;border-color:#d39a17;color:#705013}.progress .current{outline:2px solid #1686c6;outline-offset:3px}.experiment{background:#fff;border:1px solid #d4e1e5;border-radius:27px;padding:22px 24px;box-shadow:0 6px 18px #376c7909}.task-header h2{margin:3px 0 5px}.task-header p{font-size:15px}.task-header>span{font-size:13px;color:#486779}.board{position:relative;width:100%;height:clamp(290px,42vw,400px);background:repeating-linear-gradient(0deg,#edd6ad18 0 2px,transparent 2px 40px),linear-gradient(130deg,#fff9e9,#f9efd7);border-radius:18px;border:1px solid #ede0c6;isolation:isolate}.board svg{width:100%;height:100%;display:block}.part-text{font-size:21px;fill:#21485f;font-family:inherit}.wire-line{fill:none;stroke-width:7;stroke-linecap:round;pointer-events:none}.wire-halo{fill:none;stroke:#fff9e9;stroke-width:13;pointer-events:none}.wire-hit{fill:none;stroke:transparent;stroke-width:25;cursor:pointer;pointer-events:stroke}.wire.selected .wire-halo{stroke:#153e6a;stroke-dasharray:6 6;stroke-width:17}.wire.traced .wire-halo{stroke:#ffd36a;stroke-width:19}.terminal{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;min-height:46px;padding:0;border:3px solid #426b83;background:radial-gradient(circle,#fff 50%,#d6e6e9 55%);font-size:22px;line-height:40px;z-index:2;box-shadow:0 3px 0 #759aab66}.terminal.selected{border:4px dashed #0468c1;outline:4px solid #b1e8ff;background:#fff4a8}.terminal.hinted{outline:4px dashed #bb7825;outline-offset:4px}.terminal:focus-visible{outline:3px solid #99560b;outline-offset:4px}.glow{opacity:0}.bulb.lit .glow{opacity:1;animation:shine .5s ease-out 1}@keyframes shine{from{opacity:.25}to{opacity:1}}.board-status{background:#eff6f9;border-radius:10px;padding:6px 12px;font-weight:700;margin:10px 0 8px}.board-status[data-kind=lit]{background:#fff1b7;color:#795200}.board-status[data-kind=short]{background:#fff0df;color:#874419}.selection-status{font-size:14px;min-height:23px}.edit-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.edit-tools button{padding:7px 8px;font-size:14px}.experiment-actions{display:flex;gap:10px;margin:12px 0}.experiment-actions button{flex:1;font-size:20px;min-height:53px}.switch-control{background:#d9f6e9;border-color:#8fbfab}.feedback{padding:14px 18px;border-radius:16px;background:#e6f7f1;border-left:5px solid #3d9688;margin:12px 0}.feedback[data-success=true] h3{font-size:26px}.feedback[data-kind=short]{background:#fff1e2;border-color:#c77b2b}.feedback p{margin:4px 0}.hint-row{display:flex;gap:14px;align-items:center;margin:12px 0}.hint-row button{flex-shrink:0}.hint-row p{font-size:15px}.connections{font-size:14px}.connections p{color:#516d7d}.connections #wire-list{display:flex;flex-wrap:wrap;gap:7px}#wire-list button{font-size:14px;padding:6px 12px}fieldset{border:0;padding:0;margin:10px 0}fieldset legend{font-weight:700}fieldset button{margin:6px 8px 0 0;min-width:125px}fieldset button[aria-pressed=true]{background:#007dd8;color:#fff;border:3px solid #093e72}#next-bar{position:sticky;bottom:0;background:#fffcf5ed;padding:12px 4px;z-index:5}#next{display:block;width:min(100%,660px);margin:auto;min-height:52px}.motion-setting{display:flex;gap:10px;align-items:center;margin-top:22px;font-size:14px}.motion-setting input{width:22px;height:22px}.save-area{font-size:13px;margin:16px 0}.save-area button{font-size:14px}footer{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;padding:15px 0}.result{text-align:center;margin:26px 0}.result h2{font-size:32px}.result-actions{display:grid;gap:12px;max-width:460px;margin:22px auto}.result-actions a{padding:12px;min-height:46px}.result-sticker{display:inline-block;border:2px solid #e3c979;border-radius:50%;background:#fff2b1;width:54px;height:54px;padding:12px;margin:8px 5px;font-size:21px}.reduced *{animation:none!important;scroll-behavior:auto!important}.panel{margin:16px 0}
@media(max-width:620px){main{padding:16px 12px}.hero{padding:8px 5px 22px;gap:10px;grid-template-columns:1fr}.hero-art{display:none}.hero h1 br{display:none}.hero h1{font-size:36px}.hero p{margin:10px 0 18px}.hero button{width:100%}.themes{grid-template-columns:1fr;gap:12px}.theme-card{padding:14px}.experiment{padding:14px 10px;border-radius:22px}.task-header h2{font-size:21px;line-height:1.5}.play-header{gap:8px;font-size:13px}.play-header button{font-size:14px;padding:8px 12px}.board{height:285px;border-radius:13px}.terminal{width:44px;height:44px;min-height:44px;font-size:20px;line-height:38px}.edit-tools{grid-template-columns:1fr 1fr;gap:7px}.edit-tools button{min-height:44px;font-size:14px}.experiment-actions{flex-wrap:wrap}.experiment-actions button{font-size:18px;min-height:49px}.hint-row{align-items:flex-start;gap:10px;flex-wrap:wrap}.hint-row p{margin:0}.feedback{padding:12px}.feedback h3{font-size:20px}.feedback p{font-size:15px}.board-status{font-size:14px;padding:5px 9px}#next{font-size:16px;padding:10px}.theme-card details button{min-height:44px}.result h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
.board{height:auto;aspect-ratio:600/420}.part-text{font-size:26px}
@media(min-width:761px){
 .experiment{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:8px 22px;align-items:start}
 .task-header{grid-column:1/-1;grid-row:1}#prediction{grid-column:1/-1;grid-row:2;margin:0}
 .board-status{grid-column:1;grid-row:3;margin:0}.board{grid-column:1;grid-row:4/7}
 .selection-status{grid-column:1;grid-row:7}.edit-tools{grid-column:1;grid-row:8;grid-template-columns:repeat(4,1fr)}
 .experiment-actions{grid-column:1;grid-row:9;margin:0}.experiment-actions button{font-size:18px}
 .feedback{grid-column:2;grid-row:4;margin:0}.hint-row{grid-column:2;grid-row:5;flex-wrap:wrap;margin:0;gap:6px}.hint-row p{margin:0}
 .connections{grid-column:2;grid-row:6/10}#next-bar{margin-top:4px}
}
.bulb-mark{width:20px;height:25px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.bulb-glass{fill:#edf3f6}.done .bulb-glass{fill:#ffdb55}.progress li{height:36px;width:36px;line-height:32px}.progress .done .bulb-mark{color:#93641b}
.hero-art{height:auto;aspect-ratio:600/420}.hero-art svg{display:block;width:100%;height:100%}.hero-point{position:absolute;transform:translate(-50%,-50%);display:block;width:34px;height:34px;border-radius:50%;border:2px solid #52798f;background:#fffef7;line-height:30px;text-align:center;font-size:19px;box-shadow:0 3px 0 #aac8d4}
.switch-actuator{position:absolute;transform:translate(-50%,-50%);z-index:3;width:44px;height:44px;min-height:44px;padding:0;border:2px solid #a86d0f;border-radius:50%;background:linear-gradient(#fff3a6,#ffce4c);color:#6c490d;box-shadow:0 3px 0 #94682088,inset 0 2px 1px #fff8d5;font-size:24px;line-height:38px}.switch-actuator:hover:not(:disabled){background:#ffe17c}.switch-actuator:focus-visible{outline:3px solid #095fac;outline-offset:3px}.switch-actuator:disabled{opacity:.75}.switch-caption{position:absolute;transform:translateX(-50%);z-index:3;pointer-events:none;width:132px;text-align:center;border-radius:10px;background:#fffcf2;color:#7b5118;line-height:1.2;font-size:13px}.switch-caption>span,.switch-caption strong{display:block}.switch-caption strong{font-size:16px}.switch-caption[data-closed=true]{background:#e3f6ed;color:#175f54}
@media(max-width:620px){.switch-caption{width:110px;font-size:11px}.switch-caption strong{font-size:12px}.switch-button-prefix{display:none}}