:root{--ink:#26263a;--paper:#fdfbf3;--line:#d9ecfb;--margin:#ffb3b3;--sun:#ffd23f;--sky:#6ec1ff;--coral:#ff7f6b;--mint:#7be0ad;--grape:#b39cff;--white:#fff;--muted:#5d5d78;--font:"Comic Sans MS", "Chalkboard SE", "Comic Neue", "Segoe Print", system-ui, sans-serif;--wobble:18px 22px 16px 24px / 22px 16px 24px 18px;--shadow:5px 5px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg, transparent 46px, var(--margin) 46px, var(--margin) 49px, transparent 49px), repeating-linear-gradient(180deg, transparent 0 35px, var(--line) 35px 37px);-webkit-tap-highlight-color:transparent;margin:0;font-size:20px;line-height:1.4}h1,h2,p{margin:0}h1{font-size:clamp(1.6rem,4vw,2.3rem)}h2{font-size:clamp(1.3rem,3.2vw,1.8rem)}small{font-size:.8rem}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hidden{display:none!important}:focus-visible{outline:4px dashed var(--coral);outline-offset:4px}.topbar{justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:10px 16px 10px 60px;display:flex}.logo{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:6px 8px;font-size:1.5rem;font-weight:700}.top-right{align-items:center;gap:10px;display:flex}.chip{background:var(--white);border:3px solid var(--ink);border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:6px 14px;font-size:1rem;font-weight:700;display:inline-flex}.btn.chip{box-shadow:3px 3px 0 var(--ink)}main{max-width:1100px;margin:0 auto;padding:0 16px 40px 60px}#screen:focus,#screen:focus-visible{outline:none}.btn{font:inherit;color:var(--ink);background:var(--white);border:4px solid var(--ink);border-radius:var(--wobble);box-shadow:4px 4px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:48px;padding:10px 18px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:2px 2px 0 var(--ink)}.btn.big{min-height:60px;padding:14px 26px;font-size:1.25rem}.btn.go{background:var(--sun)}.btn.alt{background:var(--sky)}.btn.plain{background:var(--white)}.btn.round{border-radius:50%;width:64px;height:64px;padding:0;font-size:1.7rem}.btn.cool{background:#d6efff}.btn.warm{background:#ffe1c2}.btn.speak{background:var(--mint);border-radius:50%;flex:none;width:54px;height:54px;min-height:0;padding:0;font-size:1.5rem}.btn.wind{background:#e4f4ff}.btn.up,.btn.down{background:#ffe1c2}.btn.boil{background:var(--coral)}.btn.stop-btn{width:60px;height:60px;padding:0;font-size:1.5rem}.btn.reset{background:#f1f1f5;font-size:.95rem}.actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px;display:flex}.say-row{justify-content:center;align-items:center;gap:14px;display:flex}.card{background:var(--white);border:4px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);text-align:center;max-width:820px;margin:16px auto;padding:24px}.big-text{font-size:clamp(1.3rem,3.4vw,1.75rem);font-weight:700;line-height:1.35}.lead{text-align:center;color:var(--muted);margin:6px 0 12px}.home .hello{margin-top:6px}.map{max-width:1000px;margin:0 auto;position:relative}.map-art{width:100%;height:auto;display:block}.pin{cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.pin-dot{border:4px solid var(--ink);background:var(--coral);width:clamp(44px,6vw,64px);height:clamp(44px,6vw,64px);color:var(--white);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:700;animation:2.4s ease-in-out infinite bob;display:grid}.pin.solved .pin-dot{background:var(--white)}.pin-label{white-space:nowrap;background:var(--white);border:3px solid var(--ink);border-radius:12px;padding:2px 10px;font-size:clamp(.8rem,1.8vw,1.1rem);font-weight:700;position:absolute}.pin-below .pin-label{top:calc(100% + 4px)}.pin-above .pin-label{bottom:calc(100% + 4px)}.pin:hover .pin-dot,.pin:focus-visible .pin-dot{animation:none;transform:scale(1.12)}.case-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0;display:grid}.case-card{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:var(--white);border:4px solid var(--ink);border-radius:var(--wobble);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:12px;min-height:72px;padding:12px 14px;display:flex}.case-card:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.case-card.solved{background:#eafff2}.case-num{background:var(--sun);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.case-text{flex-direction:column;display:flex}.case-text small{color:var(--muted)}.home-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.streak-line{font-size:1.15rem;font-weight:700}.lesson-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;margin:0 0 4px;display:flex}.lesson-name{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.case-tag{background:var(--sun);border:3px solid var(--ink);border-radius:999px;padding:2px 14px;font-size:.95rem;font-weight:700;display:inline-block}.lesson-title{margin:0;font-size:clamp(1.4rem,3.4vw,1.9rem)}.stepper{justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stepper li{border:3px solid var(--ink);background:var(--white);opacity:.45;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid}.stepper li.done{opacity:1;background:var(--mint)}.stepper li.now{opacity:1;background:var(--sun);transform:scale(1.15)}.character svg{width:100%;height:auto;display:block}.big-char{width:150px;margin:0 auto 12px;animation:2.6s ease-in-out infinite bob}.mini-char{flex:none;width:62px}.bubble-row{align-items:center;gap:12px;max-width:900px;margin:6px auto 8px;display:flex}.bubble{background:var(--white);border:4px solid var(--ink);border-radius:22px;flex:1;align-items:center;min-height:58px;padding:8px 16px;display:flex;position:relative}.bubble:before{content:"";border:10px solid #0000;border-right:12px solid var(--ink);position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.bubble-text{font-size:clamp(1.05rem,2.6vw,1.35rem);font-weight:700}.bubble-row.wiggle .bubble{animation:.4s wiggle}.stage{max-width:900px;margin:0 auto}.sim-canvas{border:4px solid var(--ink);width:100%;max-width:min(100%,160vh - 480px);height:auto;box-shadow:var(--shadow);background:var(--white);cursor:grab;touch-action:none;border-radius:20px;margin:0 auto;display:block}@supports (height:100dvh){.sim-canvas{max-width:min(100%,160dvh - 480px)}}.sim-canvas{min-width:min(100%,300px)}.sim-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;margin-top:12px;display:flex}.sim-controls{flex-direction:column;align-items:center;gap:10px;display:flex}.controls-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.slider-row{align-items:center;gap:14px;width:min(92vw,520px);display:flex}.temp-slider{appearance:none;border:4px solid var(--ink);cursor:pointer;background:linear-gradient(90deg,#6ec1ff,#ffd23f,#ff7f6b);border-radius:11px;flex:1;height:22px}.temp-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:4px solid var(--ink);width:40px;height:40px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}.temp-slider::-moz-range-thumb{background:var(--white);border:4px solid var(--ink);border-radius:50%;width:34px;height:34px}.aha-burst{font-size:4rem;animation:.6s pop}.aha-title{color:var(--coral);-webkit-text-stroke:1.5px var(--ink);margin-bottom:10px;font-size:2.6rem;font-weight:700}.quiz-count{color:var(--muted);margin-bottom:8px;font-weight:700}.answers{gap:12px;margin-top:18px;display:grid}.btn.answer{background:#fff8dc;min-height:64px;font-size:clamp(1.1rem,2.8vw,1.35rem)}.btn.answer.correct{background:var(--mint);opacity:1}.btn.answer.wrong{background:#ffd6d0;animation:.4s shake}.quiz-feedback{min-height:1.6em;margin-top:14px;font-size:1.15rem;font-weight:700}.reward-title{font-size:clamp(1.8rem,5vw,2.6rem)}.stamp{width:160px;margin:10px auto}.stamp svg{width:100%;height:auto;display:block}.stamp-slam{animation:.5s cubic-bezier(.2,1.6,.4,1) both slam}.stamp-name{font-size:1.4rem;font-weight:700}.stars{letter-spacing:6px;margin:8px 0;font-size:2.2rem}.paper{text-align:center}.slots{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0;display:grid}.slot{font:inherit;color:var(--ink);cursor:pointer;background:#fffef7;border:3px dashed #b9b9c9;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.slot.earned{border:4px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--white)}.slot .stamp{width:120px;margin:0}.slot-stars{letter-spacing:3px;font-size:1.4rem}.slot.earned .stamp{transform:rotate(-8deg)}.streak-box{border:3px solid var(--ink);background:#fff4d6;border-radius:16px;max-width:480px;margin:10px auto;padding:12px}.streak-big{font-size:1.5rem;font-weight:700}.nickname{flex-direction:column;align-items:center;gap:6px;margin:18px auto;display:flex}.nickname label{font-weight:700}.nickname .row{gap:10px;display:flex}.nickname input{font:inherit;border:4px solid var(--ink);border-radius:14px;width:min(60vw,260px);min-height:52px;padding:8px 12px;font-size:1.2rem}.nickname small{color:var(--muted)}.slider-grid{grid-template-columns:auto minmax(180px,320px);align-items:center;gap:10px 12px;display:grid}.preset-col{flex-direction:column;gap:8px;display:flex}.slider-row.wind-row{width:min(92vw,300px)}.stage.tall-controls .sim-canvas{max-width:min(100%,160vh - 624px)}@supports (height:100dvh){.stage.tall-controls .sim-canvas{max-width:min(100%,160dvh - 624px)}}.slider-label{white-space:nowrap;font-weight:700}.temp-slider.humid{background:linear-gradient(90deg,#fff4d6,#6ec1ff)}.temp-slider.wind{background:linear-gradient(90deg,#e4f4ff,#9aa7b8)}.btn.preset{background:#fff4d6}.btn.coat{background:#e9e2ff}.btn.jar-btn{background:#eaf6ff;font-size:1rem}.sd-intro{margin:8px 0 16px}.sd-trophy{font-size:1.6rem}.sd-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.sd-card{font:inherit;color:var(--ink);cursor:pointer;background:var(--white);border:4px solid var(--ink);border-radius:var(--wobble);box-shadow:4px 4px 0 var(--ink);flex-direction:column;align-items:center;gap:2px;padding:16px 10px 12px;display:flex;position:relative}.sd-card.picked{background:#fff4d6}.sd-card.right{background:#eafff2}.sd-card.wrong{background:#ffe9e5}.sd-rank{border:3px solid var(--ink);background:var(--sun);border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:grid;position:absolute;top:-14px;left:-10px}.sd-icon{font-size:2.2rem}.sd-feels{color:#1c64c8;margin-top:4px;font-size:1.15rem;font-weight:700}.sd-why{color:var(--muted)}.sd-scale{color:var(--muted);justify-content:center;gap:12px;margin-top:10px;font-weight:700;display:flex}.sd-result{min-height:1.5em;margin-top:10px;font-size:1.2rem;font-weight:700}.board{max-width:1000px}.board-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.board-card{border:3px solid var(--ink);background:#fffef7;border-radius:16px;padding:10px 12px;font-size:.95rem}.board-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.board-head small{color:var(--muted)}.board-feels{font-weight:700}.board-why{color:var(--muted);margin-top:6px;font-size:.9rem}.water-bar{border:2px solid var(--ink);background:#fff;border-radius:6px;height:12px;display:block;overflow:hidden}.water-fill{background:#5aaeff;height:100%;display:block}.pin.bonus .pin-dot{background:var(--grape)}.case-card.bonus{background:#f3eeff}.btn.bonus-row{background:#f3eeff;margin:4px auto 10px}.btn.bonus-row.won{background:#fff4d6}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0}.pop-in{animation:.35s both pop}.pulse{animation:1.1s ease-in-out infinite pulse}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes slam{0%{opacity:0;transform:scale(2.4)rotate(-25deg)}70%{opacity:1;transform:scale(.95)rotate(-6deg)}to{transform:scale(1)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.stamp-slam{transform:rotate(-8deg)}}@media (width<=640px){body{background-image:repeating-linear-gradient(180deg, transparent 0 35px, var(--line) 35px 37px);font-size:18px}.topbar{padding:8px 12px}main{padding:0 12px 32px}.logo{font-size:1.2rem}.chip{padding:4px 10px;font-size:.9rem}.card{padding:16px}.mini-char{width:46px}.btn.big{padding:12px 18px;font-size:1.1rem}.stepper li{width:38px;height:38px;font-size:1.05rem}.sim-canvas{max-width:100%}}