@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@700;800;900&display=swap');
:root{--ink:#0b3b43;--teal:#087b78;--yellow:#ffd45a;--panel:rgba(255,255,255,.93)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#073f47;font-family:Nunito,system-ui,sans-serif;color:var(--ink)}button,a{font:inherit}.game-shell{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#5ac5a2;touch-action:none;user-select:none}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.topbar{position:absolute;z-index:5;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;pointer-events:none}.brand{pointer-events:auto;display:flex;align-items:center;gap:9px;padding:8px 13px 8px 8px;text-decoration:none;color:var(--ink);background:var(--panel);border:3px solid #fff;border-radius:20px;box-shadow:0 7px 0 #09434333}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ffdf5a,#ff8a4c);color:#9f2e27;font-weight:900;border:2px solid #fff}.brand span:last-child{display:flex;flex-direction:column}.brand small,.score small{font-size:9px;letter-spacing:.12em}.brand strong{font:800 19px/1 'Baloo 2'}.score{margin-left:auto;background:var(--panel);border:3px solid #fff;border-radius:18px;padding:7px 18px;text-align:center;box-shadow:0 7px 0 #09434333}.score strong{display:block;color:#ee633f;font-size:20px;line-height:1}.round-button{pointer-events:auto;width:48px;height:48px;border:3px solid #fff;border-radius:16px;background:var(--panel);color:var(--teal);font-size:24px;box-shadow:0 7px 0 #09434333}.round-button:active{transform:translateY(4px)}
.mission-card{position:absolute;z-index:4;top:92px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;min-width:min(440px,72vw);padding:8px 12px;background:#064446e6;border:2px solid #ffffff4d;border-radius:18px;color:#fff;box-shadow:0 8px 24px #022d2b38;backdrop-filter:blur(10px)}.mission-icon{display:grid;place-items:center;width:38px;height:38px;background:#fff3da;border-radius:12px}.mission-card div:nth-child(2){display:flex;flex:1;flex-direction:column}.mission-card small{font-size:9px;letter-spacing:.13em;color:#9de7d2}.mission-card strong{font:800 15px/1.2 'Baloo 2'}.rescue-count{display:flex;align-items:baseline;color:#ffe26d}.rescue-count b{font-size:22px}.water-card{position:absolute;z-index:4;top:156px;left:max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:auto minmax(65px,130px) auto;align-items:center;gap:8px;background:var(--panel);border:3px solid #fff;border-radius:15px;padding:7px 10px;box-shadow:0 6px 0 #0943432e}.water-card div{display:flex;align-items:center}.water-card div b,.water-card>strong{font-size:10px}.water-card i{width:11vw;max-width:130px;min-width:65px;height:10px;overflow:hidden;background:#cde4dd;border-radius:20px}.water-card i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#24b8e8,#77e9ff);border-radius:inherit}.combo{position:absolute;z-index:7;top:215px;left:50%;transform:translateX(-50%) rotate(-4deg);padding:7px 18px;color:#7d2b1c;background:#ffdc56;border:3px solid #fff;border-radius:14px;font:900 17px 'Baloo 2';box-shadow:0 5px 0 #e2763f;animation:pop .25s}.coach{position:absolute;z-index:4;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;max-width:min(400px,46vw);padding:7px 13px 7px 8px;background:var(--panel);border:3px solid #fff;border-radius:20px;box-shadow:0 7px 0 #084f4b2e;pointer-events:none}.coach>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#dff6e9;font-size:23px}.coach p{margin:0 0 0 8px;font-size:12px;font-weight:900}.toast{position:absolute;z-index:8;top:32%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;padding:10px 20px;border:3px solid #fff;border-radius:18px;color:#fff;background:#087b78;font:900 22px 'Baloo 2';transition:.2s}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.touch-controls{position:absolute;z-index:6;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.joystick{pointer-events:auto;position:relative;width:118px;height:118px;border-radius:50%;background:#053d4161;border:3px solid #ffffff94;box-shadow:inset 0 0 0 14px #ffffff1a}.joystick:before,.joystick:after{content:'';position:absolute;left:50%;top:50%;background:#ffffff38;transform:translate(-50%,-50%)}.joystick:before{width:62%;height:2px}.joystick:after{width:2px;height:62%}.joystick i{position:absolute;left:50%;top:50%;width:55px;height:55px;border-radius:50%;background:linear-gradient(145deg,#fff,#cceee6);border:4px solid #fff;box-shadow:0 7px 14px #05323547;transform:translate(-50%,-50%)}.spray-button{pointer-events:auto;width:116px;height:116px;border:5px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(160deg,#36c7f1,#087bbd);box-shadow:0 9px 0 #075e91,0 14px 25px #022e463f;display:flex;flex-direction:column;align-items:center;justify-content:center}.spray-button span{font-size:30px;line-height:1}.spray-button strong{font:900 15px 'Baloo 2'}.spray-button small{font-size:9px}.spray-button.active,.spray-button:active{transform:translateY(6px) scale(.98);box-shadow:0 3px 0 #075e91}
.overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 65% 25%,#37bead59,transparent 40%),linear-gradient(135deg,#063c45,#087067);padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.overlay[hidden]{display:none}.start-overlay{grid-template-columns:minmax(330px,1.15fr) minmax(330px,.85fr);gap:clamp(20px,5vw,80px)}.start-scene{position:relative;width:min(680px,52vw);aspect-ratio:1.25;border-radius:48% 48% 32% 32%;overflow:hidden;background:linear-gradient(#78dce5 0 55%,#88d291 55%);box-shadow:0 28px 80px #001e2359}.sun{position:absolute;width:90px;height:90px;border-radius:50%;top:10%;right:14%;background:#ffde65;box-shadow:0 0 0 18px #ffde6533}.hill{position:absolute;width:70%;height:55%;bottom:-20%;border-radius:50%}.hill-a{left:-8%;background:#1d8b6d;transform:rotate(8deg)}.hill-b{right:-10%;background:#116b5c;transform:rotate(-9deg)}.hero-art{position:absolute;z-index:3;height:82%;bottom:-8%;left:8%;filter:drop-shadow(0 18px 18px #022c423d);animation:heroFloat 3.4s ease-in-out infinite}.truck-art{position:absolute;z-index:2;width:47%;right:2%;bottom:2%;filter:drop-shadow(0 18px 18px #022c423d)}.start-copy{max-width:540px;color:#fff}.eyebrow{display:inline-block;padding:6px 11px;border-radius:9px;background:#ffdc5a;color:#81331e;font-size:11px;font-weight:900;letter-spacing:.12em}.start-copy h1{margin:10px 0 6px;font:800 clamp(46px,7vw,92px)/.78 'Baloo 2';letter-spacing:-.035em;text-shadow:0 7px 0 #0028282e}.start-copy h1 em{font-style:normal;color:#ffcf4b}.start-copy>p{max-width:480px;margin:16px 0;font-size:clamp(14px,1.45vw,19px);line-height:1.45;color:#d6f8eb}.how-to{display:flex;gap:8px;margin:18px 0}.how-to span{padding:8px 11px;border-radius:12px;background:#ffffff1f;font-size:10px}.how-to b{color:#ffda57;font-size:17px}.safety-note{display:flex;align-items:center;gap:9px;margin:12px 0 20px;padding:9px 11px;border:1px solid #ffffff33;border-radius:12px;color:#c6eee3;font-size:11px}.safety-note>b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#ff784f;color:#fff}.primary{min-width:240px;border:0;border-radius:18px;padding:5px 5px 5px 23px;background:linear-gradient(#ffdc5f,#ffb53e);color:#71331f;box-shadow:0 8px 0 #d66a34,0 14px 24px #00232347;font:900 17px 'Baloo 2';display:inline-flex;align-items:center;justify-content:space-between;gap:20px}.primary b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ffffff73}.primary:active{transform:translateY(5px)}.keyboard-hint{display:block;margin:15px 0 0 16px;color:#95cfc5}.result-panel{width:min(500px,94vw);padding:30px;text-align:center;background:#fffaf0;border:5px solid #fff;border-radius:32px;box-shadow:0 24px 70px #001b2159}.result-stars{margin:12px 0 0;color:#ffc83e;font-size:46px;letter-spacing:5px;text-shadow:0 4px 0 #dd7d35}.result-panel h2{margin:6px 0;font:800 36px 'Baloo 2'}.result-panel p{margin:0;color:#557276}.rescued-friends{display:flex;justify-content:center;height:105px;margin:12px}.rescued-friends img{width:100px;height:100px;object-fit:contain}.result-stats{display:flex;justify-content:center;gap:40px;margin:10px 0 22px}.result-stats span{font-size:10px;letter-spacing:.12em}.result-stats b{display:block;color:#ec6542;font-size:24px}.render-status{position:absolute;z-index:40;left:50%;bottom:10px;transform:translateX(-50%);padding:4px 8px;border-radius:8px;background:#073f47;color:#fff;font-size:9px}.render-status.ready{display:none}
@keyframes heroFloat{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes pop{0%{transform:translateX(-50%) scale(.6)}}@media(max-width:760px),(orientation:portrait){.start-overlay{grid-template-columns:1fr;grid-template-rows:43% 57%;gap:8px;padding:12px}.start-scene{width:min(500px,92vw);height:100%;margin:auto;border-radius:32px}.start-copy{text-align:center}.start-copy h1{font-size:clamp(42px,12vw,64px);margin:4px}.start-copy>p{margin:7px auto;font-size:13px}.how-to{justify-content:center;margin:9px}.how-to span{padding:6px;font-size:8px}.safety-note{margin:8px auto 10px;max-width:420px;padding:6px;text-align:left}.keyboard-hint{display:none}.mission-card{top:84px;width:calc(100% - 28px);min-width:0}.water-card{top:142px}.brand strong{font-size:16px}.brand small{display:none}.coach{max-width:46vw}.coach p{font-size:10px}.joystick,.spray-button{width:100px;height:100px}}@media(max-height:520px) and (orientation:landscape){.topbar{top:8px}.brand{padding:4px}.brand-mark{width:34px;height:34px}.mission-card{top:62px}.water-card{top:116px}.joystick,.spray-button{width:92px;height:92px}.start-copy h1{font-size:58px}.start-copy>p,.how-to,.safety-note{margin:8px 0}.start-scene{height:90vh;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.mission-select{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(12px,2vh,22px);overflow:auto}.select-header,.select-footer{width:min(1080px,94vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.select-header h1{margin:6px 0 0;color:#fff;font:800 clamp(34px,5vw,62px)/.9 'Baloo 2';letter-spacing:-.035em}.select-header h1 em{color:#ffcf4b;font-style:normal}.select-header p{margin:8px 0 0;color:#c7eee4;font-size:13px}.select-hero{position:relative;width:170px;height:105px;flex:0 0 170px}.select-hero img{position:absolute;width:120px;height:120px;object-fit:contain;right:42px;bottom:-8px;filter:drop-shadow(0 12px 12px #002d324d)}.select-hero span{position:absolute;right:0;bottom:7px;padding:8px 12px;border:3px solid #fff;border-radius:14px;background:#ffce48;color:#733e1d;font-weight:900;box-shadow:0 5px 0 #d66a34}.level-grid{width:min(1080px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.level-card{position:relative;min-height:220px;overflow:hidden;border:3px solid #ffffff59;border-radius:25px;padding:15px;text-align:left;color:#fff;background:linear-gradient(160deg,var(--card-a),var(--card-b));box-shadow:0 11px 0 #002e3438,0 18px 28px #001c2130;cursor:pointer;transition:transform .18s,border-color .18s}.level-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 14%,#ffffff42 0 10%,transparent 11%),linear-gradient(145deg,transparent 50%,#001f2738)}.level-card:hover,.level-card:focus-visible,.level-card.selected{transform:translateY(-7px);border-color:#ffdc5a;outline:0}.level-card.selected{box-shadow:0 8px 0 #d4803d,0 18px 32px #001c2152}.level-card.locked{filter:saturate(.35);cursor:not-allowed}.level-card>*{position:relative;z-index:1}.level-top{display:flex;align-items:center;justify-content:space-between}.level-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffffffd9;color:#17494c;font-weight:900}.level-icon{font-size:36px;filter:drop-shadow(0 5px 2px #173d4050)}.level-card h2{margin:20px 0 2px;font:800 24px/1 'Baloo 2'}.level-card p{min-height:48px;margin:4px 0 11px;color:#e1f5ef;font-size:11px;line-height:1.35}.level-meta{display:flex;justify-content:space-between;align-items:end}.level-meta span{font-size:9px;letter-spacing:.08em}.level-meta b{display:block;margin-top:3px;color:#ffdf69;font-size:16px;letter-spacing:1px}.level-lock{padding:5px 8px;border-radius:8px;background:#143e46b8;font-size:10px}.select-footer{min-height:58px}.select-footer .safety-note{margin:0;max-width:440px}.select-footer .primary{margin-left:auto}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.result-actions .primary{min-width:190px}.secondary{border:2px solid #c9ded8;border-radius:15px;padding:10px 15px;background:#fff;color:#27605f;font-weight:900;cursor:pointer}.secondary:hover,.secondary:focus-visible{border-color:#1e8b82;background:#e7faf4}.theme-chip{position:absolute;z-index:4;right:max(16px,env(safe-area-inset-right));top:156px;padding:7px 11px;border:2px solid #ffffff82;border-radius:13px;background:#083f46bf;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
@media(max-width:850px){.mission-select{justify-content:flex-start;padding-top:max(18px,env(safe-area-inset-top))}.level-grid{grid-template-columns:repeat(2,1fr)}.level-card{min-height:165px}.level-card h2{margin-top:8px}.select-header{flex:0 0 auto}.select-footer{flex-wrap:wrap;justify-content:center;padding-bottom:max(12px,env(safe-area-inset-bottom))}.select-footer .safety-note{display:none}.select-footer .primary{margin:0}.keyboard-hint{width:100%;text-align:center}.select-hero{width:120px;flex-basis:120px}.select-hero img{width:92px;height:92px}.level-card p{min-height:32px}}
@media(max-width:480px){.mission-select{gap:10px}.select-header p{display:none}.select-header h1{font-size:34px}.select-hero{height:72px}.select-hero img{height:80px}.level-grid{gap:8px}.level-card{min-height:145px;padding:10px;border-radius:19px}.level-card h2{font-size:19px}.level-card p{display:none}.level-icon{font-size:28px}.level-meta b{font-size:13px}.select-footer{min-height:48px}.select-footer .primary{min-width:220px}.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-actions .primary{grid-column:1/-1;min-width:0}}
.touch-controls{height:min(44vh,340px);align-items:initial}.move-zone{position:absolute;left:0;bottom:0;width:min(48vw,430px);height:100%;pointer-events:auto}.move-zone:after{content:'GERAK';position:absolute;left:48px;bottom:128px;color:#ffffffad;font-size:9px;font-weight:900;letter-spacing:.12em;pointer-events:none}.joystick{position:absolute;left:0;bottom:0;transition:opacity .15s}.spray-button{position:absolute;right:0;bottom:0}.coach{transition:opacity .25s,transform .25s}.coach.quiet{opacity:0;transform:translate(-50%,12px) scale(.88)}
@media(max-width:760px){.topbar{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}.brand{width:45px;height:45px;padding:3px;border-radius:15px}.brand-mark{width:34px;height:34px;border-radius:11px;font-size:13px}.brand span:last-child{display:none}.score{padding:5px 11px;border-radius:14px}.score small{font-size:7px}.score strong{font-size:17px}.round-button{width:43px;height:43px;border-radius:14px}.mission-card{top:61px;left:max(10px,env(safe-area-inset-left));transform:none;width:calc(100% - 132px);min-height:48px;padding:5px 8px;border-radius:15px}.mission-card .mission-icon{width:32px;height:32px}.mission-card small{font-size:7px}.mission-card strong{font-size:12px}.water-card{top:61px;left:auto;right:max(10px,env(safe-area-inset-right));width:104px;height:48px;grid-template-columns:1fr;padding:5px 8px;gap:2px}.water-card div{position:absolute;left:7px;top:4px}.water-card div b{display:none}.water-card i{width:84px;min-width:0;margin-top:16px}.water-card>strong{position:absolute;right:7px;top:5px;font-size:9px}.combo{top:119px}.touch-controls{left:max(17px,env(safe-area-inset-left));right:max(17px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));height:42vh}.move-zone{width:52vw}.joystick,.spray-button{width:112px;height:112px}.joystick i{width:52px;height:52px}.move-zone:after{left:39px;bottom:120px}.spray-button strong{font-size:14px}.spray-button small{font-size:8px}.coach{bottom:15px;max-width:42vw}.coach p{font-size:9px}.coach>span{width:31px;height:31px;font-size:19px}}
@media(max-height:520px) and (orientation:landscape){.mission-card{top:56px;width:290px}.water-card{top:56px}.touch-controls{height:48vh}.joystick,.spray-button{width:98px;height:98px}.move-zone:after{bottom:104px}.coach{display:none}}
.game-shell.playing .topbar{top:max(7px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:6px}.game-shell.playing .brand{width:39px;height:39px;padding:2px;border-width:2px;border-radius:13px;box-shadow:0 3px 0 #09434326}.game-shell.playing .brand-mark{width:31px;height:31px;border-radius:10px;font-size:11px}.game-shell.playing .brand span:last-child{display:none}.game-shell.playing .score{padding:4px 9px;border-width:2px;border-radius:12px;box-shadow:0 3px 0 #09434326}.game-shell.playing .score small{display:none}.game-shell.playing .score strong{font-size:15px}.game-shell.playing .round-button{width:39px;height:39px;border-width:2px;border-radius:12px;font-size:18px;box-shadow:0 3px 0 #09434326}.game-shell.playing .mission-card{top:max(7px,env(safe-area-inset-top));width:min(250px,38vw);min-width:0;min-height:39px;padding:4px 7px;gap:6px;border-width:2px;border-radius:13px;box-shadow:0 4px 12px #022d2b28}.game-shell.playing .mission-icon{width:28px;height:28px;border-radius:9px;font-size:15px}.game-shell.playing .mission-card small{font-size:6px}.game-shell.playing .mission-card strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-shell.playing .rescue-count b{font-size:15px}.game-shell.playing .rescue-count span{font-size:8px}.game-shell.playing .water-card{top:max(50px,calc(env(safe-area-inset-top) + 50px));left:50%;right:auto;transform:translateX(-50%);width:166px;height:29px;grid-template-columns:auto 1fr auto;gap:5px;padding:3px 7px;border-width:2px;border-radius:11px;box-shadow:0 3px 0 #09434321}.game-shell.playing .water-card div span{font-size:12px}.game-shell.playing .water-card div b{font-size:7px}.game-shell.playing .water-card i{width:auto;min-width:54px;height:7px}.game-shell.playing .water-card>strong{font-size:8px}.game-shell.playing .coach{max-width:230px;padding:4px 8px 4px 5px;border-width:2px;border-radius:13px;box-shadow:0 3px 0 #084f4b24}.game-shell.playing .coach>span{width:27px;height:27px;border-radius:9px;font-size:16px}.game-shell.playing .coach p{font-size:8px}.game-shell.playing .combo{top:86px;padding:4px 10px;border-width:2px;border-radius:10px;font-size:11px}.game-shell.playing .spray-button strong{font-size:12px}.game-shell.playing .spray-button small,.game-shell.playing .move-zone:after{display:none}
@media(max-width:760px){.game-shell.playing .mission-card{top:max(7px,env(safe-area-inset-top));left:max(54px,calc(env(safe-area-inset-left) + 54px));right:118px;width:auto;transform:none}.game-shell.playing .mission-icon,.game-shell.playing .mission-card small{display:none}.game-shell.playing .mission-card strong{font-size:10px}.game-shell.playing .water-card{top:max(49px,calc(env(safe-area-inset-top) + 49px));width:138px;height:25px;grid-template-columns:auto 1fr auto}.game-shell.playing .water-card div{position:static}.game-shell.playing .water-card div b{display:none}.game-shell.playing .water-card i{margin:0;width:auto}.game-shell.playing .water-card>strong{position:static;font-size:7px}.game-shell.playing .joystick,.game-shell.playing .spray-button{width:96px;height:96px}.game-shell.playing .spray-button span{font-size:23px}.game-shell.playing .spray-button strong{font-size:10px}.game-shell.playing .coach{bottom:9px;max-width:190px}.game-shell.playing .coach p{font-size:7px}}
@media(max-height:520px) and (orientation:landscape){.game-shell.playing .mission-card{top:7px;left:50%;right:auto;transform:translateX(-50%);width:220px}.game-shell.playing .water-card{top:49px}.game-shell.playing .joystick,.game-shell.playing .spray-button{width:84px;height:84px}}

/* Six-mission journey, compact dual objective, and post-mission learning card. */
.level-grid{grid-template-columns:repeat(3,1fr)}
.level-card{min-height:190px}.level-card h2{margin-top:10px}
.objective-counts{display:flex;align-items:center;gap:6px;margin-left:auto;color:#fff;font-size:10px;font-style:normal;white-space:nowrap}
.objective-counts span{display:flex;align-items:center;gap:2px;padding:3px 5px;border-radius:8px;background:#ffffff17}
.objective-counts b{color:#ffe26d;font-size:15px}.objective-counts i{font-style:normal;color:#c9eee5;font-size:8px}
.result-overlay{overflow:auto;align-items:start}.result-panel{width:min(650px,94vw);margin:auto;padding:22px;max-height:none}
.result-panel .rescued-friends{height:72px;margin:5px}.result-panel .rescued-friends img{width:72px;height:72px}
.result-panel .result-stars{margin-top:5px;font-size:34px}.result-panel h2{font-size:28px}.result-panel .result-stats{margin:6px 0 10px}
.lesson-card{padding:13px 15px;margin:8px 0 14px;border:2px solid #cce9dc;border-radius:20px;background:linear-gradient(145deg,#effff7,#fff4cd);text-align:left}
.lesson-card>small{color:#16806f;font-size:9px;font-weight:900;letter-spacing:.15em}.lesson-card h3{margin:2px 0;color:#174f4c;font:800 21px/1.1 'Baloo 2'}
.lesson-card>p,.lesson-card>strong{display:block;font-size:11px;line-height:1.35}.lesson-card>strong{margin-top:8px;color:#304f50}
.lesson-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.lesson-choices button{min-height:42px;border:2px solid #c7ddd6;border-radius:11px;padding:6px;background:#fff;color:#315c5a;font:800 10px/1.2 Nunito;cursor:pointer}
.lesson-choices button:hover,.lesson-choices button:focus-visible{border-color:#168b7b;outline:2px solid #8ee2cb}.lesson-choices button.correct{border-color:#2a9e61;background:#dff8e7}.lesson-choices button.chosen-wrong{border-color:#e87955;background:#fff0ea}
.lesson-feedback{display:flex;align-items:center;gap:9px;min-height:42px;margin-top:9px;padding:8px 10px;border:2px solid #c7ddd6;border-radius:13px;background:#ffffffb8;color:#416260;outline:0;transition:background .2s,border-color .2s,transform .2s}.lesson-feedback>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#e7f4ef;font-size:16px}.lesson-feedback>div{min-width:0}.lesson-feedback strong{display:block;font:900 11px/1.1 Nunito;letter-spacing:.09em}.lesson-feedback p{margin:2px 0 0!important;color:inherit!important;font-size:10px;line-height:1.3}.lesson-feedback.answered{transform:scale(1.015)}.lesson-feedback.success{border-color:#36a96b;background:#dff8e7;color:#176b43}.lesson-feedback.success>span{background:#26965b;color:#fff}.lesson-feedback.retry{border-color:#e78a55;background:#fff0dc;color:#8d482b}.lesson-feedback.retry>span{background:#ffd16b}
.primary:disabled{filter:grayscale(.7);opacity:.55;box-shadow:0 5px 0 #8b897c;cursor:not-allowed}
.game-shell.playing .objective-counts{gap:3px;font-size:8px}.game-shell.playing .objective-counts span{padding:2px 3px}.game-shell.playing .objective-counts b{font-size:11px}.game-shell.playing .objective-counts i{font-size:7px}
@media(max-width:850px){.level-grid{grid-template-columns:repeat(2,1fr)}.level-card{min-height:155px}.result-panel{padding:16px}.lesson-choices{grid-template-columns:1fr}.lesson-choices button{min-height:34px}.result-panel .rescued-friends{height:48px}.result-panel .rescued-friends img{width:48px;height:48px}}
@media(max-width:480px){.objective-counts{gap:2px}.objective-counts span{padding:2px}.game-shell.playing .mission-card{right:112px}.result-panel h2{font-size:22px}.result-panel .result-stars{font-size:27px}.lesson-card h3{font-size:18px}.lesson-card>p,.lesson-card>strong{font-size:10px}}
@media(max-height:560px) and (orientation:landscape){.result-panel{display:grid;grid-template-columns:1fr 1.25fr;gap:6px 14px;width:min(850px,96vw);padding:12px}.result-panel>.eyebrow,.result-panel>.result-stars,.result-panel>h2,.result-panel>#resultText,.result-panel>.rescued-friends,.result-panel>.result-stats{grid-column:1}.result-panel>.lesson-card{grid-column:2;grid-row:1/7;margin:0}.result-panel>.result-actions{grid-column:1/-1}.lesson-choices{grid-template-columns:1fr}.result-panel .rescued-friends{height:46px}.result-panel .rescued-friends img{width:46px;height:46px}}