:root{--ink:#294b52;--muted:#6b8485;--green:#347e6a;--purple:#7560b3;--paper:#fff9ef;--line:#e3e7da;--shadow:#d9ddc8;--world:#e7bb66;--worlddark:#a87532}*{box-sizing:border-box}body{margin:0;font-family:Susu,sans-serif;background:radial-gradient(ellipse at 3% 20%,#e2f3e6,transparent 35%),radial-gradient(ellipse at 95% 85%,#ffecd3,transparent 40%),var(--paper);color:var(--ink);line-height:1.55}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #a28bcc;outline-offset:4px}button{touch-action:manipulation}button:not(:disabled){transition:transform .16s,box-shadow .16s,background-color .16s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.7}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}input{min-width:0}.topbar{display:flex;align-items:center;gap:25px;max-width:1390px;margin:auto;padding:18px 35px}.wordmark{display:flex;align-items:center;gap:11px;background:transparent;text-align:left;padding:0}.wordmark>span{display:grid;place-items:center;background:#378771;color:#ffe6a0;border:2px solid #fff6da;border-radius:14px;width:45px;height:45px;font-size:29px;box-shadow:0 3px #286451}.wordmark b{font-size:14px;letter-spacing:.4px}.wordmark small{display:block;font-size:9px;font-weight:400;letter-spacing:.3px;color:var(--muted);margin-top:2px}.lesson-label{font-size:10px;font-weight:700;letter-spacing:1px;color:#81938a;flex:1}.lesson-label span{margin:0 7px}.top-actions{display:flex;gap:13px;align-items:center}.top-button{font-size:13px;background:transparent;white-space:nowrap}.top-button:first-child{font-weight:700}.top-passport{background:#fff1bf;border:1px solid #ebd698;border-radius:20px;padding:7px 13px;font-size:13px;white-space:nowrap;font-weight:700;color:#9c792e}#app{max-width:1290px;padding:16px 30px 40px;margin:auto;min-height:80vh}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#4f8b76}.welcome{position:relative;isolation:isolate;min-height:410px;background:#d3e9df url(assets/festival-hero.optimized.webp) center 59%/cover no-repeat;border:5px solid white;border-radius:30px;overflow:hidden;box-shadow:0 8px #dbe5cd,0 15px 40px #51745015}.welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ecf9edf5,#ecf9ede0 29%,#ecf9ed35 57%,transparent 72%);z-index:-1}.welcome-copy{padding:42px 45px;max-width:51%}.welcome .eyebrow{display:inline-block;background:#fff9e6de;border:1px solid #bad6be;border-radius:20px;padding:7px 12px;font-size:9px}.welcome h1{font-size:67px;line-height:1.01;letter-spacing:-2.8px;color:#286355;margin:18px 0}.welcome h1 em{font-style:normal;color:#bc644b}.welcome p{font-size:14px;max-width:330px;color:#496f62}.home-buttons{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(#459982,#347d69);border:2px solid #347b67;border-radius:16px;padding:13px 23px;color:#fffaf0;font-size:15px;font-weight:700;box-shadow:0 5px #25634f,0 7px 14px #39755618}.play-button:hover{background:linear-gradient(#4da78d,#398970)}.play-button span{font-size:19px;line-height:1}.glass-button,.outline{background:#fffdf1df;border:1px solid #cadcc8;border-radius:15px;padding:12px 17px;font-size:13px;font-weight:700}.lesson-tag{font-size:10px;color:#628274;margin-top:20px}.welcome-badge{position:absolute;bottom:30px;right:30px;width:96px;height:96px;border:3px solid #ffecaa;background:#fff3d0f2;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px #c8a65866;transform:rotate(7deg)}.welcome-badge strong{font-size:29px;color:#9d7335;line-height:1.1}.welcome-badge span{font-size:7px;letter-spacing:.7px;margin-top:5px;color:#a4834f}.map-section{margin-top:44px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:15px}.section-title h2{font-size:27px;letter-spacing:-.7px;margin-top:7px}.map-note{font-size:11px;color:#8b977f}.world-map{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;position:relative}.location{text-align:left;background:#fffdf5;border:2px solid #e4dfc9;border-radius:20px;overflow:hidden;padding:0;box-shadow:0 6px #e5dfc9}.location:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 12px #e5dfc9}.location-art{height:133px;background-position:center;background-size:cover;position:relative;border-bottom:2px solid #d5e1ce}.location:nth-child(1) .location-art{background-position:right center}.location:nth-child(5) .location-art{background-position:80% center}.location-num{position:absolute;left:10px;top:10px;display:grid;place-items:center;background:#fff9d9;border:2px solid white;color:#a77e35;font-size:12px;font-weight:700;border-radius:50%;width:31px;height:31px}.location-icon{position:absolute;right:11px;bottom:-19px;border-radius:17px;background:#fff6d8;border:3px solid #fffdf5;font-size:27px;width:55px;height:55px;display:grid;place-items:center;box-shadow:0 3px #d5d5bf}.location-copy{padding:24px 15px 17px}.location-meta{font-size:7px;color:#869485;letter-spacing:.6px}.location h3{font-size:17px;margin:8px 0;color:#466f5c}.location p{font-size:11px;color:#81917d;min-height:50px}.location-go{display:block;margin-top:12px;font-size:12px;font-weight:700;color:#a57d34}.location.completed{border-color:#94baa3}.location.completed .location-num{color:#fff;background:#659c80}.location.mint .location-go{color:#4c947c}.location.teal .location-go{color:#4b8b94}.location.coral .location-go{color:#ba7855}.location.violet .location-go{color:#8b70ae}.home-bottom{display:flex;gap:25px;align-items:center;border:2px solid #d9e7cf;border-radius:23px;background:#edf4e5;padding:20px 26px;margin-top:35px}.mini-mam{width:85px;height:92px;flex-shrink:0}.mam{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 4px #355d4420)}.home-bottom h3{font-size:20px}.home-bottom p{font-size:12px;color:#82917b;margin-top:7px}.home-bottom>div:nth-child(2){flex:1}.prototype-note{text-align:center;color:#92998b;font-size:10px;margin-top:25px}.footer{max-width:1230px;margin:auto;padding:20px 30px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#899886;border-top:1px solid #e6e7d9}.game-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.back-button{padding:9px 14px;border:1px solid #dce3d1;border-radius:13px;background:#fffef5;font-size:12px;font-weight:700}.station-nav{display:flex;gap:8px}.station-dot{width:31px;height:31px;border-radius:50%;border:1px solid #dedccf;color:#8c9584;background:#fffdf3;font-size:12px}.station-dot.active{background:#7661b2;color:#fff;border-color:#7661b2;box-shadow:0 3px #5a478d}.station-dot.done{border:2px solid #75a98a}.quiet{background:transparent;font-size:11px;color:#84917d;padding:8px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 24px}.stage-heading h1{font-size:33px;margin-top:6px;letter-spacing:-1px}.round-indicator{display:flex;gap:7px}.round-dot{width:34px;height:34px;border-radius:12px;background:#ede8d9;border:2px solid #f9f6e9;color:#9b9279;font-size:12px;font-weight:700}.round-dot.active{background:#f2cd74;border-color:#dfb959;color:#926528;box-shadow:0 3px #d5b668}.round-dot.done{background:#c5e4cb;color:#507d59;border-color:#9bc69d}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start}.play-shell{border:3px solid white;border-radius:26px;background:#fffef6;overflow:hidden;box-shadow:0 8px #e1e5d0,0 20px 40px #55704f0d}.mission-scroll{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:20px 26px;background:linear-gradient(#fff8de,#fff1cf);border-bottom:2px solid #e8d3a1;color:#6a5839;min-height:90px}.mission-scroll:after{content:"";position:absolute;bottom:-6px;left:20px;right:20px;border-bottom:2px dashed #cfb36f;opacity:.35}.mission-scroll p{font-size:16px;font-weight:700;line-height:1.5}.mission-number{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:2px solid #dab66d;background:#f7dfa1;color:#a27b33;border-radius:50%;font-size:18px;font-weight:700;box-shadow:0 2px #d7bc81}.scene{position:relative;isolation:isolate;overflow:hidden;background:#e7f3e5;min-height:465px}.scene-backdrop{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}.scene:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff9e033}.scene-content{padding:27px 28px 26px;min-height:465px;display:flex;flex-direction:column;justify-content:center;position:relative}.scene-ratio .scene-backdrop,.scene-finalRatio .scene-backdrop{background-position:24% center;filter:saturate(.85)}.scene-ratio:before,.scene-finalRatio:before{background:linear-gradient(180deg,#d3f1e4c9,#eff8ddc9 75%,#dfedc3ed)}.action-dock{padding:20px 23px;display:flex;gap:15px;align-items:center;min-height:89px;background:#fffcf1;border-top:2px solid #e8e1c8}.action-dock .play-button{font-size:13px;padding:12px 19px;gap:10px;min-height:47px}.hint-button{font-size:11px;font-weight:700;color:#8e79b3;background:#f1ebfa;border:1px solid #e1d5ef;border-radius:20px;padding:10px 13px}.round-label{margin-left:auto;font-size:11px;color:#9d9a86;white-space:nowrap}.companion{padding-top:20px}.companion-character{height:192px;margin:auto;width:170px;position:relative;z-index:2;animation:mamFloat 4s ease-in-out infinite}.speech{position:relative;background:#f3f9e9;border:2px solid #cbdcb5;border-radius:20px;padding:22px 18px 18px;margin-top:-18px;box-shadow:0 5px #dde8ce}.speech:before{content:"";position:absolute;top:-10px;left:50%;width:16px;height:16px;background:#f3f9e9;border-top:2px solid #cbdcb5;border-left:2px solid #cbdcb5;transform:rotate(45deg)}.speech .eyebrow{font-size:8px}.speech p{font-size:12px;color:#6e8569;margin-top:10px}#hintBox{background:#fff7dc;border:1px solid #e4d4a2;border-radius:12px;padding:12px;margin-top:13px;font-size:12px;color:#947946}.passport-mini{background:#fff6de;border:2px solid #e9d8ae;border-radius:19px;padding:18px;margin-top:22px;box-shadow:0 4px #eaddb9}.passport-mini h3{font-size:9px;letter-spacing:1px;color:#9b8554}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.badge{display:grid;place-items:center;width:31px;height:31px;border:1px dashed #cebfa2;border-radius:50%;font-size:17px;color:#b4a486}.badge.earned{border:2px solid #90b392;background:#e1eed8;transform:rotate(-7deg)}.passport-mini p{font-size:10px;color:#9b8a66}.feedback-message{display:flex;gap:12px;align-items:start;padding:16px 24px;font-size:13px;background:#fff0d5;border-top:1px solid #ead3a2;color:#9a763f}.feedback-message>span{font-size:22px;line-height:1.2}.feedback-message.success{background:#eaf5e4;border-color:#c7dfb7;color:#527b47}.lantern-strings{max-width:510px;width:100%;margin:0 auto}.lantern-rope{display:flex;align-items:start;justify-content:center;gap:26px;border-top:3px solid #82996c;border-radius:50% 50% 0 0;padding:14px 15px 15px;min-height:97px;position:relative}.lantern-rope:before,.lantern-rope:after{content:"✦";position:absolute;color:#d2b24b;font-size:18px;top:-16px}.lantern-rope:before{left:0}.lantern-rope:after{right:0}.lantern{position:relative;width:43px;height:57px;flex-shrink:0;background:repeating-linear-gradient(90deg,#ffdf77 0 10px,#edb63f 11px,#ffdc6c 14px);border:2px solid #d49b32;border-radius:17px 17px 20px 20px;box-shadow:inset 0 -8px #d49b3230,0 4px 15px #dfae3840;animation:lanternSwing 4.5s var(--delay) ease-in-out infinite;transform-origin:top center}.lantern:before{content:"";position:absolute;left:18px;top:-17px;width:2px;height:15px;background:#839771}.lantern:after{content:"";position:absolute;left:17px;bottom:-14px;width:5px;height:12px;background:#c58c27;border-radius:0 0 4px 4px}.lantern i{position:absolute;inset:11px 10px 12px;border:1px solid #ffeeb0;border-radius:50%;opacity:.7}.lantern-rope.blue .lantern{background:repeating-linear-gradient(90deg,#a0dfeb 0 10px,#68b7d0 11px,#94d9e5 14px);border-color:#4b9fb3;box-shadow:inset 0 -8px #428d9e30,0 4px 15px #73bfc040}.lantern-rope.blue .lantern:after{background:#4a9eb3}.mission-complete .lantern{filter:brightness(1.12);box-shadow:0 0 24px #ffe48b,0 0 40px #ffea9a88}.object-caption{font-size:11px;text-align:center;color:#5f816a;background:#fffce9dd;border:1px solid #dce3be;border-radius:18px;padding:6px 13px;width:max-content;max-width:100%;margin:5px auto 15px}.wood-sign{position:relative;width:max-content;max-width:100%;margin:0 auto;background:repeating-linear-gradient(0deg,#c89561 0 5px,#c08c5d 6px,#cb9764 10px);border:5px solid #a67548;border-radius:17px;padding:12px 25px 18px;box-shadow:0 7px #875d3b,0 10px 18px #5a56372b}.wood-sign:before,.wood-sign:after{content:"●";font-size:9px;position:absolute;color:#815c39;text-shadow:0 1px #e0b286;top:5px}.wood-sign:before{left:7px}.wood-sign:after{right:7px}.sign-top{text-align:center;letter-spacing:1.8px;font-size:8px;color:#fff1d1}.ratio-row{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:8px}.ratio-part{text-align:center;min-width:110px}.ratio-part>span{display:block;color:#fff3d7;font-size:11px;margin-bottom:7px}.number-socket{display:block;width:86px;height:67px;background:#fff7dc;border:3px dashed #d8b58a;border-radius:12px;font-size:31px;font-weight:700;color:#7c648e;margin:auto;box-shadow:inset 0 4px #dcc5a5}.number-socket.active,.number-socket.drop-ready{background:#fff4ba;border-color:#a47ac2;box-shadow:0 0 0 3px #f2e5c088,inset 0 3px #e5d7a1}.ratio-colon{font-size:34px;color:#fff3d7;padding-top:17px;font-weight:700}.token-tray{display:flex;align-items:center;gap:11px;justify-content:center;margin:22px auto 0;padding:13px 18px;border:2px solid #dacba9;border-radius:16px;background:#fff6e1ec;box-shadow:0 4px #dbd2b1;max-width:100%}.tray-label{font-size:8px;color:#b19864;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg);margin-right:5px}.number-token{width:58px;height:51px;border-radius:12px;background:linear-gradient(#ffde7c,#f1c156);border:2px solid #d7a344;box-shadow:0 4px #c99b3b;font-size:25px;color:#8f6526;font-weight:700;cursor:grab}.tray-help{font-size:8px;line-height:1.7;color:#9c956f;margin-left:5px}.art-studio{display:flex;align-items:center;justify-content:center;gap:24px}.scene-paint .scene-content,.scene-read .scene-content{padding-top:55px;padding-bottom:38px;min-height:500px}.scene-paint .scene-backdrop,.scene-read .scene-backdrop{background-position:center}.scene-paint:before,.scene-read:before{background:#fff8e515}.mosaic-frame{position:relative;background:repeating-linear-gradient(0deg,#bd945f,#bd945f 8px,#c39d6e 9px,#be965f 13px);padding:14px 14px 0;border:4px solid #9f794d;border-radius:13px;box-shadow:0 6px #87623d,0 12px 20px #5b503a25}.mosaic-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;background:#ab976c;padding:3px;border:3px solid #98794e;border-radius:7px;width:300px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.mosaic-cell{padding:0;width:100%;aspect-ratio:1;border:1px solid #e3e0ca;background:linear-gradient(135deg,#fffef2,#f0e9d4);border-radius:3px;box-shadow:inset 0 -3px #d6cdb5;touch-action:none}.mosaic-cell.painted{background:linear-gradient(135deg,#80d4b4,#49aa8a);border-color:#4eac8b;box-shadow:inset 0 -3px #3b9677}.mosaic-cell:disabled{opacity:1}.mosaic-cell:hover:not(:disabled){transform:scale(1.05);border-color:#417c64}.frame-caption{font-size:10px;text-align:center;color:#fff1d4;padding:7px 0}.frame-star{position:absolute;z-index:1;color:#f8d473;font-size:27px;text-shadow:0 2px #a4793a}.frame-star.tl{top:-17px;left:-16px}.frame-star.br{bottom:-15px;right:-14px}.paint-tools{width:65px;position:relative;height:200px;flex-shrink:0}.paintpot{position:absolute;bottom:40px;width:58px;height:65px;background:linear-gradient(90deg,#4ba285,#85ccb0,#4b9e85);border:3px solid #3e836a;border-radius:5px 5px 19px 19px;box-shadow:0 4px #50693e33}.paintpot:before{content:"";position:absolute;left:-5px;right:-5px;top:-6px;height:15px;border:3px solid #3a7c63;background:#55a486;border-radius:50%}.paintpot span{color:#e8f3bc;font-size:24px;display:block;text-align:center;padding-top:15px}.brush-prop{width:11px;height:86px;position:absolute;background:#ba794b;border:2px solid #895d3c;bottom:85px;left:31px;transform:rotate(17deg);border-radius:0 0 5px 5px}.brush-prop:before{content:"";position:absolute;width:21px;height:34px;top:-28px;left:-7px;background:#4aa584;border:2px solid #348568;border-radius:60% 60% 10% 10%}.brush-prop:after{content:"";position:absolute;width:19px;height:16px;top:0;left:-6px;background:#d7d8bd;border:1px solid #a3aa94}.studio-label{position:absolute;bottom:0;left:-5px;text-align:center;font-size:8px;color:#8b6c3d;letter-spacing:1.3px;line-height:1.6;background:#fff1cce8;padding:6px;border-radius:5px}.paint-meter{background:#fff4d8e8;border:2px solid #d8bc80;border-radius:17px;box-shadow:0 4px #b79e6a;padding:14px 10px;text-align:center;min-width:89px;align-self:center}.paint-meter>span{font-size:8px;letter-spacing:1px;color:#ad8b48;display:block}.paint-meter strong{display:block;font-size:32px;line-height:1.2;color:#537f69;margin-top:6px}.paint-meter small{font-size:8px;color:#9a916d;display:block}.meter-track{height:90px;width:21px;border:2px solid #a8bbaa;background:#e8e9d4;border-radius:10px;margin:12px auto;position:relative;overflow:hidden}.meter-track i{position:absolute;bottom:0;width:100%;background:linear-gradient(#80cfae,#4a9d80);border-radius:6px;transition:height .2s}.paint-meter #percentLabel{font-size:14px;font-weight:700;color:#5a8669}.brush-toolbar{display:flex;justify-content:center;gap:7px;margin:30px auto 0;flex-wrap:wrap;background:#fff5deeb;border-radius:15px;padding:9px;border:1px solid #dbc491;box-shadow:0 4px #c7b893}.tool{background:#fffaf0;border:1px solid #dfd2b4;font-size:10px;padding:8px 11px;border-radius:10px;box-shadow:0 2px #d4c8a7}.tool.selected{background:#d4eacd;border-color:#9fc1a0;color:#4a7859}.label-choices{display:flex;gap:20px;justify-content:center;margin:28px auto 0}.art-label{position:relative;background:#fff4d8;border:3px solid #d8b777;box-shadow:0 5px #b69b67;border-radius:13px;padding:12px 20px;min-width:90px;font-size:28px;color:#a1783d;font-weight:700;transform:rotate(-3deg)}.art-label:nth-child(2){transform:rotate(2deg)}.art-label:nth-child(3){transform:rotate(-1deg)}.art-label:before{content:"";position:absolute;width:10px;height:10px;background:#e6f0dc;border:1px solid #d2bc8b;border-radius:50%;top:4px;left:5px}.art-label small{font-size:17px;margin-left:3px}.art-label.selected{background:#e2d6fa;border-color:#977bbd;color:#6e508e;box-shadow:0 5px #80659e}.ticket-workshop{display:flex;align-items:center;justify-content:center;gap:17px;padding:20px 0}.scene-machine .scene-content,.scene-finalPercent .scene-content{padding-top:70px;padding-bottom:40px;min-height:480px}.scene-machine:before,.scene-finalPercent:before{background:#fff1ce18}.machine-body{background:linear-gradient(135deg,#82c8b5,#58a590);border:6px solid #3b8a79;border-radius:25px;min-width:280px;max-width:330px;position:relative;box-shadow:0 9px #367763,0 15px 22px #53684a30;padding:20px 18px 12px}.machine-name{font-size:9px;font-weight:700;letter-spacing:.8px;color:#e9fff1;display:flex;align-items:center;justify-content:space-between;gap:5px}.machine-name span{font-size:7px;color:#ffe088;letter-spacing:2px}.machine-rivet{position:absolute;width:7px;height:7px;border-radius:50%;background:#346c5f;box-shadow:0 1px #b3dac1}.r1{left:5px;top:5px}.r2{right:5px;top:5px}.r3{left:5px;bottom:5px}.r4{right:5px;bottom:5px}.gear-bank{display:flex;gap:15px;justify-content:center;margin:22px 0 17px}.gear{position:relative;width:62px;height:62px;background:#f5cb73;border:7px dotted #dba849;outline:2px solid #ab7f3d;border-radius:50%;box-shadow:0 4px #a77f42;color:#8a652f;flex-shrink:0}.gear span{display:grid;place-items:center;position:absolute;inset:1px;border:2px solid #d0a250;border-radius:50%;background:#ffe3a0;font-size:17px;font-weight:700}.gear.selected{outline:4px solid #faf6ca;background:#b1e3a8}.gear.selected span{background:#e4f6c9;color:#648950}.machine-screen{border:3px solid #438772;border-radius:10px;background:#def0cf;color:#5a7e56;font-size:10px;min-height:45px;padding:8px 10px;text-align:center;box-shadow:inset 0 3px #b1cba8}.transform-line{display:flex;align-items:center;justify-content:center;gap:20px;padding:13px 0;color:#eaffda}.fraction{display:inline-flex;flex-direction:column;align-items:center;min-width:36px;font-size:25px;line-height:1.4;font-weight:700}.fraction>span:first-child{border-bottom:2px solid currentColor;width:100%;text-align:center;padding:1px 4px}.fraction>span:last-child{padding:1px 4px}.transform-line .fraction{font-size:22px}.transform-line input{width:65px;text-align:center;font-size:25px;color:#59674a;border:2px solid #d5dcb3;border-radius:7px;background:#fcffe4;padding:3px;box-shadow:inset 0 3px #e1e9c0}.transform-arrow{font-size:30px}.transform-spark{font-size:30px;color:#ffe18c}.printer-slot{height:10px;background:#397465;border:2px solid #346553;border-radius:5px;width:80%;margin:0 auto}.ticket-feed,.printed-ticket{background:#fff2c7;border:3px solid #d9b872;border-radius:13px;box-shadow:0 5px #bb9a60;position:relative;text-align:center;padding:20px 11px 15px;width:130px;flex-shrink:0;transform:rotate(-5deg);color:#a67e40}.printed-ticket{background:#fff5dd;transform:rotate(4deg);border-color:#d8ba8c}.ticket-feed small,.printed-ticket small{display:block;font-size:8px;margin-top:10px;color:#b09c71}.ticket-title{font-size:8px;letter-spacing:1px;margin-bottom:12px;font-weight:700}.ticket-hole{position:absolute;width:11px;height:11px;border:1px solid #d8ba7b;background:#e6d1a6;top:6px;left:calc(50% - 5px);border-radius:50%}.ticket-number{display:flex;align-items:center;gap:3px;justify-content:center;font-size:25px}.ticket-number input{font-size:29px;width:64px;text-align:center;border:2px dashed #d2b586;background:#fffdf3;border-radius:8px;padding:8px 3px;color:#8964b1;font-weight:700}.ticket-tear{border-bottom:2px dashed #dac093;margin:17px -11px 0}.printed-ticket.printed{animation:ticketPrint .65s ease-out;box-shadow:0 5px #af9653,0 0 20px #ffe89b;background:#fff8cc}.machine-bottom{margin:20px auto 0;max-width:90%;text-align:center;font-size:10px;color:#8e7048;background:#fff7dce8;border:1px solid #e0c68e;padding:9px 15px;border-radius:20px}.machine-bottom span{color:#c5a15a;margin-right:5px}.final-machine-symbol{font-size:85px;line-height:1.4;text-align:center;color:#ffdd87;text-shadow:0 4px #509d7d}.machine-note{font-size:10px;text-align:center;color:#e3f7db;margin:3px 0 18px}.scene-detective .scene-content{padding-top:40px}.scene-detective:before{background:linear-gradient(#fff9dd10,#fff6df77)}.market-row{display:flex;gap:20px;align-items:end;justify-content:center}.mini-booth{width:132px;flex-shrink:0;position:relative;padding-top:30px}.booth-roof{position:absolute;top:0;left:-9px;right:-9px;height:45px;background:repeating-linear-gradient(90deg,#b69adb 0 23px,#dfc8f1 24px 46px);border:3px solid #a083b9;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);border-radius:5px}.booth-b .booth-roof{background:repeating-linear-gradient(90deg,#78baa4 0 23px,#bae0bf 24px 46px);border-color:#5e9a80}.booth-sign{position:relative;margin:8px auto 0;background:#bd9060;color:#fff2cf;font-size:10px;letter-spacing:1.3px;text-align:center;border:2px solid #936e45;border-radius:5px;padding:4px}.booth-front{background:#fff1d1;border:4px solid #b38b5a;border-top:none;padding:6px 10px 12px;text-align:center;box-shadow:0 4px #8e724b;border-radius:0 0 8px 8px}.booth-front strong{display:block;font-size:28px;color:#8861a6;line-height:1.15}.booth-b .booth-front strong{color:#4f8c70}.booth-front small{font-size:9px;color:#af966c}.booth-flags{display:flex;gap:3px;justify-content:center;margin:8px 0}.booth-flags i{width:11px;height:16px;background:#ad8fd0;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.booth-flags.green i{background:#7bb69c}.comparison-scene{min-width:130px;flex:1;max-width:240px;position:relative;background:#fff6dfcc;border:2px solid #e6d8b0;border-radius:15px;padding:21px 15px 12px;margin-bottom:8px}.comparison-label{font-size:7px;color:#a99874;letter-spacing:.6px;margin-bottom:12px;text-align:center}.bar-track{height:28px;width:100%;margin:8px 0;background:#f6ecd3;border-radius:6px}.comparison-bar{height:28px;min-width:30px;border:2px solid #9a81b6;border-radius:6px;text-align:right;font-size:12px;font-weight:700;color:#fffdf2;padding:2px 7px;background:repeating-linear-gradient(90deg,#baa0dd 0 19px,#aa8fcf 20px 22px)}.comparison-bar.mint-bar{border-color:#6aa58a;background:repeating-linear-gradient(90deg,#88c9a9 0 19px,#75b698 20px 22px)}.comparison-scene small{font-size:7px;color:#a19578;display:block;margin-top:10px;text-align:center}.magnify-prop{position:absolute;right:-15px;top:-25px;font-size:54px;color:#ab864c;line-height:1;transform:rotate(-20deg);text-shadow:2px 2px #fff4d2}.witness-bubble{display:flex;align-items:center;gap:12px;background:#fff9e9f5;border:2px solid #e2cf9d;border-radius:15px;padding:12px 17px;max-width:620px;margin:22px auto 0;box-shadow:0 3px #d9c9a6}.witness-bubble>span{font-size:24px}.witness-bubble p{font-size:13px;color:#8b7550;font-weight:700}.decision-row{display:flex;gap:12px;justify-content:center;margin:18px auto 0}.decision{background:#fff7dc;border:2px solid #e3ce9e;box-shadow:0 3px #c7ae80;border-radius:13px;padding:9px 19px;font-size:12px;font-weight:700;color:#9d7e45}.decision.selected{background:#d8ebd1;color:#5b8556;border-color:#a0c393;box-shadow:0 3px #85a77d}.evidence-board{padding:13px 14px;background:#dfc499ef;border:3px solid #b69a6d;border-radius:13px;max-width:650px;margin:20px auto 0;width:100%;box-shadow:0 4px #9d835b}.evidence-board>span{font-size:8px;letter-spacing:1px;color:#8e7248;font-weight:700}.evidence-board>div{display:flex;gap:10px;margin-top:9px}.evidence-ticket{flex:1;background:#fff5da;border:2px dashed #d5b985;border-radius:10px;padding:10px 11px;color:#a08048;font-size:10px;text-align:left;display:flex;gap:10px;align-items:center}.evidence-ticket b{font-size:15px;color:#b39459}.evidence-ticket.selected{background:#ece0fb;border-color:#a087bd;color:#7d5d9b}.balloon-garden{display:flex;justify-content:center;gap:40px;margin:12px auto 15px}.balloon-bunch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}.balloon-bunch i{display:block;position:relative;width:30px;height:37px;background:radial-gradient(circle at 28% 25%,#dfc1ee,#b18ad2 50%,#9670b6);border:1px solid #9870b8;border-radius:50% 50% 45% 45%;box-shadow:inset 4px 3px #ffffff25;animation:balloonBob 4s var(--delay) ease-in-out infinite}.balloon-bunch.orange i{background:radial-gradient(circle at 28% 25%,#ffe5ac,#edb862 50%,#d39a48);border-color:#cf9d4b}.balloon-bunch i:after{content:"";height:8px;width:1px;background:#a4b18e;position:absolute;bottom:-8px;left:14px}.scene-finalRatio .scene-content{padding-top:40px}.gate-stage{position:relative;display:flex;flex-direction:column;align-items:center}.gate-arch{position:relative;width:260px;height:180px;border:14px solid #d3ad69;border-bottom:0;border-radius:140px 140px 0 0;background:#fff6d1;box-shadow:inset 0 0 0 4px #f3d490,0 0 0 2px #b48c51;overflow:visible;margin:18px auto 0}.gate-star{position:absolute;top:-41px;left:calc(50% - 23px);font-size:46px;color:#f4d575;line-height:1;text-shadow:0 3px #a98c47}.gate-sign{position:relative;margin:35px auto 0;font-size:10px;font-weight:700;color:#a47a3b;text-align:center;background:#ffedb5;border:2px solid #dbba76;padding:6px 2px;letter-spacing:.8px}.gate-doors{position:absolute;bottom:0;left:0;right:0;display:flex;height:77px;overflow:hidden;perspective:500px}.gate-doors div{width:50%;background:repeating-linear-gradient(90deg,#b67d4f 0 9px,#a57047 10px 12px);border:3px solid #8e5c36;transition:transform .8s}.gate-doors div:first-child{transform-origin:left center}.gate-doors div:last-child{transform-origin:right center}.opened .gate-doors div:first-child{transform:rotateY(-85deg)}.opened .gate-doors div:last-child{transform:rotateY(85deg)}.chair-groups{display:flex;gap:20px;margin:20px auto 0;background:#fff9e5e8;border:2px solid #d1ddbd;border-radius:13px;padding:13px 22px;text-align:center}.chair-groups span{display:block;color:#64a98a;font-size:24px;line-height:1.2}.chair-groups div:last-child span{color:#c4b49d}.chair-groups strong{font-size:10px;color:#7c8d6e}.scene-finalChoice:before{background:#e1f1d5b3}.scene-finalChoice .scene-content{padding-top:25px}.gate-tickets{margin-top:18px;margin-bottom:16px}.mission-complete .wood-sign{box-shadow:0 7px #875d3b,0 0 35px #ffe28f}.mission-complete .mosaic-frame{box-shadow:0 6px #87623d,0 0 30px #ffdf87}.reward-world{position:relative;isolation:isolate;text-align:center;min-height:650px;background:#e6f4df url(assets/festival-hero.optimized.webp) center/cover no-repeat;border:5px solid #fff;border-radius:30px;overflow:hidden;padding:45px 30px;box-shadow:0 8px #dfe4cc}.reward-world:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,#fff9e6f5 25%,#f2f6dbdc 60%,#e9f3db99)}.reward-ribbon{display:inline-block;background:#b58b56;color:#fff2d3;padding:8px 22px;border-radius:7px;font-size:9px;letter-spacing:1.5px;box-shadow:0 3px #8f6e46}.reward-medallion{width:106px;height:106px;border-radius:50%;border:5px double #d4b361;display:grid;place-items:center;font-size:55px;background:#ffedb3;box-shadow:0 6px #baa16c,0 0 0 7px #fff3d399;margin:30px auto 22px;transform:rotate(-8deg)}.reward-world h1{font-size:37px;color:#6a8656;letter-spacing:-1px}.reward-world>p{font-size:13px;color:#91a07b;margin:13px 0}.reward-passport{display:flex;gap:12px;justify-content:center;margin-top:23px}.reward-stamp{width:45px;height:45px;border:1px dashed #c5b99d;border-radius:50%;display:grid;place-items:center;color:#c6b594;background:#fff8e7;font-size:24px}.reward-stamp.earned{border:2px solid #98bc92;background:#e8f2da;transform:rotate(-5deg)}.reward-mam{width:115px;height:150px;margin:17px auto -4px;animation:mamFloat 4s ease-in-out infinite}.reward-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reward-world>small{display:block;font-size:10px;color:#94a183;margin-top:20px}.gentle-shake .scene-content{animation:gentleShake .35s}.footer{margin-top:0}dialog{max-width:750px;width:calc(100% - 28px);padding:28px;border:3px solid #fff;border-radius:24px;color:var(--ink);background:#fffdf4;box-shadow:0 25px 120px #2c453933;max-height:88vh;overflow:auto}dialog::backdrop{background:#2b4c4b88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.modal-head h2{font-size:25px}.modal-head button{background:#f0eee0;color:#9f9c85;border-radius:50%;width:32px;height:32px;font-size:16px}.help-intro{display:flex;gap:18px;align-items:center;background:#eef6e4;border:1px solid #d3e2bc;padding:13px 20px;border-radius:16px}.help-intro .mam{width:65px;height:90px;flex-shrink:0}.help-intro p{font-size:14px;color:#6b8564}.help-list{padding-left:22px;font-size:13px;color:#778a70}.help-list li{padding:7px 0}.help-list b{color:#56774f}#modalBody>p{font-size:13px;color:#8c967f}.info-note{font-size:11px;background:#f5efdf;border:1px solid #e6ddc5;border-radius:12px;padding:13px 16px;color:#95866b;margin-top:20px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.report-summary div{background:#edf4e5;border:1px solid #d7e2c9;border-radius:15px;padding:14px;text-align:center}.report-summary strong{display:block;font-size:28px;color:#6b8b5b}.report-summary span{font-size:10px;color:#92a17f}.report-station{border:1px solid #e3e4d3;border-radius:13px;margin-top:10px;overflow:hidden}.report-station summary{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:14px 16px;cursor:pointer;background:#f7f7ec}.report-station summary b{color:#88a071}.report-station>p{font-size:11px;color:#93a080;margin:12px 16px}.report-station .skill{color:#718863;font-weight:700}.report-task{font-size:11px;border-top:1px solid #ebeada;padding:11px 16px;color:#8c957b}.report-task strong{color:#697d5b}.report-task small{display:block;margin-top:5px;color:#9d9c82}.report-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.danger{color:#b18976}#confetti{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}#confetti i{position:absolute;left:var(--x);top:-20px;width:10px;height:16px;border-radius:3px;background:var(--color);animation:confettiFall 1.8s var(--delay) ease-in both;transform:rotate(var(--rot))}[hidden]{display:none!important}body[data-world=mint]{--world:#9dc9aa;--worlddark:#5c8d6d}body[data-world=teal]{--world:#83bdba;--worlddark:#538e87}body[data-world=coral]{--world:#deb396;--worlddark:#b98464}body[data-world=violet]{--world:#baa2d8;--worlddark:#8f73b1}@keyframes lanternSwing{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes mamFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes balloonBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}@keyframes ticketPrint{0%{transform:translateY(-20px) rotate(0);opacity:.4}70%{transform:translateY(5px) rotate(6deg)}to{transform:translateY(0) rotate(4deg);opacity:1}}@keyframes confettiFall{0%{top:-20px;opacity:1;transform:rotate(var(--rot))}to{top:100%;opacity:0;transform:rotate(calc(var(--rot) + 270deg))}}@keyframes gentleShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(min-width:1450px){.scene-content,.scene{min-height:510px}}@media(max-width:1100px){.world-map{grid-template-columns:repeat(3,1fr)}.location-art{height:150px}.location p{min-height:34px}.location:nth-child(4),.location:nth-child(5){grid-column:auto}.play-layout{grid-template-columns:minmax(0,1fr) 180px;gap:18px}.scene-content{padding-left:20px;padding-right:20px}.companion-character{width:145px;height:175px}.speech{padding:20px 14px 15px}.speech p{font-size:11px}.passport-mini{padding:14px}.badge{width:27px;height:27px;font-size:15px}.badges{gap:5px}.art-studio{gap:17px}.mosaic-grid{width:265px}.paint-tools{width:50px}.paint-meter{min-width:75px;padding:12px 7px}.ticket-workshop{gap:12px}.machine-body{min-width:240px;padding:19px 13px 12px}.ticket-feed,.printed-ticket{width:110px;padding-left:7px;padding-right:7px}.gear-bank{gap:10px}.gear{width:54px;height:54px}.gear span{font-size:15px}.machine-name{font-size:7px}.ticket-number input{width:55px;font-size:24px}.ticket-title{font-size:7px}.mini-booth{width:108px}.market-row{gap:14px}.comparison-scene{padding:20px 10px 10px;min-width:110px}.lantern-rope{gap:22px}.stage-heading h1{font-size:30px}}@media(max-width:900px){.topbar{padding:17px 24px;gap:18px}.lesson-label{font-size:9px}.top-button{font-size:12px}.top-actions{gap:8px}.wordmark b{font-size:12px}.welcome-copy{max-width:60%;padding:35px}.welcome{min-height:385px}.welcome h1{font-size:59px}.play-layout{grid-template-columns:1fr}.companion{display:grid;grid-template-columns:85px 1fr 210px;gap:13px;padding-top:0;align-items:center}.companion-character{height:130px;width:90px}.speech{margin-top:0;padding:16px}.speech:before{top:45%;left:-9px;transform:rotate(-45deg)}.speech p{font-size:12px}.passport-mini{margin:0;padding:14px}.passport-mini p{font-size:8px}.badges{margin:10px 0}.scene-content{padding-left:28px;padding-right:28px}.ticket-workshop{gap:23px}.machine-body{min-width:290px}.ticket-feed,.printed-ticket{width:130px}.gear{width:62px;height:62px}.gear-bank{gap:17px}.mosaic-grid{width:300px}.art-studio{gap:30px}.stage-heading{margin-bottom:20px}.scene-paint .scene-content,.scene-read .scene-content{min-height:490px}.mini-booth{width:135px}.market-row{gap:25px}.comparison-scene{max-width:235px}.home-bottom{gap:18px}.footer{padding:18px 25px;font-size:8px}.scene-detective .scene-content{padding-top:35px}.report-station summary{font-size:12px}}@media(max-width:650px){.topbar{padding:13px 16px;gap:10px;flex-wrap:wrap}.wordmark>span{width:36px;height:36px;font-size:23px;border-radius:11px}.wordmark b{font-size:11px}.wordmark small{font-size:7px}.lesson-label{display:none}.top-actions{margin-left:auto;gap:7px}.top-button{font-size:14px;padding:7px}.top-button span{display:none}.top-passport{font-size:11px;padding:5px 9px}#app{padding:8px 13px 25px}.welcome{min-height:375px;border-radius:23px;background-position:67% center;border-width:3px}.welcome:before{background:linear-gradient(90deg,#edf8edeF,#edf8edd9 36%,#edf8ed50 70%,transparent)}.welcome-copy{max-width:77%;padding:27px 22px}.welcome .eyebrow{font-size:7px;padding:6px 8px;letter-spacing:.8px}.welcome h1{font-size:49px;margin:17px 0;letter-spacing:-1.5px}.welcome p{font-size:12px;max-width:240px}.play-button{font-size:13px;padding:11px 17px;gap:13px;border-radius:13px}.glass-button{font-size:11px;padding:9px 12px;border-radius:13px}.home-buttons{gap:8px;margin-top:20px}.lesson-tag{font-size:8px;max-width:180px}.welcome-badge{width:72px;height:72px;right:17px;bottom:20px}.welcome-badge strong{font-size:24px}.welcome-badge span{font-size:5px}.map-section{margin-top:32px}.section-title{align-items:start;gap:10px;margin-bottom:16px}.section-title .eyebrow{font-size:8px}.section-title h2{font-size:21px;max-width:240px}.map-note{font-size:8px;max-width:70px;text-align:right;margin-top:8px}.world-map{grid-template-columns:repeat(2,1fr);gap:14px 11px}.location{border-radius:16px}.location-art{height:113px}.location-copy{padding:23px 12px 13px}.location-meta{font-size:6px}.location h3{font-size:16px}.location p{font-size:10px;min-height:46px}.location-go{font-size:11px}.location-icon{width:45px;height:45px;font-size:22px;border-radius:13px}.location-num{width:27px;height:27px;font-size:10px}.location:last-child{grid-column:1/-1;display:grid;grid-template-columns:43% 1fr}.location:last-child .location-art{height:100%;border-bottom:0;border-right:2px solid #dfddcf}.location:last-child .location-icon{right:-22px;bottom:calc(50% - 22px)}.location:last-child .location-copy{padding:18px 14px 18px 30px}.location:last-child p{min-height:0}.home-bottom{padding:15px;gap:12px;flex-wrap:wrap}.mini-mam{width:55px;height:80px}.home-bottom h3{font-size:16px}.home-bottom p{font-size:10px}.home-bottom>div:nth-child(2){flex-basis:65%}.home-bottom .outline{font-size:11px;padding:8px 12px;margin-left:65px}.prototype-note{font-size:8px;padding:0 10px;line-height:1.8}.game-nav{gap:8px;margin:8px 0 16px}.back-button{font-size:10px;padding:8px 10px}.station-nav{gap:4px}.station-dot{width:26px;height:26px;font-size:10px}.game-nav .quiet{font-size:0;padding:0}.game-nav .quiet:before{content:"?";display:grid;place-items:center;font-size:14px;width:25px;height:25px;border:1px solid #dddcc8;border-radius:50%}.stage-heading{gap:10px;margin:15px 0 18px}.stage-heading .eyebrow{font-size:7px;letter-spacing:.7px}.stage-heading h1{font-size:24px;letter-spacing:-.7px}.round-dot{width:27px;height:27px;border-radius:9px;font-size:10px}.round-indicator{gap:3px}.mission-scroll{padding:16px 15px;gap:10px;min-height:86px}.mission-scroll p{font-size:13px}.mission-number{width:29px;height:29px;font-size:15px}.play-shell{border-radius:20px;border-width:2px}.scene-content{min-height:450px;padding:22px 15px}.scene{min-height:450px}.action-dock{padding:17px 14px;gap:9px;flex-wrap:wrap}.action-dock .play-button{font-size:12px;padding:11px 14px;gap:8px}.hint-button{font-size:9px;padding:9px 10px}.round-label{font-size:9px}.lantern-rope{gap:17px;min-height:86px;padding-left:5px;padding-right:5px}.lantern{width:33px;height:46px;border-radius:13px 13px 16px 16px}.lantern:before{left:13px}.lantern:after{left:12px}.lantern i{left:7px;right:7px}.lantern-strings{max-width:330px}.object-caption{font-size:9px;margin-bottom:14px}.wood-sign{padding:10px 16px 15px;border-width:4px;border-radius:14px}.ratio-part{min-width:95px}.ratio-row{gap:10px}.ratio-part>span{font-size:10px}.number-socket{width:73px;height:59px;font-size:27px}.sign-top{font-size:7px}.ratio-colon{font-size:29px}.token-tray{gap:9px;padding:11px 12px;margin-top:21px}.number-token{width:49px;height:45px;font-size:22px}.tray-help,.tray-label{font-size:7px}.companion{grid-template-columns:65px 1fr;gap:10px}.companion-character{width:70px;height:110px}.speech{padding:14px}.speech p{font-size:11px;margin-top:6px}.speech .eyebrow{font-size:7px}.passport-mini{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 15px;gap:5px}.passport-mini h3{font-size:8px}.badges{margin:0;grid-row:1/3;grid-column:2;gap:4px}.badge{width:25px;height:25px;font-size:13px}.passport-mini p{font-size:8px;max-width:180px}.feedback-message{padding:13px 16px;gap:10px;font-size:12px}.art-studio{gap:13px;position:relative}.paint-tools{display:none}.mosaic-grid{width:min(60vw,285px);gap:2px;padding:2px;border-width:2px}.mosaic-frame{padding:10px 10px 0;border-width:3px}.mosaic-cell{border-radius:2px;box-shadow:inset 0 -2px #d6cdb5}.mosaic-cell.painted{box-shadow:inset 0 -2px #3b9677}.paint-meter{min-width:65px;padding:10px 6px;border-radius:13px}.paint-meter strong{font-size:26px}.paint-meter>span{font-size:6px;letter-spacing:.6px}.paint-meter small{font-size:6px}.meter-track{height:73px;width:17px;margin:10px auto}.paint-meter #percentLabel{font-size:12px}.frame-caption{font-size:8px}.scene-paint .scene-content,.scene-read .scene-content{min-height:425px;padding-top:48px;padding-bottom:32px}.brush-toolbar{gap:5px;padding:7px;margin-top:23px;max-width:100%}.tool{font-size:8px;padding:7px 8px}.label-choices{gap:15px;margin-top:25px}.art-label{min-width:73px;padding:10px 15px;font-size:25px;border-radius:11px}.art-label small{font-size:15px}.scene-machine .scene-content,.scene-finalPercent .scene-content{padding-top:45px;min-height:450px;padding-bottom:28px}.ticket-workshop{display:grid;grid-template-columns:75px 1fr;gap:14px 12px;align-items:center;max-width:100%;padding:0}.ticket-feed{width:75px;grid-column:1;grid-row:1;justify-self:end;padding:18px 6px 12px;border-width:2px}.ticket-feed .fraction{font-size:23px}.ticket-title{font-size:6px;letter-spacing:.5px}.ticket-feed small{font-size:6px}.machine-body{grid-column:2;grid-row:1/3;min-width:0;width:100%;padding:19px 11px 12px;border-width:4px;border-radius:20px}.printed-ticket{width:75px;grid-column:1;grid-row:2;padding:18px 5px 10px;border-width:2px}.ticket-number{font-size:17px;gap:1px}.ticket-number input{width:45px;font-size:22px;padding:5px 2px;border-radius:5px}.printed-ticket small{font-size:5px;letter-spacing:.4px}.ticket-tear{margin-top:10px;margin-left:-5px;margin-right:-5px}.machine-name{font-size:6px;letter-spacing:.3px}.machine-name span{font-size:5px;letter-spacing:.5px}.gear-bank{gap:9px;margin:20px 0 15px}.gear{width:45px;height:45px;border-width:5px}.gear span{font-size:12px;border-width:1px}.machine-screen{font-size:9px;padding:9px 6px;min-height:48px}.transform-line{gap:13px;padding:15px 0}.transform-line .fraction{font-size:20px}.transform-line input{width:55px;font-size:22px}.transform-arrow{font-size:24px}.transform-spark{font-size:27px}.machine-bottom{max-width:100%;font-size:9px;margin-top:25px;padding:10px 12px}.final-machine-symbol{font-size:73px}.machine-note{font-size:9px}.scene-finalPercent .ticket-workshop{gap:20px 12px}.scene-finalPercent .machine-body{min-height:245px;display:flex;flex-direction:column;justify-content:space-between}.market-row{gap:8px}.mini-booth{width:83px;padding-top:24px}.booth-roof{height:35px;left:-4px;right:-4px;border-width:2px}.booth-sign{font-size:7px;padding:3px}.booth-front{padding:4px 5px 9px;border-width:3px}.booth-front strong{font-size:23px}.booth-front small{font-size:7px}.booth-flags{gap:2px;margin:7px 0}.booth-flags i{width:8px;height:12px}.comparison-scene{min-width:90px;padding:16px 8px 8px;border-radius:12px;max-width:180px}.comparison-label{font-size:5px;margin-bottom:9px}.comparison-scene small{font-size:6px}.bar-track,.comparison-bar{height:24px}.comparison-bar{font-size:10px;padding:2px 4px}.magnify-prop{font-size:40px;right:-8px;top:-21px}.witness-bubble{padding:11px 12px;gap:9px;margin-top:22px}.witness-bubble>span{font-size:18px}.witness-bubble p{font-size:11px}.decision-row{gap:9px;margin-top:15px}.decision{font-size:10px;padding:8px 13px;border-radius:11px}.evidence-board{margin-top:17px;padding:11px;border-width:2px}.evidence-board>div{gap:7px;flex-direction:column}.evidence-board>span{font-size:7px}.evidence-ticket{font-size:10px;padding:8px 10px;min-height:40px}.evidence-ticket b{font-size:13px}.scene-detective .scene-content{padding-top:36px;padding-bottom:25px}.balloon-garden{gap:30px}.balloon-bunch{gap:7px}.balloon-bunch i{width:25px;height:31px}.balloon-bunch i:after{left:12px}.scene-finalRatio .scene-content{padding-top:30px}.gate-arch{width:230px;height:160px;border-width:12px}.gate-sign{font-size:9px;margin-top:30px}.gate-doors{height:66px}.chair-groups{gap:18px;padding:10px 16px}.chair-groups strong{font-size:9px}.chair-groups span{font-size:20px}.gate-tickets{margin-top:18px}.scene-finalChoice .object-caption{font-size:7px}.reward-world{padding:35px 17px;min-height:610px;border-width:3px;border-radius:23px}.reward-world h1{font-size:29px}.reward-world>p{font-size:12px}.reward-ribbon{font-size:7px;padding:8px 16px}.reward-medallion{width:95px;height:95px;font-size:49px;margin-top:27px}.reward-passport{gap:9px}.reward-stamp{width:39px;height:39px;font-size:21px}.reward-mam{height:140px}.reward-actions{gap:10px}.reward-actions .play-button{font-size:12px}.reward-world>small{font-size:8px}.footer{display:block;padding:16px 20px;font-size:8px}.footer span{display:block;margin-top:7px}dialog{padding:20px 17px;border-width:2px;border-radius:20px}.modal-head{margin-bottom:17px}.modal-head h2{font-size:21px}.help-intro{gap:12px;padding:10px 13px}.help-intro p{font-size:12px}.help-intro .mam{width:55px;height:77px}.help-list{font-size:12px}.info-note{font-size:10px;padding:12px}.report-summary{gap:7px}.report-summary div{padding:12px 5px}.report-summary strong{font-size:24px}.report-summary span{font-size:8px}.report-station summary{font-size:11px;padding:13px}.report-actions{flex-wrap:wrap}.report-actions .outline{font-size:11px;padding:9px 13px}}@media(max-width:370px){.topbar{padding-left:12px;padding-right:12px}.wordmark b{font-size:10px}.top-actions{gap:2px}.top-button{padding:5px}.top-passport{font-size:10px;padding:5px 7px}.stage-heading h1{font-size:21px}.round-dot{width:24px;height:24px}.lantern-rope{gap:12px}.lantern{width:31px;height:43px}.number-token{width:43px;height:42px}.tray-help{display:none}.ratio-part{min-width:88px}.wood-sign{padding-left:12px;padding-right:12px}.mosaic-grid{width:56vw}.art-studio{gap:10px}.paint-meter{min-width:57px}.machine-body{padding-left:8px;padding-right:8px}.ticket-workshop{grid-template-columns:65px 1fr;gap:12px 10px}.ticket-feed,.printed-ticket{width:65px}.gear{width:40px;height:40px}.gear-bank{gap:7px}.machine-name{font-size:5px}.mini-booth{width:72px}.comparison-scene{min-width:80px}.mission-scroll p{font-size:12px}.action-dock .play-button{font-size:11px}.hint-button{font-size:8px}.badges{gap:3px}.badge{width:22px;height:22px}.passport-mini p{max-width:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#confetti{display:none}}:root{--paper:#fff9ed}body{background:radial-gradient(ellipse at 0 20%,#dcefe4,transparent 40%),#fff9ed}.volume-hero{position:relative;isolation:isolate;overflow:hidden;min-height:340px;border:4px solid white;border-radius:28px;background:#d9ecde url(assets/world-forest.webp) center/cover;box-shadow:0 7px #dce6ce;padding:34px 38px;display:flex;justify-content:space-between;align-items:center}.volume-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e9f6e4f5,#e9f6e4d9 45%,#e9f6e450);z-index:-1}.volume-hero h1{font-size:47px;color:#306e59;letter-spacing:-1.6px;margin:15px 0}.volume-hero p{font-size:13px;color:#688a70;margin:15px 0 23px}.volume-mam{width:180px;height:245px;margin-right:100px;animation:mamFloat 4s infinite}.volume-count{position:absolute;right:24px;bottom:25px;width:92px;height:92px;background:#fff0c9;border:3px double #d7b867;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(6deg);box-shadow:0 4px #c3ac78}.volume-count strong{font-size:25px;color:#a47f3d}.volume-count span{font-size:6px;letter-spacing:.6px;color:#ac925b}.catalogue-toolbar{margin-top:38px}.find-row{display:grid;grid-template-columns:1fr 1.05fr .7fr;gap:12px}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid #d7dfce;border-radius:13px;background:#fffdf5;padding:9px 15px}.searchbox>span{font-size:24px;color:#94a486}.searchbox input{width:100%;border:0;background:transparent;outline:none;font-size:13px;color:#648065}.find-row select,#quickLesson{width:100%;padding:12px;border:1px solid #d7dfce;border-radius:13px;background:#fffdf5;font:inherit;font-size:12px;color:#6e8669;min-width:0}.chapter-filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.chapter-filters button{border:1px solid #dcdfce;border-radius:20px;padding:9px 14px;background:#fffdf4;font-size:11px;font-weight:700;color:#8c9879}.chapter-filters .selected{background:#477f68;color:#fff8e2;border-color:#477f68}.volume-two{font-size:11px;color:#9a7a52;text-decoration:none;white-space:nowrap}.chapter-section{margin-top:30px}.chapter-title{display:flex;gap:14px;align-items:center;margin:23px 0 18px}.chapter-title>span{display:grid;place-items:center;width:48px;height:48px;background:#f1e7ce;border:2px solid white;border-radius:15px;font-size:27px;box-shadow:0 3px #d9d5ba}.chapter-title small{font-size:8px;letter-spacing:1px;color:#92a184}.chapter-title h3{font-size:22px;color:#557b58;margin-top:5px}.chapter-title>b{margin-left:auto;background:#edeedc;border-radius:20px;padding:6px 11px;font-size:10px;color:#9b9f7c;white-space:nowrap}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px}.lesson-card{text-align:left;padding:0;border:2px solid #e1dfca;border-radius:20px;background:#fffdf5;box-shadow:0 5px #e3dec8;overflow:hidden;display:flex;flex-direction:column;min-width:0}.lesson-card:hover{transform:translateY(-5px)!important;box-shadow:0 10px #dfdac3}.lesson-card.completed{border-color:#8ab391}.lesson-art{height:122px;position:relative;background-size:cover;background-position:center;border-bottom:2px solid #dddcca}.lesson-number{position:absolute;left:11px;top:11px;background:#fff5d5ee;color:#9b7c41;border:2px solid white;border-radius:12px;padding:5px 9px;font-size:10px;font-weight:700;box-shadow:0 2px #cbbe98}.completed .lesson-number{background:#71a784;color:#fff}.lesson-game-icons{position:absolute;right:10px;bottom:9px;background:#fff8e9e8;border-radius:13px;padding:5px 9px;font-size:19px;box-shadow:0 3px #c7c6a96b}.lesson-copy{padding:16px 16px 15px;flex:1;display:flex;flex-direction:column}.book-page{font-size:8px;color:#a6a184;letter-spacing:.6px}.lesson-copy h4{font-size:15px;line-height:1.4;color:#51745b;margin:9px 0 15px;min-height:42px;font-weight:700}.lesson-track{margin-top:auto;background:#ecebd9;border-radius:6px;height:5px;overflow:hidden}.lesson-track i{display:block;height:100%;background:#8ab78e;border-radius:6px}.lesson-card-bottom{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#a3a38a;margin-top:10px}.lesson-card-bottom strong{color:#a27f46}.chapter-2 .lesson-card-bottom strong{color:#5b96a0}.chapter-4 .lesson-card-bottom strong{color:#5f9a82}.chapter-5 .lesson-card-bottom strong{color:#9b7ab8}.source-panel{margin-top:35px;background:#f2efdf;border:1px solid #e1ddc5;border-radius:15px;padding:17px 21px;color:#9a9177;font-size:10px}.source-panel strong{font-size:11px;color:#8e876b}.source-panel p{margin-top:8px;line-height:1.8}.empty-search{text-align:center;padding:60px 20px;border:2px dashed #d8ddc5;border-radius:20px;color:#929c7f;font-size:14px}.lesson-cover{position:relative;isolation:isolate;min-height:320px;background:#e3f0db var(--cover) center/cover;border:4px solid white;border-radius:27px;padding:32px 38px;display:flex;gap:30px;align-items:center;box-shadow:0 7px #dce4cd;overflow:hidden}.lesson-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1f7e5f5,#f1f7e5ed 50%,#f1f7e55c);z-index:-1}.lesson-cover>div:first-child{flex:1;max-width:72%}.lesson-cover h1{font-size:37px;letter-spacing:-1px;color:#4d7858;margin:12px 0 17px;line-height:1.25}.lesson-cover p{font-size:13px;line-height:1.8;color:#8a9877;margin-bottom:22px}.lesson-cover-mam{height:230px;width:170px;align-self:end}.lesson-plan-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:35px 0 20px}.lesson-plan-heading h2{font-size:24px;color:#5b7e59}.lesson-plan-heading>span{font-size:11px;color:#929e7f}.task-map{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task-map-card{display:flex;align-items:center;gap:15px;padding:19px 20px;background:#fffdf4;border:2px solid #e5e2cf;border-radius:17px;box-shadow:0 4px #e5e0c8;text-align:left}.task-map-card.completed{border-color:#9dbc91;background:#f2f7e9}.task-map-icon{font-size:27px;width:43px;flex-shrink:0}.task-map-card>div{flex:1}.task-map-card small{font-size:8px;letter-spacing:.5px;color:#aba48a}.task-map-card p{font-size:12px;color:#71866a;margin-top:7px}.task-map-card>b{font-size:18px;color:#9fb38b}.lesson-bottom-note{font-size:10px;color:#9ba08a;text-align:center;margin-top:25px}.active-lesson-title{font-size:27px!important;max-width:800px}.exercise-dots{display:flex;gap:5px;flex-shrink:0}.exercise-dots .round-dot{width:28px;height:28px;font-size:10px;border-radius:10px}.stage-heading .eyebrow{font-size:9px}#quickLesson{max-width:510px;flex:1;padding:9px 12px;font-size:11px}.task-pebbles{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.task-pebbles span{display:grid;place-items:center;width:29px;height:29px;border:1px dashed #c9c49d;border-radius:50%;color:#b2aa86;font-size:11px}.task-pebbles .earned{border:2px solid #95b68b;background:#e6f0d7;color:#6b935c}.vol-scene,.vol-scene .scene-content{min-height:430px}.vol-scene .scene-backdrop{background-position:center;filter:saturate(.85)}.vol-scene:before{background:#fff7e075}.answer-ticket{width:max-content;max-width:95%;background:#fff3cd;border:3px solid #d8b77b;border-radius:17px;box-shadow:0 5px #bba16c;padding:15px 23px 14px;margin:20px auto 0;text-align:center;position:relative}.answer-ticket:before,.answer-ticket:after{content:"";position:absolute;top:calc(50% - 7px);width:11px;height:14px;background:#e4ddbd;border-radius:50%;border:1px solid #d0b17a}.answer-ticket:before{left:-7px}.answer-ticket:after{right:-7px}.answer-ticket-name{font-size:9px;letter-spacing:1.7px;color:#ac8c50;display:block;margin-bottom:10px}.answer-ticket>div{display:flex;gap:10px;align-items:center;justify-content:center}.answer-ticket input{font-size:32px;color:#8763a3;max-width:230px;width:180px;text-align:center;background:#fffdf1;border:2px dashed #d6be90;border-radius:10px;padding:7px 12px;font-weight:700}.answer-ticket .unit{font-size:18px;color:#ad905d}.answer-ticket>small{font-size:9px;color:#b09c72;margin-top:10px;display:block}.ticket-machine{position:relative;width:240px;height:120px;margin:15px auto 0;background:linear-gradient(#80c9ad,#5a9b80);border:5px solid #4e8b70;border-radius:22px;box-shadow:0 6px #38745d;display:flex;justify-content:center;align-items:end;padding:20px;color:#e2f0c9;font-size:9px;font-weight:700;letter-spacing:1.2px}.machine-knob{position:absolute;font-size:45px;color:#f2ce7c;left:27px;top:5px;line-height:1}.machine-light{width:21px;height:21px;border-radius:50%;background:#f1dc83;border:3px solid #b3c294;position:absolute;top:18px;right:25px}.machine-mouth{position:absolute;bottom:-5px;left:23px;right:23px;height:10px;border:2px solid #2d6e55;background:#3b715a;border-radius:6px}.mission-complete .ticket-machine .machine-light{box-shadow:0 0 25px #ffed97}.mission-complete .answer-ticket{animation:ticketPrint .65s ease-out}.treasure{position:relative;width:220px;height:140px;margin:25px auto 0}.treasure-lid{position:absolute;top:0;left:0;right:0;height:65px;border:5px solid #946236;border-radius:50px 50px 3px 3px;background:repeating-linear-gradient(90deg,#d3a56a 0 25px,#b68950 26px 30px);transform-origin:bottom center;transition:transform .7s}.treasure-body{position:absolute;bottom:0;left:0;right:0;height:80px;background:repeating-linear-gradient(0deg,#c48e56 0 18px,#b27a47 19px 23px);border:5px solid #926037;border-radius:3px 3px 17px 17px;box-shadow:0 5px #74502e;display:grid;place-items:center}.treasure-body i{font-style:normal;font-size:43px;color:#f3cf75}.treasure-lock{position:absolute;top:48px;left:calc(50% - 16px);width:32px;height:35px;border-radius:5px;background:#f4d17b;border:3px solid #c6a35f;font-size:25px;text-align:center;color:#987538;transition:opacity .4s}.mission-complete .treasure-lid{transform:translateY(-25px) rotate(-10deg);box-shadow:0 0 40px #ffedb7}.mission-complete .treasure-lock{opacity:0}.cargo-scene{display:flex;gap:14px;justify-content:center;align-items:end;margin:15px auto 0;height:125px}.crate{display:grid;place-items:center;width:95px;height:95px;border:5px double #9e7849;background:repeating-linear-gradient(0deg,#d4b57f 0 13px,#c2a06b 14px 18px);border-radius:10px;box-shadow:0 5px #8f704b;font-size:30px;color:#fff0be;transform:rotate(-3deg)}.crate.small{width:75px;height:75px;transform:rotate(3deg)}.bridge-world{position:relative;min-height:310px;display:flex;flex-direction:column;justify-content:center}.river-flow{position:absolute;inset:30px -28px;background:repeating-linear-gradient(170deg,#85c8d2 0 18px,#92d2d9 20px,#a3dadd,#87c9d3 26px);border-top:12px solid #b5d39e;border-bottom:12px solid #b5d39e;border-radius:35%;opacity:.9}.river-bank{position:absolute;font-size:40px;top:48%;z-index:1}.river-bank.left{left:0}.river-bank.right{right:0;color:#ab8e57}.bridge-path{position:relative;display:flex;gap:20px;align-items:center;justify-content:center;padding:40px 32px}.stepping-stone{background:linear-gradient(#e0d9b1,#bbb78f);border:3px solid #9da484;box-shadow:0 6px #7e9284,0 10px #87b6aa;border-radius:35% 40% 30% 45%;padding:20px 13px;color:#6d7d5f;min-width:105px;max-width:33%}.stepping-stone:nth-child(2){margin-top:35px}.stepping-stone small{display:block;font-size:7px;letter-spacing:1px;margin-bottom:7px}.stepping-stone strong{font-size:25px;overflow-wrap:anywhere}.stepping-stone.selected{background:#fff0be;border-color:#c5a15d;box-shadow:0 6px #9c854d,0 0 20px #fff7d6}.bridge-note{position:relative;text-align:center;background:#fff5d4dd;border:1px solid #d6c691;border-radius:20px;padding:8px 15px;color:#9b8d5f;font-size:10px;max-width:90%;margin:0 auto}.mission-complete .stepping-stone.selected{box-shadow:0 6px #9c854d,0 0 35px #fff1a1}.adventure-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:650px;width:100%;margin:25px auto 0}.adventure-choices.many{grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-choice{position:relative;min-width:0;background:#fff2d1;border:3px solid #d4b584;border-radius:15px;padding:22px 15px 17px;box-shadow:0 5px #b79b6b;display:flex;gap:10px;align-items:center;justify-content:center;min-height:90px}.adventure-choice>span{display:grid;place-items:center;position:absolute;top:-15px;left:calc(50% - 15px);width:30px;height:30px;background:#efcd83;border:2px solid #fef6da;color:#a38147;border-radius:50%;font-size:12px;font-weight:700}.adventure-choice strong{font-size:14px;color:#997b49;font-weight:700;overflow-wrap:anywhere}.adventure-choice.selected{background:#e6d8f5;border-color:#a18abd;box-shadow:0 5px #88729d}.adventure-choice.selected strong{color:#8968a5}.compass-prop{width:130px;height:130px;border:7px double #c5a66b;border-radius:50%;background:#fff0c5;box-shadow:0 5px #b49b69;margin:15px auto 0;display:grid;place-items:center;font-size:80px;color:#739888;position:relative;transform:rotate(-10deg)}.compass-prop>span{position:absolute;font-size:10px;color:#ad8e51;top:6px;left:calc(50% - 5px)}.detective-prop{position:relative;height:130px;width:220px;margin:10px auto}.clue-paper{background:#fff1cc;border:2px solid #dbc08c;width:140px;height:115px;padding:10px;text-align:center;font-size:50px;color:#ba9f6b;transform:rotate(7deg);box-shadow:0 4px #cab88b;border-radius:7px}.clue-paper span{display:block;font-size:7px;letter-spacing:1px;color:#b6a27a}.magnifier{position:absolute;right:5px;top:5px;width:80px;height:80px;border:10px solid #bb9662;border-radius:50%;background:#d9efe880;z-index:2;box-shadow:0 3px #9f7f53}.magnifier:after{content:"";position:absolute;width:15px;height:55px;background:#ad8656;bottom:-45px;right:-25px;border-radius:7px;transform:rotate(-40deg);border:2px solid #8f6d46}.kind-detective .adventure-choices{grid-template-columns:1fr 1fr;max-width:430px}.painting-station{display:flex;gap:30px;align-items:center;justify-content:center}.vol-mosaic{display:grid;gap:3px;max-width:330px;width:min(40vw,310px);background:#b8a27a;border:2px solid #9b7e54;padding:3px}.paint-cell{padding:0;aspect-ratio:1;background:linear-gradient(135deg,#fffdec,#e5dbc0);border:1px solid #dfd3b2;border-radius:3px;box-shadow:inset 0 -3px #cebf99}.paint-cell.painted{background:linear-gradient(135deg,#89d5ad,#5bac85);border-color:#58a77c;box-shadow:inset 0 -3px #4c956f}.paint-counter{background:#fff0cbdc;border:2px solid #d5b57c;border-radius:15px;padding:17px 14px;display:flex;flex-direction:column;text-align:center;box-shadow:0 4px #b9a16c}.paint-counter strong{font-size:38px;color:#689675}.paint-counter>span{font-size:12px;color:#ac9a6b}.mini-paintpot{font-size:40px;margin-top:13px}.pair-board{background:#d4b580ee;border:5px solid #b89562;border-radius:22px;padding:19px;box-shadow:0 6px #967a50;max-width:650px;width:100%;margin:auto}.pair-title{text-align:center;font-size:10px;letter-spacing:2px;color:#fff2ca;margin-bottom:19px}.pair-columns{display:grid;grid-template-columns:1fr 30px 1fr;gap:12px}.pair-columns>div{display:flex;flex-direction:column;gap:15px}.pair-card{flex:1;min-height:58px;border:2px solid #d8c29a;background:#fff5d7;border-radius:12px;padding:12px;font-size:13px;color:#9d8150;box-shadow:0 3px #a68f68}.pair-card.right{background:#f1ebd2}.pair-card.selected{border-color:#8b70aa;background:#e7dbf1;color:#826497;box-shadow:0 0 0 3px #fff4ce88}.pair-card.paired{border-color:#92b47e;background:#dcebd1;color:#70895a;box-shadow:0 3px #9ba87e;opacity:.9}.pair-string span{display:flex;align-items:center;justify-content:center;flex:1;color:#fff4d2;font-size:23px}.pair-status{font-size:10px;color:#9b8051;background:#fff1d0cc;border-radius:12px;padding:8px;text-align:center;margin-top:17px}.train-world{position:relative;display:flex;align-items:end;justify-content:center;gap:10px;width:100%;padding:25px 0 23px}.train-engine{font-size:75px;flex-shrink:0;line-height:1.1}.train-slots{display:flex;gap:9px;flex:1;justify-content:center}.train-slot{display:grid;place-items:center;min-width:0;flex:1;max-width:130px;height:80px;background:#d7c199de;border:3px dashed #b99c68;border-radius:12px;box-shadow:0 5px #a99162;color:#8b7449;font-size:15px;font-weight:700;overflow-wrap:anywhere;position:relative;padding:7px}.train-slot:after{content:"●　●";color:#748b73;font-size:18px;position:absolute;left:5px;right:5px;bottom:-18px;text-align:center;white-space:nowrap}.train-slot small{font-size:9px;color:#aa956d;font-weight:400}.rail{position:absolute;left:-28px;right:-28px;bottom:0;height:12px;border-top:3px solid #af9b73;border-bottom:3px solid #af9b73;background:repeating-linear-gradient(90deg,transparent 0,transparent 20px,#bd9f6d 21px,#bd9f6d 29px)}.order-bank{display:flex;gap:12px;justify-content:center;margin:33px auto 0;flex-wrap:wrap}.order-token{background:#ffedbc;border:2px solid #d8b66e;box-shadow:0 4px #ba9e60;border-radius:13px;padding:12px 16px;font-size:18px;color:#a27d3f;font-weight:700;cursor:grab}.order-token:disabled{opacity:.3}.order-reset{margin:22px auto 0;display:block;background:#fff6d9b3;border-radius:20px;font-size:10px}.balance-world{position:relative;width:100%;max-width:500px;height:240px;margin:0 auto}.scale-beam{position:absolute;top:25px;left:10%;right:10%;height:10px;background:#bc975d;border:2px solid #9c7e4d;border-radius:7px;transition:transform .5s}.scale-pan{position:absolute;top:70px;width:170px;height:50px;display:grid;place-items:center;background:#fff0bd;border:3px solid #c5a46b;border-radius:5px 5px 50% 50%;color:#987a43;font-size:18px;font-weight:700}.scale-pan:before,.scale-pan:after{content:"";position:absolute;top:-64px;width:2px;height:64px;background:#b29c72}.scale-pan:before{left:20px;transform:rotate(18deg);transform-origin:bottom}.scale-pan:after{right:20px;transform:rotate(-18deg);transform-origin:bottom}.scale-pan.left{left:-65px}.scale-pan.right{right:-65px}.scale-pole{position:absolute;top:25px;left:calc(50% - 7px);height:170px;width:14px;background:#c09a60;border:2px solid #a88854;border-radius:7px}.scale-base{position:absolute;bottom:25px;left:calc(50% - 65px);width:130px;height:25px;border-radius:30px 30px 8px 8px;background:#c3a368;border:3px solid #a68a57}.symbol-bank{display:flex;gap:22px;justify-content:center}.symbol-token{width:70px;height:60px;border:3px solid #cfb174;background:#fff0c8;border-radius:15px;box-shadow:0 4px #b59d68;font-size:32px;color:#a4874d}.symbol-token.selected{background:#dfd7ec;border-color:#aa96bf;color:#9279a7;box-shadow:0 4px #8d799f}.digit-workshop{background:#c8a471e6;border:5px solid #ac8959;border-radius:22px;padding:23px;max-width:100%;box-shadow:0 6px #927448;margin:auto}.digit-title{font-size:10px;letter-spacing:2px;text-align:center;color:#fff2d0;margin-bottom:21px}.digit-slots{display:flex;gap:7px;justify-content:center;align-items:center}.digit-socket{width:55px;height:70px;flex-shrink:1;background:#fff3d4;border:3px dashed #e2c690;border-radius:11px;color:#9d82af;font-size:28px;font-weight:700}.digit-socket.selected{border-color:#9570b2;background:#fbf1bc;box-shadow:0 0 0 3px #fff1c088}.decimal-comma{font-size:35px;color:#fff1d0}.digit-bank{display:flex;gap:8px;margin-top:24px;justify-content:center;flex-wrap:wrap;max-width:450px}.digit-bank button{width:34px;height:42px;border:2px solid #d1ac68;box-shadow:0 3px #a68b55;background:#ffe7ad;color:#9e7b3f;border-radius:9px;font-weight:700;font-size:19px}.blueprint{background:linear-gradient(#f1f8e9ee,#e6f2dcee);border:2px solid #b9ceac;border-radius:19px;max-width:450px;width:100%;margin:0 auto;padding:12px}.blueprint svg{width:100%;height:210px;display:block}.blueprint text{font-family:Susu,sans-serif;font-size:14px;fill:#698260}.blueprint>small{display:block;font-size:8px;text-align:center;color:#a2b28b}.blueprint.compact{max-width:330px}.blueprint.compact svg{height:170px}.kind-geometry .answer-ticket{margin-top:17px}.kind-geometry .scene-content{padding-top:25px;padding-bottom:28px}.house-workshop{display:flex;align-items:center;justify-content:center;gap:25px}.house-picture{width:230px;height:215px;position:relative;flex-shrink:0}.house-roof{position:absolute;top:0;left:0;width:230px;height:80px;display:grid;place-items:center;background:#eeefe036;border:2px dashed #c7b386;border-radius:9px;font-size:35px;color:#c2b389}.house-body{position:absolute;top:78px;left:30px;width:170px;height:130px;background:#f8edce44;border:2px dashed #c7b386;display:grid;place-items:center}.house-door{position:absolute;left:60px;bottom:0;width:47px;height:80px;display:grid;place-items:center;background:#fff5d766;border:2px dashed #c7b386;color:#c2b389;font-size:30px}.shape-icon{display:block;width:40px;height:40px;background:#8db79c;border:2px solid #6a9e7e}.shape-icon.triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:#d5a078;border:none}.shape-icon.trapezoid{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:#b69bce;border:none}.shape-icon.rectangle{width:30px;height:45px;background:#ecc477;border-color:#c4a15c}.house-roof .shape-icon{width:100%;height:100%}.house-body>.shape-icon{width:100%;height:100%}.house-door .shape-icon{width:100%;height:100%}.house-slots{display:flex;flex-direction:column;gap:10px}.house-slot{background:#fff4d4;border:2px solid #dbbe88;border-radius:12px;padding:9px 15px;min-width:135px;box-shadow:0 3px #bca472;text-align:left}.house-slot small{display:block;font-size:9px;color:#a38d5f}.house-slot span{font-size:12px;color:#8f7c53}.house-slot.selected{background:#e9dcf6;border-color:#a28abb}.shape-bank{display:flex;gap:12px;justify-content:center;margin:25px auto 0;flex-wrap:wrap}.shape-bank button{background:#fff4d8;border:2px solid #d9c08a;border-radius:12px;padding:10px 12px;min-width:100px;box-shadow:0 3px #bca679;display:flex;flex-direction:column;align-items:center;gap:6px}.shape-bank span{font-size:9px;color:#a08b59}.field-notebook{position:relative;background:repeating-linear-gradient(0deg,#fff9e3 0 30px,#e6e4c7 31px,#fff9e3 32px);border:3px solid #d4bc83;border-radius:16px;box-shadow:0 6px #bba875;max-width:450px;width:100%;margin:auto;padding:20px 28px}.field-notebook h3{font-size:12px;letter-spacing:1.2px;color:#a08a55;margin:28px 0 20px}.ruler-prop{position:absolute;top:-19px;right:5px;background:repeating-linear-gradient(90deg,#e9ca87 0 18px,#ab8d4e 19px,#e9ca87 20px);border:2px solid #b59b61;padding:9px 12px 1px;font-size:9px;color:#8f773f;transform:rotate(5deg);border-radius:5px}.field-notebook label{display:flex;align-items:center;gap:9px;font-size:12px;color:#988454;justify-content:space-between;margin:15px 0}.field-notebook input{font-size:20px;width:100px;max-width:40%;text-align:center;border:2px dashed #d0bb8a;background:#fffdf0;color:#8b79a2;border-radius:8px;padding:7px}.field-notebook>small{display:block;font-size:9px;color:#aba17d;margin-top:20px}.reward-stars{font-size:35px;color:#d4b466;letter-spacing:10px;margin-top:20px}.footer a{color:#a58b64;text-decoration:none}.reward-world h1{max-width:780px;margin-left:auto;margin-right:auto}.kind-build .scene-content{padding-left:22px;padding-right:22px}.scene .selected{outline:none}.scene button:focus-visible{outline:3px solid #a78ac5;outline-offset:4px}@media(max-width:1100px){.lesson-grid{grid-template-columns:repeat(3,1fr)}.active-lesson-title{font-size:24px!important}.stage-heading{align-items:start}.exercise-dots{flex-wrap:wrap;max-width:160px;justify-content:end}.scale-pan{width:140px;font-size:15px}.scale-pan.left{left:-48px}.scale-pan.right{right:-48px}.pair-card{font-size:11px;padding:11px 8px}.vol-mosaic{width:270px}.house-picture{width:190px;transform:scale(.85);transform-origin:left center;margin-right:-25px}.house-slots{min-width:110px}.house-slot{min-width:115px}.stepping-stone{min-width:90px}.stepping-stone strong{font-size:21px}.bridge-path{gap:14px}}@media(max-width:900px){.lesson-grid{grid-template-columns:repeat(3,1fr)}.lesson-copy h4{font-size:14px}.volume-mam{margin-right:65px;width:150px;height:215px}.volume-hero h1{font-size:40px}.lesson-cover h1{font-size:32px}.task-map-card{padding:16px;gap:10px}.task-map-icon{font-size:23px;width:35px}.pair-card{font-size:13px}.vol-mosaic{width:310px}.scale-pan{width:170px;font-size:18px}.scale-pan.left{left:-65px}.scale-pan.right{right:-65px}.house-workshop{gap:35px}.house-picture{transform:none;width:230px;margin-right:0}.house-slot{min-width:135px}.task-pebbles{margin:10px 0}.kind-match .scene-content{min-height:430px}.active-lesson-title{font-size:26px!important}.exercise-dots{max-width:260px}.kind-field .scene-content{min-height:460px}}@media(max-width:650px){.volume-hero{padding:25px 21px;min-height:330px;border-radius:22px;border-width:3px;align-items:start}.volume-hero>div:first-child{max-width:82%;position:relative;z-index:2}.volume-hero h1{font-size:34px;letter-spacing:-1px;margin:15px 0}.volume-hero p{font-size:11px;max-width:190px;line-height:1.8}.volume-hero .eyebrow{font-size:8px}.volume-mam{position:absolute;right:-22px;bottom:5px;width:100px;height:150px;margin-right:70px;opacity:.95}.volume-count{width:73px;height:73px;bottom:23px;right:16px}.volume-count strong{font-size:21px}.volume-count span{font-size:5px}.catalogue-toolbar{margin-top:30px}.find-row{grid-template-columns:1fr 1fr;gap:9px}.searchbox{grid-column:1/-1;padding:8px 12px}.searchbox input{font-size:12px}.find-row select{font-size:10px;padding:10px 8px}.chapter-filters{gap:6px;margin:14px 0}.chapter-filters button{font-size:9px;padding:7px 10px}.volume-two{font-size:8px;max-width:75px;white-space:normal;text-align:right}.lesson-grid{grid-template-columns:1fr 1fr;gap:15px 11px}.lesson-art{height:96px}.lesson-game-icons{font-size:13px;padding:4px 7px;right:7px;bottom:7px}.lesson-number{font-size:8px;padding:4px 7px;left:7px;top:7px;border-radius:10px}.lesson-card{border-radius:15px}.lesson-copy{padding:13px 12px}.lesson-copy h4{font-size:12px;min-height:50px;line-height:1.5;margin:8px 0 13px}.book-page{font-size:6px;letter-spacing:.3px}.lesson-card-bottom{font-size:8px;gap:4px}.chapter-title{gap:10px;margin:22px 0 14px}.chapter-title>span{width:39px;height:39px;font-size:22px;border-radius:12px}.chapter-title small{font-size:6px;letter-spacing:.4px}.chapter-title h3{font-size:18px;line-height:1.35}.chapter-title>b{font-size:8px;padding:5px 8px}.source-panel{font-size:9px;padding:15px}.source-panel strong{font-size:10px}.lesson-cover{padding:25px 21px;min-height:320px;border-radius:22px;border-width:3px;gap:10px}.lesson-cover>div:first-child{max-width:100%;position:relative;z-index:2}.lesson-cover h1{font-size:28px;line-height:1.3;max-width:95%;margin:11px 0 14px}.lesson-cover p{font-size:11px;max-width:90%;margin-bottom:20px}.lesson-cover .eyebrow{font-size:7px;letter-spacing:.7px}.lesson-cover-mam{position:absolute;right:-10px;bottom:-5px;height:150px;width:110px;opacity:.27}.lesson-plan-heading h2{font-size:20px}.lesson-plan-heading>span{font-size:9px}.task-map{grid-template-columns:1fr;gap:12px}.task-map-card{padding:17px}.task-map-card p{font-size:12px}.task-map-card small{font-size:7px}.task-map-icon{font-size:25px;width:37px}.lesson-bottom-note{font-size:9px;line-height:1.8}#quickLesson{max-width:60%;padding:9px;font-size:10px}.game-nav .quiet{font-size:0!important}.game-nav .quiet:before{content:"▤"}.active-lesson-title{font-size:23px!important;line-height:1.35;letter-spacing:-.5px}.stage-heading{flex-direction:column;gap:13px}.stage-heading>div:first-child{width:100%}.exercise-dots{max-width:none;width:100%;justify-content:start;gap:8px}.exercise-dots .round-dot{width:31px;height:31px;font-size:11px}.vol-scene,.vol-scene .scene-content{min-height:390px}.answer-ticket{padding:14px 18px;margin-top:20px}.answer-ticket input{width:160px;max-width:53vw;font-size:28px}.answer-ticket .unit{font-size:15px}.answer-ticket-name{font-size:8px;letter-spacing:1px}.answer-ticket>small{font-size:8px}.ticket-machine{width:200px;height:105px}.ticket-machine>span{font-size:8px}.machine-knob{font-size:38px;top:7px}.treasure{width:190px;height:125px}.treasure-lid{height:60px}.treasure-body{height:70px}.treasure-lock{top:46px}.crate{width:75px;height:75px;font-size:25px}.crate.small{width:58px;height:58px}.cargo-scene{height:100px;gap:10px}.bridge-world{min-height:290px}.bridge-path{padding:35px 14px;gap:10px}.stepping-stone{padding:16px 8px;min-width:75px;max-width:33%;border-width:2px}.stepping-stone strong{font-size:19px}.stepping-stone small{font-size:6px;letter-spacing:.5px}.river-bank{font-size:29px;top:18%}.river-bank.left{left:4px}.river-bank.right{right:4px}.bridge-note{font-size:9px}.adventure-choices{gap:10px;grid-template-columns:1fr;max-width:95%;margin-top:24px}.adventure-choices.many{grid-template-columns:1fr 1fr}.adventure-choice{min-height:57px;border-width:2px;border-radius:12px;justify-content:start;padding:15px 16px 15px 41px}.adventure-choice>span{width:24px;height:24px;left:8px;top:calc(50% - 12px);font-size:10px}.adventure-choice strong{font-size:12px}.compass-prop{width:90px;height:90px;font-size:53px;border-width:5px;margin-top:0}.compass-prop>span{font-size:8px}.kind-choice .scene-content{padding-top:25px}.detective-prop{height:110px;width:190px}.clue-paper{width:120px;height:100px;font-size:42px}.magnifier{width:65px;height:65px;border-width:8px;right:2px;top:6px}.magnifier:after{height:45px;width:13px;bottom:-37px;right:-22px}.kind-detective .adventure-choices{grid-template-columns:1fr 1fr;margin-top:23px}.kind-detective .adventure-choice{justify-content:center;padding-left:29px}.painting-station{gap:18px}.vol-mosaic{width:min(59vw,280px);gap:2px;padding:2px}.paint-cell{border-radius:2px;box-shadow:inset 0 -2px #cebf99}.paint-cell.painted{box-shadow:inset 0 -2px #4c956f}.paint-counter{padding:12px 10px;border-radius:13px;min-width:64px}.paint-counter strong{font-size:31px}.paint-counter>span{font-size:9px}.mini-paintpot{font-size:30px;margin-top:10px}.kind-paint .scene-content{padding-top:40px}.pair-board{border-width:3px;padding:16px 12px;border-radius:18px}.pair-title{font-size:8px;letter-spacing:1.2px;margin-bottom:16px}.pair-columns{grid-template-columns:1fr 15px 1fr;gap:6px}.pair-columns>div{gap:13px}.pair-card{font-size:10px;min-height:62px;padding:9px 7px;border-radius:9px}.pair-string span{font-size:17px}.pair-status{font-size:9px;margin-top:15px;padding:8px}.kind-match .scene-content{padding:25px 12px;min-height:380px}.train-engine{font-size:40px}.train-world{gap:5px;padding-top:17px}.train-slots{gap:5px}.train-slot{height:63px;border-width:2px;border-radius:9px;font-size:11px;padding:7px 4px}.train-slot small{font-size:6px}.train-slot:after{font-size:13px;bottom:-15px;letter-spacing:-2px}.order-bank{gap:9px;margin-top:27px}.order-token{font-size:14px;padding:10px 12px;border-radius:10px}.order-reset{font-size:9px}.balance-world{height:220px;max-width:320px}.scale-pan{width:120px;font-size:13px;height:45px}.scale-pan.left{left:-30px}.scale-pan.right{right:-30px}.scale-beam{left:12%;right:12%}.scale-pole{height:160px}.scale-base{width:110px;left:calc(50% - 55px);height:23px;bottom:20px}.symbol-token{width:61px;height:54px;font-size:28px;border-radius:13px}.symbol-bank{gap:18px}.digit-workshop{padding:20px 13px;border-width:4px;border-radius:18px}.digit-title{font-size:8px;letter-spacing:1.1px;margin-bottom:18px}.digit-slots{gap:5px}.digit-socket{width:41px;height:57px;font-size:25px;border-width:2px;border-radius:9px}.decimal-comma{font-size:28px}.digit-bank{gap:7px;max-width:290px;margin-top:22px}.digit-bank button{width:38px;height:39px;font-size:18px}.blueprint{padding:8px;border-radius:15px}.blueprint svg{height:175px}.blueprint text{font-size:14px}.blueprint>small{font-size:7px}.blueprint.compact svg{height:140px}.kind-geometry .scene-content{padding-top:22px;min-height:390px}.house-workshop{gap:10px;max-width:100%}.house-picture{width:160px;height:190px;transform:scale(.72);transform-origin:left center;margin-right:-55px;flex-shrink:0}.house-slots{min-width:110px}.house-slot{min-width:115px;padding:7px 11px;border-radius:10px}.house-slot small{font-size:8px}.house-slot span{font-size:10px}.shape-bank{gap:9px;margin-top:23px}.shape-bank button{min-width:calc(50% - 10px);padding:8px;border-radius:10px;flex-direction:row;justify-content:center}.shape-bank .shape-icon{width:28px;height:28px}.shape-bank span{font-size:8px}.field-notebook{padding:18px 16px;border-radius:14px}.field-notebook h3{font-size:10px;letter-spacing:.7px;margin-top:24px}.field-notebook label{font-size:10px;gap:7px}.field-notebook input{width:83px;font-size:18px;padding:6px}.field-notebook>small{font-size:8px}.ruler-prop{font-size:7px;right:-4px;padding-top:9px}.kind-field .scene-content{min-height:410px}.task-pebbles{gap:5px;margin:10px 0}.task-pebbles span{width:24px;height:24px;font-size:9px}.passport-mini:has(.task-pebbles){display:block}.passport-mini .task-pebbles{float:right;margin:0}.passport-mini:has(.task-pebbles) h3{padding-top:3px}.passport-mini:has(.task-pebbles) p{margin-top:6px;max-width:100%;clear:both;padding-top:7px}.reward-stars{font-size:27px;letter-spacing:7px}.footer a{display:block;margin-top:9px;font-size:9px}.report-task p{font-size:10px;margin-top:6px}}@media(max-width:370px){.volume-hero h1{font-size:30px}.lesson-copy h4{font-size:11px}.lesson-card-bottom{font-size:7px}.digit-socket{width:34px;height:51px;font-size:22px}.digit-slots{gap:4px}.stepping-stone{min-width:64px;padding:14px 5px}.stepping-stone strong{font-size:16px}.pair-card{font-size:9px}.house-workshop{gap:8px}.task-pebbles span{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.volume-mam{animation:none}}@media(max-width:650px){.house-picture{width:230px;height:215px;transform:scale(.64);margin-right:-83px;transform-origin:left center}}.mam-ai-panel{margin-top:20px;padding:20px;background:linear-gradient(145deg,#fcfaf0,#e5f4ec);border:1px solid #bddbcc;border-radius:24px;box-shadow:0 10px 28px #1e49300c;text-align:left;color:#254c42}.mam-ai-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mam-ai-heading>span{color:#ba8531;font-size:24px}.mam-ai-heading h3{font-size:18px;margin:0}.mam-ai-heading b{font-size:10px;background:#fff9;padding:5px 8px;border-radius:20px;line-height:1.3}.mam-ai-context{font-size:12px;color:#6d8375;margin:4px 0 14px}.mam-ai-status{font-size:12px;line-height:1.65;background:#fff9;border-radius:12px;padding:10px 12px}.mam-ai-quick{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.mam-ai-quick button{border:1px solid #c3d9cd;border-radius:12px;background:#fff8;padding:9px;font:inherit;font-size:11px;color:#345b4b;cursor:pointer}.mam-ai-panel label{display:block;font-size:12px;font-weight:700;margin:12px 0 7px}.mam-ai-panel textarea{box-sizing:border-box;display:block;width:100%;resize:vertical;max-height:240px;border:1px solid #b6d0c0;border-radius:14px;background:#fffdf6;padding:12px;font:inherit;font-size:13px;line-height:1.6;color:#254c42}.mam-ai-panel textarea:focus{outline:3px solid #d0ad6266}.mam-ai-panel .play-button{margin-top:10px;width:100%;padding:12px 9px;font-size:13px}.mam-ai-panel button:disabled,.mam-ai-panel textarea:disabled{opacity:.55;cursor:default}.mam-ai-note{display:block;font-size:10px;line-height:1.6;color:#718174;margin-top:12px}.mam-ai-messages{max-height:420px;overflow:auto;overflow-wrap:anywhere}.mam-ai-message{font-size:13px;line-height:1.75;padding:12px;border-radius:16px;white-space:pre-wrap;margin:8px 0}.mam-ai-message.student{background:#d3e7da;margin-left:22px;border-bottom-right-radius:3px}.mam-ai-message.assistant{background:#fffdf6;margin-right:10px;border-bottom-left-radius:3px}.mam-ai-panel :focus-visible{outline:3px solid #ab7e38;outline-offset:3px}#aiBadge:empty{display:none}:root{--lesson-hue:153;--lesson-accent:hsl(var(--lesson-hue) 42% 32%);--lesson-light:hsl(var(--lesson-hue) 62% 94%);--lesson-edge:hsl(var(--lesson-hue) 35% 73%)}body{background:radial-gradient(ellipse at 0 15%,hsl(var(--lesson-hue) 65% 91%),transparent 45%),radial-gradient(ellipse at 100% 75%,#ffecd7,transparent 45%),#fffbf2}.volume-hero{min-height:375px;background:linear-gradient(110deg,#e7f6ec,#f5f7df 55%,#f7e5be);padding:42px;box-shadow:0 8px #d8e3c9,0 18px 40px #30462e0d}.volume-hero:before{background:radial-gradient(circle at 5% 0,#fff8,transparent 40%)}.volume-hero>div:first-child{position:relative;z-index:2;max-width:51%}.volume-hero h1{font-size:49px;line-height:1.12}.volume-hero p{color:#46694e;font-size:14px}.adventure-collage{position:absolute;right:30px;top:28px;width:45%;height:310px;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(3deg);pointer-events:none}.collage-tile{position:relative;overflow:hidden;border:5px solid #fffaf0;border-radius:22px;box-shadow:0 7px #b8bc9c55,0 9px 20px #3a5a3922}.collage-tile img{width:100%;height:100%;object-fit:cover}.collage-tile span{position:absolute;right:7px;bottom:7px;font-size:26px;background:#fff9e8;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.tile-1{transform:rotate(4deg) translateY(9px)}.tile-2{transform:rotate(-3deg)}.volume-count{z-index:3;right:24px;bottom:13px;box-shadow:0 5px #a58c4960}.adventure-promises{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;padding:23px 14px 0;color:#476b57;font-size:12px}.adventure-promises span{display:flex;align-items:center;gap:6px}.catalogue-toolbar{margin-top:35px}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 23px}.lesson-card{border:2px solid hsl(var(--lesson-hue) 32% 78%);box-shadow:0 6px hsl(var(--lesson-hue) 30% 83%);border-radius:23px;background:#fffefa;position:relative;isolation:isolate}.lesson-card:hover{box-shadow:0 12px hsl(var(--lesson-hue) 30% 80%),0 20px 25px #34593515;border-color:hsl(var(--lesson-hue) 42% 52%)}.lesson-art{height:192px;border-bottom:0;isolation:isolate;background:hsl(var(--lesson-hue) 40% 85%);overflow:hidden}.lesson-art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#163e3c70);pointer-events:none;z-index:0}.lesson-illustration{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.lesson-card:hover .lesson-illustration{transform:scale(1.055)}.lesson-number{z-index:1;left:13px;top:13px;font-size:11px;background:#fffbedf2;color:#36584c;border-radius:11px;padding:6px 10px;box-shadow:0 3px #34463322}.world-medallion{position:absolute;bottom:12px;left:13px;background:#fff9e9;border:2px solid white;box-shadow:0 3px #41483233;width:45px;height:45px;border-radius:15px;display:grid;place-items:center;font-size:27px;z-index:1;transform:rotate(-5deg)}.lesson-game-icons{z-index:1;background:#fffaf2ee;font-size:17px;right:12px;bottom:15px}.lesson-copy{padding:17px 19px 19px}.world-name{font-size:11px;color:hsl(var(--lesson-hue) 44% 31%);font-weight:700;margin:0 0 7px}.lesson-copy h4{font-size:17px;line-height:1.45;color:#294b45;margin:8px 0 16px;min-height:49px}.lesson-copy .book-page{font-size:9px;color:#767a65}.lesson-track{height:7px;background:hsl(var(--lesson-hue) 36% 91%)}.lesson-track i{background:hsl(var(--lesson-hue) 42% 48%)}.lesson-card-bottom{font-size:11px;color:#6f796a;margin-top:12px}.lesson-card-bottom strong{color:hsl(var(--lesson-hue) 44% 33%)!important}.chapter-title h3{color:#305d4e}.chapter-title small{font-size:9px;color:#6c7e64}.chapter-title>b{color:#54694d}.lesson-cover{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:33px;background:linear-gradient(125deg,hsl(var(--lesson-hue) 60% 94%),#fff8e6);overflow:visible;min-height:350px;border-color:#fff;box-shadow:0 7px hsl(var(--lesson-hue) 30% 83%)}.lesson-cover:before{display:none}.lesson-cover>div:first-child{max-width:100%;min-width:0}.lesson-cover h1{color:hsl(var(--lesson-hue) 42% 29%);font-size:34px;line-height:1.25;margin:12px 0}.lesson-cover p{font-size:13px;color:#50664f;line-height:1.8;margin:14px 0 22px}.world-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid hsl(var(--lesson-hue) 40% 80%);border-radius:20px;background:#fff9e9e8;color:hsl(var(--lesson-hue) 40% 32%);font-size:12px;font-weight:700;line-height:1.4}.lesson-cover-art{position:relative;align-self:stretch;min-height:280px;border:5px solid #fffef6;border-radius:22px;box-shadow:0 6px hsl(var(--lesson-hue) 25% 75%);transform:rotate(2deg);overflow:hidden}.lesson-cover-art>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.cover-stamp{position:absolute;bottom:15px;right:15px;background:#fff7dbf5;border:3px solid white;border-radius:19px;padding:10px 16px;text-align:center;font-size:35px;box-shadow:0 4px #4a603933;transform:rotate(-5deg)}.cover-stamp small{display:block;font-size:8px;font-weight:700;letter-spacing:.6px;color:#566943}.lesson-cover .eyebrow{color:hsl(var(--lesson-hue) 40% 33%)}.lesson-plan-heading h2{color:hsl(var(--lesson-hue) 40% 29%)}.task-map{gap:20px 25px;position:relative;padding:4px 0}.task-map-card{position:relative;isolation:isolate;min-height:120px;background:linear-gradient(120deg,#fffef7,hsl(var(--lesson-hue) 50% 95%));border-color:hsl(var(--lesson-hue) 28% 81%);box-shadow:0 5px hsl(var(--lesson-hue) 28% 84%);padding:23px 18px 20px 22px;overflow:hidden;transition:transform .2s}.task-map-card:hover{border-color:hsl(var(--lesson-hue) 40% 53%);box-shadow:0 8px hsl(var(--lesson-hue) 28% 79%)}.quest-step{position:absolute;right:6px;bottom:-12px;font-size:91px;font-weight:900;color:hsl(var(--lesson-hue) 32% 50% / .08);line-height:1;pointer-events:none;z-index:-1}.task-map-icon{height:57px;width:57px;background:#fff9e2;border:2px solid white;border-radius:18px;display:grid;place-items:center;box-shadow:0 3px #aa9c6a33;font-size:29px;transform:rotate(-5deg)}.quest-1 .task-map-icon,.quest-4 .task-map-icon{background:#e3f0fb;transform:rotate(4deg)}.quest-2 .task-map-icon,.quest-5 .task-map-icon{background:#f3e4f9}.quest-3 .task-map-icon,.quest-6 .task-map-icon{background:#ffe5d8;transform:rotate(3deg)}.task-map-card small{color:#717860;font-size:9px}.task-map-card p{color:#375446;font-size:13px;line-height:1.65}.task-map-card>b{color:hsl(var(--lesson-hue) 42% 37%)}.task-map-card.completed{background:#eaf5e7;border-color:#88b88b}.task-map-card.completed .task-map-icon{background:#dcf1cf}.stage-heading .world-kicker{margin-top:10px;font-size:11px}.active-lesson-title{color:hsl(var(--lesson-hue) 40% 27%)}.play-shell{border-color:#fff;box-shadow:0 8px hsl(var(--lesson-hue) 25% 80%),0 15px 40px #3457330d}.mission-scroll{background:linear-gradient(90deg,hsl(var(--lesson-hue) 50% 92%),#fff7dc);color:#2c4c41}.mission-number{background:hsl(var(--lesson-hue) 40% 44%);color:#fff}.vol-scene{isolation:isolate;min-height:500px}.vol-scene .scene-backdrop{filter:saturate(1.02);opacity:1;background-position:center 48%;transform:none}.vol-scene:before{background:linear-gradient(180deg,#fff6de08,#fff9e722 24%,#fff9e777 75%,#fff9e7aa);z-index:0}.vol-scene .scene-content{min-height:500px;position:relative;padding-top:86px;padding-bottom:42px;z-index:2}.vol-scene .scene-content:before{content:"";position:absolute;z-index:-1;inset:77px 5% 24px;background:radial-gradient(ellipse,#fffbf1e8 10%,#fffbf1a6 56%,#fffbf100 73%);pointer-events:none}.world-scene-label{position:absolute;top:17px;left:17px;right:17px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffbf1ed;color:hsl(var(--lesson-hue) 40% 27%);border:2px solid white;border-radius:14px;padding:10px 13px;font-size:12px;font-weight:700;box-shadow:0 3px #254b3622;pointer-events:none}.world-scene-label>span{font-size:8px;background:hsl(var(--lesson-hue) 40% 90%);border-radius:12px;padding:5px 8px;white-space:nowrap}.scene-collectibles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.scene-collectibles>span{position:absolute;font-size:30px;filter:drop-shadow(0 4px 2px #123d3122);animation:worldBob 5s ease-in-out infinite;animation-delay:var(--float-delay)}.scene-collectibles>span:nth-child(1){left:3%;top:23%;transform:rotate(-12deg)}.scene-collectibles>span:nth-child(2){right:4%;top:35%}.scene-collectibles>span:nth-child(3){left:6%;bottom:9%;font-size:24px}.mission-variant-1 .scene-backdrop{background-position:40% 30%}.mission-variant-2 .scene-backdrop{background-position:65% 55%}.mission-variant-3 .scene-backdrop{background-position:35% 65%}.mission-variant-4 .scene-backdrop{background-position:70% 20%}.mission-variant-5 .scene-backdrop{background-position:50% 80%}.mission-variant-6 .scene-backdrop{background-position:80% 50%}.companion-postcard{border:4px solid white;border-radius:18px;overflow:hidden;margin:20px 0 17px;box-shadow:0 4px hsl(var(--lesson-hue) 28% 80%);transform:rotate(-2deg);background:#fff8e5}.companion-postcard img{width:100%;height:115px;object-fit:cover;display:block}.companion-postcard>span{display:block;padding:9px 10px;font-size:10px;font-weight:700;text-align:center;color:hsl(var(--lesson-hue) 40% 30%)}.action-dock{background:linear-gradient(#fffef7,hsl(var(--lesson-hue) 45% 95%))}.companion .speech{border-color:hsl(var(--lesson-hue) 28% 78%)}.round-dot.active{background:hsl(var(--lesson-hue) 50% 77%);border-color:hsl(var(--lesson-hue) 40% 59%);color:hsl(var(--lesson-hue) 42% 25%);box-shadow:0 3px hsl(var(--lesson-hue) 30% 57%)}.mission-complete .scene-collectibles>span{animation:worldCelebrate 1s ease-in-out 2}.mission-complete .world-scene-label{background:#eaf8d9;border-color:#99c383}.mission-complete .world-scene-label>span{background:#c8e7a7;color:#355d2d}.reward-world .world-kicker{margin-top:20px}.task-map-card:focus-visible,.lesson-card:focus-visible{outline:4px solid hsl(var(--lesson-hue) 55% 43%);outline-offset:5px}.source-panel{color:#6f725f}.source-panel strong{color:#4f6550}@keyframes worldBob{0%,to{translate:0 0;rotate:-4deg}50%{translate:0 -8px;rotate:5deg}}@keyframes worldCelebrate{0%,to{scale:1}50%{scale:1.3;rotate:18deg}}@media(min-width:1000px){.task-map-card:nth-child(2n){transform:translateY(12px)}.task-map-card:nth-child(2n):hover{transform:translateY(8px)}}@media(max-width:1000px){.lesson-grid{gap:20px 16px}.lesson-art{height:165px}.lesson-copy h4{font-size:15px}.volume-hero{padding:32px;min-height:350px}.volume-hero h1{font-size:41px}.adventure-collage{width:44%;right:22px;top:35px;height:275px}.lesson-cover{gap:20px;padding:25px}.lesson-cover h1{font-size:29px}.lesson-cover-art{min-height:270px}.adventure-promises{gap:25px;font-size:11px}.companion-postcard img{height:130px}}@media(max-width:900px){.companion-postcard{display:none}.vol-scene .scene-content{min-height:480px}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-art{height:150px}.lesson-copy{padding:15px}.world-name,.lesson-card-bottom{font-size:10px}}@media(max-width:650px){.volume-hero{min-height:490px;display:block;padding:25px 21px;overflow:hidden}.volume-hero>div:first-child{max-width:100%}.volume-hero h1{font-size:35px;max-width:100%;margin:12px 0}.volume-hero p{max-width:100%;font-size:11px;margin:10px 0 16px}.volume-hero .play-button{font-size:13px;padding:11px 17px}.adventure-collage{inset:auto 19px 16px;width:auto;height:175px;gap:10px;grid-template-columns:1fr 1fr 1fr;transform:rotate(-2deg)}.collage-tile{border-width:3px;border-radius:14px}.collage-tile img{object-position:60% center}.collage-tile span{width:31px;height:31px;font-size:20px;right:4px;bottom:5px}.collage-tile.tile-3{display:none}.tile-1{transform:translateY(8px) rotate(3deg)}.tile-2{transform:rotate(3deg)}.volume-count{width:67px;height:67px;right:12px;bottom:11px}.volume-count strong{font-size:18px}.volume-count span{font-size:4.5px}.adventure-promises{gap:9px 14px;padding:21px 0 0;font-size:9px;justify-content:space-around}.adventure-promises span{gap:4px}.adventure-promises span:last-child{display:none}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.lesson-art{height:133px}.lesson-card{border-radius:17px}.lesson-copy{padding:12px 11px 14px}.lesson-copy h4{font-size:13px;line-height:1.5;min-height:58px;margin:7px 0 13px}.world-name{font-size:9px;line-height:1.5;min-height:27px;margin-bottom:4px}.lesson-copy .book-page{font-size:7px;letter-spacing:0}.lesson-number{top:8px;left:8px;font-size:9px;padding:4px 7px;border-radius:9px}.lesson-game-icons{font-size:12px;right:7px;bottom:10px;padding:4px 6px}.world-medallion{bottom:8px;left:8px;width:34px;height:34px;border-radius:11px;font-size:20px}.lesson-card-bottom{font-size:8px;gap:3px}.lesson-track{height:6px}.chapter-title small{font-size:7px}.chapter-title h3{font-size:18px}.lesson-cover{display:flex;flex-direction:column;align-items:stretch;padding:22px 20px 20px;gap:14px;overflow:hidden}.lesson-cover>div:first-child{max-width:100%}.lesson-cover h1{font-size:28px;margin:10px 0}.lesson-cover p{max-width:100%;font-size:12px;margin:12px 0 18px}.lesson-cover .eyebrow{font-size:8px}.world-kicker{font-size:11px;padding:6px 10px}.lesson-cover-art{min-height:200px;max-height:220px;transform:rotate(1deg);border-width:4px;border-radius:18px}.cover-stamp{font-size:27px;padding:7px 11px;bottom:10px;right:10px}.cover-stamp small{font-size:7px}.task-map{gap:15px}.task-map-card{padding:17px 15px;gap:11px;min-height:110px}.task-map-icon{width:48px;height:48px;font-size:25px;border-radius:15px}.task-map-card small{font-size:8px}.task-map-card p{font-size:12px}.quest-step{font-size:76px}.lesson-plan-heading{align-items:start}.lesson-plan-heading h2{font-size:21px}.lesson-plan-heading>span{font-size:9px;white-space:nowrap;padding-top:5px}.stage-heading .world-kicker{font-size:10px}.world-scene-label{left:9px;right:9px;top:12px;font-size:10px;padding:9px;border-radius:11px;gap:5px}.world-scene-label>span{font-size:7px;padding:4px 6px}.vol-scene,.vol-scene .scene-content{min-height:460px}.vol-scene .scene-content{padding-top:80px;padding-bottom:35px}.vol-scene .scene-content:before{inset:68px 0 15px}.scene-collectibles>span{font-size:24px}.scene-collectibles>span:nth-child(1){top:22%;left:2%}.scene-collectibles>span:nth-child(2){right:2%;top:30%}.scene-collectibles>span:nth-child(3){font-size:21px;bottom:6%;left:3%}.vol-scene.kind-match .scene-content{padding-top:80px}.vol-scene.kind-field .scene-content{min-height:500px}.vol-scene.kind-paint .scene-content{padding-top:85px}.vol-scene.kind-choice .scene-content,.vol-scene.kind-geometry .scene-content,.vol-scene.kind-detective .scene-content,.vol-scene.kind-compose .scene-content{padding-top:80px}.source-panel{font-size:10px}.source-panel strong{font-size:11px}}@media(max-width:370px){.lesson-art{height:115px}.lesson-copy h4{font-size:12px}.world-name{font-size:8px}.lesson-game-icons{font-size:10px}.lesson-card-bottom{font-size:7px}.volume-hero h1{font-size:32px}.world-scene-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.lesson-goal{display:flex;flex-direction:column;gap:5px;border-left:4px solid hsl(var(--lesson-hue) 42% 48%);background:#fffdf5c9;padding:12px 15px;margin:0 0 22px;border-radius:0 12px 12px 0;color:#3d5b4b;font-size:12px}.lesson-goal b{font-size:11px;color:hsl(var(--lesson-hue) 42% 32%)}.linked-mission-map{display:grid;gap:22px;position:relative}.linked-mission-map:before{content:"";position:absolute;top:40px;bottom:40px;left:38px;border-left:3px dashed hsl(var(--lesson-hue) 30% 70%)}.linked-mission-card{position:relative;display:flex;gap:22px;align-items:center;text-align:left;border:2px solid hsl(var(--lesson-hue) 30% 78%);border-radius:22px;box-shadow:0 5px hsl(var(--lesson-hue) 25% 83%);padding:26px 25px;background:linear-gradient(105deg,#fffdf6,hsl(var(--lesson-hue) 50% 95%));min-width:0}.linked-mission-card>div{flex:1}.mission-map-step{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;background:hsl(var(--lesson-hue) 40% 44%);color:#fff;font-weight:700;font-size:24px;border:3px solid white;border-radius:17px;box-shadow:0 3px #38563930}.linked-mission-card small{color:#617761;font-size:10px;letter-spacing:.4px}.linked-mission-card h3{font-size:22px;color:#315344;margin:7px 0}.linked-mission-card p{font-size:13px;color:#536a57;line-height:1.8;max-width:850px}.mission-open{display:inline-block;font-size:12px;font-weight:700;margin-top:13px;color:hsl(var(--lesson-hue) 42% 33%)}.mission-map-symbol{font-size:45px;width:90px;flex-shrink:0;opacity:.85;text-align:center}.linked-mission-card.completed{border-color:#89b88b;background:#f1f8eb}.linked-mission-card.completed .mission-map-step{background:#5f965d}.math-reminder{margin-top:30px;padding:18px 22px;border:1px solid #d8dfca;border-radius:16px;background:#fffdf6;color:#446650;font-size:13px}.math-reminder summary{cursor:pointer;font-weight:700}.math-reminder p{margin-top:14px;font-size:13px;line-height:1.8}.mission-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}.mission-tabs button{background:#fffdf6;border:2px solid #dce4cf;border-radius:15px;padding:13px 16px;display:flex;gap:11px;align-items:center;font-size:13px;font-weight:700;color:#6d7d64;text-align:left}.mission-tabs b{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#e8eddf;font-size:14px;flex-shrink:0}.mission-tabs button.active{background:hsl(var(--lesson-hue) 50% 92%);border-color:hsl(var(--lesson-hue) 36% 57%);color:hsl(var(--lesson-hue) 40% 27%);box-shadow:0 3px hsl(var(--lesson-hue) 25% 75%)}.mission-tabs button.active b{background:hsl(var(--lesson-hue) 40% 43%);color:#fff}.mission-tabs button.done:not(.active) b{background:#cde8bc;color:#41723e}.mission-layout{grid-template-columns:minmax(0,1fr) 220px}.case-brief{padding:25px 28px;background:linear-gradient(120deg,hsl(var(--lesson-hue) 45% 94%),#fff9e7);border-bottom:2px solid hsl(var(--lesson-hue) 30% 82%)}.case-brief .eyebrow{font-size:9px;color:hsl(var(--lesson-hue) 40% 32%);letter-spacing:1px}.case-brief h2{font-size:27px;color:#294d40;margin:10px 0}.case-brief>p{font-size:15px;line-height:1.85;color:#3e5c4a;max-width:850px}.case-facts{display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:17px 0 0;list-style:none}.case-facts li{background:#fffef7;border:1px solid hsl(var(--lesson-hue) 30% 78%);border-radius:10px;padding:8px 11px;font-size:12px;font-weight:700;color:#446148}.case-facts li:before{content:"•";color:hsl(var(--lesson-hue) 50% 43%);margin-right:7px}.kind-case .scene-content{padding:78px 24px 28px;min-height:570px}.kind-case .world-scene-label{top:15px;left:19px;right:19px}.case-workspace{display:grid;gap:17px;max-width:800px;width:100%;margin:0 auto}.mission-part{border:2px solid #ffffffdd;border-radius:18px;padding:20px 21px;background:#fffdf7f5;box-shadow:0 4px #3e624c22;min-width:0}.part-heading{display:flex;gap:11px;align-items:start;margin-bottom:15px}.part-heading>span{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:700;background:hsl(var(--lesson-hue) 45% 89%);color:hsl(var(--lesson-hue) 40% 30%);border-radius:9px}.part-heading h3{font-size:15px;line-height:1.65;color:#345743;font-weight:700;padding-top:1px}.case-number-entry{display:flex;align-items:center;gap:13px;padding-left:38px}.case-number-entry input{width:230px;max-width:65%;padding:11px 13px;background:#fff;border:2px dashed hsl(var(--lesson-hue) 30% 70%);border-radius:11px;font-size:22px;font-weight:700;color:#594c7e;text-align:center}.case-number-entry input::placeholder{font-size:12px;font-weight:400;color:#929a8a}.case-number-entry>span{font-size:13px;color:#657158}.case-options{display:grid;grid-template-columns:1fr;gap:9px;padding-left:38px}.case-options>button{display:flex;gap:10px;align-items:center;text-align:left;padding:12px 14px;border:2px solid #dfddcb;border-radius:11px;background:#fffbec;font-size:13px;color:#596148;line-height:1.55}.case-options>button>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#ece9ce;font-size:10px;font-weight:700;flex-shrink:0}.case-options>button.selected,.case-compare button.selected{border-color:#9881bc;background:#eee5f7;color:#665286;box-shadow:0 2px #b6a3cd}.case-compare{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap}.case-compare>strong{font-size:23px;color:#52664e}.case-compare>div{display:flex;gap:8px}.case-compare button{width:44px;height:42px;border:2px solid #ddd5b8;background:#fff6dc;border-radius:11px;font-size:23px}.case-order-slots{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;margin:8px 0 15px}.case-order-slots>span{min-width:65px;padding:10px 12px;border:2px dashed #d1c497;border-radius:11px;font-size:18px;font-weight:700;text-align:center;background:#fff9e7;color:#557058}.case-order-slots>b{color:#a59870;font-size:17px}.case-order-bank{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.case-order-bank button{border:2px solid #d3ddc5;border-radius:10px;padding:9px 14px;background:#f0f6e9;font-size:14px}.case-order-bank button:disabled{opacity:.4}.case-order-bank button[data-case-reset-order]{font-size:11px;background:#fffbec}.case-paint{display:flex;gap:22px;justify-content:center;align-items:center}.case-paint-grid{display:grid;grid-template-columns:repeat(var(--paint-cols),1fr);gap:3px;width:min(65%,280px);background:#d8c7a2;padding:4px;border-radius:9px}.case-paint-grid button{aspect-ratio:1;background:#fff9e9;border-radius:3px;padding:0;border:1px solid #d1c5a8;min-height:16px}.case-paint-grid button.painted{background:#77b59b;border-color:#5d9a7c}.case-paint>div:last-child{display:flex;flex-direction:column;gap:7px;text-align:center;color:#5b775a}.case-paint strong{font-size:25px}.case-paint span{font-size:10px}.case-paint>div:last-child button{padding:7px 9px;font-size:10px;border:1px solid #d6dcc6;background:#f9f6e8;border-radius:8px}.part-status{font-size:11px;font-weight:700;margin-top:10px;line-height:1.6}.part-status:empty{display:none}.mission-part.part-correct{border-color:#81b68b}.part-correct .part-status{color:#47764b}.mission-part.part-retry{border-color:#d5a45d}.part-retry .part-status{color:#926631}.case-reflection{background:#f5eefaed;border:2px solid white;border-radius:17px;padding:19px 21px;color:#67567e}.case-reflection label{font-size:13px;font-weight:700;line-height:1.8;display:block}.case-reflection textarea{font:inherit;display:block;width:100%;padding:12px;margin:12px 0 8px;resize:vertical;border:1px solid #cfc2de;border-radius:10px;background:#fffefb;color:#514c65;font-size:13px;line-height:1.75;min-height:90px}.case-reflection small{font-size:10px;line-height:1.7;display:block}.report-reasoning{padding:10px 12px;background:#f4f0f7;border-radius:10px;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;color:#60516f}.mission-layout .passport-mini p{font-size:12px;line-height:1.8;color:#526e52;max-width:100%}.mission-layout .task-pebbles{float:none!important}.mission-layout .passport-mini{display:block}.mission-layout .action-dock{flex-wrap:wrap}.kind-case .scene-collectibles{opacity:.5}@media(max-width:1050px){.mission-layout{grid-template-columns:minmax(0,1fr) 185px}.case-brief{padding:22px}.case-brief>p{font-size:14px}.case-brief h2{font-size:24px}.case-number-entry,.case-options{padding-left:0}.mission-map-symbol{width:65px;font-size:36px}}@media(max-width:900px){.mission-layout{grid-template-columns:1fr}.mission-layout .companion{display:grid;grid-template-columns:90px 1fr;gap:15px;padding-top:0}.mission-layout .companion-character{height:120px;width:85px}.mission-layout .passport-mini{grid-column:1/-1}.mission-tabs button{font-size:12px;padding:11px 12px}.kind-case .scene-content{padding:78px 22px 25px}.mission-layout .speech{min-width:0}.case-brief>p{font-size:15px}.linked-mission-card h3{font-size:21px}}@media(max-width:650px){.lesson-goal{font-size:12px;padding:11px 12px}.linked-mission-card{padding:20px 16px;gap:13px;align-items:start;border-radius:18px}.mission-map-step{width:39px;height:39px;font-size:19px;border-radius:13px}.mission-map-symbol{display:none}.linked-mission-card h3{font-size:19px;margin:6px 0 9px}.linked-mission-card small{font-size:9px}.linked-mission-card p{font-size:12px;line-height:1.8}.mission-open{font-size:11px;margin-top:12px}.linked-mission-map{gap:17px}.linked-mission-map:before{left:35px}.math-reminder{font-size:12px;padding:16px}.math-reminder p{font-size:12px}.mission-tabs{gap:7px;margin-bottom:17px}.mission-tabs button{flex-direction:column;justify-content:start;gap:7px;text-align:center;padding:10px 5px;font-size:10px;line-height:1.5;border-radius:12px}.mission-tabs b{width:27px;height:27px;font-size:12px;border-radius:9px}.case-brief{padding:20px 17px}.case-brief .eyebrow{font-size:8px;letter-spacing:.6px}.case-brief h2{font-size:23px;line-height:1.35}.case-brief>p{font-size:14px;line-height:1.85}.case-facts{gap:7px;margin-top:13px;display:grid;grid-template-columns:1fr}.case-facts li{font-size:11px;padding:8px 10px}.kind-case.vol-scene .scene-content{padding:72px 10px 18px;min-height:540px}.kind-case .world-scene-label{left:10px;right:10px;font-size:10px}.case-workspace{gap:13px}.mission-part{padding:17px 14px;border-radius:15px}.part-heading{gap:8px;margin-bottom:13px}.part-heading h3{font-size:13px;line-height:1.75}.part-heading>span{width:25px;height:25px;font-size:11px}.case-number-entry{gap:9px;padding-left:0}.case-number-entry input{font-size:22px;padding:10px;max-width:66%;width:185px}.case-number-entry>span{font-size:11px;overflow-wrap:anywhere}.case-options{padding-left:0;gap:8px}.case-options>button{font-size:12px;padding:11px 10px;gap:8px}.case-options>button>span{width:22px;height:22px;font-size:9px}.case-compare{gap:11px}.case-compare>strong{font-size:20px}.case-compare button{width:38px;height:38px;font-size:21px}.case-order-slots{gap:5px}.case-order-slots>span{font-size:15px;min-width:55px;padding:9px}.case-order-bank button{font-size:13px;padding:8px 12px}.case-paint{gap:13px}.case-paint-grid{width:min(70%,250px);gap:2px}.case-paint strong{font-size:21px}.case-paint>div:last-child button{padding:6px;font-size:9px}.case-paint-grid button{min-height:13px}.case-reflection{padding:16px 14px}.case-reflection label{font-size:12px}.case-reflection textarea{font-size:13px}.case-reflection small{font-size:9px}.mission-layout .companion{grid-template-columns:70px 1fr;gap:10px}.mission-layout .companion-character{width:65px;height:100px}.mission-layout .speech p{font-size:12px}.mission-layout .action-dock{gap:12px;padding:18px 14px}.mission-layout .action-dock .play-button{font-size:12px;padding:11px 14px}.mission-layout .hint-button{font-size:11px}.part-status{font-size:10px}.report-reasoning{font-size:11px}}.case-diagrams{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;background:#fffdf4f5;border:2px solid white;border-radius:17px;padding:17px}.case-diagrams figure{margin:0;flex:1;min-width:190px;max-width:430px;text-align:center}.case-diagrams figcaption{font-size:12px;font-weight:700;color:#4b7055;margin-bottom:7px}.case-diagrams svg{width:100%;height:210px}.case-diagrams svg text{font-size:13px;fill:#46634e;text-anchor:middle;font-family:inherit}.case-diagrams figure>small{font-size:9px;color:#78856d;display:block}.case-diagrams>figure+figure{border-left:1px dashed #cdd9c1;padding-left:14px}@media(max-width:650px){.case-diagrams{padding:13px}.case-diagrams svg{height:180px}.case-diagrams figure{min-width:100%}.case-diagrams>figure+figure{border-left:0;border-top:1px dashed #cdd9c1;padding:12px 0 0}}.lesson-play-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px}.lesson-play-tags span{font-size:8px;padding:4px 7px;border-radius:8px;background:hsl(var(--lesson-hue) 44% 93%);color:hsl(var(--lesson-hue) 34% 32%);border:1px solid hsl(var(--lesson-hue) 30% 83%)}.case-workspace{max-width:850px}.game-parts{display:grid;gap:19px;min-width:0}.playbill{display:flex;gap:14px;align-items:center;border:3px solid white;border-radius:19px;background:#fff8e9ef;padding:17px 20px;box-shadow:0 5px #34583e30}.playbill>span{width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;font-size:39px;background:hsl(var(--lesson-hue) 45% 91%);border:2px solid white;border-radius:19px;transform:rotate(-5deg)}.playbill h3{font-size:22px;color:#305a45;margin:4px 0 7px}.playbill small{font-size:8px;letter-spacing:1px;color:#788567}.playbill p{font-size:12px;color:#526b50;line-height:1.7}.game-notice{background:#fff5cf;color:#75613d;border-radius:10px;font-size:12px;padding:10px 13px}.game-notice:empty{display:none}.case-reflection{margin:0}.case-reflection summary{cursor:pointer;font-size:12px;font-weight:700;color:#69567d}.case-reflection[open]>div{padding-top:15px}.case-reflection textarea{font-family:inherit}.case-reflection.solution-notebook{background:repeating-linear-gradient(0deg,#fffdf3 0 30px,#dee7d9 31px,#fffdf3 32px);border:3px solid #d5bd8b;border-left:14px solid #d2a875;border-radius:8px 18px 18px 8px}.solution-notebook textarea{background:#fffdf4c9;line-height:2.1;min-height:210px;border-style:dashed}.mission-part{position:relative}.part-status{clear:both}.interaction-judge .part-heading h3{font-size:14px}.part-heading h3{overflow-wrap:anywhere}.answer-islands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:12px 0 15px}.answer-island{position:relative;background:linear-gradient(#fff4cb,#ebd49b);border:3px solid #c9ac70;border-radius:33% 32% 25% 29%;padding:16px 8px 13px;box-shadow:0 6px #9eac8a,0 10px #86b9ad66;min-height:110px;text-align:center;min-width:0}.answer-island:nth-child(2n){translate:0 8px}.island-top{display:block;font-size:26px;line-height:1.2;margin-bottom:6px}.answer-island strong{font-size:21px;color:#725a34;overflow-wrap:anywhere;display:block}.answer-island small{display:block;font-size:9px;color:#8c7953;margin-top:3px;line-height:1.5}.answer-island.selected{background:linear-gradient(#dfcdf4,#c3addd);border-color:#9780b5;box-shadow:0 6px #8d76a7,0 10px #a0c8c377}.answer-island.selected strong{color:#5c437b}.answer-island.selected:after{content:"✓";position:absolute;right:1px;top:0;background:#8263a3;border:2px solid white;color:#fff;border-radius:50%;width:24px;height:24px;font-weight:700}.digit-console{max-width:330px;margin:auto;background:linear-gradient(#78b9b0,#558f8c);border:4px solid #467774;border-radius:22px;padding:18px;box-shadow:0 7px #38605e,0 13px 16px #253e3522}.digit-console-screen{background:#f3f7d6;border:4px inset #a5c3a0;border-radius:12px;padding:12px 9px;color:#456b50;min-height:75px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;font-size:29px;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.digit-console-screen>span{font-size:12px;font-weight:400;color:#84946d}.digit-console-screen small{font-size:10px;max-width:80px}.console-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:13px}.console-keys button{background:linear-gradient(#fffbdf,#eed7a5);border:2px solid #d5ba86;border-radius:9px;box-shadow:0 3px #45665d;padding:6px 2px;min-height:39px;font-size:22px;font-weight:700;color:#816749}.console-keys button[data-key=del]{background:#eadbec;color:#846894}.claim-board{display:flex;align-items:start;gap:13px;background:#fff8db;border:2px dashed #d3bd7e;border-radius:15px;padding:17px 18px;box-shadow:0 3px #b9aa7520}.claim-avatar{font-size:39px;flex-shrink:0}.claim-board small{font-size:8px;font-weight:700;letter-spacing:1px;color:#9b8254}.claim-board p{font-size:15px;color:#6c6149;line-height:1.8}.claim-board b{color:#77568e;font-size:19px}.claim-board .claim-question{font-size:11px;color:#8a8061;margin-top:6px}.truth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:440px;margin:18px auto 4px}.truth-buttons button{border:3px solid #b9caaa;background:#f1f6df;border-radius:16px;padding:14px;box-shadow:0 4px #92a57e;color:#546c46;font-size:18px;font-weight:700;display:flex;gap:12px;align-items:center;justify-content:center}.truth-buttons button:last-child{border-color:#d7c0a5;background:#fff1dd;color:#9c7758;box-shadow:0 4px #b69a79}.truth-buttons button span{font-size:25px}.truth-buttons button.selected{outline:4px solid #ae8dcc;outline-offset:3px;box-shadow:0 5px #8c75a0}.binary-decisions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.binary-decisions button{border:2px solid #d5cfaa;background:#fff6d9;border-radius:15px;box-shadow:0 4px #beb48e;padding:15px 14px;color:#6f664e;font-size:13px;line-height:1.7;text-align:left;display:flex;gap:9px;align-items:center}.binary-decisions button span{font-size:22px;color:#b49665}.binary-decisions button.selected{background:#eaddf3;border-color:#a68dbf;color:#6b527e;box-shadow:0 4px #a08caf}.option-posters{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:14px}.option-posters button{align-items:start;min-height:92px;border-radius:8px 17px 17px;box-shadow:0 4px #c6bb98;padding:17px 14px}.option-posters button:nth-child(3n){background:#edf4e4}.option-posters button:nth-child(3n+2){background:#edf0f9}.option-posters button.selected{background:#eaddf3}.option-posters button>span{border-radius:50%;margin-top:1px}.matching-bank{position:relative;z-index:3;padding:19px;background:linear-gradient(#fff5d7,#f0e0b9);border:3px double #cbb383;border-radius:19px;box-shadow:0 5px #ab9b7333}.matching-bank>span{font-size:10px;letter-spacing:1px;color:#8a7047;font-weight:700;display:block;margin-bottom:13px}.matching-bank>div{display:flex;gap:9px;flex-wrap:wrap}.matching-bank button{padding:10px 14px;border:2px solid #c3d8c1;background:#f7fff1;color:#517b5b;border-radius:12px;box-shadow:0 3px #a4b59b;cursor:grab;font-size:19px;font-weight:700}.matching-bank button.selected{background:#e7d6f5;border-color:#a08ab8;box-shadow:0 3px #9077a6;color:#71538e;outline:2px solid white;outline-offset:2px}.matching-bank small{display:block;font-size:10px;color:#8d7a5b;margin-top:13px;line-height:1.8}.match-target{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:78px;width:100%;border:3px dashed #bbc9a4;border-radius:15px;background:#f7f8e8;color:#879275;padding:13px;font-size:13px;box-shadow:inset 0 3px #cdd9be33}.match-target.has-token{background:#e8f4df;border-style:solid;color:#4c7350;border-color:#9ebc94}.match-target.has-token>span{font-size:26px;font-weight:700}.match-target small{font-size:11px}.board-match .game-parts{grid-template-columns:1fr 1fr}.board-match .mission-part{border:3px solid #c5d2b8;background:#fffef4;box-shadow:0 5px #aebda2}.board-match .part-heading{flex-direction:column;align-items:center;text-align:center}.board-match .part-heading h3{font-size:14px}.board-match .interaction-choice,.board-match .interaction-binary,.board-match .interaction-balance{grid-column:1/-1}.fraction-pie{width:235px;max-width:65%;height:auto;filter:drop-shadow(0 6px 0 #b29b6e);overflow:visible}.fraction-pie path{stroke:#b39361;stroke-width:2.2;cursor:pointer;transition:fill .18s,filter .18s}.fraction-pie path:hover{filter:brightness(1.08)}.fraction-pie path:focus-visible{outline:none;stroke:#8059a7;stroke-width:5}.paint-adventure{background:radial-gradient(ellipse,#fff8e7,transparent 70%);padding:8px}.paint-palette{display:flex;gap:7px;justify-content:center}.paint-palette button{width:24px;height:24px;border:2px solid white!important;border-radius:50%!important;box-shadow:0 2px #4b624c33;padding:0!important}.paint-palette button[aria-pressed=true]{outline:2px solid #7b658f;outline-offset:2px}.case-paint-grid button.painted{background:var(--paint-color,#62b79a)}.measure-console{max-width:520px;margin:auto;background:#fbf2d4;border:3px solid #d8bd86;border-radius:20px;padding:18px 25px;box-shadow:0 5px #b69f72}.measure-readout{display:flex;justify-content:center;gap:13px;align-items:center;color:#6e7852;margin-bottom:18px}.measure-readout>span{font-size:36px}.measure-readout output{font-size:28px;font-weight:700;background:#f8ffec;border:2px inset #bec8a2;padding:9px 14px;min-width:100px;text-align:center;border-radius:9px;max-width:70%;overflow-wrap:anywhere}.measure-readout small{font-size:12px}.measure-console input{width:100%;accent-color:hsl(var(--lesson-hue) 40% 45%);min-height:30px;cursor:ew-resize}.measure-endpoints{display:flex;justify-content:space-between;font-size:10px;color:#948156;background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,#b7a370 10px,transparent 11px);padding-top:14px;border-top:2px solid #c7af76}.measure-console p{font-size:10px;color:#8b7f5d;margin-top:10px;text-align:center}.receipt-paper{position:relative;max-width:430px;margin:7px auto 0;background:repeating-linear-gradient(0deg,#fffdf5 0 25px,#e8e6d7 26px);padding:22px 20px 20px;border:1px solid #d9ceb4;box-shadow:0 5px #b5ab9033;clip-path:polygon(0 0,100% 0,100% 96%,97% 100%,94% 96%,91% 100%,88% 96%,85% 100%,82% 96%,79% 100%,76% 96%,73% 100%,70% 96%,67% 100%,64% 96%,61% 100%,58% 96%,55% 100%,52% 96%,49% 100%,46% 96%,43% 100%,40% 96%,37% 100%,34% 96%,31% 100%,28% 96%,25% 100%,22% 96%,19% 100%,16% 96%,13% 100%,10% 96%,7% 100%,4% 96%,0 100%)}.receipt-paper>small{display:block;text-align:center;font-size:9px;letter-spacing:1.5px;color:#8f8166;font-weight:700;margin-bottom:18px}.receipt-paper .case-number-entry{padding:0;justify-content:center}.receipt-paper .case-number-entry input{background:#fffffbd9;border:0;border-bottom:2px dashed #c9bea6;border-radius:0;font-size:28px}.receipt-check{display:block;font-size:9px;color:#a09176;text-align:center;margin-top:16px}.receipt-perforation{position:absolute;top:7px;left:12px;right:12px;border-top:2px dashed #d8cfb7}.equation-machine{position:relative;max-width:570px;margin:auto;background:linear-gradient(#d2dce9,#b8c9da);border:4px solid #93a7b9;border-radius:20px;padding:35px 20px 18px;box-shadow:0 6px #798f9d}.equation-cogs{position:absolute;left:13px;top:-17px;font-size:31px;filter:drop-shadow(0 2px 0 #e8c58d)}.equation-cogs span{font-size:23px;margin-left:-4px}.equation-display{font-size:22px;text-align:center;background:#f2f8de;color:#526449;border:3px inset #b0c3a5;border-radius:12px;padding:13px 10px;line-height:1.7;overflow-wrap:anywhere}.equation-display b{color:#9a704d}.equation-machine .case-number-entry{padding:15px 0 0;justify-content:center}.machine-caption{display:block;font-size:9px;color:#637b84;text-align:center;margin-top:12px}.order-rail{display:flex;align-items:center;gap:8px;position:relative;border-bottom:5px double #a49e7c;margin-bottom:17px;padding:10px 0 17px}.rail-engine{font-size:41px;flex-shrink:0}.order-rail .case-order-slots{margin:0;gap:7px;flex:1;flex-wrap:nowrap}.case-order-slots>button{min-width:65px;border:3px solid #b8a17b;border-radius:9px;padding:12px 9px;position:relative;background:#ffedc5;flex:1;text-align:center;font-size:19px;color:#75603e;font-weight:700;cursor:grab}.case-order-slots>button:after{content:"●　●";position:absolute;bottom:-13px;left:0;right:0;font-size:12px;color:#7f7962}.game-instruction{display:block;margin-top:12px;font-size:10px;color:#7d846b;text-align:center}.comparison-stage .scale-decoration{font-size:63px;text-align:center;margin:0 0 9px}.comparison-stage{background:radial-gradient(ellipse,#f7efd2,transparent 75%);padding:4px 0 14px}.sketch-canvas{display:block;width:100%;background:transparent;padding:0;border:0;border-radius:12px}.sketch-canvas svg{transition:filter .3s}.sketch-painted .sketch-canvas svg{filter:hue-rotate(55deg) saturate(1.3)}.interactive-blueprint .sketch-canvas:hover{background:#e9f8e255}.interactive-blueprint .sketch-canvas:focus-visible{outline:3px solid #9f81b7}.board-trail .game-parts{padding:10px 0;gap:25px;position:relative}.board-trail .game-parts:before{content:"";position:absolute;top:20px;bottom:20px;left:50%;border-left:8px dotted #fff5b4c9;z-index:-1}.board-trail .mission-part{width:94%;border:3px solid #dbcb99;border-radius:30px;background:#fff9e9f2}.board-trail .mission-part:nth-child(2n){justify-self:end}.board-trail .part-heading>span{background:#f5d58f;border:2px solid white;border-radius:50%;width:35px;height:35px}.board-trail .answer-islands{background:linear-gradient(transparent 40%,#a7d8da88 40%,#a7d8da88 85%,transparent 85%);border-radius:24px}.board-trail .playbill{background:#e5f5e9f5;border-color:#f6ffe9}.board-lab .game-parts{grid-template-columns:1fr 1fr;align-items:start}.board-lab .mission-part{background:#f4f8fbf5;border:3px solid #b6d2d6;border-radius:24px 24px 12px 12px;box-shadow:0 6px #8dabb0}.board-lab .part-heading{flex-direction:column}.board-lab .part-heading>span{background:#bfdfdb}.board-lab .interaction-paint,.board-lab .interaction-paint-fraction{grid-column:1/-1}.board-lab .playbill{background:#e7f5faf5;border-color:#d9faff}.board-lab .digit-console{width:100%}.board-notebook{background:#fff8eaf0;border:4px solid #b8ae8e;border-left:14px solid #b2a17e;border-radius:8px 22px 22px 8px;padding:20px 20px 20px 25px;box-shadow:0 7px #8e8d7140;gap:20px}.board-notebook .playbill{box-shadow:none;background:#fff9e1;border:1px solid #e0cfaa}.board-notebook .mission-part{border:0;border-bottom:2px dashed #d3c9a5;border-radius:0;box-shadow:none;background:repeating-linear-gradient(0deg,#fffdf4 0 29px,#e4eadb 30px);padding:18px 10px 24px}.board-notebook .case-number-entry{padding-left:38px}.board-notebook .case-reflection{border-width:1px;border-left-width:4px}.board-notebook .part-heading>span{background:#f3e4be}.board-notebook .solution-notebook textarea{background:#fffdf5bb}.board-market .game-parts{grid-template-columns:1fr 1fr;align-items:start}.board-market .mission-part{border:3px solid #c0ab7e;border-radius:6px 6px 17px 17px;padding:34px 15px 23px;background:#fff9e8;box-shadow:0 7px #95876a66;overflow:visible}.board-market .mission-part:before{content:"";position:absolute;left:-5px;right:-5px;top:-5px;height:20px;border:2px solid #b58360;background:repeating-linear-gradient(90deg,#e2a889 0 25px,#fff0cd 25px 50px);border-radius:7px 7px 13px 13px}.board-market .mission-part:nth-child(2n):before{border-color:#6c9e8c;background:repeating-linear-gradient(90deg,#8cbfaa 0 25px,#fff5d7 25px 50px)}.board-market .part-heading{flex-direction:column;gap:9px}.board-market .part-heading h3{font-size:14px}.board-market .interaction-choice,.board-market .interaction-binary{grid-column:1/-1}.board-market .receipt-paper .case-number-entry{flex-direction:column;gap:8px}.board-market .receipt-paper input{max-width:100%;width:100%}.board-market .playbill{background:#ffefd7;border-color:#fff7e6}.board-market .receipt-paper{padding:20px 10px}.board-market .receipt-check{font-size:8px}.board-blueprint{background:#e0edf4ed;border:3px solid #91abbc;padding:20px;border-radius:20px;box-shadow:0 6px #738f9d55}.board-blueprint .playbill{background:#eff8ff;box-shadow:none;border-color:#b7d6e6}.board-blueprint .case-diagrams{background:repeating-linear-gradient(0deg,#edf6fc 0 19px,#d5e7ef 20px);border:2px solid #b9cfdc}.board-blueprint .mission-part{border:2px solid #adc4d0;border-left:6px solid #89a8ba;background:#fffef5;box-shadow:0 3px #809aa733}.board-blueprint .part-heading>span{background:#d8e8f2;border:1px solid #a8c2d3}.board-blueprint .answer-islands{grid-template-columns:repeat(4,1fr)}.board-blueprint .answer-island{background:#e3eff7;border-color:#a2b9cb;border-radius:12px;box-shadow:0 4px #7d9dab;min-height:80px}.board-blueprint .answer-island .island-top{font-size:19px}.board-blueprint .answer-island:nth-child(2n){translate:0 0}.board-blueprint .answer-island.selected{background:#e7d8f4;border-color:#9a80b4}.board-instruments .game-parts{grid-template-columns:1fr 1fr;align-items:start}.board-instruments .mission-part{border:4px solid #91aaab;border-radius:23px;background:linear-gradient(#f5f8f2,#e6eddf);box-shadow:0 6px #69888a;position:relative;padding:22px 16px}.board-instruments .mission-part:before{content:"●";color:#8da094;position:absolute;right:9px;top:5px;font-size:10px}.board-instruments .part-heading{flex-direction:column;gap:8px}.board-instruments .part-heading h3{font-size:14px}.board-instruments .digit-console{width:100%;padding:13px;border-width:3px}.board-instruments .console-keys{grid-template-columns:repeat(4,1fr);gap:6px}.board-instruments .digit-console-screen{font-size:24px;padding:9px 6px;min-height:65px}.board-instruments .interaction-choice,.board-instruments .interaction-binary,.board-instruments .interaction-balance{grid-column:1/-1}.board-instruments .playbill{background:#e9f3eaf5;border-color:#c5dbd5}.board-instruments .measure-console{padding:13px}.board-instruments .measure-readout{flex-wrap:wrap;gap:7px}.board-instruments .measure-readout>span{font-size:29px}.board-sorting .game-parts{padding-bottom:10px}.board-sorting .mission-part{background:#fff7e1;border:3px solid #c2b18c;border-radius:18px;box-shadow:0 6px #b4a07a}.board-sorting .interaction-order{border-color:#9cbfbb;background:#edf6f3}.board-sorting .playbill{background:#f8f3df;border-color:#ead9b1}.board-verdict .mission-part{background:#fffbec;border:3px solid #b5a986;border-radius:8px;box-shadow:5px 5px #9e8f6e44;transform:rotate(-.5deg)}.board-verdict .mission-part:nth-child(2n){transform:rotate(.6deg)}.board-verdict .playbill{background:#f5eacf;border:3px double #c7af7e;border-radius:8px;box-shadow:5px 5px #95846844}.board-verdict .part-heading>span{background:#e8d9ad}.board-verdict .claim-board{background:#fffae9;border-color:#c4a774}.board-verdict .truth-buttons button{font-family:inherit}.board-verdict .game-parts{gap:25px}.board-festival .game-parts{grid-template-columns:1fr 1fr;gap:22px 15px}.board-festival .mission-part{border:3px solid #d1b98a;background:#fff9e8;border-radius:23px 23px 12px 12px;padding:25px 16px 20px;box-shadow:0 7px #c3ac7f}.board-festival .mission-part:nth-child(2n){border-color:#b39bc7;background:#f6effa;box-shadow:0 7px #a991be}.board-festival .part-heading{flex-direction:column;gap:8px}.board-festival .answer-islands{grid-template-columns:1fr 1fr}.board-festival .answer-island{min-height:90px;padding:10px 6px;border-radius:18px}.board-festival .answer-island strong{font-size:20px}.board-festival .answer-island:nth-child(2n){translate:0 0}.board-festival .interaction-choice,.board-festival .interaction-binary,.board-festival .interaction-order{grid-column:1/-1}.board-festival .playbill{background:linear-gradient(100deg,#fff1c9,#f0ddf5);border-color:#fff9e9}.board-festival .digit-console{padding:12px}.board-festival .console-keys{grid-template-columns:repeat(4,1fr)}.board-workshop .mission-part{border:4px solid #b5ab91;background:#f8f3e2;border-radius:18px;box-shadow:0 5px #948d77}.board-workshop .part-heading>span{background:#d9d4b8;border:2px dotted #aaa083}.board-workshop .playbill{background:#ece8d2;border:3px solid #b5b49b;box-shadow:0 5px #959780}.board-workshop .interaction-equation{padding-top:23px}.board-recipe .mission-part{background:#fff9ec;border:3px solid #d6bc96;border-radius:30px 30px 18px 18px;box-shadow:0 6px #bba281}.board-recipe .part-heading>span{background:#f8ddb6;border-radius:50%;width:32px;height:32px}.board-recipe .playbill{background:#fff0db;border:3px double #d6b58d}.board-recipe .answer-islands{grid-template-columns:repeat(4,1fr)}.board-recipe .answer-island{border-radius:12px 12px 30% 30%;background:linear-gradient(#fff6df 38%,#e8b786 38% 100%);border-color:#c6a17b;box-shadow:0 5px #ad8e6b}.board-recipe .answer-island.selected{border-color:#8f74af;background:linear-gradient(#f4e8ff 38%,#c5afd9 38% 100%)}.board-recipe .answer-island .island-top{font-size:23px}.board-recipe .paint-adventure{background:#fff2d5;border:2px dashed #d6bc92;border-radius:26px;padding:15px}.game-blueprint .case-brief{background:linear-gradient(#e6f2fa,#f2f7fb)}.game-market .case-brief{background:linear-gradient(#fff2d4,#fff8e8)}.game-verdict .case-brief{background:linear-gradient(#f5ead0,#fff7df)}.game-instruments .case-brief{background:linear-gradient(#e6f3ef,#f0f6e8)}.game-notebook .case-brief{background:#fffbec}.game-festival .case-brief{background:linear-gradient(110deg,#fff2d4,#f6e9f9)}.game-lab .case-brief{background:linear-gradient(#e6f4fa,#f1f8f5)}@media(max-width:1050px){.answer-islands{grid-template-columns:repeat(2,1fr);gap:14px}.board-recipe .answer-islands,.board-blueprint .answer-islands{grid-template-columns:repeat(2,1fr)}.board-instruments .game-parts,.board-lab .game-parts,.board-market .game-parts,.board-festival .game-parts{grid-template-columns:1fr}.board-instruments .console-keys,.board-festival .console-keys{grid-template-columns:repeat(6,1fr)}.board-market .part-heading,.board-festival .part-heading,.board-market .receipt-paper .case-number-entry{flex-direction:row}.board-market .receipt-paper input{max-width:65%}.answer-island{min-height:95px}.board-festival .answer-islands{grid-template-columns:repeat(4,1fr)}.board-festival .answer-island strong{font-size:17px}.board-notebook{padding:17px;border-left-width:10px}.board-match .game-parts{grid-template-columns:1fr}}@media(max-width:650px){.lesson-play-tags{gap:4px;margin-bottom:10px}.lesson-play-tags span{font-size:7px;padding:3px 5px}.playbill{padding:14px 13px;gap:11px;border-radius:16px;border-width:2px}.playbill>span{width:44px;height:44px;border-radius:14px;font-size:28px}.playbill h3{font-size:19px;margin:3px 0 6px}.playbill small{font-size:7px}.playbill p{font-size:11px}.game-parts{gap:17px}.answer-islands{grid-template-columns:1fr 1fr;gap:13px;padding:5px 0 14px}.answer-island{min-height:100px;padding:13px 7px;border-width:2px}.answer-island strong{font-size:22px}.answer-island small{font-size:9px}.island-top{font-size:24px}.option-posters{grid-template-columns:1fr;gap:11px}.option-posters button{min-height:65px;padding:13px 12px}.binary-decisions{grid-template-columns:1fr;gap:10px}.binary-decisions button{font-size:12px;padding:12px}.claim-board{padding:14px 12px;gap:10px}.claim-avatar{font-size:29px}.claim-board p{font-size:13px}.claim-board b{font-size:18px}.claim-board small{font-size:7px}.truth-buttons{gap:13px;margin-top:15px}.truth-buttons button{font-size:17px;padding:12px;border-width:2px;gap:8px}.truth-buttons button span{font-size:22px}.digit-console{max-width:300px;padding:14px;border-width:3px;border-radius:18px}.digit-console-screen{font-size:26px;padding:10px 7px;min-height:65px}.console-keys{gap:6px;margin-top:12px}.console-keys button{font-size:21px;min-height:36px;padding:5px 1px}.digit-console-screen small{font-size:9px}.paint-palette button{width:23px;height:23px}.fraction-pie{width:200px;max-width:66%}.paint-adventure{padding:3px}.matching-bank{padding:14px;border-width:2px;border-radius:16px}.matching-bank>span{font-size:9px;margin-bottom:12px}.matching-bank>div{gap:8px}.matching-bank button{font-size:17px;padding:9px 11px;border-radius:10px}.matching-bank small{font-size:9px}.match-target{min-height:73px;font-size:12px;border-width:2px}.match-target.has-token>span{font-size:24px}.board-match .part-heading{flex-direction:row;text-align:left;align-items:start}.board-match .part-heading h3{font-size:13px}.measure-console{padding:14px 16px;border-width:2px}.measure-readout{gap:10px}.measure-readout output{font-size:24px;min-width:80px;padding:7px 10px}.measure-readout>span{font-size:30px}.measure-console p{font-size:9px}.receipt-paper{padding:20px 12px 18px}.receipt-paper .case-number-entry input{font-size:25px}.receipt-check{font-size:8px}.equation-machine{padding:29px 13px 15px;border-width:3px}.equation-cogs{font-size:26px;top:-16px}.equation-display{font-size:19px;padding:11px 8px}.equation-machine .case-number-entry{gap:8px}.machine-caption{font-size:8px}.order-rail{gap:5px;padding:5px 0 17px}.rail-engine{font-size:30px}.order-rail .case-order-slots{gap:5px}.case-order-slots>button{min-width:48px;padding:11px 5px;font-size:16px;border-width:2px}.case-order-slots>button:after{font-size:10px;bottom:-12px}.game-instruction{font-size:9px}.comparison-stage .scale-decoration{font-size:49px}.board-notebook{padding:14px 11px 16px;border-left-width:8px;border-right-width:2px}.board-notebook .playbill{padding:12px 10px}.board-notebook .part-heading h3{font-size:13px}.board-notebook .case-number-entry{padding-left:0}.board-notebook .mission-part{padding:15px 2px 20px}.board-notebook .case-reflection{padding:14px 10px}.board-notebook .solution-notebook textarea{font-size:13px;min-height:210px}.board-blueprint{padding:13px 10px;border-width:2px;border-radius:15px}.board-blueprint .mission-part{border-left-width:4px;padding:16px 12px}.board-blueprint .answer-islands{gap:10px}.board-blueprint .answer-island{min-height:90px}.board-trail .mission-part{width:100%;border-width:2px;border-radius:22px}.board-trail .part-heading>span{width:29px;height:29px}.board-trail .game-parts{gap:20px}.board-instruments .mission-part{padding:18px 13px;border-width:3px;border-radius:19px}.board-instruments .part-heading{flex-direction:row;gap:9px}.board-instruments .part-heading h3{font-size:13px}.board-instruments .console-keys{grid-template-columns:repeat(6,1fr)}.board-market .mission-part{padding:29px 13px 20px;border-width:2px}.board-market .part-heading{gap:9px}.board-market .part-heading h3{font-size:13px}.board-market .receipt-paper input{max-width:65%}.board-market .receipt-paper .case-number-entry{gap:8px}.board-market .receipt-paper .case-number-entry>span{font-size:10px}.board-festival .mission-part{padding:20px 13px 18px;border-width:2px;border-radius:19px}.board-festival .answer-islands{grid-template-columns:1fr 1fr}.board-festival .answer-island strong{font-size:21px}.board-festival .console-keys{grid-template-columns:repeat(6,1fr)}.board-workshop .mission-part{border-width:3px;padding:20px 12px}.board-recipe .mission-part{border-width:2px;border-radius:24px 24px 15px 15px}.board-recipe .answer-islands{gap:13px}.board-recipe .answer-island{min-height:106px}.board-recipe .paint-adventure{padding:10px}.board-verdict .mission-part{border-width:2px;padding:18px 13px}.board-verdict .playbill,.board-lab .mission-part{border-width:2px}.board-lab .part-heading{flex-direction:row;gap:9px}.board-lab .part-heading h3{font-size:13px}}@media(prefers-reduced-motion:reduce){.fraction-pie path,.sketch-canvas svg{transition:none}}.paint-task-note{font-size:11px;line-height:1.7;color:#7d775c;text-align:center;margin:0 0 12px;padding:8px 12px;background:#fff8e5;border:1px dashed #ddc99d;border-radius:10px}@media(max-width:650px){.paint-task-note{font-size:10px;padding:7px 10px}}.playbill>div{flex:1;min-width:0}.playbill-scene{width:115px;height:86px;object-fit:cover;flex-shrink:0;border:3px solid white;border-radius:15px;box-shadow:0 3px #59704833;transform:rotate(3deg)}body[data-lesson="1"] .digit-console{background:repeating-linear-gradient(0deg,#e3c28c 0 28px,#d6b17c 29px,#e3c28c 31px);border-color:#af8655;box-shadow:0 7px #8f6d47;position:relative}body[data-lesson="1"] .digit-console:before{content:"✉  MÃ BƯU KIỆN";display:block;color:#7a5a35;text-align:center;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:10px}body[data-lesson="1"] .digit-console-screen{background:#fff8d9;border-color:#c9a976;color:#7a5e3b}body[data-lesson="7"] .digit-console{background:repeating-linear-gradient(90deg,#b78650 0 38px,#cca167 39px,#b78650 42px);border:5px solid #8b6338;border-radius:40px 40px 17px 17px;box-shadow:0 7px #6a4d30;padding-top:23px}body[data-lesson="7"] .digit-console-screen{background:#fff2cc;border:5px double #d4b26e;color:#896934}body[data-lesson="7"] .digit-console:before{content:"🗝  KHÓA KHO BÁU";display:block;text-align:center;color:#fff0c5;letter-spacing:1px;font-weight:700;font-size:10px;margin-bottom:10px}body[data-lesson="10"] .digit-console{background:linear-gradient(#b4d9d5,#6da7ae);border:5px double #729598;border-radius:30px;box-shadow:0 7px #527e86}body[data-lesson="10"] .digit-console-screen{border:7px double #d4bb84;border-radius:30px;background:#edf9e6;color:#3e6a66}body[data-lesson="10"] .digit-console:before{content:"⚓  BẢNG ĐIỀU KHIỂN BẾN TÀU";display:block;text-align:center;font-size:8px;color:#315f64;letter-spacing:.7px;font-weight:700;margin-bottom:10px}body[data-lesson="18"] .digit-console{background:#c7b48a;border:5px double #918060;border-radius:9px;box-shadow:0 7px #7a755a}body[data-lesson="18"] .digit-console-screen{background:#f0f8d9;border-color:#93ae79;color:#51773d}body[data-lesson="18"] .digit-console:before{content:"🌿  NHẬT KÝ KHU VƯỜN";display:block;text-align:center;font-size:10px;font-weight:700;color:#596645;margin-bottom:10px}body[data-lesson="20"] .digit-console{background:linear-gradient(#b6cbd0,#8ca5ae);border:5px solid #728b96;border-radius:27px 27px 13px 13px;box-shadow:0 7px #566f79}body[data-lesson="20"] .digit-console-screen{background:#f9edce;color:#846a40;border-color:#a0a38b;border-radius:13px}body[data-lesson="20"] .digit-console:before{content:"🚚  ĐỒNG HỒ TẢI TRỌNG";display:block;text-align:center;font-size:9px;font-weight:700;color:#4c6670;margin-bottom:11px}body[data-lesson="23"] .digit-console{background:linear-gradient(90deg,#bac9d2 49%,#859ca7,#c1d0d8 51%);border:5px solid #7d929d;border-radius:15px;box-shadow:0 7px #5d737c}body[data-lesson="23"] .digit-console-screen{background:#426663;color:#eff2b3;border:3px inset #78958e;border-radius:8px;font-variant-numeric:tabular-nums}body[data-lesson="23"] .digit-console-screen>span{color:#c0d5a7}body[data-lesson="23"] .digit-console:before{content:"⇧  THANG MÁY DẤU PHẨY  ⇩";display:block;text-align:center;font-size:10px;font-weight:700;color:#455e69;margin-bottom:10px}body[data-lesson="27"] .digit-console{background:#ebd6ac;border:5px double #b39769;border-radius:42px;box-shadow:0 7px #9c8359}body[data-lesson="27"] .digit-console-screen{border:5px double #aeb98b;border-radius:45%;background:#f5f9df;color:#667b49;min-height:100px}body[data-lesson="27"] .digit-console:before{content:"◯  TRẠM ĐO HÌNH TRÒN";display:block;text-align:center;font-size:9px;color:#94764a;font-weight:700;margin-bottom:12px}body[data-lesson="31"] .digit-console{background:linear-gradient(#f2ead4 0 65%,#deba92 65% 100%);border:5px solid #b89b78;border-radius:26px 26px 12px 12px;box-shadow:0 7px #8b7a61}body[data-lesson="31"] .digit-console-screen{background:#eff4dc;border-color:#93ad95;color:#43634e}body[data-lesson="31"] .digit-console:before{content:"⛽  TRẠM NHIÊN LIỆU";display:block;text-align:center;font-size:10px;font-weight:700;color:#9b6d45;margin-bottom:11px}body[data-lesson="6"] .answer-island{border-radius:20% 15% 30% 25%;background:linear-gradient(#d4d6b6,#acb69b);border-color:#8c9f89;box-shadow:0 6px #6c8c81,0 10px #7fb5b088}body[data-lesson="6"] .board-trail .answer-islands{background:linear-gradient(transparent 30%,#87c6d6b0 30%,#87c6d6b0 90%,transparent 90%)}body[data-lesson="13"] .answer-island{border-radius:48% 48% 40% 40%;min-height:135px;background:linear-gradient(90deg,#f3cf8f 0 33%,#f8e3b6 33% 66%,#f3cf8f 66%);border-color:#c5a877;box-shadow:0 5px #c0a78255}body[data-lesson="13"] .answer-island:before{content:"";position:absolute;bottom:-12px;left:calc(50% - 12px);height:17px;width:24px;border:2px solid #bb9b6e;background:#d9bd8d;border-radius:0 0 6px 6px}body[data-lesson="13"] .answer-island.selected{background:#ddcaed;border-color:#a085bb}body[data-lesson="13"] .board-trail .answer-islands{background:radial-gradient(ellipse,#d4ebf5,transparent 75%)}body[data-lesson="11"] .order-rail{background:repeating-linear-gradient(90deg,#d5f0ed 0 28px,#eaf9ef 29px,#d5f0ed 31px);border-radius:19px;border-color:#72a5a0;padding:15px 12px 22px}body[data-lesson="11"] .rail-engine{font-size:0}body[data-lesson="11"] .rail-engine:before{content:"🐠";font-size:35px}body[data-lesson="11"] .case-order-slots>button{background:#ffead3;border-color:#cdb19a;border-radius:40%}body[data-lesson="11"] .case-order-slots>button:after{content:"≈";font-size:25px;color:#72b8c2;bottom:-23px}body[data-lesson="12"] .receipt-paper,body[data-lesson="34"] .receipt-paper{background:repeating-linear-gradient(0deg,#fffbed 0 24px,#e9e0c6 25px)}body[data-lesson="24"] .board-market .mission-part:nth-child(1):before{background:repeating-linear-gradient(90deg,#8faecf 0 25px,#f9f2d5 25px 50px)}body[data-lesson="8"] .board-blueprint{background:repeating-linear-gradient(25deg,#dce8c9 0 26px,#d7e4c4 27px,#dce8c9 30px);border-color:#9ba882}body[data-lesson="8"] .board-blueprint .case-diagrams{background:#f7f3d9;border:3px dashed #c4ba8c}body[data-lesson="17"] .board-blueprint{border-top:15px solid #c5a57b;background:#f1f5dc;border-color:#b5a884}body[data-lesson="25"] .board-blueprint .case-diagrams{background:repeating-linear-gradient(45deg,#fbf4de 0 18px,#f6ead0 19px,#fbf4de 20px);border:3px dashed #cdb58d}body[data-lesson="26"] .board-blueprint{background:linear-gradient(#e9efcb,#d4e7c3);border-color:#99af7d}body[data-lesson="33"] .board-blueprint .case-diagrams{background:#eef6e5;border-color:#b2c9a2}body[data-lesson="35"] .board-blueprint{border:4px solid #c9a87c;background:linear-gradient(135deg,#fff1ca,#efe3f4)}body[data-lesson="35"] .board-blueprint .playbill{background:#fff5d6;border-color:#f1d28e}@media(max-width:650px){.playbill-scene{width:69px;height:66px;border-width:2px;border-radius:11px;align-self:start}.board-notebook .playbill-scene,.board-blueprint .playbill-scene{display:none}body[data-lesson="13"] .answer-island{min-height:125px}.playbill p{font-size:10px}.playbill h3{font-size:18px}}.sgk-lesson-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0;padding:20px;background:#fffdf5;border:1px solid #d8dfca;border-radius:18px}.sgk-lesson-tools button{font-size:14px;min-height:44px}.sgk-lesson-tools p{flex-basis:100%;font-size:13px;line-height:1.8;color:#596e59;margin:0}.source-open{background:#ecf4e8;color:#35634b;border:1px solid #b0c6a9;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;min-height:44px;margin:8px 10px 0 0}.review-badge{font-size:12px;color:#8c613c;display:inline-block}.mission-tabs{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.mission-tabs button{font-size:12px}.lesson-cover-art .cover-stamp small{letter-spacing:1px}.lesson-play-tags{max-height:64px;overflow:hidden}.book-dialog,.teacher-dialog{width:min(1100px,95vw);max-width:1100px}.book-dialog .modal-head,.teacher-dialog .modal-head{position:sticky;top:0;background:#fffdf7;z-index:4}.book-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px;background:#edf4e7;border-radius:12px}.book-controls button,.book-controls select,.teacher-intro select{font-family:inherit;font-size:14px;border:1px solid #c2d0b6;border-radius:8px;padding:10px;background:#fffdf7;min-height:44px;color:#365843}.book-controls button:disabled{opacity:.4;cursor:default}.book-note{font-size:13px;line-height:1.8;color:#546650;margin:15px 0}.book-original{display:inline-block;margin-bottom:12px;color:#396c57;font-size:13px}.book-page-image{display:block;width:100%;height:auto;background:#fff;border:1px solid #d1d7c9}.teacher-intro p{font-size:14px;line-height:1.9;margin:0 0 12px}.teacher-intro label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0;color:#416148}.teacher-intro select{max-width:100%}.teacher-table-wrap{overflow:auto}.teacher-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px;line-height:1.7}.teacher-table th{background:#e5efdf;color:#365438;text-align:left;padding:12px;border:1px solid #c8d5bd;white-space:nowrap}.teacher-table td{padding:12px;border:1px solid #d4dfca;vertical-align:top}.teacher-table tr:nth-child(2n){background:#f6f8ef}.teacher-table small{display:block;color:#75816b;font-size:11px;margin-top:5px}.teacher-table button{display:block;border:1px solid #bdcdb0;background:#fff;color:#3b654a;border-radius:8px;font-family:inherit;padding:9px 10px;cursor:pointer;white-space:nowrap;margin:0 0 7px;min-height:40px}.sgk-figure{background:#fff;border:3px solid #e2d9b9;border-radius:15px;overflow:hidden;margin:0;padding:10px}.sgk-figure img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain}.sgk-figure figcaption{font-size:10px;text-align:center;line-height:1.6;color:#68725a;margin:8px}.interaction-pairs,.interaction-multiselect,.interaction-practice{grid-column:1/-1}.expression-pairs{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;padding:12px 0}.pair-targets,.pair-bank{display:flex;flex-direction:column;gap:14px;min-width:0}.pair-bank{background:#e3eddb;padding:16px;border-radius:17px;align-self:start}.pair-bank small{font-size:10px;font-weight:700;letter-spacing:1px;color:#657858}.pair-bank button{border:2px solid #b3c79f;border-radius:12px;background:#fff4d7;color:#4b623b;box-shadow:0 3px #9cab80;padding:14px 9px;font-size:16px;font-weight:700;line-height:1.6;cursor:grab;overflow-wrap:anywhere}.pair-bank button.selected{background:#e5d5f2;border-color:#9f80b6;outline:3px solid #fff;outline-offset:1px}.pair-row{display:grid;grid-template-columns:1fr 20px;gap:8px;background:#fff7df;border:2px solid #cfbe8f;border-radius:15px;padding:13px}.pair-row strong{font-size:16px;color:#625331;align-self:center;line-height:1.7}.pair-row>span{align-self:center;color:#96805a}.pair-row button{grid-column:1/-1;border:2px dashed #c2ba94;border-radius:9px;background:#fffdf3;min-height:54px;padding:12px;font-family:inherit;color:#81775e;line-height:1.6;font-size:12px}.pair-row button.filled{background:#e5f1df;color:#40663d;border-style:solid;border-color:#9bbd8b;font-size:16px;font-weight:700}.fraction-baskets{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;padding:15px 0}.fraction-baskets button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;min-width:105px;min-height:110px;border:2px solid #d0bc8a;border-radius:15px 15px 28px 28px;background:#fff3d4;box-shadow:0 5px #bea46e;color:#65512b;font-size:22px}.fraction-baskets button>span{font-size:32px}.fraction-baskets button.selected{background:#dcedd1;border-color:#7eaa75;box-shadow:0 5px #769866;outline:3px solid white}.practice-check{display:flex;align-items:center;gap:12px;border:3px dashed #bca4cc;border-radius:17px;background:#f7effc;color:#765b84;padding:20px;width:100%;font-family:inherit;font-size:15px;line-height:1.7;text-align:left;min-height:90px}.practice-check>span{font-size:32px}.practice-check.selected{background:#e4f0df;color:#3d6b40;border:3px solid #9bbc8b}.control-note{display:block;font-size:12px;line-height:1.8;color:#747a64;margin:12px 0 0}.column-paper{max-width:280px;margin:10px auto;padding:16px 20px 20px;background:repeating-linear-gradient(0deg,#fffefa 0 28px,#e4ebdf 29px,#fffefa 30px);border:2px solid #c5ceb6;border-left:7px solid #b3c4ab;border-radius:7px;box-shadow:0 5px #6b76572b;display:grid;grid-template-columns:1fr;gap:10px}.column-caption{display:block;font-size:9px;letter-spacing:1px;color:#899277;text-align:center;margin-bottom:7px}.column-paper input{min-width:0;width:100%;font:24px ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;text-align:right;background:#fffdf4cf;border:1px dashed #c6cbb3;border-radius:6px;padding:9px}.column-bottom{position:relative;padding-bottom:10px;border-bottom:2px solid #617054}.column-bottom>b{position:absolute;left:-12px;top:8px;font-size:25px;color:#657555;z-index:1}.column-result input{background:#eaf3e4;border:2px solid #a5ba96}.division-paper{grid-template-columns:1fr 1fr;max-width:330px;gap:0;padding:20px}.division-paper .column-caption{grid-column:1/-1}.division-paper .column-top{padding:8px;border-right:2px solid #64754f}.division-paper .column-bottom{padding:8px}.division-paper .column-bottom>b{display:none}.division-paper .column-result{grid-column:2;padding:8px;border-left:2px solid #64754f}.division-paper input{font-size:20px;padding:7px 4px}.board-workshop .game-parts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.board-workshop .mission-part:has(.column-paper){padding:20px 12px}.board-workshop .part-heading h3{font-size:18px}.board-verdict .case-options{grid-template-columns:1fr 1fr}.board-verdict .case-options button{min-height:64px;text-align:center;align-items:center;justify-content:center;font-size:17px}@media(max-width:650px){.mission-tabs{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.mission-tabs button{min-width:155px;scroll-snap-align:start}.sgk-lesson-tools{padding:14px;gap:10px}.sgk-lesson-tools button{width:100%}.sgk-figure{padding:5px;border-width:2px}.sgk-figure figcaption{font-size:9px}.expression-pairs{grid-template-columns:1fr;gap:15px}.pair-bank{order:-1;display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:10px;position:static}.pair-bank small{grid-column:1/-1}.pair-bank button{font-size:12px;padding:10px 5px}.pair-targets{gap:12px}.pair-row strong,.pair-row button.filled{font-size:14px}.column-paper{max-width:270px}.board-workshop .game-parts{grid-template-columns:1fr}.book-controls{gap:6px;padding:10px}.book-controls button,.book-controls select{font-size:12px;padding:8px}.book-dialog,.teacher-dialog{width:96vw}.practice-check{font-size:13px;padding:15px}.fraction-baskets{gap:11px}.fraction-baskets button{font-size:20px;padding:12px;min-width:85px}.teacher-intro p{font-size:13px}.board-verdict .case-options{grid-template-columns:1fr 1fr}}.task-pebbles{flex-wrap:wrap}.top-button{min-height:40px}#teacherBtn{border:1px solid #c6d7bc;border-radius:10px;background:#edf4e6;padding:8px 10px;color:#436a4d}@media(max-width:650px){#teacherBtn{padding:7px 9px}#teacherBtn span{display:inline;font-size:10px}.top-actions{flex-wrap:wrap}}body[data-view^=lesson-two]{background:radial-gradient(ellipse at 0 0,#d6eee8,transparent 45%),radial-gradient(ellipse at 100% 50%,#ffebca,transparent 50%),#fff9eb}body[data-view^=lesson-two] #app{max-width:1280px}body[data-view^=lesson-two] .footer{margin-top:20px}.b2-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:3px 0 24px}.b2-toolbar>button,.b2-sound button{background:#fffdf3;border:1px solid #d4dfc8;border-radius:12px;min-height:42px;padding:9px 13px;font-size:12px;color:#587054;font-weight:700}.b2-sound{display:flex;gap:8px;margin-left:auto}.b2-toolbar>.b2-wallet{background:#e9e4ff;border-color:#cbbdeb;color:#6e56a6;font-size:16px}.b2-wallet span{font-size:10px;margin-left:5px}.b2-toolbar>#b2Teacher{font-weight:400;font-size:10px;background:transparent;border-style:dashed}.b2-eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#548c73;line-height:1.8;display:block}.b2-home{display:grid;grid-template-columns:1fr 1.08fr;border:4px solid #fff;border-radius:32px;overflow:hidden;box-shadow:0 9px #d8e4ce;background:#fffdf2;min-height:480px}.b2-home-copy{padding:40px 0 40px 37px;z-index:2}.b2-home h1{font-size:57px;line-height:1.08;letter-spacing:-2px;color:#305d51;margin:19px 0}.b2-home h1 em{color:#b96d49;font-style:normal}.b2-home-copy>p{font-size:15px;line-height:1.9;max-width:440px;color:#6d7e66}.b2-rules{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.b2-rules span{font-size:10px;padding:7px 10px;background:#f3efd9;border-radius:20px;color:#8c7d52}.b2-home-copy>small{display:block;font-size:10px;color:#8d8c70;margin-top:17px;line-height:1.7}.b2-home-art{position:relative;isolation:isolate;min-height:480px;background:linear-gradient(0deg,#e4edcc33,#e8f5e333),url(assets/lessons/lesson-02.webp) center/cover}.b2-home-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdf2,transparent 28%);z-index:-1}.b2-home-art>.b2-factory{position:absolute;bottom:0;left:0;right:0}.b2-buddy{position:relative;width:160px;height:190px;flex-shrink:0}.b2-accessory{position:absolute;top:15px;left:50%;translate:-50% 0;font-size:48px;rotate:-12deg;filter:drop-shadow(0 3px 2px #33584030)}.b2-home-art>.b2-buddy{position:absolute;top:18px;left:26%;width:175px;height:205px;animation:mamFloat 4s ease-in-out infinite}.b2-map-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:34px 0 20px}.b2-map-title h2{font-size:27px;color:#42654f}.b2-map-title>span{font-size:12px;color:#839075}.b2-stage-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.b2-stage-card{text-align:left;border:3px solid #fff;border-radius:21px;background:#fff4d8;box-shadow:0 6px #dbc79e;padding:22px 18px;position:relative;min-width:0}.b2-stage-card:nth-child(2){background:#e8f2dc;box-shadow:0 6px #b4c9a0}.b2-stage-card:nth-child(3){background:#fae8dd;box-shadow:0 6px #dab8a4}.b2-stage-card:nth-child(4){background:#ece5f7;box-shadow:0 6px #bfaed4}.b2-stage-icon{display:grid;place-items:center;background:#fffaf0;border:2px solid #fff;width:56px;height:56px;font-size:32px;border-radius:17px;margin-bottom:17px;box-shadow:0 3px #84775920}.b2-stage-card small{font-size:8px;letter-spacing:1.4px;color:#8c8967}.b2-stage-card h3{font-size:20px;color:#4c6550;margin:8px 0}.b2-stage-card p{font-size:12px;line-height:1.8;color:#7b826b;min-height:65px}.b2-stage-card>b{display:block;font-size:10px;margin-top:18px;color:#75825c}.b2-stage-card:disabled{opacity:.65;filter:saturate(.65)}.b2-stage-card.done .b2-stage-icon{background:#77a882;color:#fff}.b2-local-note{font-size:11px;line-height:1.9;color:#89907b;margin:27px 0 8px}.b2-game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.b2-game-heading h1{font-size:32px;color:#385c4d;margin-top:8px}.b2-question-count{font-size:15px;color:#936b3c;background:#fff0c8;border:2px solid #f1d59b;border-radius:16px;padding:12px 17px;white-space:nowrap;font-weight:700}.b2-progress-track{height:11px;background:#d9e6ce;border:2px solid white;border-radius:20px;overflow:hidden;box-shadow:0 2px #bdcbb0;margin-bottom:17px}.b2-progress-track>i{display:block;height:100%;background:linear-gradient(90deg,#7bbbaa,#e5bb66);border-radius:20px;transition:width .4s}.b2-mini-world{display:grid;grid-template-columns:340px 1fr;gap:10px;align-items:center;background:linear-gradient(90deg,#d4ebe1,#eaf2d9);border:3px solid white;border-radius:23px;overflow:hidden;margin-bottom:24px;box-shadow:0 5px #cfddc1}.b2-mini-world .b2-factory{height:160px}.b2-mini-world .factory-building{height:90px;bottom:25px}.b2-mini-world .factory-machine{height:37px}.b2-mini-world .factory-machine>span{font-size:25px}.b2-mini-world .factory-machine>b{font-size:5px}.b2-mini-world .factory-belt{height:23px}.b2-mini-world .factory-belt>i{font-size:18px}.b2-mini-world .factory-windows{height:19px;top:8px}.b2-mini-world .factory-garage{height:74px;bottom:25px}.b2-mini-world .factory-truck{font-size:34px;bottom:-3px;left:-12px}.b2-mini-world .garage-door{font-size:22px;top:25px}.b2-mini-world .garage-sign{font-size:6px;padding:4px}.b2-mini-world .factory-shop{height:79px;bottom:25px}.b2-mini-world .shop-window{font-size:25px;margin-top:24px;height:30px}.b2-mini-world .factory-shop>b{font-size:5px}.b2-mini-world .shop-canopy{height:19px}.b2-mini-world .factory-sign{font-size:10px;top:6px;left:10%;padding:5px 12px}.b2-mini-world .factory-ground{height:25px}.b2-mini-world .factory-cloud{display:none}.b2-mini-world .factory-sun{font-size:24px;top:1px}.b2-mini-stage{display:flex;gap:8px;justify-content:space-around;align-items:center;padding:17px 18px}.b2-mini-stage>span{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:27px;filter:grayscale(.75);opacity:.5;max-width:120px;text-align:center}.b2-mini-stage>span small{font-size:10px;color:#69785d;line-height:1.6}.b2-mini-stage>span.active{filter:none;opacity:1;background:#fffae9;border:2px solid white;box-shadow:0 4px #b9c6a1;border-radius:17px;padding:14px}.b2-mini-stage>span.done{filter:none;opacity:1;color:#63875a}.b2-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:25px;align-items:start}.b2-play-area{background:#fffdf5;border:3px solid white;border-radius:25px;box-shadow:0 7px #d9dfc7;overflow:hidden}.b2-question-brief{padding:22px 25px;background:#fff4d8;border-bottom:2px solid #ecdfbd}.b2-task-label{display:block;color:#5c714e;font-size:13px;font-weight:700}.b2-question-brief>p{font-size:16px;line-height:1.9;color:#6a684e;margin-top:10px}.b2-single-scene{padding:22px;background:linear-gradient(120deg,#eaf2dd,#f8f5e1);min-height:300px}.b2-single-scene .case-workspace{display:flex;flex-direction:column;gap:18px;max-width:none;padding:0;border:0;box-shadow:none;background:none}.b2-single-scene .playbill{display:none}.b2-single-scene .game-parts{display:block;padding:0}.b2-single-scene .mission-part{background:#fffdf5;border:2px solid #d7dfc2;border-radius:20px;padding:23px;width:100%;box-shadow:0 5px #bdccaa55}.b2-single-scene .part-heading{flex-direction:row;align-items:center;text-align:left;gap:13px;margin-bottom:20px}.b2-single-scene .part-heading>span{background:#e8c883;color:#775d32;border:3px solid white;font-size:17px}.b2-single-scene .part-heading h3{font-size:20px;color:#4b6649;line-height:1.6}.b2-single-scene .column-paper{background:linear-gradient(110deg,#fffbed,#f0f2d5);border:4px solid #8fae91;border-top:12px solid #799b83;border-radius:14px;box-shadow:0 7px #56795e50;max-width:310px;padding:20px 25px}.b2-single-scene .column-caption{color:#7a8a66;font-size:9px}.b2-single-scene .column-paper input{font-size:27px;padding:10px 12px;background:#fffff4;border-color:#c1ceaa;min-height:50px}.b2-single-scene .column-result input{background:#e5efcf;border:2px solid #9caf7f}.b2-single-scene .division-paper{grid-template-columns:1fr 1fr;max-width:360px;padding:20px 15px}.b2-single-scene .division-paper input{font-size:23px;padding:10px 4px}.b2-single-scene .control-note{font-size:11px;color:#879172}.b2-single-scene .case-reflection{background:#fffdf1;border:1px dashed #ceceaf;border-radius:15px;padding:14px 18px}.b2-single-scene .solution-notebook{border-left:8px solid #d8ae78}.b2-single-scene .solution-notebook textarea{min-height:140px}.b2-single-scene .case-number-entry input{font-size:33px;min-height:65px;background:#fffdf0;border:3px solid #aac59d;border-radius:15px;max-width:270px;text-align:center;color:#486e4b}.b2-single-scene .digit-console{max-width:380px}.b2-single-scene .digit-console-screen{font-size:32px}.b2-single-scene .expression-pairs{grid-template-columns:1fr 1.1fr;gap:22px;align-items:center}.b2-single-scene .pair-row{background:#f1d9a0;border:4px solid #be9e5c;border-radius:30px;padding:20px;box-shadow:0 6px #8f7b5255;position:relative;margin:12px 0 20px}.b2-single-scene .pair-row:after{content:"●                  ●";white-space:pre;position:absolute;bottom:-20px;left:13%;right:13%;text-align:justify;color:#53615a;font-size:26px;text-shadow:0 2px white}.b2-single-scene .pair-row strong{font-size:20px}.b2-single-scene .pair-bank{background:transparent;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.b2-single-scene .pair-bank small{grid-column:1/-1}.b2-single-scene .pair-bank button{position:relative;border:3px solid #b6c4d9;background:#e5eefa;color:#546b88;border-radius:19px;padding:14px 8px;min-height:80px;font-size:14px;box-shadow:0 5px #8b9eb8}.b2-single-scene .pair-bank button:nth-child(odd){background:#f5dbd3;border-color:#d1ac9d;box-shadow:0 5px #b38d7e;color:#8e6554}.b2-single-scene .pair-bank button:after{content:"●   ●";position:absolute;left:20%;right:20%;bottom:-13px;color:#4f5e64;font-size:19px;letter-spacing:6px}.b2-single-scene .pair-bank button.selected{outline:4px solid #9573b9;outline-offset:3px}.b2-action-dock{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:20px 22px}.b2-action-dock .quiet{margin-left:auto}.b2-companion{padding-top:10px}.b2-companion>.b2-buddy{margin:auto;animation:mamFloat 4s ease-in-out infinite}.b2-speech{background:#f4f7e5;border:2px solid #cbd9b5;border-radius:21px;padding:23px 18px;margin-top:-15px;position:relative;box-shadow:0 5px #d5dfc3}.b2-speech>b{font-size:10px;letter-spacing:1px;color:#67916a;text-transform:uppercase}.b2-speech p{font-size:13px;line-height:1.9;color:#7c856b;margin-top:11px}.b2-speech #hintBox{padding-top:12px;border-top:1px dashed #ccd3b8;color:#886c43}.b2-source-small{font-size:9px;line-height:1.8;color:#8c947e;margin-top:23px;text-align:center}.b2-source-small button{display:block;background:transparent;font-size:10px;margin:7px auto;text-decoration:underline;color:#80916b}.b2-number-grid{border-collapse:separate;border-spacing:7px;margin:18px auto 0}.b2-number-grid td{padding:8px 20px;border:2px solid #ddc389;border-radius:9px;background:#fffdf0;color:#8a6a36;font-size:19px;text-align:center;box-shadow:0 3px #d1b87f40}.b2-transition{text-align:center;background:linear-gradient(#fff8df,#eff5df);border:4px solid white;border-radius:30px;box-shadow:0 8px #c9d6b8;padding:32px 35px}.b2-complete-mark{display:inline-block;background:#dceacc;border:2px solid white;border-radius:30px;padding:9px 20px;color:#658153;font-size:11px;font-weight:700;letter-spacing:1px}.b2-transition h1{font-size:37px;color:#52724f;margin:22px 0 5px}.b2-transition>.b2-factory{max-width:820px;height:340px;margin:auto}.b2-transition-speech{display:flex;gap:20px;align-items:center;justify-content:center;margin:auto;max-width:660px}.b2-transition-speech .b2-buddy{width:95px;height:110px}.b2-transition-speech p{font-size:16px;line-height:1.9;color:#6c7d58;text-align:left;background:#fffdf2;padding:19px 24px;border:2px solid #d6e0c0;border-radius:20px}.b2-no-reward{font-size:12px;color:#929675;margin:12px 0 22px}.b2-finale{text-align:center;background:radial-gradient(ellipse at 50% 40%,#fff5b4,transparent 60%),linear-gradient(#f4f0ff,#fff9e4);border:5px solid white;border-radius:30px;padding:35px 30px;box-shadow:0 8px #d5c7df}.b2-finale h1{font-size:45px;color:#716095;line-height:1.2;margin:23px 0}.b2-finale h2{font-size:28px;color:#946c35;margin:15px 0}.b2-finale>p{font-size:14px;max-width:600px;line-height:1.9;margin:15px auto;color:#8a806b}.b2-finale-stats{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin:25px 0}.b2-finale-stats>span{border:2px solid white;background:#fff6d9;border-radius:14px;padding:12px 17px;font-size:14px;color:#967c4e}.b2-finale button{margin:8px}.b2-finale>small{display:block;font-size:10px;color:#9a9183;margin-top:20px}.b2-reward-chest{position:relative;width:160px;height:135px;margin:45px auto 30px;background:linear-gradient(#e8b879 0,#ca8d4b 30%,#a96b39 31%,#d49a5a);border:8px solid #edc46d;border-radius:20px 20px 12px 12px;box-shadow:0 9px #9b744555;rotate:-3deg}.b2-reward-chest:after{content:"✦";position:absolute;top:43px;left:calc(50% - 18px);background:#f7d582;border:4px solid #b37c39;color:#a87e38;padding:1px 8px;border-radius:7px;font-size:22px}.b2-reward-chest>span{position:absolute;top:-49px;left:40px;font-size:68px;animation:mamFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 4px #8891b244)}.b2-reward-chest>b,.b2-reward-chest>i{position:absolute;color:#e4b54f;font-size:32px;top:-25px;left:-35px}.b2-reward-chest>i{left:auto;right:-40px;top:14px}.b2-shop-intro{display:flex;gap:22px;align-items:center}.b2-shop-intro .b2-buddy{width:110px;height:130px}.b2-shop-intro p{font-size:14px;line-height:1.9;color:#758369}.b2-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.b2-collection article{background:#fff6db;border:2px solid #e3ce99;border-radius:18px;text-align:center;padding:22px 10px}.b2-collection article>span{display:block;font-size:46px}.b2-collection h3{font-size:13px;line-height:1.6;margin:12px 0;color:#88764e}.b2-collection article>b{font-size:14px;color:#91794d}.b2-collection button{display:block;margin:14px auto 0;border:2px solid white;background:#b0c8a1;color:#3d6341;box-shadow:0 3px #8da57f;border-radius:10px;padding:10px;font-size:11px;font-weight:700}.b2-collection button:disabled{opacity:.45}.b2-factory{height:320px;position:relative;isolation:isolate;overflow:hidden}.factory-ground{position:absolute;height:40px;bottom:0;left:0;right:0;background:repeating-linear-gradient(90deg,#b8c99c 0 30px,#c2d3a8 31px 60px);border-top:6px solid #dfe8bd;z-index:-1}.factory-cloud{position:absolute;background:#fffce3;opacity:.7;width:100px;height:23px;border-radius:50%;top:25px;left:10%}.factory-cloud:before{content:"";position:absolute;width:40px;height:35px;border-radius:50%;background:inherit;left:28px;bottom:3px}.cloud-two{left:auto;right:13%;top:58px;scale:.7}.factory-sun{position:absolute;right:8%;top:0;color:#e8bb5d;font-size:45px}.factory-sign{position:absolute;top:47px;left:20%;font-size:14px;letter-spacing:2px;color:#916a37;font-weight:700;background:#fff2be;border:3px solid white;box-shadow:0 3px #b9ba9255;border-radius:12px;padding:10px 20px;rotate:-3deg}.factory-building{position:absolute;left:5%;bottom:40px;width:43%;height:170px;border:4px solid #a4b89e;background:linear-gradient(90deg,#dbe8cb,#d1dfc0);border-radius:10px 10px 0 0}.factory-roof{position:absolute;left:-10px;right:-10px;top:-18px;height:22px;background:#8caf9d;border:3px solid #7f9e88;border-radius:8px;box-shadow:0 4px #a2b59b}.factory-windows{position:absolute;display:flex;gap:8%;top:15px;left:12%;right:12%;height:35px}.factory-windows i{display:block;flex:1;background:#91a9a0;border:3px solid #b5c8b1;border-radius:5px}.factory-machine{position:absolute;bottom:29%;left:10%;right:10%;height:58px;background:#718c80;border:3px solid #a6b7a2;border-radius:10px;display:flex;gap:5px;justify-content:center;align-items:center}.factory-machine>span{font-size:43px;line-height:1;color:#bdccb9}.factory-machine>b{font-size:7px;color:#d1ddc3;line-height:1.7;max-width:50px;text-align:center}.factory-belt{position:absolute;bottom:0;left:-10%;right:-10%;height:35px;border:4px solid #8b9b7c;background:repeating-linear-gradient(90deg,#b9c4a4 0 17px,#9ba98b 18px 20px);border-radius:10px;display:flex;justify-content:space-around;align-items:center}.factory-belt>i{font-size:27px;font-style:normal;opacity:.2}.factory-garage{position:absolute;left:52%;bottom:40px;width:23%;height:130px;background:#ecd5a7;border:4px solid #bca781;border-radius:12px 12px 0 0}.garage-sign{text-align:center;padding:7px 1px;font-size:9px;letter-spacing:1px;background:#c6b18b;color:#fff5d2;font-weight:700}.garage-door{position:absolute;inset:35px 12% 0;background:repeating-linear-gradient(0deg,#aaae8c 0 10px,#c2bf9b 11px 13px);font-size:38px;color:#ece4bb;text-align:center;display:grid;place-items:center}.factory-truck{position:absolute;bottom:-8px;left:-30px;z-index:2;font-size:58px;filter:grayscale(.85);opacity:.4;transition:translate 1s}.factory-shop{position:absolute;right:3%;bottom:40px;width:18%;height:143px;background:#f6e2c3;border:4px solid #c6af8a;border-radius:12px 12px 0 0;text-align:center}.shop-canopy{position:absolute;left:-8px;right:-8px;top:-5px;height:30px;background:repeating-linear-gradient(90deg,#d0ab95 0 16px,#f0ddbf 17px 32px);border:2px solid #b79b83;border-radius:7px 7px 12px 12px}.shop-window{margin:39px 10% 5px;height:56px;background:#b0b5a2;border:3px solid #cfbea0;font-size:37px;display:grid;place-items:center;border-radius:7px}.factory-shop>b{font-size:7px;color:#a79475}.b2-factory:not(.level-0) .factory-windows i{background:#ffdf7e;border-color:#fff1be;box-shadow:0 0 15px #ffe5a1}.b2-factory:not(.level-0) .factory-machine>span{color:#f0d58d;animation:b2spin 9s linear infinite}.b2-factory:not(.level-0) .factory-machine>span:nth-child(2){animation-direction:reverse}.b2-factory:not(.level-0) .factory-belt{animation:b2belt 1s linear infinite}.b2-factory:not(.level-0) .factory-belt>i{opacity:1}.b2-factory.level-2 .factory-truck,.b2-factory.level-3 .factory-truck,.b2-factory.level-4 .factory-truck{filter:none;opacity:1;translate:13% 0}.b2-factory.level-2 .garage-door,.b2-factory.level-3 .garage-door,.b2-factory.level-4 .garage-door{background:#718b77;color:#d7efb8}.b2-factory.level-3 .shop-window,.b2-factory.level-4 .shop-window{background:#fff1be;box-shadow:0 0 15px #ffe49d}.b2-factory.level-3 .shop-canopy,.b2-factory.level-4 .shop-canopy{background:repeating-linear-gradient(90deg,#dc9c87 0 16px,#fff1d1 17px 32px)}.factory-party{position:absolute;top:8px;left:13%;right:13%;text-align:center;font-size:35px;letter-spacing:8px;animation:mamFloat 3s ease-in-out infinite}@keyframes b2spin{to{rotate:360deg}}@keyframes b2belt{to{background-position:20px 0}}@media(max-width:900px){.b2-home h1{font-size:45px}.b2-home-copy{padding:30px 0 30px 25px}.b2-stage-map{grid-template-columns:1fr 1fr}.b2-game-layout{grid-template-columns:minmax(0,1fr) 180px;gap:17px}.b2-mini-world{grid-template-columns:280px 1fr}.b2-mini-stage{gap:6px;padding:10px}.b2-mini-stage>span small{font-size:8px}.b2-mini-stage>span.active{padding:10px}.b2-companion>.b2-buddy{width:130px;height:155px}.b2-single-scene{padding:16px}.b2-single-scene .mission-part{padding:18px}.b2-single-scene .expression-pairs{gap:15px}.b2-single-scene .pair-bank button{font-size:12px}}@media(max-width:650px){.b2-toolbar{gap:7px;margin-bottom:17px}.b2-toolbar>button,.b2-sound button{font-size:10px;padding:8px;min-height:40px}.b2-sound{margin-left:auto;gap:5px}.b2-toolbar>.b2-wallet{font-size:13px}.b2-wallet span{font-size:9px}.b2-toolbar>#b2Teacher{margin-left:auto}.b2-home{grid-template-columns:1fr;border-radius:24px;min-height:0}.b2-home-copy{padding:24px 22px 10px}.b2-home h1{font-size:43px;letter-spacing:-1px;margin:13px 0}.b2-eyebrow{font-size:8px;letter-spacing:1px}.b2-home-copy>p{font-size:13px;line-height:1.8}.b2-rules{margin:15px 0;gap:6px}.b2-rules span{font-size:9px;padding:6px 8px}.b2-home-art{min-height:330px;border-top:0}.b2-home-art:before{background:linear-gradient(#fffdf2,transparent 30%)}.b2-home-art>.b2-buddy{width:100px;height:120px;top:0;left:38%}.b2-home-art>.b2-factory{height:270px}.b2-map-title{margin-top:27px}.b2-map-title h2{font-size:21px}.b2-map-title>span{font-size:10px}.b2-stage-map{gap:13px}.b2-stage-card{padding:16px 13px;border-radius:17px}.b2-stage-icon{width:43px;height:43px;font-size:25px;border-radius:13px;margin-bottom:12px}.b2-stage-card small{font-size:7px}.b2-stage-card h3{font-size:17px}.b2-stage-card p{font-size:10px;min-height:55px}.b2-stage-card>b{font-size:9px;line-height:1.6;margin-top:12px}.b2-local-note{font-size:10px}.b2-game-heading h1{font-size:24px}.b2-question-count{font-size:12px;padding:9px 12px;border-radius:12px}.b2-mini-world{grid-template-columns:1fr;margin-bottom:17px;gap:0}.b2-mini-world .b2-factory{height:125px;width:270px;margin:auto}.b2-mini-world .factory-building{height:75px;bottom:20px}.b2-mini-world .factory-garage{height:65px;bottom:20px}.b2-mini-world .factory-shop{height:68px;bottom:20px}.b2-mini-world .factory-machine{height:30px}.b2-mini-world .factory-machine>span{font-size:20px}.b2-mini-world .factory-machine>b{font-size:4px}.b2-mini-world .factory-windows{height:13px;top:4px}.b2-mini-world .factory-belt{height:20px}.b2-mini-world .factory-belt>i{font-size:14px}.b2-mini-world .garage-door{top:23px}.b2-mini-world .factory-sign{font-size:7px;top:0;padding:4px 9px}.b2-mini-world .factory-ground{height:20px}.b2-mini-world .shop-window{height:25px;font-size:20px;margin-top:20px}.b2-mini-world .shop-canopy{height:17px}.b2-mini-stage{padding:9px 12px;gap:7px;border-top:2px solid #fff8df;background:#edf3db}.b2-mini-stage>span{font-size:19px;gap:3px;flex:1}.b2-mini-stage>span small{font-size:7px}.b2-mini-stage>span.active{padding:6px;border-radius:11px}.b2-game-layout{display:flex;flex-direction:column;gap:17px}.b2-play-area{width:100%;border-radius:21px}.b2-companion{display:flex;align-items:center;width:100%;padding:0;gap:10px;flex-wrap:wrap}.b2-companion>.b2-buddy{width:65px;height:80px;flex-shrink:0;margin:0}.b2-speech{flex:1;margin:0;padding:12px 14px;border-radius:15px}.b2-speech>b{font-size:8px}.b2-speech p{font-size:11px;margin-top:7px}.b2-source-small{width:100%;margin-top:0}.b2-source-small button{display:inline;margin:0 0 0 8px}.b2-question-brief{padding:17px 18px}.b2-task-label{font-size:12px}.b2-question-brief>p{font-size:14px;line-height:1.9}.b2-single-scene{padding:13px;min-height:250px}.b2-single-scene .mission-part{padding:17px 13px}.b2-single-scene .part-heading h3{font-size:17px}.b2-single-scene .part-heading{gap:10px;margin-bottom:17px}.b2-single-scene .part-heading>span{width:28px;height:28px;font-size:13px}.b2-single-scene .column-paper{max-width:270px;padding:16px 20px}.b2-single-scene .column-paper input{font-size:25px}.b2-single-scene .division-paper{padding:14px 9px;max-width:300px}.b2-single-scene .division-paper input{font-size:20px;padding:8px 3px}.b2-single-scene .expression-pairs{grid-template-columns:1fr;gap:18px}.b2-single-scene .pair-bank{order:1;gap:18px 12px}.b2-single-scene .pair-row{margin:8px 0 12px;padding:16px}.b2-single-scene .pair-bank button{min-height:65px;font-size:12px;padding:12px 7px}.b2-single-scene .pair-row strong{font-size:18px}.b2-single-scene .case-number-entry input{font-size:29px;min-height:60px}.b2-action-dock{gap:9px;padding:16px 14px}.b2-action-dock .play-button{font-size:12px;padding:11px 15px}.b2-action-dock .hint-button{font-size:10px;padding:9px 11px}.b2-action-dock .quiet{font-size:10px}.b2-number-grid{border-spacing:5px}.b2-number-grid td{font-size:17px;padding:7px 15px}.b2-transition{padding:25px 17px;border-radius:24px}.b2-transition h1{font-size:28px}.b2-transition>.b2-factory{height:280px}.b2-transition-speech{gap:8px}.b2-transition-speech .b2-buddy{width:65px;height:80px}.b2-transition-speech p{font-size:12px;padding:13px 15px;border-radius:15px}.b2-no-reward{font-size:10px}.b2-finale{padding:27px 17px}.b2-finale h1{font-size:33px}.b2-finale h2{font-size:23px}.b2-finale>p{font-size:12px}.b2-finale-stats{gap:9px}.b2-finale-stats>span{font-size:11px;padding:10px 12px}.b2-reward-chest{scale:.85;margin:40px auto 15px}.b2-collection{grid-template-columns:1fr;gap:13px}.b2-collection article{display:grid;grid-template-columns:60px 1fr;align-items:center;text-align:left;padding:17px;gap:4px 13px}.b2-collection article>span{grid-row:1/4;font-size:42px}.b2-collection h3{margin:0;font-size:13px}.b2-collection button{margin:4px 0 0;width:100%}.b2-shop-intro{gap:10px}.b2-shop-intro .b2-buddy{width:75px;height:90px}.b2-shop-intro p{font-size:12px}.b2-accessory{font-size:32px;top:8px}}@media(prefers-reduced-motion:reduce){body[data-view^=lesson-two] *,body[data-view^=lesson-two] *:before,body[data-view^=lesson-two] *:after{animation:none!important;transition:none!important}}body[data-view^=lesson-two] [hidden]{display:none!important}.b2-digit-stem{font:25px ui-monospace,monospace;letter-spacing:4px;text-align:right;background:#fffdf1;border:2px solid #d6c494;border-radius:14px;padding:18px 25px;max-width:330px;margin:18px auto}.b2-digit-stem>div{margin:7px 0}.b2-digit-stem .stem-line{border-top:2px solid #8b9170;padding-top:9px}.b2-digit-stem span{display:inline-block;background:#eeead7;border-radius:5px;padding:0 3px;min-width:22px;text-align:center;color:#7b765b}.b2-digit-stem .active-blank{background:#f6d481;color:#8d632c;outline:2px solid #e0b154;outline-offset:3px}.b2-snacks{display:flex;gap:30px;justify-content:center;margin-top:20px}.b2-snacks>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;font-size:42px;background:linear-gradient(#f5dcaa,#e7ba7c);border:3px dashed #d4ab71;border-radius:16px;padding:20px 15px;min-width:130px;box-shadow:0 5px #cfb08444;rotate:-4deg}.b2-snacks>span:last-child{rotate:5deg;background:linear-gradient(#d8e8ee,#a5c8d4);border-color:#90b4c1}.b2-snacks b{font-size:12px;color:#7a7155}.b2-companion .mam-ai-panel{margin-top:18px}@media(max-width:650px){.b2-digit-stem{font-size:22px;letter-spacing:3px;padding:15px 20px;max-width:300px}.b2-snacks{gap:22px}.b2-snacks>span{font-size:33px;min-width:105px;padding:16px 12px}.b2-snacks b{font-size:10px}.b2-companion .mam-ai-panel{width:100%}}body[data-view=portal],body[data-view^=safety]{background:radial-gradient(ellipse at 5% 8%,#e1f2e5,transparent 45%),radial-gradient(ellipse at 95% 60%,#f7e8d1,transparent 50%),#fffaf0}body[data-view=portal] #app,body[data-view^=safety] #app{max-width:1280px}.portal-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px;background:#fffdf3bd;border:1px solid #e0e6d2;border-radius:18px;padding:9px}.portal-nav button{background:transparent;padding:10px 15px;border-radius:12px;font-size:12px;color:#6f8468;min-height:42px}.portal-nav button:first-child{background:#e3eddb;color:#45694b;font-weight:700}.portal-nav #portalTeacher{margin-left:auto;border:1px dashed #cad8ba}.portal-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;min-height:440px;border:5px solid white;border-radius:32px;overflow:hidden;box-shadow:0 9px #d6e3cb,0 20px 40px #536f3e12;background:url(assets/world-forest.webp) center/cover}.portal-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5faeafc,#f1f8e5ef 35%,#e5f3db5c 75%,#d6e8ce33)}.portal-hero-copy{padding:37px 0 36px 38px}.portal-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#638b67;line-height:1.8}.portal-hero h1{font-size:53px;line-height:1.13;letter-spacing:-1.8px;color:#3c6a53;margin:18px 0}.portal-hero h1 em{font-style:normal;color:#b57e40}.portal-hero-copy>p{font-size:15px;line-height:1.9;max-width:460px;color:#6c8167}.portal-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.portal-hero-actions .play-button{font-size:14px;padding:13px 19px;gap:10px}.portal-grade-note{font-size:11px;color:#889375;margin-top:23px}.portal-hero-character{position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:12px}.portal-buddy{position:relative;width:180px;height:210px;flex-shrink:0}.portal-hat{position:absolute;top:11px;left:50%;translate:-50%;font-size:49px;rotate:-10deg}.portal-hero-character>.portal-buddy{width:260px;height:300px;filter:drop-shadow(0 14px 10px #365c3b33);animation:mamFloat 5s ease-in-out infinite}.portal-mam-bubble{position:absolute;top:30px;left:8%;right:8%;background:#fffdf0ed;border:3px solid white;border-radius:25px;padding:17px 20px;text-align:center;font-size:15px;color:#6c7d53;box-shadow:0 6px #b3c19688;line-height:1.8;rotate:3deg;z-index:3}.portal-mam-bubble:after{content:"";position:absolute;bottom:-12px;left:45%;width:20px;height:20px;rotate:45deg;background:#fffdf0;border-right:3px solid white;border-bottom:3px solid white}.portal-spark{position:absolute;font-size:35px;color:#ffe19c;filter:drop-shadow(0 2px #ac8f4d)}.p-one{top:43%;left:10%}.p-two{right:10%;top:50%;font-size:49px}.p-three{bottom:14%;left:11%;font-size:25px}.portal-dashboard{display:grid;grid-template-columns:1.9fr 1fr;gap:23px;margin:34px 0}.portal-continue{background:#fffdf4;border:2px solid #dce5cc;border-radius:24px;padding:25px 28px;box-shadow:0 5px #dbe2ca}.portal-continue h2{font-size:24px;color:#557553;margin:8px 0 23px}.portal-progress-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:17px;font-size:13px;color:#7b8a69}.portal-progress-row b{font-size:11px;color:#8a8d6a}.portal-progress-row>div{grid-column:1/-1;height:9px;background:#e7edda;border-radius:20px;overflow:hidden}.portal-progress-row i{display:block;height:100%;background:linear-gradient(90deg,#83b59a,#e3bf6f);border-radius:20px}.portal-continue>p{font-size:10px;line-height:1.8;color:#9c9d84;margin-top:21px}.portal-pocket{position:relative;overflow:hidden;background:linear-gradient(140deg,#ece7f9,#f7f1dc);border:3px solid white;border-radius:24px;padding:23px 24px;box-shadow:0 5px #cfc4df}.portal-wallet{display:flex;gap:10px;align-items:center;border:2px solid white;border-radius:16px;padding:11px 16px;background:#fff6d9;color:#9f7a35;font-size:24px;font-weight:700;box-shadow:0 3px #d8cba7}.portal-wallet small{font-size:9px;color:#a58d5d;font-weight:400;max-width:60px;text-align:left}.portal-pocket h3{font-size:20px;color:#88719c;margin:19px 0 8px}.portal-pocket p{font-size:12px;line-height:1.8;color:#988ba1;max-width:260px}.portal-pocket>.outline{margin-top:17px;background:#fffdf1;color:#88719c}.portal-pocket>small{display:block;font-size:9px;color:#a7a08d;margin-top:12px}.portal-section-title{display:flex;gap:15px;justify-content:space-between;align-items:end;margin:36px 0 23px}.portal-section-title h2{font-size:28px;color:#466a53;margin-top:8px}.portal-section-title>span{font-size:11px;color:#9ba28b}.portal-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.portal-room{display:grid;grid-template-columns:1fr 1fr;text-align:left;border:3px solid white;border-radius:25px;overflow:hidden;background:#fff9e9;box-shadow:0 6px #d3ddc4;min-height:220px;padding:0}.portal-room-image{position:relative;min-height:220px;overflow:hidden}.portal-room-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:scale .4s}.portal-room:hover img{scale:1.06}.portal-room-badge{position:absolute;left:12px;right:12px;top:13px;border:1px solid white;background:#fff9e3ec;border-radius:20px;padding:5px 9px;text-align:center;font-size:8px;color:#8f865e;font-weight:700}.portal-room-image>i{position:absolute;right:12px;bottom:13px;display:grid;place-items:center;width:48px;height:48px;background:#fff6d8;border:3px solid white;border-radius:15px;font-size:28px;font-style:normal;box-shadow:0 3px #676e4f44}.portal-room-copy{padding:25px 22px;align-self:center}.portal-room-copy h3{font-size:23px;line-height:1.3;color:#5d7955}.portal-room-copy p{font-size:12px;line-height:1.9;color:#8c947b;margin-top:12px}.portal-room-copy>b{display:block;margin-top:21px;font-size:11px;color:#8c995e}.room-games{background:#fff2da;box-shadow:0 6px #decaab}.room-games h3{color:#9c784b}.room-games .portal-room-copy>b{color:#af8b55}.room-safety{background:#e9f2eb;box-shadow:0 6px #b9d1c0}.room-safety h3{color:#577e6d}.room-creative{background:#f0eaf8;box-shadow:0 6px #cbbbdc}.room-creative h3{color:#8f77a0}.portal-guide{display:flex;align-items:center;gap:28px;padding:27px 35px;margin-top:38px;background:#edf4e3;border:2px solid #d5e2c4;border-radius:26px}.portal-guide-picture .portal-buddy{width:130px;height:155px}.portal-guide>div:last-child{flex:1}.portal-guide h2{font-size:25px;color:#5b7f53;margin:8px 0}.portal-guide p{font-size:13px;line-height:1.9;color:#8b9a78;max-width:780px}.portal-quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.portal-quick button{font-size:11px;background:#fffaf0;border:1px solid #d5ddc1;border-radius:12px;padding:11px 13px;color:#7b8e69;min-height:42px}.portal-scope{font-size:11px;line-height:1.9;color:#969e86;margin:25px 0 12px}.school-heading{padding:25px 0 10px}.school-heading h1{font-size:40px;color:#4d7154;margin:14px 0}.school-heading>p{font-size:14px;color:#91a080;line-height:1.9}.portal-grades{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.portal-grades button{width:85px;height:62px;background:#fff4d8;border:3px solid white;box-shadow:0 4px #d6c393;border-radius:17px;font-size:17px;font-weight:700;color:#a28a53}.portal-grades button.active{background:#8eaf8b;color:#fff;box-shadow:0 4px #668763}.portal-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.subject-card{background:#fffdf3;border:2px solid #d9e4ca;box-shadow:0 5px #d2dcc4;border-radius:22px;text-align:left;padding:25px}.subject-card>span{font-size:40px;display:block}.subject-card h2{font-size:21px;color:#647f59;line-height:1.5;margin:17px 0 12px}.subject-card>small{font-size:11px;color:#aaa086}.subject-card:nth-child(2n){background:#fff4e2;border-color:#e4d3b5;box-shadow:0 5px #ddcdad}.subject-card:nth-child(3n){background:#f0eaf7;border-color:#d8cce6;box-shadow:0 5px #cbbdda}.portal-school-footer{display:flex;gap:17px;align-items:center;justify-content:space-between;margin:28px 0}.portal-chat-intro{display:flex;gap:20px;align-items:center}.portal-chat-intro .portal-buddy{width:85px;height:100px}.portal-chat-intro p{font-size:13px;line-height:1.9;color:#8b977a}.portal-chat-host{padding:0;display:block!important}.portal-chat-host .mam-ai-panel{margin-top:15px}.portal-chat-host .mam-ai-messages{max-height:320px}.safety-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:410px;background:linear-gradient(120deg,#e2f1df,#fff4da);border:4px solid white;border-radius:30px;overflow:hidden;box-shadow:0 7px #c8ddbf}.safety-hero>div:first-child{padding:35px 0 35px 35px}.safety-hero h1{font-size:59px;line-height:1.1;color:#477a66;letter-spacing:-1px;margin:18px 0}.safety-hero h1 em{font-style:normal;color:#ac8a48}.safety-hero p{font-size:15px;line-height:1.9;color:#7b9679;max-width:460px;margin-bottom:25px}.safety-hero small{display:block;font-size:10px;color:#9ba27c;line-height:1.8;margin-top:18px}.safety-hero-art{position:relative;background:radial-gradient(ellipse,#f9ecc5,transparent 70%);overflow:hidden}.safety-hero-art>img{width:180px;height:210px;object-fit:contain;position:absolute;bottom:0;right:0;filter:drop-shadow(0 7px #63816533)}.safety-shield{font-size:180px;position:absolute;left:0;top:60px;rotate:-12deg;filter:drop-shadow(0 10px #799b7540);animation:mamFloat 5s ease-in-out infinite}.safety-shield span{position:absolute;font-size:50px;color:#efd37c;right:-35px;top:-25px}.safety-cloud{position:absolute;background:#fffdf1;border:3px solid white;border-radius:20px;padding:17px 22px;right:25px;top:30px;font-size:17px;color:#7c966b;line-height:1.8;text-align:center;rotate:5deg;box-shadow:0 5px #a4b49b55}.safety-map{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.safety-map button{border:3px solid white;border-radius:21px;background:#edf4e1;box-shadow:0 5px #c5d8b7;text-align:left;padding:22px}.safety-map button>span{display:block;font-size:37px;margin-bottom:17px}.safety-map button>small{font-size:8px;letter-spacing:1px;color:#99a67f}.safety-map h3{font-size:20px;color:#6d8b5e;margin-top:8px}.safety-map .done{background:#d5e8d5}.safety-map .done>span{color:#648b69}.safety-map button:disabled{filter:grayscale(.5);opacity:.55}.safety-sources{border:1px solid #d9e0cc;background:#fffdf5;border-radius:17px;padding:19px 22px;color:#839175;font-size:12px;line-height:1.9}.safety-sources summary{font-weight:700;cursor:pointer}.safety-sources p{margin:15px 0}.safety-sources a{display:block;color:#628777;margin:8px 0}.safety-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}.safety-question{background:#fffdf5;border:3px solid white;box-shadow:0 6px #d1dec3;border-radius:25px;overflow:hidden}.safety-story{position:relative;background:linear-gradient(115deg,#e5f1df,#f6eed8);padding:25px 28px 26px 92px;border-bottom:2px solid #dce6c9}.safety-scene-icon{position:absolute;font-size:42px;left:24px;top:25px}.safety-story h2{font-size:25px;color:#5e825c;margin-bottom:13px}.safety-story p{font-size:15px;line-height:1.9;color:#798c6d}.safety-question>h3{font-size:19px;color:#66805a;padding:24px 28px 5px;line-height:1.6}.safety-options{display:flex;flex-direction:column;gap:13px;padding:15px 26px}.safety-options button{display:flex;align-items:center;gap:13px;text-align:left;border:2px solid #d4debf;border-radius:15px;padding:15px 17px;background:#f8f8e8;color:#7f8b68;font-size:14px;line-height:1.8;box-shadow:0 3px #c6d0b355}.safety-options button>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#e7edd5;border-radius:10px;color:#8c9a70;font-size:12px;font-weight:700}.safety-options button.selected{background:#e4edda;border-color:#8caf82;color:#52764d;outline:2px solid white;box-shadow:0 4px #a8c09a}.safety-reflection{display:block;padding:15px 27px 22px;font-size:13px;font-weight:700;line-height:1.8;color:#8b8463}.safety-reflection textarea{display:block;width:100%;border:2px dashed #d3d8bf;border-radius:13px;background:#fffdf1;padding:13px;font-family:inherit;font-size:14px;line-height:1.9;margin-top:12px;resize:vertical;color:#6d785e}.safety-reflection small{display:block;font-size:10px;font-weight:400;color:#a3a38b;margin-top:10px;line-height:1.8}.safety-companion .b2-buddy{margin:auto}.safety-companion .b2-speech{margin-bottom:17px}.safe-real-help{background:#fff0d7;border:1px solid #e0c49b;border-radius:13px;color:#ad8a55;font-size:12px;padding:12px;width:100%;min-height:44px}.safety-finale{background:linear-gradient(#e5f1e4,#fff4d8)}.safety-finale h1{color:#608365}.safety-final-shield{font-size:110px;margin:23px 0 5px}@media(max-width:900px){.portal-hero h1{font-size:43px}.portal-hero-copy{padding-left:28px}.portal-hero-character>.portal-buddy{width:220px;height:270px}.portal-mam-bubble{font-size:13px}.portal-room{grid-template-columns:1fr}.portal-room-image{min-height:170px}.portal-room-copy{padding:21px}.portal-room-copy h3{font-size:23px}.portal-dashboard{grid-template-columns:1.5fr 1fr}.safety-hero h1{font-size:48px}.safety-shield{font-size:150px}.safety-hero-art>img{width:150px;height:180px}.safety-game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:17px}.safety-companion .b2-buddy{width:140px;height:165px}}@media(max-width:650px){.portal-nav{gap:5px;padding:7px;margin-bottom:16px;justify-content:center}.portal-nav button{font-size:10px;padding:8px 9px;min-height:38px}.portal-nav #portalTeacher{margin-left:0}.portal-hero{grid-template-columns:1fr;border-radius:24px}.portal-hero:before{background:linear-gradient(#f3f9e9f7,#eef6e7e0 55%,#dbecc533)}.portal-hero-copy{padding:25px 22px 8px}.portal-kicker{font-size:8px;letter-spacing:1px}.portal-hero h1{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:15px 0}.portal-hero-copy>p{font-size:13px;line-height:1.9}.portal-hero-actions{gap:9px;margin-top:19px}.portal-hero-actions .play-button{font-size:12px;padding:12px 15px}.portal-hero-actions .glass-button{font-size:11px;padding:10px 13px}.portal-grade-note{font-size:9px;margin-top:16px}.portal-hero-character{min-height:260px;padding:50px 0 0}.portal-hero-character>.portal-buddy{width:170px;height:205px}.portal-mam-bubble{left:12%;right:12%;top:12px;font-size:12px;padding:10px 15px;border-radius:18px}.portal-mam-bubble br{display:none}.p-one{left:18%;top:50%}.p-two{right:18%;top:55%;font-size:35px}.p-three{bottom:15%;left:18%}.portal-dashboard{grid-template-columns:1fr;gap:17px;margin:25px 0}.portal-continue{padding:21px 20px;border-radius:20px}.portal-continue h2{font-size:21px;margin-bottom:19px}.portal-progress-row{font-size:12px}.portal-pocket{padding:20px}.portal-wallet{font-size:24px;display:inline-flex}.portal-pocket h3{font-size:20px;margin-top:16px}.portal-pocket p{font-size:12px;max-width:none}.portal-pocket>.outline{margin-top:14px}.portal-section-title{margin:29px 0 19px}.portal-section-title h2{font-size:23px}.portal-section-title>span{display:none}.portal-room-grid{gap:16px}.portal-room{border-radius:20px;min-height:0}.portal-room-image{min-height:135px}.portal-room-badge{left:7px;right:7px;top:9px;font-size:7px;padding:4px 6px}.portal-room-image>i{width:37px;height:37px;font-size:22px;right:8px;bottom:8px;border-radius:12px}.portal-room-copy{padding:17px 13px}.portal-room-copy h3{font-size:19px;line-height:1.35}.portal-room-copy p{font-size:10px;line-height:1.8;margin-top:9px}.portal-room-copy>b{font-size:9px;margin-top:15px}.portal-guide{padding:20px 18px;gap:13px;align-items:start;margin-top:28px}.portal-guide-picture .portal-buddy{width:65px;height:80px}.portal-guide h2{font-size:21px}.portal-guide p{font-size:11px;line-height:1.9}.portal-quick{gap:7px}.portal-quick button{font-size:10px;padding:9px 10px}.portal-scope{font-size:10px;line-height:1.9}.portal-hat{font-size:32px;top:8px}.school-heading{padding-top:17px}.school-heading h1{font-size:31px}.school-heading>p{font-size:12px}.portal-grades{gap:9px;margin:21px 0}.portal-grades button{width:calc(20% - 8px);height:52px;font-size:14px;border-radius:13px}.portal-subjects{grid-template-columns:1fr 1fr;gap:16px}.subject-card{padding:20px 15px;border-radius:18px}.subject-card>span{font-size:33px}.subject-card h2{font-size:18px;margin:13px 0 9px}.subject-card>small{font-size:9px;line-height:1.8;display:block}.portal-school-footer{gap:12px;flex-wrap:wrap}.portal-chat-intro{gap:12px}.portal-chat-intro .portal-buddy{width:65px;height:80px}.portal-chat-intro p{font-size:11px}.safety-hero{grid-template-columns:1fr;border-radius:24px}.safety-hero>div:first-child{padding:26px 23px 10px}.safety-hero h1{font-size:44px;margin:14px 0}.safety-hero p{font-size:13px;line-height:1.9}.safety-hero small{font-size:9px}.safety-hero-art{min-height:270px;max-width:340px;width:100%;margin:auto}.safety-shield{font-size:155px;left:25px;top:55px}.safety-hero-art>img{width:120px;height:145px;right:15px}.safety-cloud{font-size:13px;padding:12px 17px;right:17px;top:15px;border-radius:16px}.safety-map{grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.safety-map button{padding:18px 15px;border-radius:18px}.safety-map button>span{font-size:30px;margin-bottom:13px}.safety-map h3{font-size:17px}.safety-map button>small{font-size:7px}.safety-sources{font-size:11px;padding:16px 18px}.safety-game-layout{display:flex;flex-direction:column;gap:19px}.safety-question{width:100%;border-radius:22px}.safety-story{padding:22px 20px 23px 70px}.safety-scene-icon{font-size:30px;left:18px;top:21px}.safety-story h2{font-size:21px;margin-bottom:12px}.safety-story p{font-size:13px;line-height:1.9}.safety-question>h3{font-size:17px;padding:21px 20px 5px}.safety-options{padding:14px 18px;gap:12px}.safety-options button{font-size:12px;gap:10px;padding:13px 12px}.safety-options button>span{width:27px;height:27px;font-size:11px;border-radius:9px}.safety-reflection{padding:13px 20px 20px;font-size:12px}.safety-reflection textarea{font-size:13px;padding:11px}.safety-reflection small{font-size:9px}.safety-companion{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0}.safety-companion .b2-buddy{width:65px;height:80px;margin:0}.safety-companion .b2-speech{flex:1;margin:0}.safety-companion .mam-ai-panel{width:100%;margin-top:0}.safe-real-help{font-size:11px}.safety-final-shield{font-size:85px}.safety-finale h1{font-size:31px}}@media(prefers-reduced-motion:reduce){body[data-view=portal] *,body[data-view^=safety] *{animation:none!important;transition:none!important}}.safe-library{padding:32px;border-radius:28px;background:#fff8e9;border:1px solid #e6d9ba;margin:30px 0}.safe-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.safe-resource-grid button{padding:24px;text-align:left;background:#fff;border:2px solid #dce9d7;border-radius:22px;color:#244539;cursor:pointer}.safe-resource-grid button:nth-child(2){background:#eaf7f5}.safe-resource-grid button:nth-child(3){background:#fff0df}.safe-resource-grid button>span{font-size:48px}.safe-resource-grid h3{line-height:1.4}.safe-reader{max-width:680px;line-height:1.7}.safe-reader li{margin-bottom:12px}.safe-mini-options{display:grid;gap:12px}.safe-mini-options button,.safe-learn-button{padding:14px 18px;border:1px solid #b7d7ca;border-radius:14px;background:#edf8f2;color:#214b3c;cursor:pointer;font:inherit;text-align:left}.safe-learn-button{margin-top:20px}.safe-reader #safeMiniFeedback{padding:16px;background:#fff5dc;border-radius:16px;min-height:48px}.safe-reader details{margin-top:22px}.safe-library a{color:#285b4b}.safe-resource-grid button:hover,.safe-mini-options button:hover{border-color:#42896d}.safe-resource-grid button:focus-visible,.safe-mini-options button:focus-visible,.safe-learn-button:focus-visible{outline:3px solid #d08b20;outline-offset:3px}@media(max-width:760px){.safe-resource-grid{grid-template-columns:1fr}.safe-library,.safe-resource-grid button{padding:20px}}.global-audio-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:10px 24px;max-width:1320px;margin:auto}.global-audio-bar button{font:inherit;font-size:12px;border:1px solid #a8c9b9;background:#f3fff5;color:#285440;border-radius:12px;padding:10px 13px;cursor:pointer}.global-audio-bar span{font-size:12px;color:#5b6d60;line-height:1.5}.global-audio-bar button:focus-visible{outline:3px solid #d5a342;outline-offset:3px}.b2-sound{flex-wrap:wrap}@media(max-width:650px){.global-audio-bar{padding:10px 16px}.global-audio-bar span{width:100%}}body[data-view^=math-journey]{background:radial-gradient(at 0 0,hsl(var(--lesson-hue) 45% 90%),transparent 65%),#fff9ed}.mj-cover{border-radius:30px;overflow:hidden;background:#fffdf6;display:grid;grid-template-columns:1.05fr 1fr;border:3px solid #fff;box-shadow:0 7px #ccd5bf}.mj-cover>div{padding:36px}.mj-cover h1{font-size:42px;line-height:1.2;color:#32584a}.mj-cover h2{font-size:22px;color:#a26e3d}.mj-cover p{line-height:1.8}.mj-cover>img{width:100%;height:100%;object-fit:cover;min-height:390px}.mj-rounds{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:25px 0 14px}.mj-rounds button{padding:13px;border-radius:14px;background:#fff;border:2px solid #b9cdbc;color:#385b4a;cursor:pointer;font:inherit}.mj-rounds button[aria-pressed=true]{background:#386e59;color:#fff}.mj-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:28px 0}.mj-map button{border-radius:22px;background:hsl(var(--lesson-hue) 45% 94%);border:3px solid white;padding:22px;text-align:left;box-shadow:0 5px #cad8bd;color:#365543;cursor:pointer}.mj-map button:nth-child(3n+2){background:#fff0d8}.mj-map button:nth-child(3n){background:#eee8fc}.mj-map button>span{display:block;font-size:40px;margin-bottom:10px}.mj-map small{letter-spacing:1px}.mj-map p{font-size:12px;line-height:1.7;max-height:65px;overflow:hidden}.mj-map button:disabled{opacity:.55;cursor:default}.mj-map button.done{border-color:#8cbe98}.mj-world-strip{display:flex;align-items:center;background:#f0f5e5;border-radius:22px;overflow:hidden;margin-bottom:22px;border:3px solid white;gap:22px}.mj-world-strip>img{width:180px;height:140px;object-fit:cover}.mj-world-strip b{font-size:21px}.mj-world-strip p{font-size:12px}.mj-world-strip span,.mj-stamps span{display:inline-grid;place-items:center;border:2px solid white;width:38px;height:38px;border-radius:12px;background:#e1dec9;margin:3px;font-size:22px}.mj-world-strip .active{outline:2px solid #d5a242}.mj-world-strip .done,.mj-stamps span{background:#b8d5b2}.mj-shared{background:#fff8df;padding:22px 26px;border-bottom:2px dashed #d8ca9f;line-height:1.8}.mj-shared details{font-size:13px}.mj-shared strong{color:#376544}.mj-variant-note{padding:10px 22px;background:#e7f4ef;font-size:12px}.mj-mam{width:150px;height:170px;margin:auto}.mj-mam img{width:100%;height:100%;object-fit:contain}.mj-correct{animation:mjGlow 1s ease-out}.mj-transition{text-align:center;background:#fffdf3;border:4px solid white;border-radius:30px;padding:30px}.mj-transition>img{display:block;width:min(100%,650px);height:270px;object-fit:cover;border-radius:24px;margin:20px auto}.mj-transition h1{font-size:32px;color:#355c45}.mj-transition p{line-height:1.8}.mj-transition small{display:block;margin-top:16px}.mj-map button:focus-visible,.mj-rounds button:focus-visible{outline:3px solid #c99835;outline-offset:3px}@keyframes mjGlow{0%{box-shadow:inset 0 0 0 7px #8cca8b;transform:scale(.99)}45%{box-shadow:inset 0 0 40px #b9eea6}to{box-shadow:none;transform:none}}@media(prefers-reduced-motion:reduce){.mj-correct{animation:none}}@media(max-width:750px){.mj-cover{grid-template-columns:1fr}.mj-cover>div{padding:24px}.mj-cover h1{font-size:32px}.mj-cover>img{height:220px;min-height:0}.mj-world-strip{gap:10px}.mj-world-strip>img{width:95px;height:150px}.mj-world-strip b{font-size:16px}.mj-world-strip span{width:29px;height:29px;font-size:18px}.mj-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mj-map button{padding:16px}.mj-map h3{font-size:16px}.mj-shared{padding:18px}.mj-mam{width:85px;height:95px}}:root{--island-ink:#234b43;--island-moss:#37775e;--island-cream:#fff9eb;--island-gold:#d7a94e}body[data-view^=islands]{background:radial-gradient(ellipse at 80% 0,#d5eef1,transparent 55%),#faf7eb;color:var(--island-ink)}body[data-view^=islands] #app{max-width:1320px}.island-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0 20px}.island-nav button{padding:10px 14px;border-radius:25px;border:1px solid #c3d5c4;background:#fffcf4;color:#335e4f;font:inherit;font-size:12px;cursor:pointer}.island-nav button:hover{background:#e1efe0;transform:translateY(-2px)}.island-nav b{margin-left:auto;background:#fff0c2;border:1px solid #e7d39d;border-radius:25px;padding:11px 18px;white-space:nowrap}.island-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 24px}.island-heading h1{font-size:clamp(32px,4vw,54px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0;color:#294f42}.island-heading h1 em{font-style:normal;color:#a97332}.island-heading p{color:#678271;line-height:1.8;font-size:14px}.island-map{position:relative;isolation:isolate;aspect-ratio:3/2;border-radius:35px;border:6px solid #fff;box-shadow:0 9px #9cbfb733,0 20px 50px #294e4e18;overflow:hidden;background:#58b0c0}.island-map>img{width:100%;height:100%;object-fit:cover;display:block}.island-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 15px;border:2px solid #fff9d7;background:#fff8e9ee;box-shadow:0 5px #597d6340,0 10px 16px #25443c30;border-radius:18px;cursor:pointer;color:#244b40;min-width:116px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3}.island-pin>span{font-size:28px;filter:drop-shadow(0 3px 2px #586c4540)}.island-pin>b{font-size:12px}.island-pin small{font-size:9px;color:#956b38}.island-pin:hover{transform:translate(-50%,-56%);background:#fffbe9;border-color:#edc26c}.home-pin{background:#fff1cbed;top:88%}.island-map-mam{position:absolute;left:41%;bottom:10%;width:14%;aspect-ratio:1;z-index:4;pointer-events:none}.island-map-mam>span:last-child{display:block;position:absolute;bottom:-11%;left:15%;width:180px;max-width:220%;padding:10px;background:#fffef3;border:2px solid #fff;border-radius:20px;font-size:11px;box-shadow:0 4px #5c715635}.lighthouse-glow{position:absolute;top:9%;left:41%;width:20%;height:35%;background:conic-gradient(from 15deg,transparent,#fff7b655,transparent,#fff7b650,transparent);filter:blur(10px);opacity:var(--light);mix-blend-mode:screen;animation:beaconTurn 18s linear infinite;pointer-events:none}.island-ocean-ripples,.home-waves{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 60%,transparent 0 65px,#c8f7f321 68px,transparent 71px);-webkit-mask-image:linear-gradient(transparent 35%,#000);mask-image:linear-gradient(transparent 35%,#000);pointer-events:none;animation:seaDrift 9s ease-in-out infinite;mix-blend-mode:screen}.island-gulls{position:absolute;left:50%;top:40%;color:#fff;font-size:35px;letter-spacing:10px;animation:gullFly 16s linear infinite;pointer-events:none}.island-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin:30px 0}.island-letter,.island-lighthouse{padding:28px 32px;background:#fffdf5;border:2px solid white;border-radius:25px;box-shadow:0 5px #d2ddc9}.island-letter>span{font-size:10px;letter-spacing:2px;color:#8b875f}.island-letter h2{font-size:26px;margin:13px 0}.island-letter p{font-size:13px;line-height:1.9}.island-letter small{display:block;color:#8c907d;margin-top:15px;line-height:1.7;font-size:11px}.island-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:15px 0}.island-lighthouse{text-align:center;background:linear-gradient(145deg,#f5eedb,#f4f9e9)}.island-lighthouse>span{font-size:53px}.island-lighthouse h3{font-size:20px;margin:12px 0}.island-lighthouse>b{font-size:12px}.island-story-dialog{line-height:1.9}.island-story-dialog>.mam-avatar{width:180px;height:180px;float:left;margin:0 25px 15px 0}.island-host{display:flex;gap:20px;align-items:center}.island-host>.mam-avatar{width:120px;height:120px;flex-shrink:0}.island-lesson-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;max-height:60vh;overflow:auto}.island-lesson-list button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #c5dac8;border-radius:17px;background:#fffcf3;padding:10px;color:#365a47;font:inherit;cursor:pointer}.island-lesson-list img{width:80px;height:80px;object-fit:cover;border-radius:12px}.island-lesson-list button>span{font-size:11px}.island-lesson-list b{display:block;line-height:1.5;margin:5px 0;font-size:14px}.island-lesson-list small{font-size:10px;color:#7b8e74}.island-home-scene{position:relative;aspect-ratio:3/2;overflow:hidden;border:5px solid #fff;border-radius:32px;box-shadow:0 6px #bad0bf}.island-home-scene>img{width:100%;height:100%;object-fit:cover}.home-nameplate{position:absolute;left:38%;top:43%;background:#fff5d8ed;border:3px solid #fff;border-radius:14px;padding:10px 18px;font-size:14px;color:#5b6039;box-shadow:0 3px #314d3833}.home-mam{position:absolute;left:40%;top:52%;width:16%;aspect-ratio:1;pointer-events:none}.home-decoration{position:absolute;translate:-50% -50%;border:0;background:none;filter:drop-shadow(0 8px 4px #263e3a38);font-size:clamp(35px,5vw,82px);padding:0;cursor:pointer;z-index:3}.decoration-lantern{animation:lanternGlow 3s ease-in-out infinite}.decoration-flowers{animation:flowerSway 5s ease-in-out infinite}.home-item-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:16px}.home-item-tools button{padding:12px;border:1px solid #c3d5b5;border-radius:13px;background:#fff8e6;font:inherit;cursor:pointer}.island-wardrobe{padding:28px;border-radius:25px;background:#fffdf5;border:2px solid #fff;margin:20px 0}.island-wardrobe h2{font-size:25px}.shop-preview{width:170px;text-align:center;flex-shrink:0}.shop-preview>.mam-avatar{width:150px;height:150px}.shop-preview small{font-size:10px;color:#7b8e74}.island-goods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.island-goods article{border:2px solid #fff;border-radius:24px;overflow:hidden;background:#fffdf5;box-shadow:0 5px #d8dfc8;padding:0 20px 20px}.goods-art{height:150px;margin:0 -20px 18px;background:radial-gradient(ellipse,#e4f1d3,#eff2e3);display:grid;place-items:center}.goods-outfit{background:radial-gradient(ellipse,#fff1c9,#faf0dd)}.goods-art>span{font-size:70px;filter:drop-shadow(0 9px 3px #79977130)}.island-goods small{font-size:9px;letter-spacing:1.3px;color:#8f8e6c}.island-goods h3{font-size:18px;color:#3b5a43;margin:9px 0}.island-goods p{font-size:12px;line-height:1.7;min-height:35px;color:#7c8970}.island-goods b{display:block;font-size:16px;color:#9a7636;margin:14px 0}.island-goods article>div:last-child{display:flex;gap:8px}.island-goods button{padding:10px;border-radius:12px;background:#ecf4e4;border:1px solid #b4cba5;color:#3c6143;font:inherit;font-size:11px;cursor:pointer}.island-goods button[data-buy]{background:#3f7b60;color:#fff;border-color:#3f7b60}.island-goods button:disabled{opacity:.45;cursor:default}#shopNotice:not(:empty){padding:16px;background:#e7f4dd;border-radius:15px;margin:12px 0;line-height:1.7}.decor-preview{text-align:center;line-height:1.8}.decor-preview>span{font-size:100px}.island-scene-life{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mj-world-strip,.b2-mini-world{position:relative;isolation:isolate}.island-scene-life i{position:absolute;left:60%;top:20%;font-size:21px;opacity:.65;animation:leafDrift 9s ease-in-out infinite}.island-scene-life i:nth-child(2){left:84%;top:70%;animation-delay:-3s}.island-scene-life i:nth-child(3){left:40%;top:55%;animation-delay:-6s}.mam-avatar{display:inline-block;position:relative;width:100%;height:100%;min-height:60px;aspect-ratio:1;overflow:visible;vertical-align:middle;isolation:isolate}.mam-sprite{display:block;width:100%;height:100%;background-image:url(assets/islands/mam-poses.webp);background-size:400% 200%;background-position:var(--mam-x,0%) var(--mam-y,0%);background-repeat:no-repeat;animation:mamBreathe 4s ease-in-out infinite;filter:drop-shadow(0 7px 3px #496f4a22)}.mam-avatar[data-mam-pose=jump] .mam-sprite,.mam-avatar[data-mam-pose=stars] .mam-sprite{animation:mamJump .55s ease-in-out 3}.mam-avatar[data-mam-pose=dance] .mam-sprite{animation:mamDance .45s ease-in-out 4}.mam-avatar[data-mam-pose=clap] .mam-sprite{animation:mamClap .3s ease-in-out 5}.mam-avatar[data-mam-pose=flowers] .mam-sprite{animation:mamToss .7s ease-in-out 2}.mam-avatar[data-mam-pose=highfive] .mam-sprite{animation:mamFive .8s ease-in-out 2}.mam-avatar[data-mam-pose=wave] .mam-sprite,.mam-avatar[data-mam-pose=flag] .mam-sprite{animation:mamWave 1s ease-in-out 2}.mam-outfit{position:absolute;top:47%;left:47%;font-size:clamp(18px,2.4vw,35px);font-style:normal;z-index:2}.mam-particles{position:absolute;inset:0;pointer-events:none;overflow:visible}.mam-particles>i{position:absolute;left:50%;top:32%;font-style:normal;font-size:clamp(15px,2vw,26px);animation:petalToss 1.5s ease-out both;animation-delay:calc(var(--particle)*.04s)}.mam-cheer-caption{font-size:13px;color:#527948;padding:8px 18px;font-weight:700}.friends-mam{width:150px;height:150px}.friends-lobby{display:grid;grid-template-columns:1fr 1fr;gap:24px}.friends-lobby section{background:#fffdf4;border:2px solid white;border-radius:25px;padding:30px;box-shadow:0 5px #d2ddc8}.friends-lobby h2{font-size:22px;margin:0 0 22px}.friends-lobby label{display:block;font-size:12px;color:#67806b;margin:15px 0}.friends-lobby input,.friends-lobby select{display:block;width:100%;padding:14px;border:1px solid #bfceb4;background:#fff;border-radius:13px;font:inherit;font-size:14px;margin-top:8px;color:#365a43}.friends-lobby p{font-size:12px;line-height:1.8;color:#7a8b74}.friends-status{padding:14px 0;font-size:14px;line-height:1.8;color:#49724c}.island-access-note{padding:18px 22px;background:#f4efdd;border-radius:17px;font-size:12px;line-height:1.8;color:#8a7953}.room-code{text-align:center;background:#fff6da;border:2px solid #fff;border-radius:20px;padding:16px 24px;font-size:10px;letter-spacing:1px}.room-code strong{display:block;font-size:30px;letter-spacing:4px;margin:6px;color:#8c692e}.room-code button{padding:8px 12px;border:1px solid #d9c792;background:#fffaf0;border-radius:10px;cursor:pointer}.room-actions{display:flex;gap:12px;flex-wrap:wrap}.room-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px}.room-layout #activity{padding:16px}.room-layout #roomSubmit{margin:20px}.room-finished{text-align:center;padding:30px}.room-finished>.mam-avatar{width:180px;height:180px}.room-finished small{display:block;margin-top:20px;font-size:11px;line-height:1.7;color:#7c8f73}.room-community,.room-board{padding:25px;border:2px solid white;border-radius:24px;background:#fffbee;margin-bottom:22px}.room-community{text-align:center;background:linear-gradient(#e8f3df,#fff5db)}.community-library{display:block;font-size:85px}.stage-0{opacity:.6}.stage-1{opacity:.8}.room-community h2,.room-board h2{font-size:21px}.room-community p,.room-board>p{font-size:12px;line-height:1.8;color:#7a8866}.room-community small{font-size:11px;line-height:1.7}.board-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e3e5cb}.board-row>span{font-size:20px;min-width:28px}.board-row>div{flex:1}.board-row b{font-size:12px}.board-row small{display:block;font-size:10px;color:#8b9072;margin-top:6px}.board-row button{border:1px solid #cbd8bc;background:#fff;border-radius:12px;padding:10px;cursor:pointer}.board-row.is-me{background:#e7f3df;border-radius:10px;padding:14px 8px}.room-board details{margin-top:20px;font-size:12px;line-height:1.8}.room-board details p{margin:10px 0}.island-nav button:focus-visible,.island-pin:focus-visible,.island-goods button:focus-visible,.home-decoration:focus-visible{outline:3px solid #b58025;outline-offset:4px}.goods-sprite{display:block;width:130px;height:130px;background-image:url(assets/islands/goods.webp);background-size:400% 300%;background-position:var(--good-x) var(--good-y);background-repeat:no-repeat}.home-decoration .goods-sprite{width:clamp(55px,8vw,130px);height:clamp(55px,8vw,130px)}.mam-avatar[data-costume]:not([data-costume=leaf]) .mam-sprite{background-image:url(assets/islands/mam-costumes.webp);background-position:var(--costume-x,0%) var(--costume-y,0%)}.mam-avatar[data-costume]:not([data-costume=leaf]) .mam-outfit{display:none}@keyframes mamBreathe{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes mamJump{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-19px) scale(1.03)}}@keyframes mamDance{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg) translateY(-6px)}}@keyframes mamClap{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.04) rotate(2deg)}}@keyframes mamToss{0%,to{transform:rotate(-4deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes mamFive{0%,to{transform:scale(.97)}50%{transform:scale(1.08)}}@keyframes mamWave{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes petalToss{0%{opacity:0;transform:translateY(10px) scale(.3)}20%{opacity:1}to{opacity:0;transform:translate(var(--drift),-120px) rotate(100deg) scale(1.2)}}@keyframes seaDrift{50%{transform:translate(12px,8px);opacity:.4}}@keyframes beaconTurn{to{transform:rotate(360deg)}}@keyframes gullFly{0%{transform:translate(-250px)}to{transform:translate(300px)}}@keyframes leafDrift{0%,to{transform:translate(0) rotate(-10deg)}50%{transform:translate(35px,-20px) rotate(20deg)}}@keyframes lanternGlow{50%{filter:drop-shadow(0 0 14px #ffe17b)}}@keyframes flowerSway{50%{rotate:4deg}}@media(max-width:850px){.island-nav button{font-size:11px;padding:9px 11px}.island-map{aspect-ratio:1.15}.island-map>img{object-fit:cover}.island-pin{padding:8px;min-width:94px;border-radius:14px}.island-pin>span{font-size:22px}.island-pin>b{font-size:10px}.island-map-mam{width:20%;bottom:18%;left:36%}.island-map-mam>span:last-child{font-size:9px;width:140px}.island-bottom{grid-template-columns:1fr}.island-goods{grid-template-columns:repeat(3,minmax(0,1fr))}.room-layout{grid-template-columns:1fr}.room-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.island-home-scene{aspect-ratio:1.25}.home-nameplate{left:32%;font-size:12px}.island-lesson-list{grid-template-columns:1fr}}@media(max-width:560px){.island-nav{gap:6px}.island-nav b{padding:9px 12px;font-size:13px}.island-heading{gap:12px;align-items:flex-start}.island-heading h1{font-size:32px}.island-heading p{font-size:12px}.island-heading>.outline{font-size:10px;padding:10px}.island-map{border-radius:22px;aspect-ratio:1;overflow:hidden}.island-pin{min-width:75px;max-width:110px;padding:7px 5px}.island-pin b{font-size:9px}.island-pin>span{font-size:20px}.pin-garden{top:15%}.pin-stories{top:18%}.pin-workshop{left:15%;top:43%}.pin-safe{left:85%;top:43%}.pin-harbor{top:71%;left:82%}.pin-friends{top:75%;left:16%}.home-pin{top:88%;left:50%}.island-map-mam{width:23%;left:37%;bottom:22%}.island-map-mam>span:last-child{left:-10%;width:145px;bottom:-30%}.island-letter,.island-lighthouse{padding:22px}.island-letter h2{font-size:23px}.island-goods{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.island-goods article{padding:0 13px 16px}.goods-art{margin:0 -13px 14px;height:120px}.goods-sprite{width:105px;height:105px}.island-goods h3{font-size:15px}.island-goods article>div:last-child{flex-direction:column}.shop-preview{width:110px}.shop-preview>.mam-avatar{width:110px;height:110px}.island-wardrobe{padding:20px}.home-nameplate{top:40%;left:29%;font-size:10px;padding:7px}.home-mam{width:22%;left:37%;top:53%}.friends-lobby{grid-template-columns:1fr}.friends-lobby section{padding:23px}.friends-mam{width:100px;height:110px;flex-shrink:0}.room-layout>aside{display:block}.room-code{padding:12px}.room-code strong{font-size:22px}.room-community,.room-board{padding:20px}.island-story-dialog>.mam-avatar{float:none;display:block;margin:auto}.island-host>.mam-avatar{width:95px;height:95px}.island-host p,.island-letter .play-button{font-size:12px}}@media(prefers-reduced-motion:reduce){.mam-sprite,.mam-particles>i,.island-ocean-ripples,.home-waves,.lighthouse-glow,.island-gulls,.island-scene-life i,.home-decoration{animation:none!important}.mam-particles>i{display:none}}.safe-hero-mam{position:absolute;width:180px;height:180px;bottom:12%;left:35%;z-index:2}.ai-read-aloud{padding:8px 12px;border:1px solid #bfd2b7;background:#f5faec;border-radius:12px;cursor:pointer;color:#3f694b;font:inherit;font-size:11px}#aiMic{padding:9px;font-size:11px;margin-bottom:8px}.decor-preview>.goods-sprite{width:200px;height:200px;margin:auto}.island-goods .goods-art{position:relative}.goods-art>.goods-sprite{font-size:0}.mam-outfit{top:var(--accessory-y,47%)}.mam-avatar[data-costume=leaf-robot]:not([data-costume=leaf]) .mam-sprite{background-image:url(/assets/obstacle-run/mam-poses-3d.webp);background-size:400% 300%;background-position:var(--robot-x,0%) var(--robot-y,50%)}.goods-sprite.goods-leaf-robot{background-image:url(/assets/obstacle-run/mam-poses-3d.webp);background-size:400% 300%;background-position:0% 50%}.daily-quests{grid-column:1/-1;margin:1rem 0 2rem;padding:clamp(1rem,3vw,2rem);border:1px solid #dce8ce;border-radius:28px;background:linear-gradient(135deg,#fffdf2,#f3f7e9);box-shadow:0 14px 38px #284d2910}.daily-quests-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.daily-quests h2{margin:.25rem 0;font-size:clamp(1.35rem,3vw,2rem);color:#315e48}.daily-quests-head p{max-width:55rem;margin:.4rem 0;color:#596b54}.daily-streak{flex:none;display:grid;place-items:center;min-width:76px;padding:.65rem;border-radius:20px;background:#fff0c6;color:#8a6131}.daily-streak b{font-size:1.6rem}.daily-streak small{font-size:.7rem}.daily-task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.25rem}.daily-task{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;padding:1rem;border:1px solid #e2e9d8;border-radius:18px;background:#fff}.daily-task.is-done{background:#f0f8e9;border-color:#b7d5a1}.daily-check{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#e8efdc;color:#3c7754;font-weight:900}.daily-task h3{margin:0;color:#355e49;font-size:1rem}.daily-task p{margin:.35rem 0 .75rem;color:#65705d;font-size:.9rem;line-height:1.45}.daily-go,.daily-done{grid-column:2;justify-self:start;padding:.55rem .85rem;border-radius:999px;background:#377b60;color:#fff;text-decoration:none;font-weight:700}.daily-done{background:#dfeeda;color:#365f43}.daily-progress{margin-top:1rem;color:#586750;font-weight:700}@media(max-width:760px){.daily-quests{margin:1rem .25rem;padding:1rem;border-radius:22px}.daily-quests-head{align-items:flex-start}.daily-task-list{grid-template-columns:1fr}.daily-task{padding:.85rem}.daily-streak{min-width:62px;padding:.5rem}.daily-task p{margin-bottom:.55rem}}.web-lesson-visual{margin:18px 0 24px;padding:18px;border:2px solid #fff;border-radius:24px;background:linear-gradient(145deg,#f3f7e6,#fff8e7);box-shadow:0 5px #d2ddc933;overflow:hidden}.web-lesson-visual>svg{display:block;width:min(100%,590px);height:auto;margin:0 auto;border-radius:19px}.web-lesson-visual svg text{font-family:Susu,sans-serif;font-size:16px;fill:#355c4b;font-weight:600}.web-lesson-visual figcaption{text-align:center;font-size:10px;line-height:1.6;color:#7e886d;margin:14px auto 0;max-width:620px}.web-dimension-tags,.web-clue-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.web-dimension-tags span,.web-clue-tags span{padding:9px 14px;background:#fff9dd;border:1px solid #dacda6;border-radius:12px;font-size:12px;color:#78683d}.web-information-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:14px}.visual-data-card{text-align:center;background:#fffdf2;border:2px solid #fff;border-radius:18px;padding:18px 12px;box-shadow:0 4px #d1dbc750}.visual-data-card:nth-child(3n+2){background:#e5f2ed}.visual-data-card:nth-child(3n){background:#f4e5df}.visual-data-card>span{display:block;font-size:38px;margin-bottom:12px}.visual-data-card>b{font-size:15px;color:#3c6652}.visual-data-card p{font-size:12px;line-height:1.6;margin:10px 0 0;color:#72826a}.web-data-banner{padding:16px 20px;margin:12px auto 0;background:#fffdf0;border:1px dashed #ccc8a1;border-radius:16px;text-align:center;font-size:14px;color:#58704e;line-height:1.8}.web-visual-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.web-visual-options button{border:3px solid #e0e6d1;background:#fffdf5;border-radius:21px;padding:12px 12px 18px;color:#456750;font:inherit;font-size:14px;cursor:pointer;box-shadow:0 4px #d4ddca50;line-height:1.6;min-width:0}.web-visual-options button>svg{display:block;width:100%;max-width:170px;margin:0 auto 6px;aspect-ratio:160/150}.web-visual-options button:nth-child(3n+2){background:#f3f7e8}.web-visual-options button:nth-child(3n){background:#fff0dd}.web-visual-options button.selected{border-color:#6a9f79;box-shadow:0 4px #91b795;transform:translateY(-3px);background:#e5f4e0}.web-visual-options button:focus-visible{outline:3px solid #c89535;outline-offset:3px}.web-visual-options button:disabled{cursor:default}.web-sales-chart{padding:15px;background:#fffaf0;border-radius:18px}.web-sales-chart>div{display:grid;grid-template-columns:55px minmax(0,1fr) 95px;align-items:center;gap:14px;margin:16px 0}.web-sales-chart b,.web-sales-chart strong{font-size:14px;color:#56734e}.web-bar{width:var(--bar);height:31px;border-radius:8px;background:linear-gradient(90deg,#98cbb9,#d5e6b4);box-shadow:inset 0 -4px #759a6520;animation:webBarIn .8s ease-out}.web-sales-chart>div:nth-child(2n) .web-bar{background:linear-gradient(90deg,#d6b684,#efdbaf)}.web-number-table{width:min(100%,600px);margin:auto;border-collapse:separate;border-spacing:8px;text-align:center}.web-number-table caption{font-size:14px;color:#6d7a52;font-weight:700;margin-bottom:12px;line-height:1.6}.web-number-table td{padding:17px 10px;background:#fffdf2;border:2px solid #e2d9b7;border-radius:12px;font-size:22px;color:#8b7548;white-space:nowrap}.web-number-table th{font-size:13px;color:#6e8164;padding:10px;background:#dfead5;border-radius:10px}.web-column-stem{font:700 30px/1.5 ui-monospace,monospace;letter-spacing:7px;text-align:right;width:max-content;max-width:100%;margin:auto;background:#fffdf0;padding:20px 32px;border-radius:18px;color:#5b7552;box-shadow:0 5px #d6dbc6}.web-column-stem hr{border:0;border-top:2px solid #a1b28e;margin:5px 0}.web-cakes,.web-friends{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:14px 0 25px}.web-cakes>span{font-size:47px;filter:drop-shadow(0 4px 2px #81734f22)}.web-friends>span{display:flex;flex-direction:column;align-items:center;gap:5px}.web-friends b{font-size:34px;background:#fffaf0;border:2px solid white;padding:8px;border-radius:50%}.web-friends small{font-size:10px;color:#7e8968}.web-cake-party>p{text-align:center;font-size:13px;color:#79805b}.web-pipeline{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 0}.web-pipeline>strong{font-size:25px;background:#f2da9b;border:3px solid white;padding:18px;border-radius:18px;color:#8e7543}.web-pipeline>span{background:#fffdf2;border:2px solid #d0dec0;border-radius:17px;padding:16px 20px;text-align:center}.web-pipeline small{display:block;font-size:12px;color:#8f946e;margin-bottom:9px}.web-pipeline b{font-size:21px;color:#587a58}.web-pipeline .active{background:#e2f0d6;border-color:#76aa81;box-shadow:0 4px #b1c9a3}.web-glass-frames{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.web-glass-frames>div{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#e4f3ef;border:8px solid #cead7e;border-radius:8px;padding:14px;box-shadow:0 3px #ac936b30;min-width:100px}.web-glass-frames b{font-size:12px;color:#70886b}.web-glass-frames span{font-size:34px}.web-glass-frames small{font-size:11px;color:#6c866c}.web-shape-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.web-shape-comparison svg{display:block;width:100%;background:#fffaf1;border:1px solid #e2e7d5;border-radius:16px}.web-shape-comparison svg text{font-size:20px}.web-making-steps{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding:18px 18px 0;list-style-position:inside}.web-making-steps li{background:#fffaf0;padding:14px;border:1px solid #dfd4b8;border-radius:14px;font-size:12px;line-height:1.7;color:#7a7857;flex:1;min-width:120px}@keyframes webBarIn{0%{transform:scaleX(.1);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media(max-width:650px){.web-lesson-visual{padding:12px 8px;border-radius:19px}.web-visual-options{gap:9px}.web-visual-options button{padding:7px 6px 13px;font-size:12px;border-radius:16px;border-width:2px}.web-sales-chart{padding:7px}.web-sales-chart>div{grid-template-columns:42px minmax(0,1fr) 76px;gap:8px}.web-sales-chart b,.web-sales-chart strong{font-size:11px}.web-bar{height:26px}.web-number-table{border-spacing:4px}.web-number-table td{font-size:16px;padding:13px 5px}.web-number-table th{font-size:11px}.web-dimension-tags{gap:7px}.web-dimension-tags span{font-size:11px;padding:8px}.web-shape-comparison{grid-template-columns:1fr}.web-shape-comparison svg{max-height:220px;object-fit:contain}.web-information-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.visual-data-card{padding:14px 8px}.visual-data-card>b{font-size:13px}.visual-data-card p{font-size:11px}.web-cakes{gap:9px}.web-cakes>span{font-size:36px}.web-friends{gap:8px}.web-friends b{font-size:25px;padding:5px}.web-column-stem{font-size:25px;padding:16px;letter-spacing:5px}.web-data-banner{font-size:12px;padding:12px}.web-pipeline{gap:8px}.web-pipeline>span{padding:12px}.web-pipeline b{font-size:17px}.web-pipeline>strong{font-size:20px;padding:15px}}@media(prefers-reduced-motion:reduce){.web-bar{animation:none}}:root{--studio-ink:#183e34;--studio-muted:#607568;--studio-paper:#fffdf4;--studio-line:#e3deca;--studio-green:#28765b}body{font-family:Susu,sans-serif;color:var(--studio-ink);background:#f4f6eb;overflow-x:hidden}h1,h2,h3{letter-spacing:-.025em}button,input,textarea,select{font-family:inherit}button,a,input,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c89639;outline-offset:4px}button[hidden],[hidden]{display:none!important}.topbar{max-width:none;background:#fffdf4ed;border-bottom:1px solid #e1dfcd;padding:16px max(24px,calc((100vw - 1280px)/2));gap:30px}.wordmark>span{background:#e4efdb;color:#56834b;border:0;box-shadow:none;border-radius:50%}.wordmark b{color:#173f32;font-size:17px;letter-spacing:.04em}.wordmark small{font-size:10px}.lesson-label{font-size:10px;letter-spacing:.14em;color:#718575}.top-actions{margin-left:auto;gap:10px}.top-button{background:transparent;border:1px solid #dce3d0;box-shadow:none;border-radius:12px;padding:9px 12px}.top-passport{background:#ecf2df;border:0;box-shadow:none}.global-audio-bar{background:#fffdf4c9;border:0;border-bottom:1px solid #e2e6d7;border-radius:0;max-width:none;margin:0;padding:7px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:12px}.global-audio-bar button{background:transparent;border:0;padding:5px;font-size:11px}.global-audio-bar span{font-size:10px;color:#738270}.play-button{background:linear-gradient(#389471,#23785a);border:1px solid #358568;color:#fff;border-radius:14px;padding:15px 24px;box-shadow:0 4px #1d604840;font-size:16px;font-weight:700}.outline,.hint-button{background:#fffdf1;border:1px solid #d6c69a;box-shadow:none;border-radius:13px;padding:13px 20px;color:#796237}.quiet{background:transparent}.portal-kicker{font-size:10px;letter-spacing:.15em;color:#78906f;font-weight:700}.island-nav{background:#fffdf2e8;border:1px solid #e1e6d3;box-shadow:0 4px 15px #2b5e3810;border-radius:18px;padding:10px;margin:7px 0 24px;gap:7px}.island-nav button{font-size:12px;background:transparent;border:0;border-radius:10px;color:#516c58;padding:11px 13px}.island-nav button:hover{background:#e9f0dd}.island-nav>b{background:#f5ebcc;border:0;box-shadow:none;color:#846735;padding:10px 16px;border-radius:12px;font-size:14px}.atlas-intro{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 30px;gap:24px}.atlas-intro h1{font-size:clamp(38px,4.6vw,66px);margin:12px 0;color:#204e3c}.atlas-intro h1 em{color:#699b55;font-style:normal}.atlas-intro p{color:#6c7c67;line-height:1.8;font-size:15px}.atlas-hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.atlas-greeting{width:220px;flex-shrink:0;text-align:center}.atlas-greeting>.mam-avatar{width:170px;height:170px}.atlas-greeting>span:last-child{display:block;font-size:12px;background:#fffdf4;padding:10px 16px;border:1px solid #e1dfcb;border-radius:14px}.atlas-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px 24px}.atlas-section-heading h2{font-size:31px;margin:7px 0;color:#284f40}.atlas-section-heading p{font-size:13px;color:#70836d;line-height:1.7}.atlas-map-caption{font-size:9px;letter-spacing:.18em;color:#7d9385;border:1px solid #dce7d7;padding:10px 14px;border-radius:25px;white-space:nowrap}.atlas-knowledge{background:#fffdf5;border:1px solid #e3e7d5;border-radius:28px;overflow:hidden;box-shadow:0 8px 30px #56774a12}.atlas-map{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden}.atlas-map>img{width:100%;height:100%;object-fit:cover;display:block}.atlas-sea{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#fff7 50%,transparent 65%);opacity:.14;animation:studioSea 12s ease-in-out infinite;pointer-events:none}.atlas-sign{position:absolute;left:var(--x);top:var(--y);translate:-50% 55%;min-width:154px;padding:10px 17px;background:linear-gradient(#fff9e9,#f4e9ce);border:2px solid #fff8e6;box-shadow:0 4px #8d89606b,0 8px 20px #244e5140;border-radius:7px 7px 14px 14px;text-align:center;color:#3c5543}.atlas-sign:before{content:"";position:absolute;width:38px;height:4px;background:var(--grade-color);top:0;left:calc(50% - 19px);border-radius:0 0 4px 4px}.atlas-sign small{display:block;font-size:10px;letter-spacing:.16em;color:#8e7b50;margin-bottom:3px;font-weight:700}.atlas-sign b{display:block;font-size:17px;letter-spacing:-.02em}.atlas-sign>span{display:block;font-size:9px;color:#7d896e;margin-top:5px}.atlas-mobile-grades{display:none}.atlas-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.atlas-destination{text-align:left;background:#fffdf5;border:1px solid #e4e6d5;border-radius:23px;overflow:hidden;padding:0;box-shadow:0 6px 25px #4e6d4d0a}.atlas-destination>div{position:relative;height:190px;overflow:hidden}.atlas-destination img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.atlas-destination:hover img{transform:scale(1.035)}.atlas-destination small{position:absolute;bottom:12px;left:16px;background:#fffdf0ed;padding:7px 12px;font-size:10px;border-radius:20px}.atlas-destination section{padding:23px}.atlas-destination h2{font-size:23px}.atlas-destination p{font-size:13px;line-height:1.8;color:#7a8870;margin:12px 0 17px;min-height:47px}.atlas-destination b{font-size:12px;color:#4b8060}.atlas-learning-note{display:flex;gap:25px;align-items:center;justify-content:space-between;background:#e5eddc;padding:28px 32px;border-radius:22px;margin-bottom:18px}.atlas-learning-note h2{font-size:22px}.atlas-learning-note p{font-size:13px;line-height:1.8;color:#6e8066;max-width:700px;margin-top:8px}.atlas-learning-note button{white-space:nowrap}.atlas-breadcrumb,.studio-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#6f8373;padding:12px 4px 20px}.atlas-breadcrumb button,.studio-breadcrumb button{background:transparent;padding:0;color:#4b775b}.atlas-breadcrumb a{color:#51765c;text-decoration:none}.grade-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#fffdf4ef,#fffdf4a8),url(assets/islands/garden-studio.webp) center/cover;border:1px solid white;border-radius:28px;padding:34px 44px}.grade-hero h1{font-size:48px;margin:12px 0}.grade-hero p{font-size:14px;line-height:1.8;color:#71836b}.grade-host{width:200px;height:200px;flex-shrink:0}.grade-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.grade-tabs button{border:1px solid #d4deca;background:#fffdf2;border-radius:12px;padding:10px 17px;font-size:12px}.grade-tabs button[aria-pressed=true]{background:#3d795e;color:#fff;border-color:#3d795e}.grade-village{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:35px 0}.subject-house{background:linear-gradient(#f9fcf1,#fffdf5);border:1px solid #e1e5d3;border-radius:23px;padding:16px 18px 23px;text-align:center;box-shadow:0 5px 15px #556b4610}.subject-house-art{position:relative}.subject-house-art svg{display:block;width:100%;max-width:230px;margin:auto;filter:drop-shadow(0 5px 5px #81885e15)}.subject-house-art>span{display:block;font-size:9px;color:#888c73;letter-spacing:.06em;margin:0 auto 14px}.house-open{border-color:#a8c59d;background:linear-gradient(#ecf5de,#fffaf0)}.house-open .subject-house-art>span{color:#3f8055;font-weight:700}.subject-house h2{font-size:19px;line-height:1.35;min-height:26px}.subject-house p{font-size:11px;line-height:1.7;color:#7e8971;margin:9px 0 17px}.subject-house>b{font-size:11px;color:#68845e}.house-open>b{background:#3e7f5f;color:#fff;padding:10px 15px;border-radius:10px;display:inline-block}.grade-safety-link{padding:25px 30px;background:#e3eeea;border-radius:20px;margin:0 0 24px}.grade-safety-link p{font-size:13px;margin:10px 0 17px;color:#758775}.house-pending{text-align:center;padding:20px;line-height:1.8}.house-pending>svg{width:220px;height:180px}.house-pending h3{font-size:23px;margin:15px 0}.house-pending p{font-size:14px;margin-bottom:20px}.volume-hero{background-image:url(assets/islands/garden-studio.webp);border:1px solid #fff;box-shadow:0 7px 25px #4c6e3b12}.volume-hero:before{background:linear-gradient(90deg,#fffdf1f5,#fffdf1b0 65%,transparent)}.volume-hero h1{font-size:43px;color:#244e3d}.volume-hero h1 em{font-size:25px;font-style:normal;font-weight:500;color:#6f875d;letter-spacing:-.02em}.lesson-grid{gap:23px}.lesson-card{border:1px solid #e0e5d1;box-shadow:0 7px 20px #4a68451a;border-radius:22px}.lesson-art{height:200px}.lesson-art .lesson-illustration{object-fit:cover}.lesson-game-icons,.world-medallion{display:none}.lesson-copy{padding:22px}.lesson-copy h4{font-size:19px;line-height:1.45}.lesson-copy .book-page{font-size:9px}.lesson-play-tags{gap:5px}.lesson-play-tags span{font-size:9px}.footer{font-size:10px;color:#819079;border-top:1px solid #dfe5d6;background:#f8f9f0}body[data-view$=-game],body[data-view=math-journey-home],body[data-view=lesson-two-home],body[data-view$=-transition],body[data-view$=-finale]{background:#e9efe0;isolation:isolate}body[data-view$=-game]:before,body[data-view=math-journey-home]:before,body[data-view=lesson-two-home]:before,body[data-view$=-transition]:before,body[data-view$=-finale]:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#fff9e514,#e7efcf1c),url(assets/islands/garden-studio.webp) center/cover;pointer-events:none}body[data-studio-theme=workshop]:before{background-image:linear-gradient(#fff9e50a,#fff9e52a),url(assets/islands/workshop-studio.webp)}body[data-studio-theme=harbor]:before{background-image:linear-gradient(#fff9e50a,#e3f2ee2a),url(assets/islands/harbor-studio.webp)}body[data-view$=-game] #app{max-width:1360px;padding-top:18px}body[data-view$=-game] .topbar{padding-top:11px;padding-bottom:11px}.b2-toolbar{background:#fffdf0ed;border:1px solid #e3dfc9;border-radius:15px;padding:8px 12px;box-shadow:0 5px 15px #4c644015;margin-bottom:16px}.b2-toolbar>button,.b2-sound button{border:0;box-shadow:none;background:transparent;font-size:11px;padding:7px 10px;min-height:34px}.b2-toolbar .b2-wallet{background:#f6ebcc;color:#8c6e32;border-radius:10px}.studio-breadcrumb{padding:0 8px 15px;color:#456953;font-size:11px}.studio-breadcrumb button{background:#fffdf2cc;border-radius:7px;padding:3px 7px}.b2-game-heading{margin:0 0 12px;background:#fffdf3f2;border:1px solid #fff;border-radius:20px;padding:20px 28px;box-shadow:0 5px 20px #2d674b12}.b2-game-heading h1{font-size:30px;color:#244d3b;margin:6px 0 0}.b2-question-count{border:1px solid #e6ddc0;background:#f5edce;color:#7f734d;font-size:13px;box-shadow:none;border-radius:13px;padding:11px 16px;white-space:nowrap}.b2-progress-track{height:7px;border:0;box-shadow:none;background:#fff9e4cc;border-radius:30px;margin:0 8px 12px;overflow:hidden}.b2-progress-track i{background:linear-gradient(90deg,#7db970,#b7d59b);border-radius:30px}.mj-world-strip{min-height:0;background:#fffdf2e6!important;border:1px solid #fff;border-radius:14px;box-shadow:none;margin:0 8px 20px;padding:10px 16px;display:block}.mj-world-strip>img{display:none}.mj-world-strip>div:not(.island-scene-life){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0}.mj-world-strip b{font-size:12px}.mj-world-strip p{font-size:10px;margin:0}.mj-world-strip>div>div{display:flex;gap:7px}.mj-world-strip span{width:27px;height:27px;font-size:14px;border:0;box-shadow:none;border-radius:50%;padding:2px;background:#e7eddb}.mj-world-strip span.active{background:#f0dfaa;outline:2px solid #d3b76e}.mj-world-strip .island-scene-life{display:none}.b2-mini-world{background:#fffdf2de;border:1px solid #fff;border-radius:17px;box-shadow:none;grid-template-columns:210px 1fr;margin-bottom:20px}.b2-mini-world>.b2-factory{height:100px;max-width:210px;overflow:hidden}.b2-mini-world .factory-sign,.b2-mini-world .factory-cloud,.b2-mini-world .factory-sun{display:none}.b2-mini-stage{padding:12px}.b2-mini-stage>span{font-size:21px}.b2-mini-stage small{font-size:10px}.b2-game-layout{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);align-items:start;gap:22px;padding:0 0 20px}.b2-play-area{grid-column:2;grid-row:1;min-width:0;background:#fffdf3f7;border:1px solid #fff;border-radius:27px;overflow:hidden;box-shadow:0 15px 45px #34553825}.b2-companion{grid-column:1;grid-row:1;min-width:0;padding:30px 0 0;display:flex;flex-direction:column;gap:10px}.b2-companion .mj-mam,.b2-companion>.b2-buddy{width:190px;height:190px;margin:0 auto;animation:none}.b2-companion .mam-avatar{width:100%;height:100%}.b2-companion .b2-accessory{display:none}.b2-speech{margin:0;background:#fffdf2f2;border:1px solid #e0d9bf;border-radius:19px;box-shadow:0 5px 16px #5f774b15;padding:18px 16px}.b2-speech>b{font-size:9px;letter-spacing:.08em;color:#5e855b}.b2-speech p{font-size:12px;color:#637757;line-height:1.75;margin-top:9px}.b2-source-small{font-size:9px;color:#486b52;background:#fffdf0d9;padding:9px;border-radius:10px;margin:0}.b2-source-small button{color:#527a55;font-size:9px}.mj-shared,.b2-question-brief{padding:25px 30px 0;border:0;background:transparent;box-shadow:none;border-radius:0}.mj-shared>b{display:block;font-size:9px;letter-spacing:.12em;color:#879078;margin-bottom:10px}.mj-shared>p,.b2-question-brief>p{font-size:18px;line-height:1.8;color:#294e3d;margin:0}.mj-shared details{font-size:11px;background:#f0f3e6;padding:10px 14px;border-radius:12px;margin:14px 0 0}.b2-task-label{font-size:12px;color:#809365}.mj-variant-note{font-size:10px;padding:9px 30px;color:#9a824c;background:transparent}.b2-single-scene{background:transparent;padding:24px 30px 12px;min-height:280px}.b2-single-scene .case-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;background:transparent}.b2-single-scene .playbill,.b2-single-scene .game-notice:empty{display:none}.b2-single-scene .game-notice:not(:empty),.b2-single-scene .matching-bank{grid-column:1/-1}.b2-single-scene .web-lesson-visual,.b2-single-scene .studio-illustration,.b2-single-scene .case-diagrams{grid-column:1;grid-row:auto;margin:0;align-self:center}.b2-single-scene .web-lesson-visual{padding:0;background:transparent;border:0;box-shadow:none;border-radius:18px;overflow:hidden}.web-lesson-visual>svg{width:100%;background:transparent}.web-lesson-visual>figcaption{font-size:9px;margin-top:10px;color:#8e967d}.b2-single-scene .game-parts{grid-column:2;display:block;padding:0;min-width:0}.b2-single-scene .game-parts:before{display:none}.b2-single-scene .mission-part{border:1px solid #e5e6d2;background:linear-gradient(135deg,#f3f5e7,#fffaf0);border-radius:21px;box-shadow:none;padding:23px;min-height:200px;display:flex;flex-direction:column;justify-content:center}.b2-single-scene .part-heading{margin-bottom:20px;gap:0}.b2-single-scene .part-heading>span{display:none}.b2-single-scene .part-heading h3{font-size:21px;line-height:1.55;color:#244f3e}.b2-single-scene .case-number-entry{justify-content:center;gap:12px;display:flex;align-items:center;max-width:100%;padding:0;background:transparent;border:0;box-shadow:none}.b2-single-scene .case-number-entry input{min-width:0;width:100%;max-width:235px;min-height:70px;background:#fff;border:2px solid #c5d5c9;border-radius:14px;font-size:30px;box-shadow:inset 0 2px 4px #47745408;color:#24543e}.b2-single-scene .case-number-entry input::placeholder{font-size:14px;color:#a2ac9a}.b2-single-scene .case-number-entry>span{font-size:22px;color:#3c624d;white-space:nowrap}.b2-single-scene .part-status{font-size:12px;margin-top:14px;color:#3b8557}.b2-single-scene .case-reflection{grid-column:1/-1;border:1px dashed #d9deca;background:#fbfbef;padding:12px 16px;border-radius:13px;margin:0}.b2-single-scene .case-reflection summary{font-size:11px;color:#7b8c6b;cursor:pointer}.b2-single-scene .case-reflection textarea{font:14px/1.7 Susu,sans-serif;background:#fffef7;border:1px solid #d7dfc7;border-radius:10px;padding:12px;width:100%}.studio-illustration{border-radius:20px;overflow:hidden;border:1px solid #ece6d2;background:#eff2df;box-shadow:0 6px 15px #4d6d3b12}.studio-illustration img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.studio-illustration figcaption{padding:13px 16px;font-size:15px;font-weight:700;color:#416c4c;background:#f8f9eb}.studio-illustration figcaption span{display:block;font-size:10px;font-weight:400;color:#809171;margin-top:5px;line-height:1.6}.b2-action-dock{padding:10px 30px 26px;gap:12px}.b2-action-dock .play-button{min-width:160px;min-height:49px;font-size:15px}.b2-action-dock .hint-button{font-size:13px;padding:13px 17px}.b2-action-dock .quiet{font-size:10px;color:#7d8f74;padding:9px}.b2-play-area>#feedback:not(:empty){margin:0 30px 12px;padding:15px 18px;background:#e9f2df;border-radius:14px;font-size:14px;line-height:1.7}.studio-reward-note{grid-column:2;text-align:center;font-size:11px;letter-spacing:.02em;color:#536d4b;background:#fffceecc;border-radius:25px;padding:10px 18px;width:fit-content;max-width:100%;justify-self:center;margin:0}.b2-companion .mam-ai-panel{width:100%;margin:2px 0 0;padding:13px 12px;background:#fffdf2f5;border:1px solid #dbe4cd;border-radius:17px;box-shadow:none}.mam-ai-heading{cursor:pointer;list-style:none;flex-wrap:wrap}.mam-ai-heading::-webkit-details-marker{display:none}.mam-ai-heading h3{font-size:12px}.mam-ai-heading b{font-size:8px}.mam-ai-heading:after{content:"⌄";margin-left:auto}.mam-ai-panel[open] .mam-ai-heading:after{content:"⌃"}.mam-ai-panel:not([open]){min-height:0}.mam-ai-panel textarea{max-width:100%}.mam-ai-note{font-size:9px}.b2-single-scene .expression-pairs{display:flex;flex-direction:column;gap:17px}.b2-single-scene .pair-row{margin:0;padding:14px;border-radius:14px;border:1px solid #d8c79d;box-shadow:0 3px #c5b48d33;background:#f7edcc}.b2-single-scene .pair-row:after,.b2-single-scene .pair-bank button:after{display:none}.b2-single-scene .pair-row strong{font-size:17px}.b2-single-scene .pair-bank{display:grid;grid-template-columns:1fr 1fr;gap:9px}.b2-single-scene .pair-bank button{min-height:50px;border:1px solid #c7d7bf;box-shadow:0 3px #b4c4a833;background:#e9f1e0;border-radius:11px;font-size:12px;padding:11px}.b2-single-scene .pair-bank button:nth-child(odd){background:#fcf0dc;border:1px solid #e0d0af;box-shadow:0 3px #cbbb9f33}.b2-single-scene .column-paper{border:1px solid #c8d7c1;border-top:6px solid #85aa8c;background:#fffef6;box-shadow:0 5px 12px #71835a13;padding:19px;max-width:100%;width:265px}.b2-single-scene .column-paper input{width:100%;font-size:24px;border:1px solid #d3ddc5}.b2-single-scene .web-visual-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}.b2-single-scene .web-visual-options button{padding:9px;font-size:12px;border-radius:13px;border-width:2px;box-shadow:0 3px #ccd9be55}.b2-single-scene .web-visual-options button>svg{max-width:95px}.b2-single-scene .case-options{display:grid;grid-template-columns:1fr;gap:10px}.b2-single-scene .case-options button{font-size:14px;border-width:1px;border-radius:12px;background:#fffdf4;box-shadow:0 3px #d7dec333;min-height:50px;padding:13px}.b2-single-scene .case-options button.selected,.b2-single-scene .web-visual-options button.selected{background:#e0efd9;border-color:#73a47b;box-shadow:0 3px #9fbf8c66}.b2-single-scene .fraction-baskets{gap:10px;grid-template-columns:1fr 1fr}.b2-single-scene .fraction-baskets button{padding:12px;border-radius:13px;min-width:0;border-width:1px;box-shadow:none}.b2-single-scene .fraction-baskets button>span{font-size:23px}.b2-single-scene .case-compare{flex-wrap:wrap;gap:12px}.b2-single-scene .case-compare>strong{font-size:21px}.b2-single-scene .scale-decoration{font-size:45px}.b2-single-scene .order-rail{flex-direction:column}.b2-single-scene .case-order-slots{flex-wrap:wrap;gap:8px}.b2-single-scene .case-order-slots button{font-size:13px;min-width:62px;padding:10px}.b2-single-scene .rail-engine{font-size:30px}.b2-single-scene .case-order-bank{gap:8px}.b2-single-scene .case-order-bank button{font-size:12px;padding:10px}.b2-single-scene .case-paint{flex-wrap:wrap;gap:16px}.b2-single-scene .case-paint-grid{max-width:230px}.b2-single-scene .paint-task-note{font-size:11px}.b2-single-scene .equation-machine,.b2-single-scene .receipt-paper{max-width:100%;padding:15px}.b2-single-scene .equation-cogs{font-size:25px}.b2-single-scene .equation-display{font-size:19px}.b2-single-scene .digit-console{max-width:100%}.b2-single-scene .console-keys button{min-width:0;font-size:17px;padding:10px}.b2-single-scene .digit-console-screen{font-size:27px}.mj-cover,.b2-home{background:#fffdf0ef!important;border:1px solid #fff;border-radius:28px;box-shadow:0 12px 35px #3b5c3a1a;overflow:hidden}.mj-cover h1,.b2-home h1{font-size:47px;color:#285940}.mj-cover h2{font-size:25px;color:#687e56}.mj-cover>img{border-radius:20px;box-shadow:0 8px 18px #526a3f20}.mj-map,.b2-stage-map{gap:20px}.mj-map>button,.b2-stage-card{background:#fffdf1ef;border:1px solid #fff;border-radius:21px;box-shadow:0 6px 15px #45693d15}.mj-map>button h3,.b2-stage-card h3{font-size:21px}.mj-map>button p{font-size:12px}.mj-map>button:disabled,.b2-stage-card:disabled{opacity:.72}.mj-transition,.b2-transition,.b2-finale{background:#fffdf0f2;border:1px solid #fff;box-shadow:0 15px 40px #38643d28;border-radius:28px}.mj-transition>img{border-radius:22px}.b2-finale h1{color:#386c4c}.mj-rounds{background:#fffdf1e6;border-radius:14px;padding:12px}.safety-hero{background:linear-gradient(90deg,#fffdf4ef,#fffdf4a0),url(assets/islands/harbor-studio.webp) center/cover;border:1px solid #fff;box-shadow:0 8px 25px #386e6212;border-radius:28px}.safety-hero h1{color:#2d6655}.safety-game-layout{gap:26px}.safety-question{background:#fffdf3f5;border:1px solid #fff;border-radius:25px;box-shadow:0 12px 40px #466a4a24;padding:28px}.safety-story{background:#edf4e4;border:1px solid #dfe8cf;border-radius:20px;padding:26px}.safety-story p{font-size:18px;line-height:1.8;color:#395841}.safety-question>h3{font-size:22px;line-height:1.6;margin:22px 0}.safety-options button{background:#fffef6;border:1px solid #d8e1c9;border-radius:14px;box-shadow:0 3px #bccda230;font-size:15px;line-height:1.7;padding:15px}.safety-options button.selected{background:#e3f0da;border-color:#81a97b}.safety-reflection{background:#f3f6e8;border-radius:16px;padding:18px}.safety-companion .b2-buddy{width:200px;height:200px;margin:auto}.safe-library,.safety-sources{background:#fffdf2;border:1px solid #e4e5d2;border-radius:23px;padding:28px;margin-top:25px}.island-heading h1{color:#2c5d43}.island-goods article{box-shadow:0 7px 18px #536d4115;border:1px solid #e3e4d0}.island-home-scene{border-width:2px;box-shadow:0 12px 30px #4c6d4420}.friends-lobby section,.room-community,.room-board{border-width:1px;box-shadow:0 7px 22px #496a4015}.room-layout .b2-play-area{grid-column:auto;grid-row:auto}.room-layout #activity{padding:25px}.room-layout .case-workspace{gap:20px}.room-layout .studio-illustration{max-width:400px;margin:0 auto 20px}.island-scene-life{pointer-events:none}.web-dimension-tags{gap:6px}.web-dimension-tags span{font-size:10px;padding:7px 9px}.web-garden-label{font-size:18px!important}.b2-speech #hintBox{font-size:13px}.b2-speech #mamTaskVoiceStatus{font-size:9px;line-height:1.6}.ai-read-aloud{font-size:10px;margin-top:9px;min-height:35px}@keyframes studioSea{50%{transform:translate(10%);opacity:.25}}@media(min-width:1400px){body[data-view$=-game] #app{max-width:1450px}.b2-game-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}.b2-companion .mj-mam,.b2-companion>.b2-buddy{width:220px;height:220px}.b2-single-scene{padding:28px 36px 16px}.b2-single-scene .case-workspace{gap:30px}.b2-single-scene .part-heading h3{font-size:23px}}@media(max-width:1050px){.grade-village{grid-template-columns:repeat(3,minmax(0,1fr))}.b2-game-layout{grid-template-columns:140px minmax(0,1fr);gap:15px}.b2-companion .mj-mam,.b2-companion>.b2-buddy{width:145px;height:145px}.b2-speech{padding:13px}.b2-single-scene{padding:20px}.b2-single-scene .case-workspace{gap:15px}.b2-single-scene .mission-part{padding:17px}.b2-single-scene .part-heading h3{font-size:18px}.b2-single-scene .case-number-entry input{font-size:26px;min-height:60px}.b2-action-dock{padding:12px 20px 24px}.b2-single-scene .web-visual-options{grid-template-columns:1fr 1fr}.atlas-sign{min-width:125px;padding:8px 11px}.atlas-sign b{font-size:14px}.atlas-sign>span{font-size:8px}.atlas-destinations{gap:17px}.atlas-destination section{padding:20px}.atlas-destination h2{font-size:20px}.atlas-intro{padding-left:10px}.atlas-greeting{width:180px}.topbar{padding-left:24px;padding-right:24px}.top-actions{gap:5px}.top-button{font-size:10px}.lesson-label{display:none}}@media(max-width:760px){.topbar{padding:13px 17px;gap:10px}.wordmark b{font-size:14px}.wordmark small{font-size:8px}.wordmark>span{width:34px;height:34px;font-size:22px}.top-actions .top-button span{display:none}.top-button{padding:8px}.top-passport{font-size:10px;padding:8px}.global-audio-bar{padding:6px 15px;gap:8px;flex-wrap:wrap}.global-audio-bar span{font-size:9px;flex-basis:100%}.global-audio-bar button{font-size:10px}#app{padding:13px 17px 28px}.island-nav{gap:4px;padding:7px;margin-bottom:15px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.island-nav button{font-size:10px;padding:9px;white-space:nowrap}.island-nav>b{font-size:11px;padding:8px 10px;white-space:nowrap}.atlas-intro{padding:15px 3px 25px;gap:10px}.atlas-intro h1{font-size:39px}.atlas-intro p{font-size:12px}.atlas-greeting{width:115px}.atlas-greeting>.mam-avatar{width:115px;height:115px}.atlas-greeting>span:last-child{font-size:9px;padding:8px}.atlas-hero-actions{gap:8px;margin-top:16px}.atlas-hero-actions .play-button,.atlas-hero-actions .outline{font-size:11px;padding:11px 13px}.atlas-section-heading{padding:22px 21px}.atlas-section-heading h2{font-size:27px}.atlas-section-heading p{font-size:11px}.atlas-map-caption{display:none}.atlas-sign{min-width:105px;padding:7px 9px;translate:-50% 10%;border-radius:6px 6px 10px 10px}.atlas-sign small{font-size:8px;margin-bottom:2px}.atlas-sign b{font-size:12px}.atlas-sign>span{display:none}.atlas-destinations{grid-template-columns:1fr;gap:15px;margin:20px 0}.atlas-destination{display:grid;grid-template-columns:36% 1fr;align-items:stretch;border-radius:20px}.atlas-destination>div{height:auto;min-height:160px}.atlas-destination small{font-size:8px;left:8px;bottom:10px;padding:5px 8px}.atlas-destination section{padding:19px}.atlas-destination p{font-size:11px;min-height:0;margin:8px 0 12px}.atlas-destination h2{font-size:20px}.atlas-destination b{font-size:10px}.atlas-learning-note{padding:23px;display:block}.atlas-learning-note h2{font-size:21px}.atlas-learning-note p{font-size:12px}.atlas-learning-note button{font-size:11px;margin-top:16px}.grade-hero{padding:25px;gap:12px}.grade-hero h1{font-size:35px}.grade-hero p{font-size:12px}.grade-host{width:120px;height:120px}.grade-tabs{gap:6px}.grade-tabs button{font-size:10px;padding:8px 11px}.grade-village{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px 0}.subject-house{padding:10px 12px 18px;border-radius:19px}.subject-house h2{font-size:16px}.subject-house p{font-size:10px}.subject-house>b{font-size:10px}.subject-house-art>span{font-size:8px;margin-bottom:10px}.grade-safety-link{padding:22px}.grade-safety-link p{font-size:12px}.grade-safety-link button{font-size:11px}.volume-hero{padding:28px;min-height:290px}.volume-hero h1{font-size:34px}.volume-hero h1 em{font-size:19px}.volume-count{width:75px;height:75px}.adventure-collage{opacity:.65;width:38%}.lesson-art{height:170px}.lesson-copy{padding:17px}.lesson-copy h4{font-size:16px}.lesson-play-tags span{font-size:8px}.b2-toolbar{padding:5px 7px;gap:5px;flex-wrap:wrap}.b2-toolbar>button,.b2-sound button{font-size:9px;padding:6px;min-height:34px}.b2-game-heading{padding:18px 20px;gap:10px;border-radius:18px}.b2-game-heading h1{font-size:23px}.b2-game-heading .portal-kicker,.b2-game-heading .b2-eyebrow{font-size:8px}.b2-question-count{padding:8px 10px;font-size:10px}.studio-breadcrumb{font-size:9px;padding-bottom:13px;gap:5px}.b2-game-layout{display:flex;flex-direction:column;gap:14px}.b2-play-area{order:1;width:100%;border-radius:22px}.b2-companion{order:2;width:100%;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:0;align-items:center}.b2-companion .mj-mam,.b2-companion>.b2-buddy{width:100px;height:100px}.b2-companion .b2-speech{margin:0;padding:14px 16px}.b2-speech p{font-size:12px;margin-top:7px}.b2-source-small{grid-column:1/-1;font-size:9px;padding:8px;margin:0}.b2-source-small button{display:inline;margin-left:8px}.b2-companion .mam-ai-panel{grid-column:1/-1}.studio-reward-note{order:3;font-size:9px;padding:9px 12px;align-self:center}.mj-shared,.b2-question-brief{padding:22px 22px 0}.mj-shared>p,.b2-question-brief>p{font-size:16px;line-height:1.8}.mj-shared>b{font-size:8px}.b2-single-scene{padding:22px 20px 12px;min-height:0}.b2-single-scene .case-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.b2-single-scene .mission-part{padding:17px;min-height:170px}.b2-single-scene .part-heading h3{font-size:18px}.studio-illustration img{aspect-ratio:1/1}.studio-illustration figcaption{font-size:12px;padding:11px 13px}.studio-illustration figcaption span{font-size:9px}.b2-action-dock{padding:12px 20px 22px;gap:10px}.b2-action-dock .play-button{font-size:13px;min-width:135px;padding:12px 15px}.b2-action-dock .hint-button{font-size:11px;padding:12px 14px}.b2-action-dock .quiet{font-size:9px}.mj-world-strip{padding:9px 13px;margin:0 4px 15px}.mj-world-strip b{font-size:10px}.mj-world-strip p{font-size:9px}.mj-world-strip>div:not(.island-scene-life){flex-wrap:wrap}.mj-world-strip span{width:23px;height:23px;font-size:12px}.b2-mini-world{grid-template-columns:1fr}.b2-mini-world>.b2-factory{display:none}.b2-mini-stage{border:0;background:transparent;padding:10px}.b2-mini-stage small{font-size:8px}.mj-cover h1,.b2-home h1{font-size:35px}.mj-cover h2{font-size:21px}.mj-cover{padding:25px}.mj-map>button h3{font-size:18px}.safety-question{padding:20px;border-radius:22px}.safety-story{padding:22px}.safety-story p{font-size:16px}.safety-question>h3{font-size:20px}.safety-options button{font-size:13px;padding:13px}.safety-companion .b2-buddy{width:110px;height:110px}.safe-library,.safety-sources{padding:23px}.b2-finale h1{font-size:33px}.atlas-breadcrumb{font-size:10px}}@media(max-width:520px){.atlas-intro h1{font-size:32px}.atlas-greeting{width:90px}.atlas-greeting>.mam-avatar{width:90px;height:90px}.atlas-greeting>span:last-child{font-size:8px;padding:7px}.atlas-intro .portal-kicker{font-size:7px}.atlas-sign{display:none}.atlas-mobile-grades{display:grid;gap:0;padding:0 18px 10px}.atlas-mobile-grades>button{display:flex;align-items:center;gap:12px;background:transparent;border-bottom:1px solid #e7eadb;padding:15px 0;text-align:left}.atlas-mobile-grades b{font-size:13px;color:#477354}.atlas-mobile-grades span{font-size:12px;flex:1}.atlas-mobile-grades small{font-size:8px;color:#849477}.atlas-map{aspect-ratio:16/10}.atlas-destination>div{min-height:150px}.atlas-destination small{display:none}.grade-host{width:85px;height:85px}.grade-hero{padding:23px 20px}.grade-hero h1{font-size:29px}.grade-hero .portal-kicker{font-size:8px}.grade-hero p{font-size:11px}.grade-tabs button{padding:8px 10px}.subject-house h2{font-size:14px;min-height:35px}.subject-house p{font-size:9px}.subject-house>b{font-size:9px}.house-open>b{padding:9px 10px}.b2-single-scene .case-workspace{display:flex;flex-direction:column;align-items:stretch;gap:17px}.b2-single-scene .web-lesson-visual{width:100%;max-width:390px;align-self:center}.b2-single-scene .web-lesson-visual>svg{max-height:230px;object-fit:contain}.b2-single-scene .studio-illustration{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:0;width:100%}.studio-illustration img{width:90px;height:90px;aspect-ratio:1;object-fit:cover}.studio-illustration figcaption{font-size:13px;padding:12px 15px;background:transparent}.b2-single-scene .mission-part{min-height:0;padding:20px}.b2-single-scene .part-heading h3{font-size:19px}.b2-single-scene .case-options{grid-template-columns:1fr 1fr}.b2-single-scene .case-options button{font-size:13px;padding:12px 9px;min-height:58px}.b2-single-scene .web-visual-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.b2-single-scene .web-visual-options button{font-size:11px;padding:8px 5px}.b2-single-scene .case-number-entry input{max-width:235px;min-height:63px;font-size:28px}.b2-single-scene .case-reflection{margin-top:0}.b2-single-scene .expression-pairs{gap:14px}.b2-single-scene .pair-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.b2-single-scene .column-paper{max-width:270px;margin:auto}.b2-game-heading h1{font-size:21px}.mj-world-strip p{display:none}.mj-world-strip span{width:22px;height:22px}.mj-world-strip>div>div{gap:5px}.b2-single-scene .web-dimension-tags span{font-size:9px}.b2-action-dock .quiet{margin-left:0}.b2-single-scene .case-number-entry>span{font-size:20px}.b2-game-heading{padding:17px 18px}.b2-companion{grid-template-columns:90px minmax(0,1fr)}.b2-companion .mj-mam,.b2-companion>.b2-buddy{width:90px;height:90px}.b2-play-area>#feedback:not(:empty){margin:0 20px 10px;font-size:12px}.mj-shared,.b2-question-brief{padding:21px 20px 0}.mj-shared>p{font-size:16px}.b2-single-scene .case-compare{flex-wrap:nowrap}.b2-single-scene .case-compare>strong{font-size:20px}.b2-single-scene .case-order-slots{justify-content:center}.b2-single-scene .web-shape-comparison{grid-template-columns:1fr}.lesson-grid{gap:14px}.lesson-art{height:140px}.lesson-copy h4{font-size:14px}.volume-hero h1{font-size:29px}.volume-hero h1 em{font-size:17px}.volume-hero{padding:24px}.adventure-collage{display:none}.volume-count{right:15px;bottom:15px;width:60px;height:60px}.volume-count strong{font-size:20px}.volume-count span{font-size:5px}.volume-hero p{max-width:230px;line-height:1.7}.b2-source-small{line-height:1.8}.safety-question>h3{font-size:18px}.safety-game-layout{display:flex;flex-direction:column}.safety-companion{width:100%}.safety-options button{font-size:13px}.b2-single-scene .game-instruction{font-size:10px}}@media(prefers-reduced-motion:reduce){.atlas-sea,.mam-sprite{animation:none!important}.atlas-destination img{transition:none}*{scroll-behavior:auto!important}}.studio-breadcrumb a{color:#426b50;text-decoration:none;background:#fffdf2df;border-radius:7px;padding:4px 7px}.atlas-narrate{background:transparent;border:0;font-size:10px;padding:10px;color:#527b54;text-decoration:underline}.atlas-greeting #islandVoiceStatus{display:block;font-size:9px;line-height:1.6;color:#78916c}.legacy-world-link{display:flex;justify-content:space-between;gap:15px;max-width:1230px;margin:10px auto;padding:0 20px;font-size:11px;color:#78906c}.legacy-world-link a{color:#4f7d5a;text-decoration:none}body[data-view=game]{background:linear-gradient(#fffdf150,#eef4e050),url(assets/islands/garden-studio.webp) center/cover fixed}body[data-view=game] .play-shell{background:#fffdf3f7;border:1px solid white;border-radius:25px;box-shadow:0 10px 35px #48673c25}body[data-view=game] .mission-scroll{background:#fffdf3;border:0}body[data-view=game] .mission-scroll p{font-size:19px;color:#284e3c}body[data-view=game] .stage-heading{background:#fffdf2ef;border-radius:20px;padding:20px 25px}body[data-view=game] .game-nav{background:#fffdf1e9;padding:10px 15px;border-radius:14px}body[data-view=game] .companion{background:#fffdf1ed;border-radius:22px;padding:20px}body[data-view=game] .companion .mam{filter:drop-shadow(0 6px 6px #497c4b22)}body{font-family:Susu,sans-serif}.atlas-page-heading h1,.painted-sign>b,.wordmark>b{font-family:Susu,serif;font-weight:700}.wordmark>b{font-size:16px;letter-spacing:-.02em}.wordmark small{font-family:Susu,sans-serif;font-size:9px;letter-spacing:.01em}.island-nav{margin-bottom:18px}.island-nav button{font-size:11px}.atlas-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 8px 25px}.atlas-page-heading .portal-kicker{display:block;font-size:9px;letter-spacing:.14em;color:#829477}.atlas-page-heading h1{font-size:clamp(31px,3.4vw,46px);color:#254d3d;letter-spacing:-.04em;margin:10px 0 11px;line-height:1.35}.atlas-page-heading h1 em{font-style:normal;color:#659451}.atlas-page-heading p{font-size:13px;color:#788970;line-height:1.8;max-width:760px}.atlas-back{display:block;margin:0 0 16px;padding:0;background:transparent;color:#698861;font-size:11px}.atlas-chat-button{background:#fffdf3;border:1px solid #d8dec9;border-radius:14px;padding:12px 19px;font-size:12px;color:#5f8056;flex-shrink:0}.world-map-viewport,.knowledge-map-viewport,.village-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border-radius:27px;border:2px solid #fff7e5;box-shadow:0 12px 40px #365f4822;background:#82c2c1;scrollbar-width:thin;scrollbar-color:#9bb8a2 #eef3e5}.atlas-world-scene,.atlas-grade-scene{position:relative;aspect-ratio:16/9;min-width:740px;isolation:isolate}.atlas-world-art{width:100%;height:100%;display:block;object-fit:cover}.painted-sign{color:#3e5140;background:linear-gradient(105deg,#fff6dd,#fff9e9 45%,#eee0bc);border:1px solid #b7a77d;border-top:3px solid #fdf4dc;border-radius:6px 6px 12px 12px;box-shadow:0 3px #8b7b5680,0 7px 12px #274e4435;position:relative;text-align:center;isolation:isolate;line-height:1.4}.painted-sign:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#a59670;box-shadow:inset 0 1px 1px #705f3944;top:8px;left:8px}.painted-sign:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#a59670;box-shadow:inset 0 1px 1px #705f3944;top:8px;right:8px}.painted-sign>b{display:block;line-height:1.35;letter-spacing:-.035em;text-shadow:0 1px #fff8}.painted-sign>span{display:block;font-family:Susu,sans-serif;font-weight:400;letter-spacing:0}.world-destination-sign,.grade-island-sign{position:absolute;left:var(--x);top:var(--y);translate:-50% -15%;z-index:3;padding:12px 19px 11px;min-width:180px;max-width:27%;border-bottom:4px solid var(--sign-accent,#79986b)}.world-destination-sign>b{font-size:clamp(16px,1.7vw,23px);white-space:nowrap}.world-destination-sign>span{font-size:9px;color:#8a805e;margin-top:5px}.world-destination-sign:hover,.grade-island-sign:hover{filter:brightness(1.04)}.world-destination-sign:focus-visible,.grade-island-sign:focus-visible,.village-house:focus-visible{outline:3px solid #d49b40;outline-offset:5px}.world-map-guide{position:absolute;left:48%;top:41%;translate:-50% -50%;width:100px;text-align:center;z-index:2;pointer-events:none}.world-map-guide>.mam-avatar{width:100px;height:100px;filter:drop-shadow(0 6px 5px #244c4233)}.world-map-guide>button{font-size:9px;color:#46674d;background:#fff8e7f0;border:1px solid #ded0a4;border-radius:18px;padding:7px 10px;pointer-events:auto;white-space:nowrap}.world-map-guide>small{display:block;font-size:8px;line-height:1.5;background:#fffdf0db;border-radius:10px;margin:5px -25px 0;color:#52774f}.world-map-guide>small:empty{display:none}.atlas-return-note{display:flex;align-items:center;gap:20px;padding:22px 7px;border-bottom:1px solid #dfe5d1;margin-bottom:15px}.atlas-return-note>span{font-size:11px;color:#547653;font-weight:700;white-space:nowrap}.atlas-return-note>p{font-size:11px;color:#829078;line-height:1.8;flex:1}.atlas-return-note>button{font-size:11px;white-space:nowrap;padding:11px 16px}.grade-island-sign{padding:10px 18px;min-width:140px;max-width:23%;translate:-50% 5%}.grade-island-sign>b{font-size:25px;color:#39553e}.grade-island-sign>span{font-size:10px;color:#8e7d55;margin-top:2px}.grade-island-sign>small{display:block;font-size:8px;color:#8b977e;margin-top:7px}.knowledge-footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 3px;font-size:11px;color:#829176;line-height:1.7}.knowledge-footnote button{font-size:11px;color:#5c7c59}.map-pan-hint{display:none;font-size:10px;color:#849176;margin:12px 3px;line-height:1.8}.atlas-breadcrumb{font-size:10px;padding:5px 8px 20px}.atlas-breadcrumb button{font-size:10px}.village-viewport{background:#c4d6a8;border-color:#fff8e7}.grade-village-scene{position:relative;aspect-ratio:5/4;min-width:900px;isolation:isolate;overflow:hidden}.village-meadow{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.village-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8;z-index:-1}.village-house{position:absolute;left:var(--house-left);top:var(--house-top);translate:-50% 0;width:22%;height:31%;padding:0;background:transparent;border:0;color:#34553e;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;isolation:isolate}.village-house-sprite{display:block;width:100%;aspect-ratio:1;background:url(assets/islands/subject-houses-compact.webp) var(--house-x,0%) var(--house-y,0%)/400% 300% no-repeat;filter:drop-shadow(0 8px 4px #4f6a3f22);flex-shrink:0;transition:transform .25s;pointer-events:none}.village-house:hover .village-house-sprite{transform:translateY(-5px)}.village-nameplate{width:85%;margin-top:-14%;padding:10px 13px 9px;min-height:61px;border-radius:5px 5px 10px 10px;pointer-events:none;box-shadow:0 3px #8b7b5680,0 6px 10px #3c5b3d22}.village-nameplate>b{font-size:15px;line-height:1.45;color:#4e593c}.village-nameplate>span{font-size:8px;color:#9b906d;margin-top:4px}.house-open .village-nameplate{border-bottom:4px solid #61986a}.house-open .village-nameplate>span{color:#5e8553;font-weight:700}.village-house-description{font-size:8px;background:#faf5e4cc;color:#6d855d;border-radius:10px;padding:4px 9px;margin-top:7px;opacity:0;transition:opacity .2s;pointer-events:none}.village-house:hover .village-house-description,.village-house:focus-visible .village-house-description{opacity:1}.village-mam{position:absolute;right:3%;bottom:1%;display:flex;align-items:center;gap:7px;z-index:2;pointer-events:none}.village-mam>.mam-avatar{width:70px;height:70px}.village-mam>span{font-size:8px;max-width:115px;background:#fff9e7e8;padding:9px 11px;border-radius:14px;color:#65845b}.village-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:23px 4px}.village-footer>button{font-size:11px;padding:12px 16px}.village-footer>span{margin-left:auto;font-size:10px;color:#89957b;line-height:1.8}.house-pending>.village-house-sprite{width:230px;margin:0 auto;height:230px}.atlas-page-heading~.village-viewport+.map-pan-hint{margin-top:12px}@media(min-width:1400px){.village-nameplate>b{font-size:17px}.village-nameplate>span{font-size:9px}.village-house-description{font-size:9px}.world-map-guide{width:120px}.world-map-guide>.mam-avatar{width:120px;height:120px}}@media(max-width:1000px){.world-destination-sign{min-width:165px;padding:10px 15px}.world-destination-sign>b{font-size:18px}.grade-island-sign{min-width:125px;padding:9px 14px}.grade-island-sign>b{font-size:23px}.world-map-guide{width:85px}.world-map-guide>.mam-avatar{width:85px;height:85px}.world-map-guide>button{font-size:8px}.village-footer>span{flex-basis:100%;margin:0}.village-nameplate>b{font-size:14px}.atlas-return-note{gap:15px}.atlas-return-note>span{font-size:10px}.atlas-return-note>p{font-size:10px}.atlas-chat-button{font-size:11px}}@media(max-width:760px){.atlas-page-heading{padding:5px 2px 20px;gap:13px;align-items:flex-start}.atlas-page-heading h1{font-size:31px;margin:9px 0 8px}.atlas-page-heading .portal-kicker{font-size:7px;letter-spacing:.08em}.atlas-page-heading p{font-size:11px;max-width:400px}.atlas-chat-button{padding:10px 12px;font-size:10px;border-radius:11px;margin-top:25px}.atlas-back{font-size:10px;margin-bottom:14px}.world-map-viewport,.knowledge-map-viewport,.village-viewport{border-radius:21px}.map-pan-hint{display:block}.atlas-world-scene,.atlas-grade-scene{min-width:740px}.atlas-return-note{flex-wrap:wrap;padding:17px 2px}.atlas-return-note>span{font-size:11px}.atlas-return-note>p{flex-basis:100%;order:3}.atlas-return-note>button{margin-left:auto;font-size:10px;padding:10px 13px}.world-destination-sign{max-width:27%;min-width:165px}.world-destination-sign>b{font-size:18px}.world-destination-sign>span{font-size:8px}.grade-island-sign>b{font-size:23px}.grade-island-sign>span{font-size:9px}.grade-island-sign>small{font-size:7px}.knowledge-footnote{display:block;font-size:10px;line-height:1.8;margin:17px 2px}.knowledge-footnote button{display:block;padding:12px 0;font-size:10px}.grade-village-scene{min-width:850px}.village-nameplate>b{font-size:14px}.village-nameplate{min-height:58px;padding:9px 12px}.village-footer{gap:10px}.village-footer>button{font-size:10px}.village-mam{bottom:1%}.atlas-breadcrumb{font-size:9px;gap:6px;padding:5px 2px 16px}.atlas-breadcrumb button{font-size:9px}.island-nav button{font-size:10px}}@media(max-width:420px){.atlas-page-heading h1{font-size:27px}.atlas-page-heading p{font-size:10px}.atlas-chat-button{font-size:9px;padding:9px 10px}.wordmark>b{font-size:12px}.wordmark small{font-size:7px}.atlas-return-note>button{font-size:9px}.world-map-viewport,.knowledge-map-viewport,.village-viewport{margin-left:-4px;margin-right:-4px}}@media(prefers-reduced-motion:reduce){.village-house-sprite,.village-house-description{transition:none}}.village-mam{display:none}.village-footer-buddy{width:65px;height:65px;flex-shrink:0}.village-footer-buddy>.mam-avatar{width:65px;height:65px}body[data-view=math-journey-game][data-lesson="8"]{background:#eef0d5}body[data-view=math-journey-game][data-lesson="8"]:before{background-image:url(assets/islands/garden-studio.webp);background-position:center;background-size:cover}body[data-view=math-journey-game][data-lesson="8"] .global-audio-bar,body[data-view=math-journey-game][data-lesson="8"]>.footer{display:none}body[data-view=math-journey-game][data-lesson="8"] #app{max-width:1560px;padding:12px 25px 25px;min-height:calc(100vh - 65px)}.b8-page{font-family:Susu,sans-serif}.b8-page .b2-toolbar{background:#fffdf0e8;border:1px solid #fff8df;border-radius:13px;margin:0 0 8px;padding:5px 10px;box-shadow:none}.b8-page .b2-toolbar>button,.b8-page .b2-sound button{font-size:10px;min-height:29px;padding:6px 9px}.b8-page .studio-breadcrumb{padding:1px 8px 10px;font-size:9px;gap:6px}.b8-page .studio-breadcrumb a{background:#fffbedbb;padding:3px 6px}.b8-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 26px;background:#fffcefef;border:1px solid #fffdf3;border-radius:19px;box-shadow:0 7px 20px #678b4d12;max-width:1140px;margin:0 auto 23px}.b8-lesson-header>div>span{font-size:8px;letter-spacing:.12em;color:#7f8c6a}.b8-lesson-header h1{font-size:24px;line-height:1.35;color:#224c38;margin:5px 0 0;letter-spacing:-.03em}.b8-progress{display:flex;align-items:center;gap:18px;min-width:245px}.b8-progress>b{font-size:13px;white-space:nowrap;color:#53714d}.b8-progress .b2-progress-track{width:170px;margin:0;height:9px;background:#f1e9c8}.b8-stage.b2-game-layout{grid-template-columns:minmax(160px,205px) minmax(0,1fr);gap:18px 22px;align-items:end;padding:0;max-width:1450px;margin:auto}.b8-task-card.b2-play-area{background:linear-gradient(110deg,#fffdf3f9,#fff9eaf7);border:2px solid #fffdf3;border-radius:27px;box-shadow:0 15px 45px #305e3925;overflow:visible;padding-top:26px}.b8-task-card>h2{text-align:center;font-size:31px;font-weight:700;color:#224b36;line-height:1.35;letter-spacing:-.035em;padding:0 30px;margin:0 0 17px}.b8-question-copy{padding:0 31px;text-align:center;max-width:1040px;margin:0 auto}.b8-question-copy>p{font-size:16px;line-height:1.8;color:#35523e}.b8-question-copy>.b8-question-prompt{font-size:17px;font-weight:700;margin-top:5px;color:#294f39}.b8-page .b2-single-scene{padding:20px 29px 7px;background:transparent;min-height:0}.b8-page .b2-single-scene .case-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:17px 24px;align-items:center}.b8-page .web-lesson-visual{padding:0;border:0;background:transparent;box-shadow:none;margin:0;overflow:visible;grid-column:1}.b8-page .web-lesson-visual>svg{display:block;width:100%;height:auto;max-width:none;max-height:none;overflow:visible;border-radius:0}.b8-page .web-lesson-visual>figcaption,.b8-page .web-dimension-tags{display:none}.b8-page .web-lesson-visual svg text{font-family:Susu,sans-serif;font-weight:700;fill:#31553e}.b8-page .web-lesson-visual svg .b8-dimension{font-size:23px}.b8-page .web-lesson-visual svg .b8-diagram-caption{font-size:18px;fill:#6f805f;font-weight:400}.b8-page .web-lesson-visual svg .b8-vertex{font-size:22px;stroke:#fff9ea;stroke-width:5px;paint-order:stroke fill}.b8-page .b2-single-scene .game-parts{grid-column:2;background:transparent;padding:0;min-width:0}.b8-page .b2-single-scene .mission-part{padding:24px 23px;background:linear-gradient(130deg,#f7f3e3,#faf5e8);border:0;box-shadow:none;border-radius:22px;min-height:230px;justify-content:center}.b8-page .b2-single-scene .part-heading{margin:0 0 20px;padding:0}.b8-page .b2-single-scene .part-heading>span{display:none}.b8-page .b2-single-scene .part-heading h3{font-size:21px;line-height:1.5;color:#2b513a;text-align:left}.b8-page .b2-single-scene .case-number-entry{gap:13px;justify-content:stretch;max-width:none}.b8-page .b2-single-scene .case-number-entry input{max-width:none;width:100%;height:73px;min-height:73px;font-size:31px;background:#fff;border:2px solid #c4d1c5;border-radius:14px;box-shadow:inset 0 2px 3px #39523c08;text-align:center}.b8-page .b2-single-scene .case-number-entry input::placeholder{font-size:12px;color:#abb3a1}.b8-page .b2-single-scene .case-number-entry>span{font-size:24px;color:#34553e}.b8-page .b2-single-scene .part-status{font-size:11px;margin-top:13px;min-height:0}.b8-page .b2-single-scene .part-status:empty{display:none}.b8-page .b2-single-scene .case-reflection{grid-column:1/-1;background:transparent;border:0;border-top:1px solid #e7e8d5;border-radius:0;padding:12px 4px 0;margin:0;font-size:10px}.b8-page .case-reflection summary{font-size:10px;color:#8d987a}.b8-page .case-reflection textarea{font-size:13px}.b8-page .case-reflection[open]{background:#fafbef;padding:14px;border-radius:13px;border:1px solid #e2e6d3}.b8-page .b2-action-dock{padding:7px 29px 24px;justify-content:flex-end;gap:10px}.b8-page .b2-action-dock .play-button{font-size:15px;min-width:145px;min-height:48px;border-radius:13px;padding:13px 23px;background:linear-gradient(#3a9673,#27785b);border:1px solid #3b8d6c;box-shadow:0 3px #2561482b}.b8-page .b2-action-dock .hint-button{min-height:48px;padding:12px 20px;border:1px solid #d7ba77;background:#fff9e9;border-radius:13px;font-size:13px;color:#8b6a31}.b8-page .b2-action-dock .quiet{margin-left:0;font-size:9px;color:#8a967c}.b8-page .b2-play-area>#feedback:not(:empty){padding:13px 18px;margin:7px 29px;background:#eaf2df;font-size:13px;border:1px solid #d5e4bf;border-radius:13px}.b8-mam-area.b2-companion{display:flex;flex-direction:column;align-items:center;align-self:end;gap:0;padding:0;min-width:0}.b8-mam-area .b8-mam-speech{order:1;padding:17px 16px;background:#fffceef2;border:1px solid #e8dbb5;box-shadow:0 7px 18px #4b6b3912;border-radius:26px;margin:0 -8px 0 0;position:relative;z-index:2;max-width:230px;min-width:150px}.b8-mam-area .b8-mam-speech:after{content:"";position:absolute;bottom:-9px;left:35%;width:15px;height:15px;background:#fffbec;border-right:1px solid #e8dbb5;border-bottom:1px solid #e8dbb5;transform:rotate(45deg)}.b8-mam-area .b8-mam-speech>p:first-child{font-size:15px;line-height:1.65;text-align:center;margin:0;color:#43623e}.b8-mam-area .b8-coach-detail{display:none}.b8-mam-area .mj-mam{order:2;width:245px;height:245px;max-width:none;margin:4px -10px 0}.b8-mam-area .mj-mam>.mam-avatar{width:100%;height:100%;filter:drop-shadow(0 10px 5px #3d5e3826)}.b8-mam-area .mam-ai-panel{order:3;margin-top:4px;background:#fff9e9eb;max-width:220px;font-size:11px;position:relative;z-index:3}.b8-mam-area .mam-ai-panel:not([open]){padding:10px 12px}.b8-mam-area .mam-ai-panel .mam-ai-heading h3{font-size:11px}.b8-mam-area .b2-speech #hintBox{font-size:12px;line-height:1.8;color:#796340;padding-top:10px;margin-top:12px;text-align:left}.b8-mam-area #mamReadTask{font-size:9px;display:block;margin:12px auto 0;background:transparent;border:0;padding:2px;color:#7a8c67;text-decoration:underline;min-height:25px}.b8-mam-area #mamTaskVoiceStatus{font-size:8px;line-height:1.6}.b8-stage>.studio-reward-note{grid-column:2;background:#fff9e4d6;color:#6d794e;font-size:10px;letter-spacing:.025em;padding:9px 20px;margin:0}.b8-source-tools{margin:15px 3px 0;font-size:9px;color:#6c845c;line-height:1.8}.b8-source-tools summary{cursor:pointer;width:fit-content;padding:5px 10px;background:#fffbe7cf;border-radius:9px}.b8-source-tools>p{padding:12px 10px;font-size:11px;background:#fffbeee8}.b8-source-tools>button{font-size:10px;background:#fff9e6;border:1px solid #dcd3b4;border-radius:9px;padding:10px 14px}.b8-page .b2-single-scene .web-visual-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.b8-page .web-visual-options button{border:1px solid #e4d8b9;background:#fffdf3;box-shadow:0 3px #d7ceb533;border-radius:14px;padding:10px 7px 13px;font-size:11px;line-height:1.6}.b8-page .web-visual-options button>svg{max-width:95px;width:100%;margin-bottom:6px}.b8-page .web-visual-options button.selected{border:2px solid #76a476;background:#e8f2dd;box-shadow:0 3px #abc49a;transform:translateY(-2px)}.b8-page .b2-single-scene .case-options{display:grid;grid-template-columns:1fr;gap:10px}.b8-page .b2-single-scene .case-options button{background:#fffdf3;border:1px solid #d7dfc6;border-radius:13px;box-shadow:0 3px #c6d4b52b;padding:13px 15px;min-height:48px;font-size:14px}.b8-page .b2-single-scene .case-options button.selected{background:#e2efd7;border:2px solid #80a574;box-shadow:0 3px #a7be91}.b8-page .web-visual-options button:focus-visible{outline:3px solid #c4953d;outline-offset:3px}@media(min-width:1450px){.b8-task-card>h2{font-size:35px}.b8-question-copy>p{font-size:18px}.b8-question-copy>.b8-question-prompt{font-size:19px}.b8-page .b2-single-scene{padding:24px 35px 10px}.b8-stage.b2-game-layout{grid-template-columns:235px minmax(0,1fr);gap:20px 25px}.b8-mam-area .mj-mam{width:275px;height:275px}.b8-mam-area .b8-mam-speech>p:first-child{font-size:17px}.b8-page .b2-single-scene .part-heading h3{font-size:23px}.b8-page .b2-single-scene .mission-part{min-height:250px}.b8-page .b2-action-dock{padding-right:35px}}@media(max-width:1100px){.b8-stage.b2-game-layout{grid-template-columns:160px minmax(0,1fr);gap:14px}.b8-mam-area .mj-mam{width:195px;height:195px}.b8-mam-area .b8-mam-speech{padding:15px 13px;min-width:140px}.b8-mam-area .b8-mam-speech>p:first-child{font-size:13px}.b8-task-card>h2{font-size:28px;margin-bottom:14px}.b8-question-copy{padding:0 24px}.b8-question-copy>p{font-size:14px}.b8-question-copy>.b8-question-prompt{font-size:15px}.b8-page .b2-single-scene{padding:18px 22px 7px}.b8-page .b2-single-scene .case-workspace{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:15px}.b8-page .b2-single-scene .mission-part{padding:18px;min-height:200px}.b8-page .b2-single-scene .part-heading h3{font-size:18px}.b8-page .b2-single-scene .case-number-entry input{height:63px;min-height:63px;font-size:28px}.b8-page .b2-action-dock{padding:7px 22px 21px}.b8-page .web-visual-options button{font-size:9px;padding:8px 5px}.b8-lesson-header h1{font-size:21px}.b8-progress{min-width:200px}.b8-progress .b2-progress-track{width:130px}.b8-progress>b{font-size:11px}.b8-mam-area .mam-ai-panel{max-width:165px}.b8-mam-area .mam-ai-panel .mam-ai-heading{gap:3px}.b8-mam-area .mam-ai-panel .mam-ai-heading b{font-size:7px}}@media(max-width:760px){body[data-view=math-journey-game][data-lesson="8"] #app{padding:10px 15px 22px}.b8-page .b2-toolbar{gap:4px;padding:5px 7px;flex-wrap:wrap}.b8-page .b2-toolbar>button,.b8-page .b2-sound button{font-size:8px;padding:6px;min-height:29px}.b8-page .studio-breadcrumb{font-size:8px;padding:1px 3px 10px;gap:4px}.b8-lesson-header{padding:14px 18px;gap:12px;border-radius:16px;margin-bottom:16px}.b8-lesson-header>div>span{font-size:6px;letter-spacing:.06em}.b8-lesson-header h1{font-size:19px;line-height:1.45}.b8-progress{display:block;min-width:95px}.b8-progress>b{font-size:10px;display:block;text-align:right;margin-bottom:7px}.b8-progress .b2-progress-track{width:95px;height:7px}.b8-stage.b2-game-layout{display:flex;flex-direction:column;gap:13px;align-items:stretch}.b8-task-card.b2-play-area{order:1;width:100%;padding-top:22px;border-radius:23px}.b8-task-card>h2{font-size:27px;padding:0 22px;margin-bottom:14px}.b8-question-copy{padding:0 22px}.b8-question-copy>p{font-size:14px;line-height:1.85}.b8-question-copy>.b8-question-prompt{font-size:15px}.b8-page .b2-single-scene{padding:18px 21px 6px}.b8-page .b2-single-scene .case-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:13px}.b8-page .b2-single-scene .web-lesson-visual{width:100%;max-width:none}.b8-page .b2-single-scene .web-lesson-visual>svg{max-height:none}.b8-page .b2-single-scene .mission-part{padding:16px;min-height:170px}.b8-page .b2-single-scene .part-heading h3{font-size:17px}.b8-page .b2-single-scene .case-number-entry input{height:58px;min-height:58px;font-size:26px;border-radius:12px}.b8-page .b2-single-scene .case-number-entry>span{font-size:20px}.b8-page .b2-single-scene .case-number-entry{gap:10px}.b8-page .b2-action-dock{padding:8px 21px 22px;gap:9px}.b8-page .b2-action-dock .play-button{font-size:13px;min-width:130px;padding:12px 17px;min-height:44px}.b8-page .b2-action-dock .hint-button{font-size:12px;padding:11px 17px;min-height:44px}.b8-page .b2-action-dock .quiet{font-size:9px}.b8-mam-area.b2-companion{order:2;display:grid;grid-template-columns:115px minmax(0,1fr);gap:0 12px;align-items:center;align-self:stretch;width:100%;padding:0 7px}.b8-mam-area .mj-mam{grid-column:1;grid-row:1;width:115px;height:115px;margin:0;order:initial}.b8-mam-area .b8-mam-speech{grid-column:2;grid-row:1;order:initial;max-width:none;min-width:0;margin:0;padding:15px 17px;border-radius:23px}.b8-mam-area .b8-mam-speech>p:first-child{font-size:14px}.b8-mam-area .b8-mam-speech:after{left:-8px;bottom:40%;transform:rotate(135deg)}.b8-mam-area #mamReadTask{font-size:9px;margin-top:8px}.b8-mam-area .mam-ai-panel{grid-column:1/-1;max-width:none;order:initial;margin-top:7px}.b8-stage>.studio-reward-note{order:3;align-self:center;font-size:9px;padding:9px 15px}.b8-source-tools{font-size:8px;margin-top:12px}.b8-page .web-visual-options button{font-size:9px}.b8-page .b2-play-area>#feedback:not(:empty){margin:7px 21px;font-size:12px}.b8-page .case-reflection summary{font-size:9px}}@media(max-width:520px){.b8-lesson-header{padding:13px 15px;gap:8px}.b8-lesson-header h1{font-size:16px}.b8-lesson-header>div>span{font-size:5px}.b8-progress{min-width:73px}.b8-progress>b{font-size:9px}.b8-progress .b2-progress-track{width:73px}.b8-task-card>h2{font-size:24px}.b8-question-copy{padding:0 19px}.b8-question-copy>p{font-size:13px}.b8-question-copy>.b8-question-prompt{font-size:14px;line-height:1.8;margin-top:7px}.b8-page .b2-single-scene{padding:15px 17px 4px}.b8-page .b2-single-scene .case-workspace{display:flex;flex-direction:column;align-items:stretch;gap:14px}.b8-page .b2-single-scene .web-lesson-visual{max-width:450px;align-self:center}.b8-page .b2-single-scene .web-lesson-visual>svg{max-height:290px;width:100%;object-fit:contain}.b8-page .b2-single-scene .game-parts{width:100%}.b8-page .b2-single-scene .mission-part{min-height:0;padding:20px}.b8-page .b2-single-scene .part-heading{margin-bottom:15px}.b8-page .b2-single-scene .part-heading h3{font-size:18px}.b8-page .b2-single-scene .case-number-entry input{height:60px;min-height:60px;font-size:28px}.b8-page .b2-single-scene .web-visual-options{gap:9px}.b8-page .web-visual-options button{font-size:11px;padding:10px 6px 13px}.b8-page .web-visual-options button>svg{max-width:90px}.b8-page .b2-single-scene .case-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.b8-page .b2-single-scene .case-options button{font-size:11px;padding:11px 7px;min-height:56px}.b8-page .b2-action-dock{padding:10px 17px 21px;justify-content:center;gap:9px}.b8-page .b2-action-dock .play-button{font-size:13px;min-width:125px}.b8-page .b2-action-dock .hint-button{font-size:12px}.b8-page .b2-action-dock .quiet{padding:5px 8px;font-size:8px}.b8-mam-area.b2-companion{grid-template-columns:100px minmax(0,1fr);gap:0 8px;padding:0 3px}.b8-mam-area .mj-mam{width:100px;height:100px}.b8-mam-area .b8-mam-speech>p:first-child{font-size:13px}.b8-mam-area .b8-mam-speech{padding:14px 15px}.b8-page .web-lesson-visual svg .b8-diagram-caption{font-size:20px}.b8-page .web-lesson-visual svg .b8-dimension{font-size:26px}.b8-page .b2-play-area>#feedback:not(:empty){margin:6px 17px;font-size:11px}}@media(prefers-reduced-motion:reduce){.b8-page *{animation:none!important;transition:none!important}}.b8-blueprint{opacity:.65}.b8-blueprint path,.b8-blueprint rect,.b8-blueprint circle{fill:#edf5e6;stroke:#6c998d;stroke-dasharray:7 5;stroke-width:2}.b8-angle-pending{opacity:.3}.b8-unplanted{opacity:0}.b8-sprouting{opacity:.22;filter:saturate(.25)}.b8-built{opacity:1}.b8-reveal [data-build].b8-built{animation:b8-build-in .65s ease-out both}.b8-reveal [data-build=flowers].b8-built{animation:b8-bloom .9s ease-out both;transform-box:fill-box;transform-origin:bottom}.b8-site-preview{order:4;width:100%;margin:10px 0;background:#fffbece8;border:1px solid #d7dfbd;border-radius:14px;overflow:hidden}.b8-site-preview summary{font-size:11px;color:#416348;padding:11px;cursor:pointer;text-align:center}.b8-site-preview>div{padding:0 5px 6px}.b8-homestead{display:block;width:100%;height:auto}.b8-homestead>svg{overflow:visible}.b8-homestead text{font-family:Susu,sans-serif;fill:#365b43}.b8-homestead .b8-diagram-caption{display:none}.b8-homestead .b8-vertex{font-size:22px;font-weight:700}.b8-homestead .b8-dimension{font-size:25px;font-weight:700}.b8-story-cover{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:30px;align-items:center;padding:36px;background:linear-gradient(120deg,#fffbedf5,#eef5e5f2);border:1px solid #fff;border-radius:28px;box-shadow:0 15px 40px #34573b16}.b8-story-copy h1{font-size:clamp(26px,3vw,43px);color:#28583f;line-height:1.25;margin:14px 0 20px}.b8-story-copy>p{line-height:1.9;color:#4e6551;font-size:15px}.b8-story-copy>button{margin:10px 8px 4px 0}.b8-story-copy>small,.b8-story-result>small{display:block;color:#657653;line-height:1.8;margin-top:14px}.b8-story-picture>p{font-size:12px;color:#69815b;text-align:center;margin:12px 0 0}.b8-story-stages{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.b8-story-stages>button{padding:20px;text-align:left;border:1px solid #cfddbe;border-radius:18px;background:#fffdf0;color:#355b42;font-size:18px;font-weight:700}.b8-story-stages>button:disabled{opacity:.6}.b8-story-stages span{display:block;font-size:12px;line-height:1.8;font-weight:400;margin-top:8px}.b8-story-result{max-width:1000px;margin:auto;text-align:center;background:#fffceeef;border:1px solid #fff;border-radius:28px;padding:28px 35px 34px;box-shadow:0 15px 40px #34573b16}.b8-story-result h1{color:#28583f;font-size:clamp(26px,3vw,39px);margin:12px 0 20px}.b8-story-result .b8-homestead{max-width:780px;margin:0 auto 20px}.b8-story-result>p{line-height:1.9;color:#526e50;max-width:680px;margin:16px auto 20px}.b8-story-result>h2{color:#8a692f;font-size:23px}.b8-story-result>button{margin:5px}.b8-story-result .portal-kicker{color:#79845e}.b8-story-copy .outline,.b8-story-result .outline{background:#fff9e8;border:1px solid #d8ca9e;color:#5b6f49;border-radius:12px;padding:13px 18px;min-height:44px}.b8-story-cover .play-button,.b8-story-result .play-button{background:#328161;color:#fff;border:0;border-radius:13px;padding:15px 22px;min-height:48px}.b8-story-result .b8-house-art,.b8-story-cover .b8-house-art{overflow:visible}@keyframes b8-build-in{0%{opacity:.25;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}@keyframes b8-bloom{0%{opacity:.2;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@media(max-width:760px){.b8-story-cover{grid-template-columns:1fr;padding:23px;gap:20px}.b8-story-copy h1{font-size:29px}.b8-story-picture{grid-row:1}.b8-story-cover .b8-homestead{max-height:280px}.b8-story-copy>p{font-size:14px}.b8-story-stages{gap:10px}.b8-story-stages>button{font-size:15px;padding:15px}.b8-story-stages span{font-size:11px}.b8-story-result{padding:24px 18px}.b8-story-result>p{font-size:14px}.b8-site-preview{grid-column:1/-1;order:4;max-width:none}.b8-site-preview .b8-homestead{max-height:220px}}@media(prefers-reduced-motion:reduce){.b8-reveal [data-build]{animation:none!important}}body[data-view=math-journey-game]>.topbar,body[data-view=lesson-two-game]>.topbar,body[data-view=safety-game]>.topbar,body[data-view=math-journey-game]>.global-audio-bar,body[data-view=lesson-two-game]>.global-audio-bar,body[data-view=safety-game]>.global-audio-bar,body[data-view=math-journey-game]>.footer,body[data-view=lesson-two-game]>.footer,body[data-view=safety-game]>.footer{display:none!important}body[data-view=math-journey-game] .studio-breadcrumb,body[data-view=lesson-two-game] .studio-breadcrumb,body[data-view=safety-game] .b2-game-heading,body[data-view=math-journey-game] .b2-game-heading,body[data-view=lesson-two-game] .b2-game-heading,body[data-view=math-journey-game] .mj-world-strip,body[data-view=lesson-two-game] .b2-mini-world,body[data-view=math-journey-game] .b8-lesson-header{display:none!important}body[data-view=math-journey-game] #app>.b2-progress-track,body[data-view=lesson-two-game] #app>.b2-progress-track,body[data-view=safety-game] #app>.b2-progress-track{display:none!important}body[data-view=math-journey-game] #app,body[data-view=lesson-two-game] #app,body[data-view=safety-game] #app,body[data-view=math-journey-game][data-lesson="8"] #app{padding-top:max(10px,env(safe-area-inset-top));min-height:100dvh}.game-focus-bar{display:flex;align-items:center;gap:15px;min-height:51px;position:relative;z-index:20;max-width:1450px;margin:0 auto 19px;padding:6px 10px;border:1px solid #fff9e4;border-radius:15px;background:#fffdf0ed;box-shadow:0 4px 18px #3a603515;font-family:Susu,sans-serif}.game-focus-bar button,.game-focus-options summary{min-height:36px;padding:8px 12px;background:transparent;border:0;border-radius:9px;color:#4b6b4d;font:inherit;font-size:11px;cursor:pointer;box-shadow:none}.game-focus-bar button:hover,.game-focus-options summary:hover{background:#eaf0df}.game-focus-back{display:flex;gap:8px;align-items:center;flex-shrink:0}.game-focus-progress{display:flex;align-items:center;justify-content:center;gap:15px;flex:1}.game-focus-progress>b{font-size:11px;color:#62764e;white-space:nowrap}.game-focus-track{height:7px;background:#e9e8d0;border-radius:20px;overflow:hidden;width:min(220px,24vw)}.game-focus-track>i{height:100%;display:block;background:linear-gradient(90deg,#77ad68,#b7d99a);border-radius:inherit;transition:width .25s}.game-focus-bar .game-focus-sound{font-size:17px;line-height:1;padding:7px 10px;min-width:40px}.game-focus-options{position:relative;flex-shrink:0}.game-focus-options>summary{display:grid;place-items:center;list-style:none;font-size:18px;min-width:40px;padding:6px 10px;line-height:1}.game-focus-options>summary::-webkit-details-marker{display:none}.game-focus-options[open]>summary{background:#e6edd9}.game-focus-menu{position:absolute;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 36px);background:#fffdf2;border:1px solid #d8dec3;border-radius:18px;box-shadow:0 14px 45px #294f3b40;padding:20px;display:flex;flex-direction:column;gap:5px;max-height:calc(100dvh - 100px);overflow:auto;text-align:left}.game-focus-menu>h2{font-size:16px;color:#486744;margin-bottom:10px}.game-focus-menu button{display:block;text-align:left;font-size:12px;min-height:40px;width:100%;padding:10px 12px;border-radius:10px;background:#f3f5e8;white-space:normal}.game-focus-audio{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #e2e6d0;padding-bottom:12px;margin-bottom:6px}.game-focus-menu #focusAudioStatus{font-size:10px;color:#7c8a6a;line-height:1.7}.game-focus-menu #focusAudioStatus:empty{display:none}.game-focus-menu .game-focus-wallet{color:#8c723d;background:#fbf0d7}.game-focus-bar button:focus-visible,.game-focus-options summary:focus-visible{outline:3px solid #c29b52;outline-offset:3px}body[data-view=math-journey-game] .b2-game-layout,body[data-view=lesson-two-game] .b2-game-layout,body[data-view=safety-game] .safety-game-layout{margin-top:0}body[data-view=math-journey-game] .b2-source-small,body[data-view=lesson-two-game] .b2-source-small{opacity:.85}body[data-view=math-journey-game][data-lesson="8"] .b8-page .game-focus-bar{margin-bottom:22px}body[data-view=math-journey-game][data-lesson="8"] .b8-task-card{padding-top:23px}@media(max-width:760px){.game-focus-bar{gap:7px;padding:5px 7px;margin-bottom:14px;min-height:47px;border-radius:13px}.game-focus-bar button{padding:7px 9px;font-size:10px;min-height:34px}.game-focus-progress{gap:10px}.game-focus-progress>b{font-size:10px}.game-focus-track{width:min(150px,23vw);height:6px}.game-focus-options>summary{font-size:17px;min-height:34px;min-width:34px}.game-focus-bar .game-focus-sound{font-size:16px;min-width:34px;padding:6px}.game-focus-menu{top:calc(100% + 10px);padding:17px;width:270px}.game-focus-menu button{font-size:11px;padding:11px 12px;min-height:41px}.game-focus-menu>h2{font-size:15px}body[data-view=math-journey-game] .b2-companion,body[data-view=lesson-two-game] .b2-companion{padding-top:0}body[data-view=math-journey-game][data-lesson="8"] .b8-page .game-focus-bar{margin-bottom:15px}}@media(max-width:420px){.game-focus-back>span{display:none}.game-focus-bar .game-focus-back{font-size:19px;min-width:35px;justify-content:center}.game-focus-progress{gap:9px}.game-focus-track{width:25vw}.game-focus-progress>b{font-size:10px}.game-focus-bar{gap:4px}}body[data-view=math-journey-game] .studio-reward-note,body[data-view=lesson-two-game] .studio-reward-note,body[data-view=math-journey-game] .b2-source-small,body[data-view=lesson-two-game] .b2-source-small,body[data-view=math-journey-game] .b8-source-tools{display:none!important}@media(prefers-reduced-motion:reduce){.game-focus-track>i{transition:none}}.game-focus-jump{display:flex;align-items:center;gap:6px;margin:8px 0 12px;padding:6px 10px;overflow-x:auto;scrollbar-width:thin;border:1px dashed #b9cfa9;border-radius:16px;background:#f6faefe8}.game-focus-jump>span{flex:none;font-size:12px;font-weight:700;color:#4b5c45;white-space:nowrap}.game-focus-jump button{flex:none;min-width:40px;height:40px;padding:0 8px;border:1.5px solid #cfe0c4;border-radius:12px;background:#fff;color:#2f5a48;font:700 14px Susu,system-ui,sans-serif;cursor:pointer}.game-focus-jump button:hover{background:#eaf2df}.game-focus-jump button[aria-current]{background:#2f6a52;border-color:#2f6a52;color:#fff}.game-focus-jump button:focus-visible{outline:3px solid #b89b4e;outline-offset:2px}.game-focus-answer-toggle{flex:none;margin-left:auto;min-height:40px;padding:0 14px;border:1.5px solid #c9a24b!important;border-radius:12px;background:#fff7dc!important;color:#6e4f12!important;font:700 14px Susu,system-ui,sans-serif;cursor:pointer;white-space:nowrap}.game-focus-answer{margin:-4px 0 12px;padding:12px 16px;border:2px solid #e6cf8f;border-radius:16px;background:#fffbea;color:#3f3416;line-height:1.5}.game-focus-answer b{display:block;margin-bottom:4px;color:#6e4f12}.game-focus-answer p{margin:2px 0;font-size:16px;font-weight:700}.game-focus-answer small{display:block;margin-top:6px;font-size:14px;color:#5b5030}.game-focus-present{flex:none;margin-left:auto;min-height:40px;padding:0 14px;border:1.5px solid #8fb7a4!important;border-radius:12px;background:#eaf6ef!important;color:#1f5a49!important;font:700 14px Susu,system-ui,sans-serif;cursor:pointer;white-space:nowrap}.game-focus-present+.game-focus-answer-toggle{margin-left:6px}.game-focus-present[aria-pressed=true]{background:#2f6a52!important;color:#fff!important}body.teacher-present :is(.account-badge,.susu-fab,.susu-chat,.account-sync,.game-focus-profile,.game-focus-wallet,.global-audio-bar,body>.topbar,body>.footer,.game-focus-voice-status){display:none!important}body.teacher-present :is(.b2-game-heading h1,.obstacle-question h2,.obstacle-question h3){font-size:clamp(28px,2.6vw,40px)!important;line-height:1.25}body.teacher-present :is(.b2-game-heading p,.b2-game-heading .portal-kicker,.obstacle-question p){font-size:clamp(17px,1.4vw,22px)!important}body.teacher-present .game-focus-jump{position:sticky;top:0;z-index:30}body:has(.game-focus-jump) .obstacle-question{top:146px;transform:translate(-50%);max-height:calc(100dvh - 162px)}body:has(#focusAnswer:not([hidden])) .obstacle-question{top:262px;max-height:calc(100dvh - 278px)}.game-focus-tools{position:sticky;right:-10px;z-index:1;display:flex;gap:6px;margin-left:auto;padding:0 10px 0 12px;background:linear-gradient(90deg,#f6faef00,#f6faef 14px)}.game-focus-tools>.game-focus-present{margin-left:0}body.teacher-present .mam-ai-panel{display:none!important}body:has(.game-focus-bar):not(:has(.game-focus-jump)) .obstacle-question{top:68px;transform:translate(-50%);max-height:calc(100dvh - 84px)}@media(max-width:600px){body:has(.game-focus-bar) .susu-language{display:none!important}}.b8-roof-pilot{max-width:1180px;margin:auto;--pilot-ink:#295640;--pilot-cream:#fffbef;--pilot-gold:#c39c56}.b8-roof-pilot .b8-pilot-shell{position:relative;padding:0;border:1px solid #fff9df;border-radius:25px;overflow:hidden;background:#fffbed;box-shadow:0 18px 55px #355c3b30}.b8-roof-pilot .b8-pilot-heading{position:relative;padding:18px 24px 17px;text-align:center;background:linear-gradient(110deg,#fff9e9,#fffdf4);border-bottom:1px solid #e4dfc3}.b8-roof-pilot .b8-pilot-heading>span{font-size:10px;letter-spacing:.14em;font-weight:700;color:#8b805d}.b8-roof-pilot .b8-pilot-heading h1{font-size:30px;line-height:1.25;color:var(--pilot-ink);margin:6px 0}.b8-roof-pilot .b8-pilot-heading p{font-size:16px;line-height:1.6;margin:0;color:#52694f}.b8-roof-pilot .b8-pilot-canvas{position:relative}.b8-roof-pilot #scene{padding:0;background:transparent;border:0;border-radius:0;min-height:0}.b8-roof-pilot #activity .case-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:1fr auto;gap:0;align-items:stretch;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.b8-roof-pilot #activity .playbill,.b8-roof-pilot #gameNotice:empty{display:none}.b8-roof-pilot #activity .web-lesson-visual{grid-column:1;grid-row:1/3;margin:0;padding:0;border:0;box-shadow:none;background:transparent;overflow:hidden;border-radius:0;align-self:stretch;min-width:0;width:100%;max-width:none}.b8-roof-pilot .web-lesson-visual>figcaption{display:none}.b8-roof-art{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#dceadb}.b8-roof-art>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:opacity .85s ease;max-width:none;border-radius:0}.b8-roof-finished{opacity:0}.b8-roof-art[data-roof-state=built] .b8-roof-finished{opacity:1}.b8-roof-plan{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 3px #7a73515c)}.b8-roof-art[data-roof-state=built] .b8-roof-plan{opacity:0}.b8-roof-pilot #activity .game-parts{grid-column:2;grid-row:1;background:linear-gradient(140deg,#fffdf4,#f4f0da);padding:28px 19px 12px;display:flex;align-items:center;min-width:0}.b8-roof-pilot #activity .mission-part{width:100%;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0}.b8-roof-pilot #activity .part-heading{padding:0;margin:0 0 18px;text-align:center;display:block}.b8-roof-pilot #activity .part-heading>span{display:none}.b8-roof-pilot #activity .part-heading h3{font-size:16px;text-align:center;color:#53704c;line-height:1.5;font-weight:500}.b8-roof-pilot #activity .web-visual-options{display:grid;grid-template-columns:1fr;gap:13px;margin:0}.b8-roof-pilot #activity .web-visual-options button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:5px;width:100%;min-height:94px;padding:4px 12px 6px 5px;text-align:left;border:2px solid #e1d9bb;background:linear-gradient(140deg,#fffef9,#f7efda);border-radius:18px;box-shadow:0 4px #c8c09e54,0 8px 15px #7a805312;transition:transform .18s,border-color .18s,box-shadow .18s;color:#3f6248;font-size:15px;line-height:1.5;font-weight:700}.b8-roof-pilot #activity .web-visual-options button>svg{width:80px;height:76px;max-width:none;flex:0 0 80px;margin:0}.b8-roof-pilot #activity .web-visual-options button:hover:not(:disabled){transform:translateY(-3px);border-color:#b8c590;box-shadow:0 6px #b1be8b40,0 10px 20px #5e783021}.b8-roof-pilot #activity .web-visual-options button.selected{border-color:#508c66;background:linear-gradient(140deg,#f6fce8,#e2efce);box-shadow:0 4px #5c895744,0 0 0 3px #93b87526;transform:translateY(-2px)}.b8-roof-pilot #activity .web-visual-options button.selected:after{content:"✓";position:absolute;top:6px;right:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#5b9366;color:#fff;font-size:12px}.b8-roof-pilot #activity .web-visual-options button:disabled{opacity:1;cursor:default}.b8-roof-pilot #activity .part-status{min-height:0;margin:14px 0 0;text-align:center;font-size:13px;line-height:1.5;color:#55704e}.b8-roof-pilot #activity .part-status:empty{display:none}.b8-roof-pilot #activity .case-reflection{grid-column:2;grid-row:2;background:#f4f0da;border:0;border-radius:0;padding:12px 19px 20px;margin:0;color:#75816b;font-size:11px}.b8-roof-pilot .case-reflection summary{font-size:11px;text-align:center;line-height:1.8;cursor:pointer}.b8-roof-pilot .case-reflection textarea{font-size:13px;background:#fffdf4;min-height:90px;width:100%;border-radius:10px;border:1px solid #d6dbbc;padding:8px}.b8-roof-pilot .b8-pilot-guide{position:absolute;left:2%;bottom:1%;width:22%;max-width:200px;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2}.b8-roof-pilot .b8-pilot-guide .b2-speech{background:#fffdf2f2;border:1px solid #e8d9a9;border-radius:19px;padding:12px 14px;box-shadow:0 6px 17px #3b653722;position:relative;max-width:200px;font-size:13px;line-height:1.6;text-align:center;color:#416742;pointer-events:auto}.b8-roof-pilot .b8-pilot-guide .b2-speech:after{content:"";position:absolute;width:13px;height:13px;bottom:-7px;left:45%;background:#fffdf2;border-right:1px solid #e8d9a9;border-bottom:1px solid #e8d9a9;transform:rotate(45deg)}.b8-roof-pilot .b8-pilot-guide .b2-speech p{margin:0}.b8-roof-pilot .b8-pilot-guide .mj-mam{width:100%;height:auto;aspect-ratio:1;margin:4px 0 0;filter:drop-shadow(0 12px 5px #345a3d26)}.b8-roof-pilot .b8-pilot-guide .mam-avatar{width:100%;height:100%}.b8-roof-pilot .b8-pilot-guide #hintBox{font-size:12px;padding-top:9px;margin-top:9px;border-top:1px solid #dbdeb7}.b8-roof-pilot .b8-pilot-guide .mam-ai-panel{display:none}.b8-roof-pilot #feedback:not(:empty){padding:12px 22px;margin:0;background:#eff5df;border-top:1px solid #d9e6c7;font-size:14px;line-height:1.7;color:#385d3b}.b8-roof-pilot #feedback .mam-cheer-caption{font-size:12px;margin-top:4px}.b8-roof-pilot .b2-action-dock{display:flex;align-items:center;justify-content:flex-end;gap:13px;padding:16px 22px;background:#fffbee;border-top:1px solid #e1dfc6;flex-wrap:wrap}.b8-roof-pilot .b2-action-dock .b8-pilot-action-note{margin-right:auto;color:#778266;font-size:12px}.b8-roof-pilot .b2-action-dock .play-button{border-radius:14px;border:1px solid #337151;background:linear-gradient(#4b9971,#2f7855);box-shadow:inset 0 1px #94c89c,0 4px #235f4533;font-size:15px;min-height:48px;padding:12px 22px;color:#fffdeb;font-weight:700}.b8-roof-pilot .b2-action-dock .hint-button{border:1px solid #d9c38f;border-radius:13px;background:#fff9e6;color:#88703a;min-height:46px;padding:11px 18px;font-size:13px}.b8-roof-pilot button:focus-visible{outline:3px solid #d4a950;outline-offset:4px}.b8-roof-sparkles{display:none;position:absolute;top:14%;left:34%;color:#fff2a4;font-size:42px;width:40%;text-shadow:0 0 15px #e7ac39;justify-content:space-around;pointer-events:none}.b8-roof-arrives .b8-roof-finished{animation:b8-roof-settle .85s cubic-bezier(.2,.7,.2,1) both}.b8-roof-arrives .b8-roof-sparkles{display:flex;animation:b8-roof-glitter 1.6s ease-out both}.b8-roof-sparkles i{font-style:normal;transform:translateY(-25px)}.b8-pilot-entry{display:block;width:fit-content;border:1px solid #49815a;background:#edf5de;color:#386643;font-weight:700;font-size:14px;border-radius:12px;padding:13px 17px;margin:15px 0;box-shadow:0 3px #49794122}@keyframes b8-roof-settle{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes b8-roof-glitter{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.15) translateY(-20px)}}@media(max-width:1000px){.b8-roof-pilot #activity .case-workspace{grid-template-columns:minmax(0,1fr) 215px}.b8-roof-pilot #activity .game-parts{padding:20px 14px 10px}.b8-roof-pilot #activity .web-visual-options button{font-size:13px;min-height:78px;padding-right:8px}.b8-roof-pilot #activity .web-visual-options button>svg{width:65px;height:64px;flex-basis:65px}.b8-roof-pilot .b8-pilot-guide .b2-speech{font-size:12px;padding:10px}.b8-roof-pilot #activity .case-reflection{padding:10px 14px 15px}.b8-roof-pilot #activity .part-heading{margin-bottom:12px}}@media(max-width:760px){.b8-roof-pilot .b8-pilot-shell{border-radius:20px}.b8-roof-pilot .b8-pilot-heading{padding:14px 17px}.b8-roof-pilot .b8-pilot-heading>span{font-size:8px;letter-spacing:.1em}.b8-roof-pilot .b8-pilot-heading h1{font-size:25px;margin:5px 0}.b8-roof-pilot .b8-pilot-heading p{font-size:14px}.b8-roof-pilot #activity .case-workspace{display:flex;flex-direction:column;gap:0}.b8-roof-pilot #activity .web-lesson-visual{order:0;align-self:stretch;max-width:none;width:100%}.b8-roof-pilot #activity .game-parts{order:1;padding:16px 14px 10px;display:block}.b8-roof-pilot #activity .part-heading{display:none}.b8-roof-pilot #activity .web-visual-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.b8-roof-pilot #activity .web-visual-options button{flex-direction:column;justify-content:center;text-align:center;gap:0;min-height:115px;font-size:12px;padding:6px 4px 10px;border-radius:14px}.b8-roof-pilot #activity .web-visual-options button>svg{width:78px;height:70px;flex-basis:auto}.b8-roof-pilot #activity .case-reflection{order:2;padding:4px 14px 11px}.b8-roof-pilot .b8-pilot-guide{width:24%;max-width:145px;left:2%;bottom:auto;top:clamp(35px,10vw,95px)}.b8-roof-pilot .b8-pilot-guide .b2-speech{font-size:10px;line-height:1.5;padding:8px;border-radius:13px}.b8-roof-pilot .b8-pilot-guide .mj-mam{margin-top:2px}.b8-roof-pilot .b2-action-dock{padding:12px 14px;gap:10px;justify-content:center}.b8-roof-pilot .b2-action-dock .b8-pilot-action-note{display:none}.b8-roof-pilot .b2-action-dock .play-button{font-size:14px;padding:12px 18px}.b8-roof-pilot .b2-action-dock .hint-button{font-size:12px;padding:11px 15px}.b8-roof-pilot #feedback:not(:empty){font-size:13px;padding:10px 16px}.b8-roof-pilot .b8-pilot-guide #hintBox{font-size:10px}}@media(max-width:380px){.b8-roof-pilot .b8-pilot-heading h1{font-size:22px}.b8-roof-pilot .b8-pilot-heading p{font-size:13px}.b8-roof-pilot #activity .web-visual-options{gap:7px}.b8-roof-pilot #activity .web-visual-options button{font-size:10px;min-height:105px}.b8-roof-pilot #activity .web-visual-options button>svg{width:65px;height:60px}.b8-roof-pilot .b8-pilot-guide .b2-speech{font-size:9px;padding:7px}.b8-roof-pilot .b8-pilot-guide{width:25%;top:30px}}@media(prefers-reduced-motion:reduce){.b8-roof-pilot *{animation:none!important;transition:none!important}}@media(min-width:761px)and (max-height:800px){.b8-roof-pilot{max-width:1030px}.b8-roof-pilot .b8-pilot-heading{padding:11px 20px}.b8-roof-pilot .b8-pilot-heading h1{font-size:26px}.b8-roof-pilot #activity .case-workspace{grid-template-columns:minmax(0,1fr) 235px}.b8-roof-pilot .b2-action-dock{padding:12px 20px}}@media(max-width:760px){.b8-roof-pilot .b8-pilot-guide{top:8px;bottom:auto;left:6px;width:118px;max-width:38%}.b8-roof-pilot .b8-pilot-guide .b2-speech{font-size:9px;line-height:1.35;padding:5px 6px;width:100%;box-sizing:border-box}.b8-roof-pilot .b8-pilot-guide .mj-mam{width:44px;height:44px;aspect-ratio:1;margin-top:2px}.b8-roof-pilot .b8-pilot-guide button{font-size:9px;min-height:28px;padding:3px 5px}}body[data-story-mode]:not([data-story-mode=none])[data-view=math-journey-game] #app,body[data-story-mode]:not([data-story-mode=none])[data-view=lesson-two-game] #app{max-width:1390px;padding:12px 24px 25px}.story-page{font-family:Susu,sans-serif;color:#294e3b;max-width:1300px;margin:auto}.story-shell.b2-play-area{padding:0;border-radius:25px;border:1px solid #fffbe4;background:#fffbed;overflow:hidden;box-shadow:0 18px 55px #385b3c28}.story-heading{display:flex;align-items:center;gap:20px;padding:17px 25px 13px;background:linear-gradient(110deg,#fff9e9,#fffef6);border-bottom:1px solid #e4dfc3}.story-heading>div{flex:1;min-width:0}.story-heading>div>span{display:block;font-size:10px;letter-spacing:.07em;color:#8b805d;margin-bottom:7px}.story-heading h1{font-size:clamp(19px,1.9vw,27px);line-height:1.5;margin:0;color:#2b573e}.story-heading button{border:1px solid #d9c38f;border-radius:13px;background:#fff8e4;padding:11px 17px;color:#82672e;min-height:44px;font-size:13px;flex:0 0 auto}.story-context{font-size:14px;line-height:1.8;padding:12px 25px;background:#fffbed;border-bottom:1px solid #e5dfc8;color:#4b6549}.story-shell>details{margin:10px 25px;font-size:12px;color:#687855;line-height:1.8}.story-playfield{position:relative}.story-page #scene{margin:0;padding:0;background:transparent;border:0;border-radius:0;min-height:0}.story-page .case-workspace.story-workspace{position:relative;isolation:isolate;min-height:520px;padding:25px 25px 20px;display:block;background:#dce9d0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.story-scene{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;max-width:none}.story-workspace:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffffe600 40%,#203e1410)}.story-task-progress{position:absolute;top:15px;left:20px;background:#fffbedec;border:1px solid #e8dbaf;border-radius:30px;display:flex;align-items:center;gap:9px;padding:6px 10px;box-shadow:0 4px 10px #385e3b16;z-index:2;font-size:11px;color:#6f7d54}.story-task-progress>div{display:flex;gap:4px;max-width:135px;flex-wrap:wrap}.story-task-progress i{height:7px;width:7px;border-radius:50%;background:#dddac4}.story-task-progress i.done{background:#6eaa70}.story-page #gameNotice{position:relative;z-index:4;color:#785f2d;background:#fff9e7;border-radius:12px;font-size:13px;padding:10px 14px;margin:20px auto 10px;max-width:600px}.story-page #gameNotice:empty{display:none}.story-working-object{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.85fr);gap:20px;align-items:center;max-width:1050px;margin:28px 0 20px auto;min-height:370px}.story-working-object:has(>.game-parts:only-child){display:block;max-width:500px;margin-left:auto}.story-page .story-working-object .game-parts{display:block;padding:0;background:transparent;min-width:0}.story-page .mission-part{min-height:0;border:1px solid #f5edcf;background:linear-gradient(125deg,#fffef5f5,#faf4def2);padding:25px;border-radius:22px;box-shadow:0 10px 25px #38503c20;margin:0}.story-page .part-heading{display:none}.story-page .part-status{font-size:12px;line-height:1.6;color:#55704a;text-align:center;margin:13px 0 0;min-height:0}.story-page .part-status:empty{display:none}.story-diagram-paper{background:#fffdf0ed;border:1px solid #eee1b5;border-radius:21px;padding:20px;box-shadow:0 9px 23px #324b3226;transform:rotate(-.4deg);min-width:0}.story-page .web-lesson-visual{border:0;box-shadow:none;background:transparent;padding:0;margin:0}.story-page .web-lesson-visual>svg{width:100%;max-height:360px;height:auto;overflow:visible}.story-page .web-lesson-visual>figcaption{font-size:10px;color:#7a8867;line-height:1.6;margin-top:9px}.story-page .web-lesson-visual svg text{font-family:Susu,sans-serif;fill:#36583e}.story-page .b8-house-art .b8-vertex{font-size:22px;font-weight:700}.story-page .b8-house-art .b8-diagram-caption{font-size:17px}.story-page .b8-garden-art .b8-dimension{font-size:24px;font-weight:700}.story-page .b8-garden-art .b8-diagram-caption{font-size:17px}.story-page .web-dimension-tags{display:flex;gap:7px;flex-wrap:wrap;font-size:11px;margin-top:7px}.story-page .web-dimension-tags span{background:#eff2df;padding:5px 8px;border-radius:7px}.story-page .case-reflection{position:relative;z-index:2;padding:9px 15px;background:#fffbeddf;border:1px solid #eee2be;border-radius:12px;color:#6d7c59;max-width:500px;margin:10px 0 0 auto;font-size:11px}.story-page .case-reflection summary{cursor:pointer;font-size:11px;line-height:1.6}.story-page .case-reflection textarea{width:100%;min-height:90px;font-size:14px;border:1px solid #cbd6b7;border-radius:10px;padding:11px;background:#fffef7;color:#36583e;display:block;margin:8px 0}.story-page .case-reflection label{display:block;line-height:1.7}.story-page .case-reflection small{font-size:10px;line-height:1.7}.story-guide.companion{position:absolute;z-index:3;left:12px;bottom:8px;width:175px;padding:0;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.story-guide .mj-mam{width:170px;height:170px;margin:0;order:2;filter:drop-shadow(0 12px 5px #35583135)}.story-guide .mam-avatar{width:100%;height:100%}.story-guide .b2-speech{order:1;position:relative;background:#fffceef2;border:1px solid #e2d6ad;border-radius:20px;padding:12px 15px;box-shadow:0 5px 16px #345b3826;pointer-events:auto;font-size:12px;line-height:1.65;color:#4c6a45;text-align:center}.story-guide .b2-speech:after{content:"";position:absolute;left:44%;bottom:-8px;width:14px;height:14px;background:#fffcee;border-bottom:1px solid #e2d6ad;border-right:1px solid #e2d6ad;transform:rotate(45deg)}.story-guide .b2-speech p{margin:0}.story-guide #hintBox{padding-top:10px;margin-top:10px;border-top:1px solid #ddd9bb;font-size:12px;text-align:left}.story-guide .mam-ai-panel{order:3;pointer-events:auto;max-width:180px;background:#fffbeeee;font-size:11px;z-index:5}.story-guide #mamReadTask{font-size:10px;min-height:28px;background:transparent;border:0;color:#627d55;text-decoration:underline}.story-guide #mamTaskVoiceStatus{font-size:9px;line-height:1.5}.story-page #feedback:not(:empty){padding:13px 23px;margin:0;background:#edf4df;border-top:1px solid #d4e4c0;font-size:14px;line-height:1.7}.story-page #feedback .mam-cheer-caption{font-size:12px;margin-top:3px}.story-page .b2-action-dock{padding:15px 23px;display:flex;align-items:center;gap:12px;background:#fffbed;border-top:1px solid #e1dfc6;flex-wrap:wrap;justify-content:flex-end}.story-action-note{font-size:11px;color:#7a8668;margin-right:auto}.story-page .b2-action-dock>.quiet{margin:0;font-size:11px;color:#718563;background:transparent;padding:10px 7px;min-height:44px}.story-page .b2-action-dock>.play-button{border-radius:14px;background:linear-gradient(#4d9b74,#2e7654);border:1px solid #327050;box-shadow:inset 0 1px #94c89d,0 4px #235f452a;min-height:48px;padding:12px 23px;font-size:14px;color:#fffdeb;font-weight:700}.story-page button:focus-visible,.story-page input:focus-visible{outline:3px solid #d6ab54;outline-offset:3px}.story-page button:disabled{cursor:default}.story-page .case-options{display:grid;grid-template-columns:1fr;gap:11px}.story-page .case-options button,.story-page .web-visual-options button{border:2px solid #ded8bb;border-radius:15px;background:linear-gradient(#fffef6,#f5edd8);padding:14px;font-size:15px;line-height:1.6;box-shadow:0 4px #c9c19d40;color:#456345;min-height:49px}.story-page .case-options button>span:first-child{margin-right:8px}.story-page .case-options button.selected,.story-page .web-visual-options button.selected{border-color:#5a946a;background:#eaf3db;box-shadow:0 3px #6b965545}.story-page .web-visual-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-page .web-visual-options button{display:flex;flex-direction:column;align-items:center;font-size:12px;padding:10px 7px}.story-page .web-visual-options button>svg{height:90px;max-width:110px;width:100%;margin:0 0 7px}.story-instrument{text-align:center}.story-instrument-top{display:block;font-size:13px;color:#697951;margin-bottom:17px;line-height:1.6}.story-instrument-bottom{display:block;font-size:10px;color:#8a9277;margin-top:15px}.story-page .case-number-entry{display:flex;align-items:center;justify-content:center;gap:12px;padding:0}.story-page .case-number-entry input{width:100%;min-width:0;max-width:260px;min-height:68px;text-align:center;font-size:30px;border:2px solid #b7ccb2;border-radius:13px;background:#fffefb;color:#2c563e;box-shadow:inset 0 2px 5px #4561430a}.story-page .case-number-entry input::placeholder{font-size:12px;color:#a3aa94}.story-page .case-number-entry>span{font-size:20px;color:#546d46;white-space:nowrap}.story-page .column-paper{background:#fffdf2;border:1px solid #e3d5ac;border-radius:12px;box-shadow:0 5px #c8bfa032;padding:20px;max-width:340px;margin:auto}.story-page .column-paper input{font-size:25px;min-height:45px;border:1px solid #d2dac1;color:#33543b;background:#fffef8}.story-page .column-caption{font-size:10px;color:#8c9274}.story-page .control-note{font-size:11px;line-height:1.8;color:#788768;text-align:center}.story-page .digit-console{border:1px solid #b7c4a2;border-radius:16px;background:#eff1dd;padding:15px}.story-page .digit-console-screen{background:#fffdf2;border:1px solid #d6dbbd;font-size:28px;color:#34513a}.story-page .console-keys button{min-height:44px;font-size:18px;background:#fffcee;border:1px solid #cfd4b7;border-radius:10px}.story-page .story-mode-shop .mission-part{border-radius:7px 7px 18px 18px;border-top:5px dotted #e3d7b1;background:#fffcedf5;transform:rotate(.8deg)}.story-page .story-mode-machine .mission-part{border:6px solid #759a7e;background:#eaf0ddf5;box-shadow:inset 0 0 0 2px #c0d3aa,0 12px 22px #2d503830}.story-page .story-mode-repair .mission-part{border:4px solid #c2a06b;background:#fff6dfee}.story-page .story-mode-records .mission-part{border-left:9px solid #7ba08b;border-radius:6px 16px 16px 6px}.story-page .story-mode-paint .mission-part{background:#fffef4f5;padding:20px}.story-page .case-paint-grid{background:#e5d6b0;padding:10px;gap:3px;border-radius:12px}.story-page .case-paint-grid button{min-width:25px;min-height:25px;border:1px solid #c6cbb0;background:#fffcec}.story-page .case-paint-grid button.painted{background:var(--paint-color)}.story-page .fraction-pie{max-width:230px;filter:drop-shadow(0 6px 4px #695f3b20)}.story-page .practice-check{font-size:15px;line-height:1.7;border:2px solid #becfae;background:#f4f8e8;border-radius:15px;padding:18px;min-height:70px}.story-complete .story-scene{filter:saturate(1.08)}.story-change{position:relative;z-index:2;margin:15px 0 0 auto;max-width:500px;background:#f9ffe8eb;color:#3c6944;border:1px solid #b4d092;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:0 5px 14px #35542c20}.story-change:empty{display:none}.story-change small{font-size:10px;white-space:nowrap}.story-completion-seal{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#719f60;color:#fff;font-size:19px}.story-complete .story-change{animation:story-object-ready .6s ease-out both}.story-fraction{display:inline-flex;vertical-align:middle;flex-direction:column;text-align:center;margin:0 2px;line-height:1.05}.story-fraction>span:first-child{border-bottom:1.5px solid currentColor;padding:0 3px 2px}.story-fraction>span:last-child{padding:2px 3px 0}.story-page .story-mode-train{padding:45px 25px 25px;min-height:600px}.story-mode-train .story-working-object{display:block;max-width:none;margin:0;min-height:400px}.story-mode-train .mission-part{background:transparent;border:0;box-shadow:none;padding:0}.story-mode-train .case-reflection{margin-right:0}.story-train{position:relative}.story-station-sign{width:fit-content;max-width:95%;margin:0 auto 18px;background:linear-gradient(#fff9e6,#ebd6a3);border:3px solid #af8952;border-radius:14px;padding:10px 25px;color:#6a512c;font-size:18px;font-weight:700;box-shadow:0 5px #6c623829;text-align:center}.story-track-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding:0 4px 15px;scrollbar-color:#b3c18d #f5ecd3}.story-train-line{position:relative;display:flex;align-items:flex-end;min-width:max-content;padding:0 0 16px;gap:0;transition:transform .65s ease-in;transform-origin:left bottom}.story-train-line:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:11px;background:repeating-linear-gradient(90deg,transparent 0 22px,#796d514d 22px 30px),linear-gradient(#8c9785 0 3px,#e7dab355 3px 8px,#7d8a75 8px 11px);z-index:-1}.story-engine{height:170px;width:225px;object-fit:contain;object-position:bottom;flex:0 0 225px;filter:drop-shadow(0 7px 4px #39543828)}.story-page .case-order-slots{display:flex;gap:0;align-items:flex-end}.story-page .story-docking-slot{position:relative;width:173px;height:133px;min-width:173px;flex:0 0 173px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;margin-left:-4px;overflow:visible;min-height:133px;color:#3b573c}.story-docking-slot>img,.story-wagon>img{position:absolute;width:100%;height:100px;object-fit:fill;bottom:0;left:0;pointer-events:none;filter:drop-shadow(0 6px 3px #3b54362b)}.story-docking-slot>strong,.story-wagon>strong{position:absolute;left:21%;width:58%;bottom:47px;text-align:center;font-size:23px;line-height:1.05;color:#355541;z-index:2;white-space:nowrap;text-shadow:0 1px #fff8dc}.story-docking-slot>strong .story-fraction,.story-wagon>strong .story-fraction{font-size:17px}.story-empty-wagon{position:absolute;left:7%;right:7%;height:85px;bottom:4px;border:3px dashed #fff8d9;border-radius:13px 13px 21px 21px;background:#f9f9d226;box-shadow:inset 0 0 0 2px #54754633}.story-empty-wagon:before,.story-empty-wagon:after{content:"";position:absolute;bottom:-11px;width:20px;height:20px;border:3px dashed #fff5cf;border-radius:50%;background:#b6c08c55}.story-empty-wagon:before{left:15%}.story-empty-wagon:after{right:15%}.story-docking-slot>small{position:absolute;bottom:35px;left:46%;color:#fffbea;font-size:15px;text-shadow:0 1px 3px #4c6a3f}.story-page .story-docking-slot.chosen,.story-page .story-wagon.chosen{filter:drop-shadow(0 0 7px #fff6a1);outline:3px solid #ffd67d;outline-offset:-5px;border-radius:15px;transform:translateY(-4px)}.story-wagon-bank{display:block;padding:13px 20px 8px;background:#fff9e1ce;border:1px solid #eee0b1;border-radius:20px;max-width:900px;margin:24px auto 0;box-shadow:0 6px 20px #37573317}.story-wagon-bank>b{display:block;text-align:center;font-size:10px;color:#82754d;letter-spacing:.12em}.story-wagon-bank>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 13px}.story-page .story-wagon{position:relative;width:173px;height:127px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;min-height:127px;transition:transform .2s}.story-page .story-wagon:disabled{visibility:hidden;pointer-events:none;opacity:1}.story-train-tools{display:flex;justify-content:center;gap:13px;margin:12px 0}.story-train-tools button{font-size:11px;color:#6c774f;background:#fffbedda;border:1px solid #ddd1a8;border-radius:10px;padding:10px 15px;min-height:40px}.story-train.ready .story-docking-slot.occupied{animation:story-wagon-connect .45s ease-out both}.story-train-line.departing{transform:translate(-115%)}.story-page .story-mode-train+.story-guide{bottom:18px}.story-sorting{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}.story-page .story-mode-sort .story-working-object{max-width:900px;display:block;margin:40px auto;min-height:350px}.story-mode-sort .mission-part{background:transparent;border:0;box-shadow:none;padding:0}.story-card-tray{min-height:180px;background:#fff9e1e8;border:7px solid #cfb58a;border-radius:19px;padding:20px;box-shadow:0 10px 18px #3a573629}.story-card-tray>b{display:block;font-size:10px;color:#88764e;margin-bottom:17px;text-align:center;letter-spacing:.07em}.story-page .story-sort-card{display:inline-block;font-size:22px;margin:5px;min-width:75px;min-height:60px;background:#fffdf2;border:2px solid #c8cba8;border-radius:12px;color:#436344;padding:10px;box-shadow:0 4px #aca77c33}.story-basket{position:relative;margin-top:43px;padding:22px 15px 18px;min-height:180px;border:8px solid #ad8b59;border-radius:20px 20px 45px 45px;background:repeating-linear-gradient(0deg,#c7a77680 0 5px,#e8ce9e80 5px 10px),repeating-linear-gradient(90deg,#d9be8b 0 7px,#c49e68 7px 14px);box-shadow:0 12px 18px #3a573631;text-align:center}.story-basket-handle{position:absolute;width:65%;height:65px;top:-65px;left:17.5%;border:11px solid #ba9861;border-bottom:0;border-radius:60px 60px 0 0;box-shadow:inset 2px 2px #edd4a0}.story-basket>b{background:#fff5d9;padding:6px 13px;border:1px solid #bc9b66;border-radius:8px;font-size:11px;letter-spacing:.05em}.story-basket>div{padding-top:12px;min-height:85px}.story-basket>div>p{color:#785c32;background:#fff3d9ba;padding:12px;border-radius:9px;font-size:12px;line-height:1.7}.story-page .story-basket .story-sort-card{font-size:19px;margin:4px}.story-page .story-mode-cargo .story-working-object{max-width:850px;display:block;margin:35px auto}.story-page .story-mode-cargo .mission-part{padding:23px;background:#fffcece8}.story-page .expression-pairs{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.story-page .pair-targets{display:grid;gap:14px}.story-page .pair-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#e8ddbd;border:4px solid #ab8c5b;border-radius:13px;padding:15px}.story-page .pair-row>strong{font-size:19px;color:#536344}.story-page .pair-row>span{color:#8c986b}.story-page .pair-row button{background:#fff9e4;border:2px dashed #a7b082;border-radius:11px;font-size:16px;color:#48613e;min-height:50px;padding:11px 14px}.story-page .pair-row button.filled{border-style:solid;background:#e3f0cc}.story-page .pair-bank{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.story-page .pair-bank>small{width:100%;font-size:10px;color:#82744c;text-align:center}.story-page .pair-bank button{background:linear-gradient(#fffbe9,#ecddb9);border:2px solid #c6af7c;border-radius:12px;padding:17px 15px;font-size:18px;min-height:55px;color:#526141;box-shadow:0 4px #907b4e33}.story-page .pair-bank button.selected{background:#e7f3d2;border-color:#729951;transform:translateY(-3px)}.story-compare{display:flex;gap:17px;align-items:center;justify-content:center;flex-wrap:wrap}.story-number-plate{background:#f9e6b9;border:4px solid #b7a06b;border-radius:15px;padding:18px 28px;box-shadow:0 6px #8d805037;font-size:28px;min-width:105px;text-align:center}.story-sign-holder{display:flex;flex-direction:column;gap:8px}.story-sign-holder>button{width:58px;min-height:44px;border:2px solid #a9bd8f;background:#fffce9;border-radius:12px;color:#567243;font-size:27px}.story-sign-holder>button.selected{background:#dbeec6;border-color:#508953}.story-page .story-mode-compare .story-working-object{max-width:760px;display:block;margin:50px auto 25px;min-height:300px}.story-mode-compare .mission-part{padding:35px;background:#fffcedd9}.story-page .story-mode-fishing .story-working-object,.story-page .story-mode-garage .story-working-object{max-width:850px;display:block;margin:95px auto 25px;min-height:300px}.story-mode-fishing .mission-part,.story-mode-garage .mission-part{background:#fffcedc9;border:0}.story-page .story-mode-fishing .web-visual-options,.story-page .story-mode-garage .web-visual-options{grid-template-columns:repeat(3,minmax(0,1fr))}.story-page .story-mode-fishing .web-visual-options button,.story-page .story-mode-garage .web-visual-options button{background:transparent;border:2px solid transparent;box-shadow:none;font-size:17px}.story-page .story-mode-fishing .web-visual-options button.selected,.story-page .story-mode-garage .web-visual-options button.selected{border-color:#e1c25e;background:#fff6ce70}.story-page .story-mode-fishing .web-visual-options button>svg,.story-page .story-mode-garage .web-visual-options button>svg{max-width:200px;height:135px;filter:drop-shadow(0 8px 4px #3d64412a)}.story-cutting-table>b{font-size:14px;line-height:1.7;color:#526c46;display:block;text-align:center}.story-cutting-table>p{font-size:11px;color:#7d8866;text-align:center;margin:35px 0 0}.story-ribbon{position:relative;height:65px;margin:30px 10px;background:repeating-linear-gradient(0deg,#d0b14d 0 2px,#f9e09a 2px 5px,#e9c66c 5px 7px);border-radius:7px;box-shadow:0 4px 8px #9b8d5233}.story-ribbon:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:11px;background:repeating-linear-gradient(90deg,#7f8b65 0 1px,transparent 1px 10%)}.story-ribbon>button{position:absolute;z-index:2;transform:translate(-50%);top:-10px;height:85px;width:32px;min-width:32px;min-height:44px;padding:0;background:transparent;border:0;color:#827447;font-size:22px}.story-ribbon>button.marked{color:#a56d37;text-shadow:0 0 6px #fff7bc;border-left:2px dashed #a27442}.story-page .story-mode-cutting .story-working-object{grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr)}.story-page .b2-digit-stem{max-width:350px;margin:15px auto;background:#fff9e9;padding:14px 25px;font-size:22px}.story-page .b2-number-grid{max-width:500px;margin:12px auto;background:#fff8e6;font-size:18px}.story-page .b2-number-grid td{padding:8px 16px}.story-page [hidden]{display:none!important}@keyframes story-object-ready{0%{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes story-wagon-connect{0%{transform:translate(8px)}to{transform:none}}@media(max-width:1050px){.story-working-object{gap:15px;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);max-width:870px;margin-top:35px}.story-page .mission-part{padding:20px}.story-guide.companion{width:145px;left:5px}.story-guide .mj-mam{width:135px;height:135px}.story-guide .b2-speech{font-size:11px;padding:10px}.story-page .case-workspace.story-workspace{min-height:480px}.story-page .story-mode-train{min-height:540px}.story-page .story-mode-train .story-working-object{margin:0}.story-action-note{display:none}}@media(max-width:760px){body[data-story-mode]:not([data-story-mode=none])[data-view=math-journey-game] #app,body[data-story-mode]:not([data-story-mode=none])[data-view=lesson-two-game] #app{padding:9px 12px 20px}.story-shell.b2-play-area{border-radius:20px}.story-heading{padding:13px 16px 10px;gap:10px}.story-heading>div>span{font-size:8px;letter-spacing:.04em;margin-bottom:6px}.story-heading h1{font-size:19px;line-height:1.6}.story-heading button{font-size:11px;padding:9px 10px;min-height:40px}.story-context{padding:10px 16px;font-size:13px;line-height:1.85}.story-page .case-workspace.story-workspace{padding:160px 14px 20px;min-height:0}.story-scene{object-position:center top;height:100%;min-height:380px}.story-workspace:after{background:linear-gradient(0deg,#f4f2ddbb,#f4f2dd00 60%)}.story-task-progress{top:12px;left:auto;right:12px;font-size:10px;padding:5px 9px}.story-task-progress i{height:6px;width:6px}.story-working-object,.story-working-object:has(>.game-parts:only-child){display:flex;flex-direction:column;max-width:none;min-height:0;align-items:stretch;gap:13px;margin:0!important}.story-page .mission-part{padding:20px;border-radius:18px}.story-diagram-paper{padding:18px;border-radius:17px;transform:none}.story-page .web-lesson-visual>svg{max-height:320px}.story-page .web-lesson-visual>figcaption{font-size:9px}.story-guide.companion{left:10px;top:8px;bottom:auto;width:130px;display:flex;flex-direction:row;align-items:center;gap:0;max-width:75%;width:75%;pointer-events:none}.story-guide .mj-mam{order:1;flex:0 0 100px;width:100px;height:100px}.story-guide .b2-speech{order:2;max-width:190px;font-size:11px;padding:10px 12px;pointer-events:auto;line-height:1.65}.story-guide .b2-speech:after{left:-7px;bottom:35%;transform:rotate(135deg)}.story-guide .mam-ai-panel{display:none}.story-guide #mamReadTask{font-size:9px;min-height:26px}.story-guide #mamTaskVoiceStatus{font-size:8px}.story-guide #hintBox{font-size:11px}.story-page .case-reflection{margin-top:12px;max-width:none;padding:10px 14px;font-size:11px}.story-page #feedback:not(:empty){font-size:13px;padding:11px 16px}.story-page .b2-action-dock{padding:12px 15px;gap:10px}.story-page .b2-action-dock>.play-button{font-size:13px;min-height:46px;padding:12px 18px}.story-page .b2-action-dock>.quiet{font-size:10px;margin-right:auto}.story-page .case-number-entry input{min-height:64px;font-size:28px}.story-page .case-options button{font-size:14px;min-height:49px}.story-page .story-mode-train{padding-top:140px}.story-page .story-mode-train .story-working-object{display:block;min-height:0}.story-page .story-mode-train .mission-part{padding:0}.story-station-sign{font-size:15px;padding:8px 15px;border-width:2px;margin-bottom:8px}.story-engine{height:126px;width:166px;flex-basis:166px}.story-page .story-docking-slot{width:141px;height:120px;min-width:141px;min-height:120px;flex-basis:141px}.story-docking-slot>img,.story-wagon>img{height:85px}.story-docking-slot>strong,.story-wagon>strong{bottom:40px;font-size:20px}.story-docking-slot>strong .story-fraction,.story-wagon>strong .story-fraction{font-size:15px}.story-empty-wagon{height:75px}.story-docking-slot>small{bottom:30px}.story-wagon-bank{padding:12px 8px 8px;margin-top:20px;border-radius:16px}.story-wagon-bank>div{gap:3px 7px}.story-page .story-wagon{width:139px;height:105px;min-height:105px}.story-train-tools{gap:8px}.story-train-tools button{padding:10px;font-size:10px;min-height:40px}.story-sorting{grid-template-columns:1fr;gap:55px}.story-page .story-mode-sort .mission-part{padding:0}.story-card-tray{min-height:120px;padding:15px}.story-basket{margin-top:12px;min-height:155px}.story-basket-handle{height:55px;top:-55px}.story-page .story-sort-card{font-size:22px;min-width:70px;min-height:58px}.story-page .story-mode-cargo .mission-part{padding:17px}.story-page .expression-pairs{grid-template-columns:1fr;gap:17px}.story-page .pair-row{padding:12px;border-width:3px}.story-page .pair-row>strong{font-size:17px}.story-page .pair-row button{font-size:14px;min-height:46px}.story-page .pair-bank button{font-size:16px;padding:12px 13px;min-height:49px}.story-page .story-mode-compare .mission-part{padding:23px 12px}.story-compare{gap:12px}.story-number-plate{padding:15px 17px;font-size:25px;min-width:80px}.story-sign-holder>button{width:48px;font-size:23px}.story-page .story-mode-fishing .web-visual-options,.story-page .story-mode-garage .web-visual-options{grid-template-columns:repeat(2,minmax(0,1fr))}.story-page .story-mode-fishing .web-visual-options button,.story-page .story-mode-garage .web-visual-options button{font-size:14px}.story-page .story-mode-fishing .web-visual-options button>svg,.story-page .story-mode-garage .web-visual-options button>svg{height:105px}.story-page .column-paper{padding:15px}.story-page .column-paper input{font-size:23px}.story-change{max-width:none;font-size:12px;padding:10px 12px;gap:8px;flex-wrap:wrap}.story-change small{margin-left:auto}.story-page .web-visual-options button{font-size:11px;padding:9px 6px}.story-page .web-visual-options button>svg{height:75px}.story-page .story-mode-cutting .story-working-object{display:flex}.story-ribbon>button{width:28px;min-width:28px}.story-page .control-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.story-page *{animation:none!important;transition:none!important}.story-train-line.departing{transform:none}}.story-applied-result{position:absolute;left:22px;top:80px;max-width:220px;z-index:2;pointer-events:none}.story-result-tag{position:relative;background:#fff5d9;border:4px solid #b39462;border-radius:10px;padding:14px 25px 18px;box-shadow:0 8px 20px #35532b30;transform:rotate(-4deg);text-align:center;animation:story-object-ready .65s ease-out}.story-result-tag:before{content:"";position:absolute;left:39%;top:-10px;width:22%;height:13px;background:#d7bc7de8;transform:rotate(2deg)}.story-result-tag>span{font-size:8px;color:#8d794c;letter-spacing:.07em;display:block;margin-bottom:7px}.story-result-tag strong{font-size:24px;color:#426540;line-height:1.4}.story-result-tag small{font-size:15px}.story-result-tag>i{display:block;font-size:19px;color:#5b8c55;font-style:normal;margin-top:5px}.story-cut-pieces{display:flex;flex-wrap:wrap;gap:10px;max-width:220px;background:#fff9e4e8;border-radius:12px;padding:15px;box-shadow:0 7px 18px #52623633}.story-cut-pieces>i{display:block;width:70px;height:15px;background:repeating-linear-gradient(0deg,#d9bc61 0 2px,#fff0b2 2px 5px);border-radius:3px;transform:rotate(-6deg);box-shadow:0 2px 3px #bba77244}.story-complete.story-mode-fishing .selected{animation:story-fish-caught .9s ease-out both}.story-complete.story-mode-garage .selected{transform:translate(-15px)}.story-complete.story-mode-cargo .pair-row{animation:story-wagon-connect .5s ease-out both}.story-complete.story-mode-machine .column-paper{box-shadow:0 0 0 4px #aed58166,0 8px 18px #649c512b}@keyframes story-fish-caught{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-18px) rotate(-7deg)}}@media(max-width:760px){.story-applied-result{left:15px;right:15px;max-width:none;display:flex;justify-content:flex-end;opacity:.95;position:relative;margin:-5px 0 18px;top:auto}.story-result-tag{padding:9px 18px 12px;transform:rotate(-2deg)}.story-result-tag strong{font-size:23px}.story-cut-pieces{max-width:none}.story-guide .b2-speech #hintBox{max-height:180px;overflow:auto}}.story-docking-slot>strong,.story-wagon>strong{background:#fff5daf2;border-radius:5px;padding:3px 1px;box-shadow:0 1px 2px #967e4d15}.story-stage-preview{display:block;width:calc(100% + 40px);max-width:none;height:155px;object-fit:cover;margin:-20px -20px 17px;border-radius:14px 14px 0 0}.b8-painted-homestead{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 9px 25px #38553820;background:#e9f1d8}.b8-painted-homestead>img{width:100%;height:auto;display:block;border-radius:0}.b8-homestead-stamps{position:absolute;left:15px;right:15px;bottom:13px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.b8-homestead-stamps>span{padding:7px 12px;background:#fff9e9ed;color:#8a8466;border:1px solid #e5dbb6;border-radius:12px;font-size:11px;box-shadow:0 3px 7px #4962391a}.b8-homestead-stamps>span.done{background:#eff9dbef;color:#547c44;border-color:#c0d6a0}.story-shell .game-instruction{font-size:11px;line-height:1.7;color:#7b8668}@media(max-width:760px){.story-stage-preview{height:130px}.b8-homestead-stamps{bottom:10px;gap:6px}.b8-homestead-stamps>span{padding:6px 9px;font-size:10px}}.story-mission-opening{margin:0;background:#fffbed;border-bottom:1px solid #e8e1c7;padding:8px 25px;color:#658352;font-size:12px;line-height:1.7}.story-mission-opening+.story-context{padding-top:8px}@media(max-width:760px){.story-mission-opening{padding:8px 16px;font-size:11px;line-height:1.75}}.story-live-objects{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding:20px 4px}.story-live-objects button{position:relative;isolation:isolate;flex:1 1 180px;max-width:280px;min-width:140px;border:3px solid transparent;border-radius:24px;background:#ffffffa6;padding:8px;transition:transform .2s,border-color .2s;box-shadow:0 7px 16px #173c5420}.story-live-objects button:hover{transform:translateY(-5px)}.story-live-objects button.selected{border-color:#147e68;background:#fff6c8;box-shadow:0 0 0 4px #f9d778}.story-live-objects img{display:block;width:100%;height:150px;object-fit:contain}.story-live-objects strong{position:absolute;z-index:1;left:26%;top:44%;width:48%;font-size:23px;color:#153d48;line-height:1.2}.objects-truck strong{left:48%;top:26%;width:44%;font-size:17px}.objects-truck img{height:170px}.story-live-objects .story-fraction{font-size:20px}@media(max-width:600px){.story-live-objects{gap:10px}.story-live-objects button{flex-basis:140px;max-width:220px}.story-live-objects img{height:130px}.story-live-objects strong{font-size:20px}.objects-truck strong{font-size:15px;top:28%}.objects-truck img{height:145px}}.story-page .game-focus-bar{margin-bottom:10px;min-height:44px}.story-page .story-heading{padding:11px 20px;gap:12px}.story-page .story-heading>div>span{margin-bottom:5px;font-size:11px}.story-page .story-heading h1{font-size:clamp(19px,2.2vw,27px);line-height:1.45}.story-heading h1 .story-fraction{font-size:.88em;margin:0 5px}.story-context .story-fraction{font-size:.95em;margin:0 3px}.story-page .story-context{padding:9px 20px;font-size:15px;line-height:1.7}.story-page .story-playfield{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch;background:#f4edd9;isolation:isolate}.story-page #scene{grid-column:2;grid-row:1;z-index:1;min-width:0}.story-page .story-playfield .story-guide.companion{position:relative;grid-column:1;grid-row:1;left:auto;top:auto;bottom:auto;width:150px;max-width:none;align-self:end;padding:12px 8px;gap:5px;z-index:3;background:linear-gradient(90deg,#fff9e7d9,#fff9e700);flex-direction:column;pointer-events:none}.story-guide .mj-mam{width:122px;height:122px;flex:0 0 auto}.story-guide .b2-speech{font-size:12px;line-height:1.55;padding:10px 12px;max-width:145px;width:100%}.story-guide .mam-ai-panel{max-width:140px;width:100%;font-size:11px;pointer-events:auto}.story-guide .mam-ai-panel[open]{position:absolute;left:8px;bottom:8px;width:min(330px,calc(100vw - 45px));max-width:none;max-height:65dvh;overflow:auto;z-index:30;background:#fffdf4;box-shadow:0 10px 30px #25483140}.story-page .case-workspace.story-workspace{isolation:auto;min-height:0;padding:45px 20px 15px;background:transparent;overflow:visible;position:static}.story-page .story-scene{inset:0;z-index:-2;min-height:0;object-position:center;height:100%;width:100%}.story-page .story-workspace:after{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff5df30,#fff5df00 45%);inset:0}.story-page .story-working-object,.story-page .story-working-object:has(>.game-parts:only-child){min-height:240px;max-width:920px;width:100%;margin:0 auto;gap:18px;align-items:center;grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr)}.story-page .story-working-object:has(>.game-parts:only-child){max-width:600px;display:block;min-height:230px;padding:12px 0}.story-page .mission-part{padding:17px;min-width:0}.story-page .mission-part:has(>.story-answer-object){background:transparent;border:0;box-shadow:none;padding:8px 0}.story-page .case-reflection{margin:10px auto 0;max-width:920px;padding:7px 12px;font-size:12px}.story-page .case-reflection summary{font-size:12px}.story-page .b2-action-dock{position:sticky;bottom:0;z-index:10;padding:11px 18px;box-shadow:0 -5px 16px #284d2710;min-height:66px}.story-page .b2-action-dock>.play-button{font-size:15px;padding:11px 20px;min-height:46px}.story-page .story-diagram-paper{padding:13px;transform:none}.story-page .web-lesson-visual>svg{max-height:285px}.story-page .story-task-progress{top:10px;left:auto;right:18px;z-index:2}.story-page .story-applied-result{position:relative;left:auto;top:auto;margin:10px auto 0;max-width:920px;display:flex;justify-content:flex-end}.story-page .story-applied-result:empty{display:none}.story-page .story-result-tag{padding:7px 14px;border-width:2px;transform:none;display:flex;gap:12px;align-items:center}.story-page .story-result-tag:before{display:none}.story-result-tag>span{margin:0}.story-page .story-result-tag strong{font-size:21px}.story-result-tag>i{margin:0}.story-page .story-change{margin:10px auto 0;max-width:920px;padding:8px 12px;font-size:12px}.story-page .story-answer-object{position:relative;max-width:340px;margin:0 auto;background:#fff9e9;border:2px solid #d5bf92;box-shadow:0 6px #bc9d6355,0 12px 22px #5a492f26;padding:19px 17px;border-radius:14px;text-align:center}.story-answer-object>b{font-size:12px;color:#7e653e;display:block;letter-spacing:.035em}.story-answer-object>p{font-size:13px;line-height:1.55;color:#68764f;margin:8px 0 13px}.story-page .story-answer-object .case-number-entry input{min-height:52px;max-width:190px;font-size:27px}.story-page .story-answer-object .case-number-entry>span{font-size:18px;white-space:normal}.story-object-hardware{position:absolute;width:70px;height:15px;left:calc(50% - 35px);top:-8px;border:2px solid #a0875c;border-radius:5px;background:linear-gradient(#e9d2a1,#bba16f);box-shadow:0 2px 3px #70604430}.story-page .object-slate{border:8px solid #b88a57;background:linear-gradient(135deg,#31564d,#203d37);color:#fffde9;border-radius:12px;box-shadow:inset 0 0 0 2px #e0bf87,0 12px 20px #46392528}.object-slate>b,.object-slate>p{color:#f6efd5}.object-slate .story-object-hardware{display:none}.object-slate .story-fraction-answer>span,.object-slate .story-fraction-answer>small{color:#f8edcf}.object-slate .story-fraction-fields>i{background:#f8edcf}.story-page .object-receipt{border-radius:4px 4px 12px 12px;border-top:8px dotted #d6c6a2;background:repeating-linear-gradient(#fffdf2 0 29px,#e7e0c733 29px 30px);transform:rotate(-1deg)}.object-receipt .story-object-hardware{display:none}.story-page .object-notebook,.story-page .object-books,.story-page .object-milk,.story-page .object-rain{border-left:10px solid #6d9c8b;background:repeating-linear-gradient(#fffdf2 0 27px,#c4d3c344 27px 28px);border-radius:6px 15px 15px 6px}.story-page .object-scale{border:7px solid #7caa9b;border-radius:22px;background:linear-gradient(#e8efe1,#b6d1bd);padding:20px}.story-page .object-scale .case-number-entry input{background:#edf8db;border-color:#7b9a6b;font-family:monospace}.story-page .object-parcel{border:5px solid #ac8154;background:repeating-linear-gradient(90deg,#d6b07c 0 34px,#c9a16a 34px 36px);padding:24px 15px}.object-parcel>b,.object-parcel>p{background:#fff8e7;padding:5px;margin:0}.story-page .object-parcel .case-number-entry{background:#fff8e7;padding:9px 6px}.story-page .object-measure,.story-page .object-map,.story-page .object-plan{border:4px solid #ad9b72;background:#fffbea;border-radius:8px;box-shadow:5px 6px #d4c8a1,0 10px 22px #3c55332b}.object-measure:after{content:"";display:block;height:13px;margin:13px 0 -5px;background:repeating-linear-gradient(90deg,#948459 0 1px,transparent 1px 10px);border-bottom:2px solid #948459}.object-confirmed{margin-top:12px;padding-top:9px;border-top:1px solid #b4ce9c;color:#44743d;font-size:12px}.story-fraction-answer{display:flex;flex-direction:column;align-items:center;gap:10px}.story-fraction-answer>span{font-size:13px;color:#5e7753}.story-fraction-answer>small{font-size:11px;line-height:1.55;color:#788465;max-width:240px}.story-fraction-fields{display:grid;grid-template-rows:52px 2px 52px;gap:7px;width:140px}.story-page .story-fraction-fields input{width:100%;min-width:0;min-height:48px;padding:6px;text-align:center;font-size:27px;border:2px solid #b2c6a5;border-radius:9px;background:#fffef6;color:#31553d}.story-fraction-fields input::placeholder{font-size:13px;color:#8d9b7c}.story-fraction-fields>i{height:2px;width:100%;background:#426447}.story-object-stage{min-width:0}.kitchen-model{padding:14px 12px 7px;border-radius:22px;background:linear-gradient(#fff9e9e8,#f3dca3e0);border:2px solid #fff6d9;box-shadow:0 8px 20px #6b452b26}.kitchen-ingredients{display:flex;align-items:center;justify-content:center;gap:9px}.story-page .kitchen-ingredient{flex:1;min-width:0;background:#fffcf2cf;border:2px solid #d7bf8d;border-radius:17px;padding:9px 7px 10px;color:#3c6144;box-shadow:0 4px #a1875729;transition:transform .3s,opacity .3s}.kitchen-ingredient>strong{font-size:23px;display:block}.kitchen-cups{display:flex;justify-content:center;flex-wrap:wrap}.kitchen-cups>svg{height:73px;width:auto;max-width:33%;flex:1 1 45px}.kitchen-ingredient>small{font-size:11px;display:block;line-height:1.5;min-height:32px}.kitchen-sign{font-size:30px;color:#7c6135}.story-page .kitchen-ingredient.poured{border-color:#67a276;transform:translateY(3px);background:#eff6dd}.kitchen-bowl{position:relative;max-width:270px;margin:-2px auto 0;text-align:center}.kitchen-bowl>img{display:block;width:100%;height:145px;object-fit:contain;position:relative;z-index:2}.kitchen-batter{position:absolute;left:28%;right:28%;top:40px;height:32px;border-radius:50%;background:radial-gradient(ellipse,#efd08b,#dcae5d);opacity:0;z-index:3;transition:opacity .4s,transform .4s;transform:scale(.3)}.has-ingredients .kitchen-batter{opacity:1;transform:scale(.8)}.mixed .kitchen-batter{transform:scale(1)}.recipe-correct .kitchen-batter{background:radial-gradient(ellipse,#fff3c5,#dfad56);box-shadow:0 0 20px #ffe89e}.kitchen-bowl>p{font-size:12px;line-height:1.6;color:#73613f;background:#fff7e4cf;border-radius:9px;padding:7px;margin:-10px 0 3px;position:relative;z-index:4}.kitchen-scale-note{font-size:10px;line-height:1.5;color:#6e684d;display:block;text-align:center}.story-page .story-mode-kitchen .story-working-object{grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr)}.story-donation{background:#fff5dfce;border:2px solid #f8e9be;border-radius:18px;padding:12px;text-align:center}.story-donation h2{font-size:17px;margin:0 0 7px;color:#5e7549}.story-donation>div{display:flex;gap:12px}.story-donation figure{flex:1;min-width:0;margin:0}.story-donation img{width:100%;height:145px;object-fit:contain}.story-donation figcaption{background:#fffbed;border-radius:10px;padding:7px;font-size:13px;line-height:1.5}.story-donation figcaption>*{display:block}.story-live-label{font-size:13px;line-height:1.6;background:#fffbed;padding:8px 12px;border-radius:10px;margin:10px auto 0;color:#426440}.story-egg-counter{text-align:center;position:relative;padding:10px}.story-egg-counter>img{height:205px;width:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 8px #3f4a3625)}.story-egg-counter>b,.story-egg-counter>span{display:block;background:#fff9e6;padding:7px 13px;width:fit-content;margin:0 auto;color:#795f35;border:1px solid #d3b887;font-size:14px}.story-egg-counter>b{border-radius:10px 10px 0 0}.story-egg-counter>span{border-top:0;border-radius:0 0 10px 10px}.story-complete .story-object-stage{animation:story-object-ready .5s ease-out}@media(min-width:761px)and (max-height:760px){.story-page .story-working-object,.story-page .story-working-object:has(>.game-parts:only-child){min-height:185px}.story-page .case-workspace.story-workspace{padding-top:36px}.kitchen-bowl>img{height:105px}.kitchen-batter{top:26px;height:24px}.kitchen-cups>svg{height:60px}.story-page .story-heading{padding:8px 18px}.story-page .story-context{font-size:14px;line-height:1.5}.story-guide .mj-mam{width:95px;height:95px}.story-page .web-lesson-visual>svg{max-height:235px}.story-page .case-reflection{margin-top:8px}.story-page .story-mode-train .story-working-object{min-height:0}}@media(max-width:1000px)and (min-width:761px){.story-page .story-working-object,.story-page .story-mode-kitchen .story-working-object{grid-template-columns:minmax(0,1fr) minmax(190px,.75fr);gap:12px}.story-page .story-playfield{grid-template-columns:125px minmax(0,1fr)}.story-page .story-playfield .story-guide.companion{width:125px}.story-guide .b2-speech{max-width:120px}.story-guide .mj-mam{width:100px;height:100px}.story-page .story-answer-object{padding:17px 12px}.kitchen-cups>svg{height:62px}}@media(max-width:760px){body[data-story-mode]:not([data-story-mode=none])[data-view=math-journey-game] #app,body[data-story-mode]:not([data-story-mode=none])[data-view=lesson-two-game] #app{padding:6px 8px 12px}.story-page .story-playfield{display:flex;flex-direction:column}.story-page #scene{order:2}.story-page .story-playfield .story-guide.companion{order:1;align-self:stretch;flex-direction:row;width:100%;padding:8px 12px 0;background:#fff9e6b8;gap:9px;align-items:center}.story-guide .mj-mam{width:58px;height:65px;flex:0 0 58px;order:1}.story-guide .b2-speech{order:2;max-width:none;flex:1;font-size:12px;padding:7px 10px}.story-guide .b2-speech:after{display:none}.story-guide .mam-ai-panel{display:block;order:3;max-width:90px;margin:0;font-size:10px}.story-guide .mam-ai-panel summary{padding:8px;min-height:44px}.story-guide .mam-ai-panel[open]{position:absolute;inset:8px 10px auto;width:auto;max-width:none}.story-guide #mamReadTask{min-height:30px;font-size:10px}.story-page .story-heading{padding:10px 12px}.story-page .story-heading h1{font-size:21px}.story-page .story-heading>div>span{font-size:10px}.story-page .story-context{padding:8px 12px;font-size:14px}.story-page .case-workspace.story-workspace{padding:33px 10px 10px}.story-page .story-working-object,.story-page .story-working-object:has(>.game-parts:only-child),.story-page .story-mode-kitchen .story-working-object{display:flex;flex-direction:column;min-height:0;padding:0;gap:10px;max-width:none}.story-object-stage,.story-page .story-working-object .game-parts{width:100%}.story-page .story-answer-object{max-width:100%;padding:13px 14px}.story-page .story-answer-object .case-number-entry input{min-height:48px}.story-fraction-answer{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:13px}.story-fraction-answer>span{font-size:12px}.story-fraction-answer>small{max-width:110px;font-size:10px}.story-fraction-fields{width:105px;grid-template-rows:44px 2px 44px;gap:5px}.story-page .story-fraction-fields input{min-height:44px;font-size:23px}.kitchen-model{padding:9px 8px}.kitchen-cups>svg{height:59px}.kitchen-ingredient>small{font-size:11px;min-height:28px}.kitchen-ingredient>strong{font-size:21px}.kitchen-bowl{max-width:220px}.kitchen-bowl>img{height:110px}.kitchen-batter{top:29px;height:24px}.kitchen-bowl>p{font-size:11px;margin-top:-7px;padding:5px}.kitchen-scale-note{font-size:10px}.story-page .b2-action-dock{padding:10px;gap:8px;bottom:0;padding-bottom:max(10px,env(safe-area-inset-bottom))}.story-page .b2-action-dock>.play-button{font-size:14px;min-height:46px;padding:10px 16px}.story-page .b2-action-dock>.quiet{font-size:11px}.story-page .story-task-progress{top:8px;right:15px;font-size:10px}.story-page .story-diagram-paper{width:100%}.story-page .web-lesson-visual>svg{max-height:275px}.story-donation img{height:115px}.story-egg-counter>img{height:155px}.story-page .story-mode-fishing .story-working-object,.story-page .story-mode-garage .story-working-object,.story-page .story-mode-train .story-working-object,.story-page .story-mode-sort .story-working-object,.story-page .story-mode-compare .story-working-object,.story-page .story-mode-cargo .story-working-object{margin:0!important;min-height:0}.story-page .case-reflection{padding:7px 10px}.story-page .story-applied-result{margin-top:10px}.story-page .story-change{font-size:12px}.story-page .story-change small{white-space:normal}.story-page .story-change b{flex:1}}@media(prefers-reduced-motion:reduce){.story-page *{animation:none!important;transition:none!important}}.story-page .story-mode-train .story-working-object,.story-page .story-mode-sort .story-working-object,.story-page .story-mode-cargo .story-working-object,.story-page .story-mode-compare .story-working-object,.story-page .story-mode-fishing .story-working-object,.story-page .story-mode-garage .story-working-object{display:block;max-width:none;min-height:0;padding:0;margin:0 auto}.story-page .story-mode-sort .mission-part,.story-page .story-mode-train .mission-part{padding:0}.story-page .story-mode-fishing .mission-part,.story-page .story-mode-garage .mission-part{padding:10px;background:#fff9e380}.story-page .story-mode-compare .mission-part{padding:20px}.story-page .story-mode-cutting .story-working-object{min-height:0}.story-page .story-working-object .story-diagram-paper:has(.visual-data-card:only-child){box-shadow:none;border:0;background:transparent}.kitchen-quantity{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:7px 4px;border-radius:9px;background:#fff9e7b8}.kitchen-unit{display:grid;grid-template-columns:repeat(var(--parts),1fr);height:22px;width:150px;border:1.5px solid #8e9865;border-radius:3px;overflow:hidden;background:#fffef3}.kitchen-unit>i{display:block;min-width:0;background:#fffef3;border-right:1px solid #a7b18b}.kitchen-unit>i:last-child{border:0}.kitchen-unit>i.ingredient-a{background:#e6b65e}.kitchen-unit>i.ingredient-b{background:#97bd82}.kitchen-unit>i.removed{background:repeating-linear-gradient(135deg,#f8edcf 0 3px,#bf9d77 3px 4px)}.kitchen-quantity>small{width:100%;font-size:10px;line-height:1.5;text-align:center;color:#6a6c4b}.story-page .object-slate .object-confirmed{color:#d2f4b8;border-color:#bfd5ad}.story-page .story-fraction-answer input[hidden]{display:none!important}@media(max-width:760px){.kitchen-unit{width:130px;height:20px}.story-page .story-mode-train .story-working-object,.story-page .story-mode-sort .story-working-object,.story-page .story-mode-cargo .story-working-object,.story-page .story-mode-compare .story-working-object,.story-page .story-mode-fishing .story-working-object,.story-page .story-mode-garage .story-working-object{max-width:none}}.kitchen-cup-amount{transition:opacity .35s}.poured .kitchen-cup-amount{opacity:.15}.kitchen-ingredient.poured .kitchen-cups>svg{transform:rotate(-7deg);transition:transform .3s}@media(min-width:761px)and (max-height:760px){.story-page .story-mode-train .story-engine{height:120px;width:160px;flex-basis:160px}.story-page .story-mode-train .story-docking-slot{width:140px;min-width:140px;flex-basis:140px;height:100px;min-height:100px}.story-page .story-mode-train .story-docking-slot>img,.story-page .story-mode-train .story-wagon>img{height:82px}.story-page .story-mode-train .story-wagon{width:140px;height:100px;min-height:100px}.story-page .story-mode-train .story-wagon>strong,.story-page .story-mode-train .story-docking-slot>strong{bottom:38px;font-size:20px}.story-page .story-mode-train .story-wagon-bank{margin-top:10px;padding-top:8px}.story-page .story-mode-train .story-station-sign{font-size:15px;padding:7px 16px;margin-bottom:8px}.story-page .story-mode-train .story-train-tools{margin:7px 0}}body[data-view^=volume-two]{background:#edf2df;color:#234e3b;font-family:Susu,sans-serif}body[data-view=volume-two-game]>.topbar,body[data-view=volume-two-game]>.global-audio-bar,body[data-view=volume-two-game]>.footer{display:none!important}body[data-view^=volume-two] #app{max-width:1320px;margin:auto;padding:16px 22px 35px;min-height:100dvh}body[data-view=volume-two-game] #app{padding:10px 18px 20px}.vol2-library{max-width:1240px;margin:auto}.vol2-breadcrumb{display:flex;gap:14px;align-items:center;margin:0 0 16px;font-size:13px;color:#648065}.vol2-breadcrumb button{border:1px solid #ccd7b7;background:#fffdf0;border-radius:12px;padding:10px 14px;color:#496c4b;min-height:44px}.vol2-welcome{display:grid;grid-template-columns:1fr 1fr;background:#fffcf1;border:2px solid white;box-shadow:0 12px 35px #3e643c17;border-radius:26px;overflow:hidden;position:relative}.vol2-welcome>div:first-child{padding:35px;z-index:2}.vol2-welcome h1{font:700 clamp(30px,4.3vw,54px)/1.14 "Susu",sans-serif;margin:15px 0;color:#275d40}.vol2-welcome p{font-size:16px;line-height:1.8;color:#597252;margin:14px 0 23px}.vol2-welcome small{font-size:12px;line-height:1.7;display:block;margin-top:15px;color:#7e896a}.vol2-welcome>img{width:100%;height:100%;min-height:310px;object-fit:cover}.vol2-cover-bee{position:absolute;right:9%;top:13%;width:23%;filter:drop-shadow(0 9px 6px #6d7b2925);pointer-events:none}.vol2-cover-bee>img{width:100%;height:auto}.vol2-cover-progress{font-size:13px!important;margin-bottom:12px!important}.vol2-sets{display:flex;gap:8px;flex-wrap:wrap}.vol2-sets>button{border:1px solid #cbd3b5;background:#fff8e5;color:#6e754a;border-radius:10px;padding:9px 13px;min-height:44px;font-size:13px}.vol2-sets>button[aria-pressed=true]{border-color:#5f9872;background:#e6f0d3;color:#3e7249}.vol2-chapter{margin:30px 0}.vol2-chapter h2{font-size:21px;color:#446d4a;margin:0 0 14px}.vol2-lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vol2-lesson{padding:19px;background:#f7f6e9;border:1px solid #d8ddc6;border-radius:16px;text-align:left;min-height:150px;box-shadow:none;color:#536c4c}.vol2-lesson>span{font-size:10px;letter-spacing:.08em;color:#8c8a69}.vol2-lesson h3{font-size:16px;line-height:1.5;margin:10px 0}.vol2-lesson small{font-size:11px;color:#8a947e}.vol2-lesson:disabled{opacity:.8;cursor:default}.vol2-lesson.available{background:linear-gradient(135deg,#fff6dc,#e9f2d9);border:2px solid #9fbe83;box-shadow:0 5px #b4c79b44}.vol2-lesson.available small{color:#567c46}.vol2-play .game-focus-bar{margin-bottom:10px;min-height:46px}.bee-game{border:1px solid #fff9df;border-radius:25px;background:#fffbed;overflow:clip;box-shadow:0 15px 40px #284c3523}.bee-game-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 23px;background:linear-gradient(100deg,#fffdf3,#fff7df);border-bottom:1px solid #e5dcb8}.bee-game-heading>div>span{font-size:10px;letter-spacing:.08em;color:#8e875f}.bee-game-heading h1{font-size:clamp(21px,2.4vw,29px);line-height:1.5;color:#315f40;margin:5px 0 0}.bee-game-heading h1 strong{color:#9c6a22;font-size:1.12em;white-space:nowrap}.bee-hint{padding:11px 15px;min-height:44px;background:#fff9e5;border:1px solid #d9bd80;border-radius:13px;color:#8c7135;font-size:13px;white-space:nowrap}.bee-stage{position:relative;background:#cfe3a0}.bee-garden{--flower-size:270px;position:relative;isolation:isolate;height:430px;min-width:0;overflow:hidden}.bee-garden-art{position:absolute;inset:0;z-index:-2;height:100%;width:100%;object-fit:cover;object-position:center 60%;max-width:none}.bee-garden:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#d2e5a066,#eaf5df00 45%);pointer-events:none}.bee-flight-zone{position:absolute;inset:0 27px 0 178px;z-index:6;pointer-events:none}.bee-token{position:absolute;left:50%;top:15px;width:165px;height:155px;background:none;border:0;box-shadow:none;transform:translate(-50%);padding:0;min-height:44px;border-radius:24px;pointer-events:auto;cursor:grab;transition:left .85s cubic-bezier(.3,.9,.4,1),top .85s cubic-bezier(.3,.9,.4,1),transform .85s;z-index:6;touch-action:manipulation;user-select:none;-webkit-user-select:none}.bee-token>img{display:block;width:145px;height:125px;object-fit:contain;margin:auto;filter:drop-shadow(0 9px 7px #5d71292b);pointer-events:none;animation:bee-hover 3s ease-in-out infinite}.bee-token.picked{outline:3px dashed #e6ba49;outline-offset:3px;background:#fff5be25}.bee-percent-tag{position:absolute;left:90px;top:85px;min-width:68px;display:flex;align-items:baseline;justify-content:center;gap:2px;padding:7px 8px;background:linear-gradient(#fff7d9,#ffe6a2);border:2px solid #b98b3f;border-radius:13px;color:#765022;font-size:28px;font-weight:700;box-shadow:0 4px 7px #7d63273d;pointer-events:none;transition:opacity .35s}.bee-percent-tag:before{content:"";position:absolute;width:1px;height:22px;left:13px;top:-21px;background:#a28240;transform:rotate(-21deg);z-index:-1}.bee-percent-tag small{font-size:20px}.bee-pick-caption{display:block;width:max-content;max-width:180px;margin:1px auto;padding:4px 9px;border-radius:8px;background:#fffbe4eb;color:#6e7549;font-size:11px;line-height:1.5;pointer-events:none}.bee-token.landed{left:var(--landing-x);top:calc(100% - var(--flower-size) - 35px);transform:translate(-50%) scale(.75);cursor:default}.bee-token.landed img{animation:bee-rest 4s ease-in-out infinite}.bee-token.landed .bee-percent-tag,.bee-token.landed .bee-pick-caption{opacity:0}.bee-flower-row{position:absolute;left:178px;right:27px;bottom:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:15px;z-index:3}.bee-flower{position:relative;height:var(--flower-size);width:100%;max-width:270px;justify-self:center;background:none;border:0;box-shadow:none;padding:0;border-radius:35%;cursor:pointer;color:#4a613d;transform-origin:50% 90%;transition:filter .2s,transform .2s;min-width:0;min-height:44px;touch-action:manipulation}.bee-bloom>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 10px 8px #4c622b2e)}.bee-flower:hover:not(:disabled){transform:translateY(-5px) rotate(-1deg)}.bee-flower-label{position:absolute;left:50%;top:var(--flower-label-y,30%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;background:#fff9e7e8;color:#385c3a;text-shadow:0 1px #fffdf4;z-index:2;box-shadow:inset 0 1px 5px #a8964f22;font-size:27px;font-weight:700;line-height:1.08;pointer-events:none}.bee-flower-label>span:first-child{border-bottom:2px solid #536a3f;min-width:49px;padding:0 5px 4px}.bee-flower-label>span:last-child{padding-top:4px}.bee-flower-ring{position:absolute;left:50%;top:var(--flower-label-y,30%);width:108px;height:108px;transform:translate(-50%,-50%);border:3px dashed transparent;border-radius:50%;transition:border-color .2s,box-shadow .2s;pointer-events:none}.bee-flower.selected .bee-flower-ring{border-color:#997128;box-shadow:0 0 0 6px #fff7ba55}.bee-flower.pollinated .bee-flower-ring{border:3px solid #78a65b;box-shadow:0 0 18px 6px #fff7bc99}.bee-flower.pollinated{animation:bee-flower-sway 1.5s ease-in-out 2}.bee-flower:disabled{opacity:1;cursor:default}.bee-flower-status{position:absolute;left:50%;bottom:5px;transform:translate(-50%);min-height:19px;width:100%;max-width:230px;font-size:11px;line-height:1.4;color:#3f653c;text-align:center;padding:3px 5px;border-radius:9px;background:#fff8dc00;pointer-events:none}.bee-flower.selected .bee-flower-status,.bee-flower.pollinated .bee-flower-status{background:#fff8dce8}.bee-garden-edge{position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(#6e963b00,#7b9a4655);pointer-events:none}.bee-notice{position:absolute;top:12px;left:17px;max-width:155px;color:#657444;background:#fff9e5ed;padding:10px;border-radius:13px;font-size:12px;line-height:1.6;z-index:5;box-shadow:0 5px 15px #4b6a2520}.bee-notice:empty{display:none}.bee-mam-guide{position:absolute;bottom:15px;left:10px;width:158px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;background:none;box-shadow:none;border:0}.bee-mam{width:125px;height:132px;order:2;filter:drop-shadow(0 9px 5px #4e693431)}.bee-mam .mam-avatar{width:100%;height:100%}.bee-mam-speech{order:1;background:#fffbeded;border:1px solid #e0d6ac;border-radius:19px;padding:12px;color:#60704b;font-size:12px;line-height:1.6;position:relative;box-shadow:0 7px 15px #5a6a2e18;width:100%}.bee-mam-speech:after{content:"";position:absolute;bottom:-8px;left:45%;width:14px;height:14px;transform:rotate(45deg);background:#fffbed;border-right:1px solid #e0d6ac;border-bottom:1px solid #e0d6ac}.bee-mam-speech p{margin:0}.bee-mam-speech #mamTaskVoiceStatus{font-size:10px;line-height:1.5;color:#8e8d70;margin-top:5px}.bee-mam-speech #mamTaskVoiceStatus:empty{display:none}.bee-mam-speech button{font-size:10px;padding:6px 2px;min-height:32px;color:#667e4b;background:transparent;border:0;margin:4px 0 0;box-shadow:none}.bee-hint-box{padding:12px 22px;background:#fff3d4;color:#806a36;font-size:14px;line-height:1.7;border-top:1px solid #e4d3a5}.bee-game #feedback:not(:empty){padding:10px 22px;font-size:14px;line-height:1.6;background:#f2f7e1;border-top:1px solid #d5dfbe;margin:0}.bee-game #feedback p{margin:0}.bee-game #feedback .mam-cheer-caption{font-size:12px;margin-top:4px}.bee-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;min-height:70px;padding:12px 20px;background:#fffbed;border-top:1px solid #ddd9bb;position:sticky;bottom:0;z-index:12}.bee-actions>p{font-size:12px;line-height:1.5;color:#7a8564;margin:0 auto 0 0}.bee-actions>button:first-child{border:0;background:transparent;color:#6b8054;padding:10px 5px;font-size:12px;min-height:44px;white-space:nowrap}.bee-actions .play-button{font-size:15px;min-height:46px;padding:11px 21px;white-space:nowrap}.bee-actions .play-button:disabled{opacity:.55;cursor:default}.bee-game button:focus-visible,.vol2-library button:focus-visible{outline:3px solid #cf9f35;outline-offset:4px}.bee-retry{animation:bee-retry .35s ease-in-out}.bee-garden-life{position:absolute;inset:0;pointer-events:none;z-index:-1}.bee-garden-life i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff2abbb;animation:bee-pollen 8s linear infinite}.bee-garden-life i:nth-child(1){left:25%;top:43%}.bee-garden-life i:nth-child(2){left:56%;top:50%;animation-delay:-3s}.bee-garden-life i:nth-child(3){left:77%;top:67%;animation-delay:-5s}.bee-finish{padding:25px;text-align:center;background:#fffbed;border-radius:25px;border:2px solid white;box-shadow:0 12px 35px #4e6c3925}.bee-finish h1{font-size:clamp(27px,3.5vw,43px);color:#3b6b42;margin:14px 0}.bee-finish>p{font-size:16px;line-height:1.7;color:#6b7c51}.bee-finish-garden{position:relative;border-radius:20px;overflow:hidden;margin:20px 0;background:#d7e7bb}.bee-finish-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bee-finish-garden>div{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:55px 20px 20px}.bee-finish-garden figure{position:relative;margin:0;min-width:0}.finish-flower{width:100%;height:250px;object-fit:contain}.finish-bee{position:absolute;left:30%;top:-35px;width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 5px #52672533)}.bee-finish-garden figcaption{font-size:20px;line-height:1.3;color:#4b7045;background:#fff9e4e8;border-radius:12px;width:fit-content;margin:-5px auto 0;padding:10px 20px}.bee-finish-garden .story-fraction{font-size:17px}.bee-finish-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.bee-finish>small{font-size:12px;line-height:1.7;max-width:700px;display:block;margin:18px auto 0;color:#87906d}@keyframes bee-hover{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes bee-rest{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes bee-pollen{0%{opacity:0;transform:translate(0)}25%{opacity:.8}to{opacity:0;transform:translate(25px,-65px)}}@keyframes bee-flower-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}65%{transform:rotate(3deg)}}@keyframes bee-retry{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(min-width:761px)and (max-height:760px){.bee-garden{height:350px;--flower-size:225px}.bee-token{width:145px;height:135px;top:4px}.bee-token>img{width:125px;height:105px}.bee-percent-tag{left:79px;top:67px;font-size:25px;min-width:62px;padding:6px}.bee-pick-caption{font-size:10px}.bee-flower-label{width:74px;height:74px;font-size:24px}.bee-flower-ring{width:94px;height:94px}.bee-mam{width:95px;height:100px}.bee-mam-speech{font-size:11px;padding:10px}.bee-game-heading{padding:9px 20px}.bee-game-heading h1{font-size:24px}.bee-actions{min-height:63px;padding:10px 18px}.bee-flower-status{font-size:10px}}@media(max-width:1000px)and (min-width:761px){.vol2-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bee-flight-zone{left:145px;right:20px}.bee-flower-row{left:145px;right:20px;gap:10px}.bee-mam-guide{width:130px}.bee-mam{width:100px;height:105px}.bee-mam-speech{font-size:11px;padding:10px}.bee-flower-label{width:73px;height:73px;font-size:24px}.bee-flower-ring{width:92px;height:92px}}@media(max-width:760px){body[data-view^=volume-two] #app{padding:8px 10px 20px}body[data-view=volume-two-game] #app{padding:6px 7px 12px}.vol2-breadcrumb{font-size:12px;gap:8px;flex-wrap:wrap;margin-bottom:12px}.vol2-welcome{display:flex;flex-direction:column;border-radius:20px}.vol2-welcome>div:first-child{padding:23px}.vol2-welcome h1{font-size:35px}.vol2-welcome p{font-size:15px;line-height:1.7}.vol2-welcome>img{min-height:180px;height:190px;order:2}.vol2-cover-bee{right:6%;top:auto;bottom:40px;width:32%}.vol2-welcome small{font-size:12px}.vol2-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vol2-lesson{padding:14px;min-height:150px}.vol2-lesson h3{font-size:14px}.vol2-chapter h2{font-size:20px}.vol2-play .game-focus-bar{margin-bottom:7px;border-radius:12px;padding:5px;gap:5px}.vol2-play .game-focus-progress{gap:7px}.vol2-play .game-focus-bar button{font-size:11px}.bee-game{border-radius:19px}.bee-game-heading{padding:10px 12px;gap:8px}.bee-game-heading>div>span{font-size:8px;letter-spacing:.04em}.bee-game-heading h1{font-size:19px;line-height:1.45;margin-top:5px}.bee-hint{font-size:11px;padding:10px;min-height:44px}.bee-garden{height:335px;--flower-size:180px}.bee-flight-zone{left:8px;right:8px}.bee-token{top:8px;width:145px;height:135px}.bee-token>img{width:125px;height:105px}.bee-percent-tag{left:80px;top:70px;min-width:60px;font-size:25px;padding:6px;border-radius:11px}.bee-percent-tag small{font-size:18px}.bee-pick-caption{font-size:10px;padding:3px 7px}.bee-flower-row{left:8px;right:8px;bottom:11px;gap:5px}.bee-flower{height:var(--flower-size);border-radius:30%}.bee-flower-label{width:56px;height:56px;font-size:18px;box-shadow:none}.bee-flower-label>span:first-child{min-width:34px;padding:0 3px 3px;border-bottom-width:1.5px}.bee-flower-label>span:last-child{padding-top:3px}.bee-flower-ring{width:69px;height:69px;border-width:2px!important}.bee-flower-status{font-size:9px;line-height:1.5;bottom:0;padding:2px;min-height:25px}.bee-token.landed{top:calc(100% - var(--flower-size) - 35px);transform:translate(-50%) scale(.55)}.bee-mam-guide{position:relative;left:auto;bottom:auto;width:100%;flex-direction:row;gap:9px;padding:8px 12px;background:#fff8e6ed;border-top:1px solid #e0d9b4;align-items:center}.bee-mam{order:1;flex:0 0 58px;width:58px;height:64px}.bee-mam-speech{order:2;border:0;box-shadow:none;background:transparent;padding:0;flex:1;font-size:12px;line-height:1.5}.bee-mam-speech:after{display:none}.bee-mam-speech button{font-size:10px;min-height:26px;margin:0;padding:5px 0}.bee-mam-speech #mamTaskVoiceStatus{font-size:10px}.bee-notice{font-size:11px;top:138px;left:15px;right:15px;max-width:none;padding:6px 9px;text-align:center;box-shadow:none;z-index:7}.bee-hint-box{font-size:13px;padding:10px 13px;line-height:1.7}.bee-game #feedback:not(:empty){padding:10px 13px;font-size:13px}.bee-actions{gap:8px;min-height:65px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.bee-actions>p{display:none}.bee-actions>button:first-child{margin-right:auto;font-size:11px}.bee-actions .play-button{font-size:14px;padding:11px 16px;min-height:46px}.bee-finish{padding:20px 12px}.bee-finish>p{font-size:14px}.bee-finish-garden>div{gap:5px;padding:45px 5px 15px}.finish-flower{height:165px}.finish-bee{width:70px;height:70px;left:15%;top:-24px}.bee-finish-garden figcaption{font-size:14px;padding:8px}.bee-finish-garden .story-fraction{font-size:13px}.bee-finish-actions .play-button,.bee-finish-actions .outline{font-size:14px;padding:12px 15px}.bee-finish>small{font-size:11px;line-height:1.7}}@media(max-width:370px){.bee-game-heading h1{font-size:17px}.bee-flower-label{width:49px;height:49px;font-size:16px}.bee-flower-ring{width:62px;height:62px}.bee-garden{--flower-size:170px}.vol2-lesson-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bee-game *,.vol2-library *{animation:none!important;transition:none!important}}.bee-bloom{position:absolute;bottom:20px;left:0;width:100%;aspect-ratio:1;pointer-events:none}.bee-bloom>img{width:100%;height:100%}.flower-coral{--flower-label-y:32.8%}.flower-gold{--flower-label-y:35.2%}.flower-blue{--flower-label-y:35.7%}@media(max-width:600px){.bee-flower-label{width:46px;height:46px;font-size:16px}.bee-flower-label>span:first-child{min-width:30px}.bee-flower-ring{width:58px;height:58px}}@media(max-width:760px),(pointer:coarse){.game-focus-bar button,.game-focus-options>summary{min-width:44px;min-height:44px;touch-action:manipulation}.game-focus-menu button{min-height:44px}.game-focus-progress{min-width:0}.game-focus-track{min-width:20px;flex-shrink:1}.game-focus-bar .game-focus-sound{min-width:44px;min-height:44px}.game-focus-bar .game-focus-back{min-width:44px}#focusClose{align-self:flex-end;width:auto;font-size:13px;background:#e7efdc}.ai-read-aloud,#closeModal{min-height:44px;min-width:44px;touch-action:manipulation}.story-track-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.story-page button,.bee-game button{-webkit-tap-highlight-color:#b7cf9555}.bee-game .bee-mam-speech button{min-height:44px;font-size:12px;padding:8px 4px}.bee-game-heading>div{min-width:0}.bee-game .bee-game-heading>div>span{font-size:10px}.bee-game .bee-mam-speech{font-size:14px;min-width:0}.bee-actions{flex-wrap:wrap}.bee-actions button{min-height:44px}.bee-game .bee-actions{position:static}.bee-game .bee-flower{height:auto;aspect-ratio:1;padding-bottom:26px;box-sizing:content-box}.bee-game .bee-bloom{bottom:26px}.bee-game .bee-flower-status{min-height:26px;font-size:11px;line-height:1.2;padding:3px 1px;bottom:0}.bee-game .bee-token.landed{pointer-events:none}.bee-finish-garden figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:8px 4px}body[data-view=volume-two-game] #app{padding-left:max(7px,env(safe-area-inset-left));padding-right:max(7px,env(safe-area-inset-right));padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.bee-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}.vol2-welcome>div:first-child{min-width:0}.vol2-welcome .play-button{white-space:normal;overflow-wrap:anywhere}}@media(max-width:370px){.vol2-play .game-focus-progress{gap:4px}.vol2-play .game-focus-track{width:18vw}.bee-game .bee-actions{padding:10px 8px}.bee-game .bee-actions .play-button{font-size:13px;padding:11px 10px}}.v2-library,.v2-play{max-width:1240px;margin:auto;font-family:Susu,sans-serif;color:#345e43}.vol2-breadcrumb{display:flex;align-items:center;gap:18px;margin:12px 0 20px;font-size:14px}.vol2-breadcrumb button{min-height:44px}.v2-library-hero,.v2-cover{display:grid;grid-template-columns:1fr 1fr;background:#fff9e5;border:3px solid #fff;border-radius:27px;overflow:hidden;box-shadow:0 14px 35px #345e4320}.v2-library-hero>div,.v2-cover>div{padding:34px}.v2-library-hero h1{font-size:45px;line-height:1.2;margin:13px 0 20px}.v2-library-hero p,.v2-cover p{font-size:15px;line-height:1.8}.v2-library-hero>div>span,.v2-cover>div>span{font-size:11px;letter-spacing:1.2px;font-weight:700}.v2-library-hero img,.v2-cover>img{width:100%;height:100%;min-height:290px;object-fit:cover}.v2-cover>img{order:2}.v2-cover h1{font-size:35px;line-height:1.35}.v2-search{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 20px;font-weight:700}.v2-search input{flex:1;min-width:180px;min-height:46px;padding:10px 15px;font:16px Susu,sans-serif;border:1px solid #afc2a6;border-radius:13px;background:#fffdf3}.v2-catalogue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v2-lesson-card,.v2-story-list>button{padding:0;text-align:left;background:#fffcef;border:1px solid #b9cbb3;border-radius:21px;overflow:hidden;color:#345e43;box-shadow:0 5px 12px #345e430c}.v2-lesson-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.v2-lesson-card>div{padding:17px}.v2-lesson-card span,.v2-story-list span{font-size:10px;font-weight:700;letter-spacing:.8px}.v2-lesson-card h2{font-size:17px;line-height:1.5;margin:7px 0}.v2-lesson-card p{font-size:12px;line-height:1.7}.v2-lesson-card b{font-size:12px}.v2-story-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.v2-story-list img{width:100%;aspect-ratio:3/2;object-fit:cover}.v2-story-list>button>div{padding:18px}.v2-story-list h2{font-size:19px;line-height:1.5}.v2-story-list p,.v2-note{font-size:12px;line-height:1.8}.v2-note{margin:24px 0;color:#61745a}.v2-play .game-focus-toolbar{margin-bottom:10px}.v2-game{background:#fff9e5;border:2px solid white;border-radius:25px;overflow:clip;box-shadow:0 14px 40px #345e4326}.v2-game>header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px}.v2-game>header>div{min-width:0}.v2-game>header span{font-size:11px;letter-spacing:.6px}.v2-game h1{font-size:23px;line-height:1.65;margin:5px 0}.v2-game>header button{min-height:44px;flex-shrink:0}.v2-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:125px 30px 35px;min-height:540px;overflow:hidden;background:#bfd4ac}.v2-stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}.v2-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,#fff9e533 45%,#fff9e5d9 100%);pointer-events:none}.v2-scene-copy{text-align:center;min-width:0;align-self:center}.v2-scene-copy>p{display:inline-block;background:#fff9e5e8;border:1px solid #fff;border-radius:15px;padding:12px 16px;font-size:13px;line-height:1.7;margin:0 0 13px;box-shadow:0 4px 15px #345e4312}.v2-native-model{padding:16px;background:#fffcefdf;border:2px solid white;border-radius:23px;font-size:14px;line-height:1.7;box-shadow:0 7px 24px #345e4323}.v2-native-model:empty{display:none}.v2-native-model svg{display:block;width:100%;max-height:245px;margin:auto;overflow:visible}.v2-native-model svg text{font:15px Susu,sans-serif;fill:#345e43}.v2-native-model p{margin:10px 0}.v2-native-model button{min-height:44px;padding:9px 13px;background:#fff9e5;border:1px solid #93ae87;border-radius:10px;color:#345e43;font:inherit}.v2-work-object{position:relative;align-self:center;min-width:0;padding:25px;background:#fffceff0;border:3px solid #ddc38f;border-radius:23px;box-shadow:0 8px #bfa37666,0 15px 30px #345e432d;transform:rotate(.3deg)}.v2-work-object:before{content:"";position:absolute;top:-12px;left:44%;width:56px;height:22px;background:linear-gradient(#dec99d,#c2a875);border:1px solid #a78c60;border-radius:7px;box-shadow:0 3px 5px #7c64342b}.v2-work-object button{font-family:inherit;color:#345e43;cursor:pointer}.v2-work-object button.selected,.v2-work-object button.picked{outline:3px solid #78a465;outline-offset:2px;background:#e5efcf}.v2-answer-label{display:block;font-size:14px;font-weight:700;line-height:1.7}.v2-answer-label>span{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.v2-answer-label input{flex:1;min-width:0;width:100%;min-height:58px;padding:10px 15px;font:700 27px Susu,sans-serif;color:#345e43;background:#fff;border:2px solid #9bb98e;border-radius:13px}.v2-answer-label b{font-size:16px}.v2-fraction{display:inline-flex;flex-direction:column;vertical-align:middle;align-items:stretch;text-align:center;font-size:21px;line-height:1.1;min-width:31px}.v2-fraction>span:first-child{border-bottom:2px solid currentColor;padding:0 3px 3px}.v2-fraction>span+span{padding-top:3px}.v2-choices{display:flex;flex-direction:column;gap:12px}.v2-choices button,.v2-order-bank button,.v2-order-result button{padding:14px 17px;border:2px solid #afc3a2;border-radius:13px;background:#fffdf1;font-size:19px;min-height:48px}.v2-judge{flex-direction:row}.v2-judge button{flex:1}.v2-touch-help{font-size:12px;line-height:1.8;margin:0 0 14px}.v2-paint{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:5px;max-width:330px;margin:auto}.v2-paint button{aspect-ratio:1;min-height:44px;border:1px solid #a4b698;border-radius:7px;background:#fff}.v2-paint .colored{background:linear-gradient(135deg,#f5d88b,#e6b44c)}.v2-faces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v2-faces button{display:grid;gap:10px;justify-items:center;background:#fffdf1;border:2px solid #b5c8aa;border-radius:13px;min-height:95px;padding:13px 8px;font-size:14px}.v2-faces i{display:block;width:37px;height:37px;background:#b7d0a4;border:2px solid #718f61;box-shadow:4px -3px #dfd39d}.v2-faces .selected i{background:#edc76c}.v2-order-bank{display:flex;flex-wrap:wrap;gap:10px}.v2-order-bank button{min-width:90px;flex:1}.v2-order-bank button:disabled{opacity:.3}.v2-order-result{display:flex;flex-wrap:wrap;gap:10px;min-height:80px;list-style-position:inside;border-bottom:2px dashed #b8c7a9;margin:0 0 18px;padding:0 0 14px}.v2-order-result li{display:flex;align-items:center;gap:5px;font-size:12px;counter-increment:order}.v2-order-result li:before{content:counter(order) "."}.v2-order-result button{padding:11px 13px}.v2-sort-bank{display:flex;flex-wrap:wrap;gap:9px}.v2-sort-bank button{padding:11px 13px;font-size:14px;line-height:1.6;background:#fff0cc;border:1px solid #c5a66d;border-radius:10px}.v2-sort-bank small{display:block;font-size:11px}.v2-sort-groups{display:flex;gap:10px;margin-top:20px}.v2-sort-groups button{flex:1;min-width:90px;padding:18px 10px;background:linear-gradient(#e8d39d,#d9bc7f);border:2px solid #b99e64;border-radius:10px 10px 22px 22px;font-weight:700;line-height:1.6}.v2-sort-groups small{display:block;font-weight:400}.v2-net-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.v2-net-choices button{padding:15px;background:#fffdf3;border:2px solid #b7c6a9;border-radius:14px}.v2-net{width:100%;height:210px}.v2-net rect{fill:#e5edca;stroke:#6f9162;stroke-width:1.5}.v2-net text{font:18px Susu,sans-serif;fill:#345e43}.v2-cut-net{display:flex;gap:15px;align-items:center}.v2-cut-net svg{flex:1;min-width:0}.v2-cut-net>div{flex:1;display:flex;flex-wrap:wrap;gap:8px}.v2-cut-net button{min-height:44px;padding:9px 12px;border:1px solid #9cb38a;background:#fff9e5;border-radius:10px}.v2-table-scroll{overflow-x:auto}.v2-table-scroll table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.v2-table-scroll th,.v2-table-scroll td{padding:10px 12px;border-bottom:1px solid #b7c8a9}.v2-table-scroll th{background:#e2eccf}.v2-box polygon{stroke:#78936b;stroke-width:2;stroke-linejoin:round}.v2-box .front{fill:#d4e3bb}.v2-box .side{fill:#a9c28f}.v2-box .top{fill:#fff1bd}.v2-bars>div{display:flex;align-items:center;gap:12px;margin:16px 0}.v2-bars b{width:80px;font-size:12px;flex-shrink:0}.v2-bars span{display:flex;gap:3px}.v2-bars i{width:27px;height:30px;background:#b4ce9c;border:1px solid #6f925d}.v2-bars>div+div i{background:#edcc83;border-color:#b7995e}.v2-cube-layers{display:grid;position:relative;justify-content:center;min-height:160px;padding:15px}.v2-cube-layers>div{grid-area:1/1;transform:translate(calc(var(--layer)*7px),calc(var(--layer)*-25px));background:#fff7df;border:1px solid #a8b596;box-shadow:3px 3px #bac5a6;padding:8px}.v2-cube-layers small{display:block;font-size:10px}.v2-cube-grid{display:grid;gap:3px}.v2-cube-grid i{display:block;aspect-ratio:1;min-width:17px;background:linear-gradient(135deg,#f8e0a2,#d9b15e);border:1px solid #ab8b4f;box-shadow:2px -2px #f3d997}.v2-cube-layers.expanded{display:flex;flex-wrap:wrap;gap:12px}.v2-cube-layers.expanded>div{transform:none;min-width:100px}.v2-cube-grid .surface-0{background:#fff;border-color:#c4c4ad}.v2-cube-grid .surface-1{background:#fff0c2}.v2-cube-grid .surface-2{background:#b1cd9c;border-color:#7d9c6d}.v2-cube-grid .surface-3{background:#e5ba5b}.v2-unit-grid{max-width:280px;margin:auto}.v2-unit-stack{display:flex;flex-direction:column-reverse;gap:3px;max-width:150px;margin:15px auto}.v2-unit-stack i{height:10px;background:#e9c87f;border:1px solid #aa8e53;box-shadow:3px -2px #f6df9b}.v2-pie{display:flex;flex-wrap:wrap;gap:13px;align-items:center}.v2-pie svg{flex:1;min-width:140px;max-width:220px}.v2-pie ul{flex:1;min-width:110px;list-style:none;padding:0;text-align:left;font-size:12px;line-height:1.9}.v2-pie li i{display:inline-block;width:12px;height:12px;margin-right:7px;border-radius:3px}.v2-clock circle{fill:#fff5d5;stroke:#d4b66f;stroke-width:6}.v2-clock line{stroke:#345e43;stroke-width:5;stroke-linecap:round}.v2-clock line.hour{stroke-width:8}.v2-clock circle:last-child{fill:#345e43;stroke:none}.v2-motion{padding:25px 8px}.v2-motion>b{font-size:17px}.v2-motion>div{position:relative;height:14px;background:#c8b58b;border-radius:12px;border-bottom:3px solid #9b8962;margin:28px 0 18px}.v2-motion i{position:absolute;left:0;top:-19px;font-size:35px;color:#496f40;font-style:normal;transition:left 1.2s ease}.v2-done .v2-motion i{left:85%}.v2-motion small{font-size:11px}.v2-tank{width:180px;height:180px;max-width:100%;position:relative;overflow:hidden;margin:auto;border:5px solid #91b4bf;border-radius:8px;background:#f1fcf3}.v2-tank>div{position:absolute;inset:auto 0 0;background:linear-gradient(#9fd4dc,#73aebb);border-top:2px solid #fff}.v2-tank b{position:absolute;right:10px;top:8px}.v2-water-levels{display:flex;align-items:flex-end;justify-content:center;gap:25px;min-height:120px}.v2-water-levels figure{margin:0;display:flex;align-items:center;flex-direction:column;font-size:12px}.v2-water-levels i{display:block;width:65px;background:linear-gradient(#a8dbe3,#75aeba);border:2px solid #729dac;border-radius:3px 3px 0 0}.v2-water-levels figcaption{margin-top:7px}.v2-circle circle{fill:#f4dda4;stroke:#749568;stroke-width:3}.v2-circle line{stroke:#345e43;stroke-width:3}.v2-rectangle rect{fill:#d8e6bb;stroke:#719564;stroke-width:3}.v2-cylinder path{fill:#c6dca7;stroke:#7b9a69;stroke-width:2}.v2-cylinder ellipse{fill:#fff0c6;stroke:#7b9a69;stroke-width:2}.v2-cutbox rect{fill:#dfc591;stroke:#9e8655;stroke-width:1}.v2-cutbox rect.cut{fill:#fff9e5;stroke:#9e8655;stroke-dasharray:3 2}.v2-overlap{padding:20px 0 5px;min-height:100px;text-align:left}.v2-overlap i{display:block;position:relative;box-sizing:border-box;padding:12px;background:#eed18b;border:2px solid #b39859;font-size:13px;font-style:normal;text-align:center}.v2-overlap i+i{top:-8px;background:#c4dba7;border-color:#7e9b68}.v2-calculator{width:290px;max-width:100%;margin:auto;padding:16px;background:linear-gradient(140deg,#779779,#4c7057);border:2px solid #3e6048;border-radius:20px;box-shadow:0 7px #34533c}.v2-calculator small{font-size:10px;color:#edf1df}.v2-calculator output{display:block;padding:15px 10px;color:#345142;background:#e1e9cd;border:3px solid #3a5942;border-radius:8px;font:25px monospace;text-align:right;overflow:hidden}.v2-calculator #v2CalcHistory{font:11px monospace;min-height:20px;max-height:45px;overflow:auto;color:#f2f2dc;margin:7px 0}.v2-calc-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v2-calculator button{font-size:18px;min-height:44px;padding:6px;background:#fff8df;border:1px solid #d0c6a3;border-radius:8px;box-shadow:0 3px #344e3b}.v2-calc-keys button:last-child{grid-column:span 2;background:#edcd7b}.v2-calculator #v2CalcUse{width:100%;font-size:12px;margin-top:13px}.v2-practice{display:grid;gap:13px}.v2-practice>p{font-size:12px;line-height:1.8;margin:0}.v2-practice label{font-size:13px;line-height:1.7;display:grid;gap:7px}.v2-practice input,.v2-practice textarea{box-sizing:border-box;width:100%;min-height:46px;font:16px Susu,sans-serif;padding:12px;color:#345e43;border:1px solid #9cb58d;border-radius:10px;background:#fffef6;resize:vertical}.v2-experiment>b{display:block;font-size:12px;line-height:1.8}.v2-experiment>button{display:block;min-height:46px;margin:12px auto;padding:13px 18px;background:#efd28e;border:2px solid #b99b60;border-radius:15px;box-shadow:0 3px #c0a267;font-weight:700}.v2-experiment ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 15px;padding-left:20px;font-size:12px;max-height:200px;overflow:auto}.v2-experiment li{background:#e6eed8;padding:5px 7px;border-radius:5px}.v2-experiment p{font-size:11px;line-height:1.7}.v2-buddy-row{display:flex;align-items:center;gap:15px;padding:12px 22px;background:#e8efd7;border-top:1px solid #c5d4b6}.v2-buddy-row>div{width:75px;height:75px;flex-shrink:0}.v2-buddy-row>p{flex:1;font-size:13px;line-height:1.7;margin:0}.v2-buddy-row button{min-height:44px}.v2-buddy-row>.v2-voice-tools{width:auto!important;height:auto!important;max-width:240px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.v2-voice-tools p{font-size:11px;line-height:1.6;flex-basis:100%;margin:0}.v2-voice-tools p:empty{display:none}.v2-hint{padding:15px 22px;background:#fff1cf;font-size:14px;line-height:1.8}.v2-game #feedback{font-size:14px;line-height:1.8;background:#edf4de}.v2-game #feedback:not(:empty){padding:12px 22px}.v2-game #feedback p{margin:0}.v2-action-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 22px}.v2-action-row>button:first-child{margin-right:auto}.v2-action-row button{min-height:46px}.v2-object-stamp{padding:12px;margin-top:20px;border:2px solid #8faf75;border-radius:12px;color:#476c36;background:#e8f0d6;font-size:13px;line-height:1.6;text-align:center;animation:v2-stamp .4s ease both}.v2-applied-label{display:inline-flex;flex-direction:column;padding:12px 22px;background:#fff0be;border:2px solid #c9a662;border-radius:12px;box-shadow:0 4px #d6bf8866;margin-top:15px}.v2-applied-label>span{font-size:9px;letter-spacing:1px}.v2-applied-label strong{font-size:22px}.v2-applied-label p{font-size:13px}.v2-applied-label small{font-size:11px;max-width:280px}.v2-wheel{font-size:110px;line-height:1.2;color:#d6a757}.v2-paper-label{font-size:11px;letter-spacing:1px;color:#7e8768}.v2-finale{max-width:1000px;margin:auto;color:#345e43}.v2-finale>img{display:block;width:100%;height:300px;object-fit:cover;border-radius:25px}.v2-finale>div{position:relative;max-width:800px;margin:-50px auto 0;padding:35px;background:#fff9e5;border:3px solid white;border-radius:27px;text-align:center;box-shadow:0 12px 30px #345e4324}.v2-finale h1{font-size:35px;line-height:1.4}.v2-finale p{font-size:15px;line-height:1.8}.v2-finale>div>span{font-size:12px;letter-spacing:1px}.v2-diamonds{display:block;font-size:42px;color:#b99835}.v2-finale nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.v2-finale nav button{min-height:46px;padding:12px 18px;border:1px solid #9cb58b;border-radius:12px;background:#eef1d8;color:#345e43;font:inherit}.v2-bee-garden{position:relative}.v2-bee-garden #v2Bee{position:relative;left:50%;transform:translate(-50%);margin:0 0 15px;width:120px;height:140px;background:none;border:0;outline-offset:5px;transition:left .8s ease,transform .8s ease}.v2-bee-garden #v2Bee img{width:100%;height:110px;object-fit:contain;animation:v2-hover 3s ease-in-out infinite}.v2-bee-garden #v2Bee>b{position:absolute;bottom:0;right:-10px;font-size:25px;background:#fff2c4;border:2px solid #bc9c57;border-radius:13px;padding:5px 10px}.v2-bee-flowers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v2-bee-flowers button{position:relative;aspect-ratio:1;padding:0;background:none;border:0;border-radius:20px}.v2-bee-flowers img{width:100%;height:100%;object-fit:contain}.v2-bee-flowers button>span{position:absolute;left:50%;top:34%;transform:translate(-50%);background:#fff8de;border-radius:50%;padding:7px;min-width:45px}.v2-bee-flowers .v2-fraction{font-size:18px}.v2-done #v2Bee{left:var(--bee-land-x);transform:translate(-50%,50px) scale(.65)}.v2-done #v2Bee>b{visibility:hidden}.model-box .v2-native-model,.model-motion .v2-native-model,.model-circle .v2-native-model,.model-clock .v2-native-model{background:#fffcefc9}.model-motion .v2-work-object{border-radius:6px 23px;transform:rotate(-.5deg)}.model-clock .v2-work-object{border-style:dashed;transform:rotate(-.7deg)}.kind-classify .v2-work-object,.kind-order .v2-work-object{background:#fffcefdc}.kind-classify .v2-work-object:before,.kind-order .v2-work-object:before{display:none}.kind-paint .v2-work-object{border:7px solid #c3a475;background:#fffef6}.kind-net .v2-work-object,.kind-cutnet .v2-work-object{border-style:dashed;border-radius:7px}.kind-bee .v2-work-object{background:transparent;border:none;box-shadow:none;transform:none}.kind-bee .v2-work-object:before{display:none}.kind-bee .v2-stage{padding-top:50px;background-position:center 60%}.v2-game button:disabled{cursor:default}.v2-work-object button:focus-visible,.v2-game input:focus-visible,.v2-game textarea:focus-visible{outline:3px solid #427d63;outline-offset:3px}.v2-game [hidden],.v2-library [hidden]{display:none!important}#v2Notice{font-size:12px;line-height:1.7}#v2Notice:empty{display:none}@keyframes v2-hover{50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes v2-stamp{0%{opacity:0;transform:scale(1.15) rotate(-5deg)}to{opacity:1;transform:scale(1)}}@media(min-width:761px){.scene-variant-2:not(.kind-bee) .v2-scene-copy{order:2}.scene-variant-2:not(.kind-bee) .v2-work-object{order:1}}@media(max-width:1050px){.v2-catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}.v2-stage{padding-left:20px;padding-right:20px;gap:18px}.v2-work-object{padding:20px}}@media(max-width:760px){.v2-library-hero,.v2-cover{display:flex;flex-direction:column;border-radius:20px}.v2-library-hero>div,.v2-cover>div{padding:23px}.v2-library-hero h1{font-size:34px}.v2-library-hero img,.v2-cover>img{height:180px;min-height:0;order:2}.v2-cover h1{font-size:27px}.v2-catalogue,.v2-story-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2-lesson-card>div,.v2-story-list>button>div{padding:12px}.v2-lesson-card h2{font-size:15px}.v2-story-list h2{font-size:16px}.v2-lesson-card p,.v2-story-list p{font-size:11px}.v2-game{border-radius:16px}.v2-game>header{padding:12px;gap:8px;align-items:flex-start}.v2-game>header span{font-size:10px}.v2-game h1{font-size:18px;line-height:1.7}.v2-game>header button{font-size:12px;padding:8px 10px}.v2-stage{display:flex;flex-direction:column;gap:20px;padding:115px 12px 22px;min-height:0}.v2-stage-art{object-position:50% 25%}.v2-scene-copy{width:100%}.v2-scene-copy>p{padding:9px 12px;font-size:12px;margin-bottom:10px}.v2-native-model{padding:12px;border-radius:17px;font-size:14px;background:#fffcefe6}.v2-native-model svg{max-height:185px}.v2-native-model svg text{font-size:19px}.v2-table-scroll table,.v2-pie ul{font-size:14px}.v2-work-object{box-sizing:border-box;width:100%;padding:20px 14px;border-width:2px;border-radius:16px}.v2-answer-label input{font-size:25px;min-height:54px}.v2-sort-bank button{font-size:13px;padding:10px}.v2-sort-groups{gap:7px}.v2-sort-groups button{min-width:70px;padding:14px 8px}.v2-net-choices{gap:10px}.v2-net-choices button{padding:10px}.v2-net{height:180px}.v2-cut-net svg{height:250px}.v2-buddy-row{padding:9px 12px;gap:8px;flex-wrap:wrap}.v2-buddy-row>div{width:58px;height:60px}.v2-buddy-row>p{font-size:13px;min-width:160px}.v2-buddy-row button{font-size:12px;min-height:44px}.v2-hint,.v2-game #feedback:not(:empty){font-size:13px;padding:12px}.v2-action-row{padding:12px 10px max(14px,env(safe-area-inset-bottom));gap:8px}.v2-action-row button{font-size:13px;padding:11px 13px}.v2-pie svg{max-width:170px;min-width:120px}.v2-clock{max-width:160px!important}.v2-cube-layers{min-height:130px}.v2-cube-layers.expanded{gap:8px}.v2-cube-layers.expanded>div{min-width:75px}.v2-cube-grid i{min-width:13px}.v2-tank{width:140px;height:150px}.v2-calculator{max-width:280px}.v2-bars i{width:22px;height:26px}.v2-bars b{width:70px}.v2-finale>img{height:220px}.v2-finale>div{padding:22px 16px;margin-top:-25px}.v2-finale h1{font-size:27px}.v2-finale p{font-size:14px}.v2-bee-garden #v2Bee{width:110px;height:125px}.v2-bee-garden #v2Bee img{height:100px}.kind-bee .v2-stage{padding-top:12px;min-height:450px;justify-content:space-between}.kind-bee .v2-work-object{padding:5px}.kind-bee .v2-scene-copy>p{max-width:260px}.v2-bee-flowers button{min-height:85px}.v2-bee-flowers .v2-fraction{font-size:17px}.kind-paint .v2-work-object{border-width:5px}.v2-applied-label{padding:10px 15px}.v2-applied-label strong{font-size:20px}}@media(max-width:370px){.v2-catalogue,.v2-story-list{grid-template-columns:1fr}.v2-lesson-card{display:flex}.v2-lesson-card img{width:35%;aspect-ratio:auto}.v2-pie{flex-direction:column}.v2-pie ul{width:100%}.v2-action-row{padding-left:8px;padding-right:8px}.v2-action-row button{padding:11px 10px}.v2-bee-flowers button>span{padding:5px;min-width:40px}.v2-bee-flowers .v2-fraction{font-size:15px}}@media(prefers-reduced-motion:reduce){.v2-game *{animation:none!important;transition:none!important}}.v2-data-caption{display:block;margin:10px 0;padding:12px 15px;background:#fff6d7;border:1px solid #c9b67f;border-radius:12px;color:#345e43;font-size:15px;font-weight:600;line-height:1.8;text-align:center}.v2-data-caption b{font-weight:800}.v2-native-model>.v2-data-caption:first-child{margin-top:0}@media(max-width:760px){.v2-data-caption{font-size:14px;padding:10px 12px}}@media(max-width:760px){.v2-stage{background:#eff1d8;padding-top:155px}.v2-stage-art{height:270px;object-fit:cover;object-position:center top}.v2-stage:after{background:linear-gradient(180deg,transparent 120px,#eff1d800 170px,#eff1d8 285px)}.kind-bee .v2-stage{padding-top:25px;background:#bed8a5}.kind-bee .v2-stage-art{height:100%;object-position:center}.kind-bee .v2-stage:after{background:linear-gradient(180deg,transparent,#fff9e533)}}.v2-results-ledger{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;border-top:1px dashed #afbd97;margin-top:14px;padding-top:12px}.v2-results-ledger b{width:100%;font-size:12px}.v2-results-ledger>span{background:#f1e8c8;padding:6px 10px;border-radius:9px;font-size:14px}.v2-story-data{font-size:14px;line-height:1.8}.v2-joined-rods text{font-size:16px!important}.v2-die{display:block;width:90px;height:90px;margin:16px auto;filter:drop-shadow(0 5px 3px #345e4325);animation:v2-stamp .3s ease both}.v2-spinner{max-width:260px;margin:auto}.v2-spinner svg{max-height:230px}.v2-spinner p,.v2-spinner b{font-size:14px}.model-map .v2-work-object{background:#f7ecd0;border:1px solid #cbb889;border-radius:7px 22px 22px 7px;box-shadow:-7px 0 #9cba9b,0 10px 20px #345e4326}.model-map .v2-work-object:before{display:none}.model-map .v2-native-model{border:7px solid #b38d58;border-radius:10px;background:#fff8df}.model-clock .v2-work-object,.model-motion .v2-work-object{background:#fff8df;border:2px dashed #c7a86e;border-left:13px solid #74a69e;border-radius:11px;box-shadow:0 8px 16px #345e4325}.model-clock .v2-work-object:before,.model-motion .v2-work-object:before{display:none}.model-motion .v2-native-model{border-radius:18px 18px 35px 35px;border:5px solid #bb9b68}.model-box .v2-work-object,.model-cubes .v2-work-object,.model-net .v2-work-object{background:#f6e6bc;border:3px solid #b89a61;border-radius:18px;box-shadow:0 6px #aa8c5360,0 12px 18px #345e4323}.model-box .v2-work-object:before,.model-cubes .v2-work-object:before{width:36px;height:9px;left:calc(50% - 18px);top:8px;background:#b9a06d;border:0;border-radius:50%}.model-box .v2-answer-label,.model-cubes .v2-answer-label{padding-top:7px}.model-box .v2-native-model,.model-cubes .v2-native-model{background:#fff9e5b8;border-color:#fff9e5b8;box-shadow:none}.model-calculator .v2-work-object{background:repeating-linear-gradient(#fffdf0 0 31px,#dce5cc 31px 32px);border:0;border-radius:3px;box-shadow:0 7px #d6c79d,0 14px 25px #345e4325;transform:rotate(-1deg)}.model-calculator .v2-work-object:before{display:none}.model-calculator .v2-answer-label>span{background:#fffdf0;padding:7px;border:2px solid #c4cdaa;border-radius:10px}.model-table .v2-native-model{border:8px solid #b5935e;border-radius:15px;background:#fffbee;box-shadow:0 7px #8e744b44,0 10px 25px #345e4326}.model-table .v2-work-object{background:#e9efda;border-color:#adc192;border-radius:30px 10px}.model-table .v2-work-object:before{background:#b3c39e;border-color:#819b69}.model-pie .v2-native-model{border:6px solid #bca274;border-radius:50px 16px;background:#fff9e5ed}.model-pie .v2-work-object{border-color:#91b3b3;background:#eaf2e9;border-radius:22px;transform:rotate(-.4deg)}.model-tank .v2-work-object{background:#edf5eb;border:3px solid #8eb1b6;border-radius:14px;box-shadow:0 7px #70949b50}.model-tank .v2-work-object:before{background:#c1d6d5;border-color:#8daeb3}.model-tank .v2-native-model{background:#f7fbedcc;border:2px solid #aec8c5}.model-measure .v2-work-object,.model-survey .v2-work-object{border-left:13px solid #8eac87;border-radius:7px 20px 20px 7px;background:#fffbec;transform:none}.model-measure .v2-work-object:before,.model-survey .v2-work-object:before{display:none}@media(max-width:760px){.model-table .v2-native-model,.model-map .v2-native-model{border-width:5px}.model-calculator .v2-work-object,.model-box .v2-work-object,.model-motion .v2-work-object{transform:none}.model-clock .v2-work-object,.model-motion .v2-work-object{border-left-width:9px}}body[data-view=volume-two-lesson],body[data-view=volume-two-game]{isolation:isolate;position:relative;background:#d8dfbe}body[data-view=volume-two-lesson]:before,body[data-view=volume-two-game]:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#18352018,#18352018),var(--v2-scene);background-position:center;background-size:cover;background-repeat:no-repeat}body[data-view=volume-two-lesson]>.topbar,body[data-view=volume-two-lesson]>.global-audio-bar,body[data-view=volume-two-lesson]>.footer{display:none!important}body[data-view=volume-two-lesson] #app,body[data-view=volume-two-game] #app{max-width:none;padding:clamp(12px,2.2vw,32px);background:transparent}body[data-view=volume-two-lesson] .v2-library,body[data-view=volume-two-game] .v2-play{max-width:1400px}body[data-view=volume-two-lesson] .vol2-breadcrumb{width:fit-content;background:#fffcefee;border:1px solid #fff9e5;border-radius:15px;padding:5px 14px 5px 5px;box-shadow:0 5px 18px #18352022}.v2-cover{display:flex;align-items:center;min-height:calc(100svh - 140px);background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}.v2-cover>div{box-sizing:border-box;width:min(100%,570px);padding:clamp(24px,3vw,42px);background:#fffbeced;border:1px solid #fff9e5;border-radius:26px;box-shadow:0 18px 48px #18352028;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.v2-cover h1{font-size:clamp(28px,3.4vw,48px);line-height:1.22;margin:16px 0}.v2-cover p{font-size:16px;line-height:1.75}.v2-story-list{padding:20px;background:#fff9e5d9;border:1px solid #fff9e5;border-radius:25px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body[data-view=volume-two-lesson] .v2-note{padding:16px 22px;background:#fff9e5ed;border-radius:15px;color:#345e43}.v2-play .game-focus-bar{background:#fffcefee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.v2-game{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}.v2-game>header{background:#fffbecf2;border:1px solid #fff9e5;border-radius:20px;box-shadow:0 5px 20px #1835201c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.v2-game .v2-stage{background:none!important;padding-top:64px;padding-bottom:44px;min-height:48svh;overflow:visible}.v2-game .v2-stage:after{display:none}.v2-game .v2-buddy-row{background:#fffbeced;border:1px solid #fff9e5;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.v2-game .v2-action-row{margin-top:12px;padding:12px 16px;background:#fffbeced;border:1px solid #fff9e5;border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.v2-game #feedback:not(:empty),.v2-game .v2-hint{margin-top:12px;border-radius:16px;background:#fffbecf5}@media(max-width:760px){body[data-view=volume-two-lesson] #app,body[data-view=volume-two-game] #app{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.v2-cover{min-height:calc(100svh - 100px);justify-content:flex-end;padding-top:24svh;padding-bottom:20px;box-sizing:border-box}.v2-cover>div{padding:24px;border-radius:22px}.v2-cover h1{font-size:30px}.v2-cover p{font-size:15px}.v2-story-list{padding:12px}.v2-game .v2-stage{padding:28px 0;min-height:0}.v2-game>header{border-radius:16px}.v2-game .v2-buddy-row{border-radius:16px}.v2-game .v2-action-row{padding-bottom:max(12px,env(safe-area-inset-bottom))}.v2-game .v2-native-model{background-color:#fff9e5f0}}.v2-festival-entry{margin:20px 0;padding:22px;border:1px solid #dfd5ab;border-radius:22px;background:#fffbed;color:#385644}.v2-festival-entry h2{font-size:23px;margin:0 0 10px}.v2-festival-entry p{font-size:14px;line-height:1.7;margin:0 0 18px}.v2-festival-entry a{display:inline-block;text-decoration:none}.account-pending body>*:not(#accountGate){visibility:hidden!important}.account-pending body{overflow:hidden}#accountGate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:linear-gradient(#d5ecdf35,#d5ecdf55),url(/assets/islands/world-overview-compact.webp) center/cover;padding:24px;color:#254a3e;font-family:Susu,system-ui,sans-serif}.account-welcome{background:#fffcf2f5;border:1px solid white;border-radius:32px;padding:clamp(25px,5vw,50px);box-shadow:0 25px 80px #1b4e4533;max-width:540px;text-align:center}.account-welcome>img{width:125px;height:140px;object-fit:contain;filter:drop-shadow(0 8px 7px #41683b30);animation:account-bob 4s ease-in-out infinite}.account-welcome>small{display:block;letter-spacing:3px;font-size:12px;font-weight:700}.account-welcome h1{font-size:clamp(27px,5vw,38px);line-height:1.25}.account-welcome p{line-height:1.9}.account-enter{display:inline-block;background:#326d59;color:#fff;padding:16px 25px;text-decoration:none;border-radius:16px;font:700 17px Susu,system-ui;border:0;cursor:pointer;min-height:48px}.account-badge{position:fixed;right:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:45;display:flex;gap:8px;align-items:center;padding:10px 15px;border:1px solid #d9e1c7;border-radius:40px;background:#fffdf0f5;color:#315548;text-decoration:none;box-shadow:0 5px 20px #244c3b20;font:14px Susu,system-ui;max-width:min(320px,70vw)}.account-badge b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-badge small{white-space:nowrap;color:#65795e}body[data-view*=game] .account-badge,body:has(.playbar) .account-badge{display:none}@keyframes account-bob{50%{transform:translateY(-5px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.account-welcome>img{animation:none}}@media(max-width:600px){.account-badge{font-size:12px;padding:8px 12px;bottom:8px}}.account-mam{display:inline-block;width:125px;height:125px;background:url(/assets/islands/mam-poses.webp) 33.333% 0/400% 200% no-repeat;filter:drop-shadow(0 8px 7px #41683b30);animation:account-bob 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.account-mam{animation:none}}.topbar #teacherBtn[hidden]{display:none!important}.progress-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.progress-head h2{margin:0 0 4px}.progress-head .tools{margin:0}.progress-head select{min-height:44px;padding:8px 12px;border:1px solid #cfdcc4;border-radius:12px;background:#fff;font:inherit;color:#244d38}.progress-summary{margin:16px 0 10px;color:#315f46}.progress-scroll{overflow-x:auto;border:1px solid #e3eadb;border-radius:16px;background:#fff}.progress-scroll:focus-visible{outline:3px solid #2c6959;outline-offset:2px}.progress-table{width:100%;min-width:960px;border-collapse:collapse;font-size:14px;color:#244d38}.progress-table th,.progress-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #eef2e8}.progress-table thead th{position:sticky;top:0;background:#f4f8ee;font-size:13px;white-space:nowrap}.progress-table small{display:block;font-weight:400;font-size:12px;color:#6b7d70;margin-top:3px;white-space:normal}.progress-table tbody th{font-weight:700;min-width:150px}.progress-table tbody tr:last-child>*{border-bottom:0}.progress-cell{display:flex;flex-direction:column;gap:5px;min-width:90px}.progress-bar{display:block;height:7px;border-radius:9px;background:#e6eedd;overflow:hidden}.progress-bar i{display:block;height:100%;background:#4f9a6f;border-radius:9px}.progress-pending{display:block;margin-top:4px;padding:2px 8px;width:max-content;border-radius:9px;background:#fff1cc;color:#7a5410;font-size:12px}#accountApp .hero>div{padding:14px 20px;background:#fffdf4e8;border-radius:22px}@media(max-width:640px){#accountApp main{padding-bottom:110px}}.teacher-note{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;background:#173b2866}.teacher-note-card{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:26px 24px 22px;border:3px solid #fff;border-radius:26px;background:#fffdf4;box-shadow:0 24px 70px #173b2855;text-align:center;font-family:Susu,system-ui,sans-serif;color:#254c42}.teacher-note-icon{display:block;font-size:46px;line-height:1}.teacher-note-card h2{margin:8px 0 12px;font-size:24px}.teacher-note-card blockquote{margin:10px 0;padding:12px 16px;border-radius:16px;background:#eef6e8;text-align:left}.teacher-note-card blockquote p{margin:0;font-size:18px;line-height:1.5}.teacher-note-card cite{display:block;margin-top:6px;font-size:14px;font-style:normal;color:#4b5c45}.teacher-note-gift{margin:14px 0 4px;font-size:18px}.teacher-note-gift b{color:#6e4f12}.teacher-note-ok{margin-top:14px;min-height:48px;padding:0 26px;border:0;border-radius:24px;background:linear-gradient(#ffe37a,#ffc83e);box-shadow:0 5px #c4862f;color:#6b3f0c;font:800 17px Susu,system-ui,sans-serif;cursor:pointer}.teacher-note-ok:focus-visible{outline:3px solid #1f5a49;outline-offset:3px}.assign-pill{position:fixed;left:16px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 56px);z-index:44;display:flex;align-items:center;gap:7px;min-height:44px;padding:6px 14px;border:2px solid #fff;border-radius:24px;background:#fff7dc;box-shadow:0 5px 16px #244c3b30;color:#5b3d0a;font:800 14px Susu,system-ui,sans-serif;cursor:pointer}.assign-pill b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#d9534f;color:#fff;font-size:13px}.assign-pill i{font-style:normal;color:#2b8a66}.assign-pill:focus-visible{outline:3px solid #1f5a49;outline-offset:3px}body[data-view*=game] .assign-pill,body:has(.playbar) .assign-pill,body:has(.game-focus-bar) .assign-pill{display:none}@media(max-width:600px){.assign-pill span{display:none}}.assign-card ul{display:grid;gap:10px;margin:6px 0 0;padding:0;list-style:none;text-align:left}.assign-card li{padding:12px 14px;border-radius:16px;background:#eef6e8}.assign-card li.is-done{background:#f4f4ee;opacity:.8}.assign-card li b{display:block;font-size:16px;line-height:1.4}.assign-card li small{display:block;margin-top:2px;color:#4b5c45}.assign-card li small.late{color:#a3420f;font-weight:700}.assign-card li p{margin:6px 0 0;font-size:15px}.assign-go{display:inline-block;margin-top:8px;padding:8px 16px;border-radius:18px;background:#2f6a52;color:#fff;font-weight:800;text-decoration:none}.assign-go:focus-visible{outline:3px solid #b89b4e;outline-offset:2px}.assign-done{display:inline-block;margin-top:6px;color:#2b8a66;font-weight:700}.review-pill{position:fixed;left:16px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 108px);z-index:44;display:flex;align-items:center;gap:7px;min-height:44px;padding:6px 14px;border:2px solid #fff;border-radius:24px;background:#eaf6ef;box-shadow:0 5px 16px #244c3b30;color:#1f5a49;font:800 14px Susu,system-ui,sans-serif;cursor:pointer}.review-pill b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#d98a2b;color:#fff;font-size:13px}.review-pill i{font-style:normal;color:#2b8a66}.review-pill:focus-visible{outline:3px solid #1f5a49;outline-offset:3px}body:not(:has(.assign-pill)) .review-pill{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 56px)}body[data-view*=game] .review-pill,body:has(.playbar) .review-pill,body:has(.game-focus-bar) .review-pill{display:none}@media(max-width:600px){.review-pill span{display:none}}.review-dialog h3{margin:14px 0 6px;font-size:16px;text-align:left;color:#2b5f47}.review-hint{margin:0 0 6px;text-align:left;font-size:14px;color:#4b5c45}.review-dialog .assign-go{border:0;cursor:pointer;font:inherit;font-weight:800}.quiz-card{width:min(640px,100%)}.quiz-card ol{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:12px;text-align:left;counter-reset:q}.quiz-card ol>li{padding:12px 14px;border-radius:16px;background:#eef6e8;counter-increment:q}.quiz-card ol>li>p{margin:0 0 8px;font-size:17px;font-weight:700}.quiz-card ol>li>p:before{content:counter(q) ". "}.quiz-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;margin:4px 0;border:1.5px solid #cfe0c4;border-radius:12px;background:#fff;font-size:16px;cursor:pointer}.quiz-option input{width:20px;height:20px}.quiz-input{width:100%;min-height:46px;padding:8px 12px;border:2px solid #cfe0c4;border-radius:12px;font:inherit;font-size:17px;box-sizing:border-box}.quiz-card li.is-right{background:#e3f4e6}.quiz-card li.is-wrong{background:#fdeee6}.quiz-mark{display:block;margin-top:6px;font-weight:800}.is-right .quiz-mark{color:#2b8a66}.is-wrong .quiz-mark{color:#a3420f}.quiz-score{font-size:18px;margin:0 0 6px}.quiz-card .assign-go{border:0;cursor:pointer;font:inherit;font-weight:800;margin-top:14px}.account-sync{color:#526b52}body[data-story-mode]:not([data-story-mode=fishing]):not([data-story-mode=none]) .story-page .story-playfield{background:transparent}body[data-story-mode]:not([data-story-mode=fishing]):not([data-story-mode=none]) .story-page .case-workspace.story-workspace{position:relative;isolation:isolate;overflow:hidden;min-height:460px;background-color:#c6ddce;background-image:var(--task-scene);background-size:cover;background-position:center;background-repeat:no-repeat}body[data-story-mode]:not([data-story-mode=fishing]):not([data-story-mode=none]) .story-page .story-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:0;pointer-events:none}body[data-story-mode]:not([data-story-mode=fishing]):not([data-story-mode=none]) .story-page .story-workspace:after{display:none}.story-page .story-playfield .story-guide .mj-mam{display:block;flex-shrink:0}.story-page .story-working-object .game-parts{min-width:0}.story-page .web-number-table{max-width:100%;font-variant-numeric:tabular-nums}.story-page .story-diagram-paper:empty{display:none}@media(max-width:760px){body[data-story-mode]:not([data-story-mode=fishing]):not([data-story-mode=none]) .story-page .case-workspace.story-workspace{min-height:340px;padding-top:110px;background-position:center top}body[data-story-mode=train] .story-page .case-workspace.story-workspace{padding-top:70px}.story-page .story-playfield .story-guide.companion{min-width:0}.story-page .story-guide .b2-speech{min-width:0;overflow-wrap:anywhere}.story-page .story-guide .mam-ai-panel[open]{max-width:calc(100vw - 36px);box-sizing:border-box}.story-page .web-number-table{display:block;overflow-x:auto;overscroll-behavior-x:contain}}body[data-lesson="14"] .story-page .story-wagon-bank{margin-top:10px;padding-bottom:18px}body[data-lesson="14"] .story-wagon-bank>div{padding-top:14px;overflow:visible}body[data-lesson="14"] .story-wagon-bank .story-wagon:last-child{top:-14px}body[data-lesson="14"] .story-wagon{cursor:grab;touch-action:manipulation}body[data-lesson="14"] .story-wagon:active{cursor:grabbing}body[data-lesson="14"] .story-wagon>img,body[data-lesson="14"] .story-wagon>strong,body[data-lesson="14"] .story-docking-slot>img,body[data-lesson="14"] .story-docking-slot>strong,body[data-lesson="14"] .story-docking-slot>span,body[data-lesson="14"] .story-docking-slot>small{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body[data-lesson="14"] .story-docking-slot{outline-offset:-3px}body[data-lesson="14"] .story-docking-slot:focus-visible{outline:3px solid #b17d24}body[data-lesson="16"] .story-page .mission-part:has(.area-options),body[data-lesson="16"] .story-page .mission-part:has(.area-digits){background:linear-gradient(145deg,#fffdf0ed,#e7f2d8ed);border:2px solid #fff9db;border-radius:24px;padding:22px;box-shadow:0 10px 26px #304e3430}.area-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.area-options button{min-height:74px;min-width:0;background:#fffaf0;border:2px solid #a7c9af;border-radius:16px;padding:12px;color:#275b4c;box-shadow:0 4px #7da38e45;font-size:19px;transition:transform .2s}.area-options button:hover{transform:translateY(-3px)}.area-options strong,.area-options small{display:block}.area-options small{font-size:14px}.area-options .selected,.area-options .chosen{border-color:#a87516;background:#fff0b6;box-shadow:0 0 0 3px #f6da77}.area-drop{width:100%;min-height:86px;border:3px dashed #7eab94;border-radius:18px;background:#edf8e3;color:#315f4a;font-size:24px;margin:12px 0}.area-digit-result{text-align:center;font-size:35px;min-height:70px;background:#eef6dc;border-radius:16px;padding:12px}.area-digit-bank{display:flex;gap:9px;justify-content:center;margin:16px 0;flex-wrap:wrap}.area-digit-bank button{width:58px;min-height:64px;font-size:29px;border:2px solid #9fbb89;border-radius:12px;background:#fff4c8;color:#355c45}.area-digit-bank button:disabled{opacity:.25}.area-plots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:16px 0;padding:7px;border:4px solid #a38a5b;border-radius:16px;background:#b6a174}.area-plots button{min-height:115px;min-width:0;padding:6px 1px;border:2px solid #e3d5ab;background:#d8c4a0;color:#45633b}.area-plots .planted{background:linear-gradient(#d2e8a3,#91bc7d)}.area-plots span{font-size:34px;display:block}.area-plots small{font-size:10px}.area-window .window-labels button{border:5px solid #91bba8;background:linear-gradient(135deg,#e3f5e8,#afdad9);border-radius:36px 36px 8px 8px;min-height:100px}.area-machine .area-options button{border-radius:8px 22px 22px 8px;border-left-width:10px}.area-machine .area-options span{display:block;font-size:15px;margin-bottom:7px}.area-stamp .area-options button{font-weight:800;border-style:dashed}.area-garden>p,.area-label-dock>p,.area-stamp>p,.area-machine>p,.area-digits>p,.area-window>p,.area-label-select>p{line-height:1.65}@media(max-width:760px){body[data-lesson="16"] .story-page .mission-part:has(.area-options),body[data-lesson="16"] .story-page .mission-part:has(.area-digits){padding:15px}.area-options{gap:9px}.area-options button{font-size:20px;min-height:67px}.area-plots button{min-height:90px}.area-plots span{font-size:25px}.area-digit-bank button{width:49px;min-height:58px}}@media(prefers-reduced-motion:reduce){.area-options button{transition:none}}body[data-story-mode=fishing] .story-page .story-playfield{display:block;position:relative;background:transparent;isolation:isolate}body[data-story-mode=fishing] .story-page #scene{display:block;width:100%;position:relative;z-index:0}body[data-story-mode=fishing] .story-page .case-workspace.story-mode-fishing{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(480px,48vw,740px);min-height:0;padding:0;border:0;border-radius:0;background:#64ccd3 url(assets/stories/story-11-02.webp) center center/cover no-repeat}body[data-story-mode=fishing] .story-page .story-scene{display:none}body[data-story-mode=fishing] .story-workspace:after{display:none}body[data-story-mode=fishing] .story-page .story-working-object,body[data-story-mode=fishing] .story-page .story-working-object:has(>.game-parts:only-child){position:absolute;inset:57% 3% 9% 31%;display:block;width:auto;max-width:none;min-height:0;padding:0;margin:0!important;background:none;border:0;box-shadow:none}body[data-story-mode=fishing] .story-working-object .game-parts,body[data-story-mode=fishing] .story-working-object .mission-part{padding:0;margin:0;background:none;border:0;box-shadow:none;min-height:0}body[data-story-mode=fishing] .story-working-object .mission-part>h3{display:none}body[data-story-mode=fishing] .story-live-objects.objects-fish{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;align-items:center;background:none}body[data-story-mode=fishing] .objects-fish button{width:100%;max-width:none;min-width:0;min-height:0;padding:3px;border:3px solid transparent;border-radius:50%;background:none;box-shadow:none;animation:pond-bob 3.5s ease-in-out infinite}body[data-story-mode=fishing] .objects-fish button:nth-child(2n){animation-delay:-1.7s}body[data-story-mode=fishing] .objects-fish button.selected{border-color:#ffe58a;background:#fff6b63b;filter:drop-shadow(0 0 8px #fff1ad)}body[data-story-mode=fishing] .objects-fish button img{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(0 7px 5px #176d7760)}body[data-story-mode=fishing] .objects-fish button strong{font-size:clamp(20px,2.6vw,35px)}body[data-story-mode=fishing] .story-page .story-playfield .story-guide.companion{position:absolute;inset:10px 12px auto auto;width:125px;max-width:25%;padding:0;background:none;display:flex;flex-direction:column;gap:0;z-index:4}body[data-story-mode=fishing] .story-guide .mj-mam{display:block;width:100px;height:100px}body[data-story-mode=fishing] .story-guide .b2-speech{font-size:11px;padding:7px 9px;max-width:125px}body[data-story-mode=fishing] .story-guide .mam-ai-panel:not([open]){padding:5px;background:#fffbeaeb;border-radius:14px}body[data-story-mode=fishing] .story-guide .mam-ai-panel:not([open])>*:not(summary){display:none}body[data-story-mode=fishing] .case-reflection{position:absolute;bottom:8px;right:12px;left:31%;margin:0;background:#fffbeaeb;border-radius:15px;max-height:40%;overflow:auto}body[data-story-mode=fishing] .story-task-progress{left:12px;right:auto;top:12px}@keyframes pond-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media(max-width:760px){body[data-story-mode=fishing] .story-page .case-workspace.story-mode-fishing{height:560px;background-size:auto 330px;background-position:left top;background-color:#63cbd3}body[data-story-mode=fishing] .story-page .story-working-object,body[data-story-mode=fishing] .story-page .story-working-object:has(>.game-parts:only-child){inset:270px 12px 45px}body[data-story-mode=fishing] .story-live-objects.objects-fish{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;max-width:350px;margin:auto}body[data-story-mode=fishing] .objects-fish button{max-width:155px;justify-self:center}body[data-story-mode=fishing] .objects-fish button strong{font-size:25px}body[data-story-mode=fishing] .story-page .story-playfield .story-guide.companion{right:6px;top:6px;width:95px;max-width:27%}body[data-story-mode=fishing] .story-guide .mj-mam{width:78px;height:78px}body[data-story-mode=fishing] .story-guide .b2-speech{font-size:10px;padding:5px}body[data-story-mode=fishing] .case-reflection{left:12px;right:12px;bottom:8px}}@media(prefers-reduced-motion:reduce){body[data-story-mode=fishing] .objects-fish button{animation:none}}@media(min-width:900px)and (min-height:600px)and (min-aspect-ratio:4/3){:root{--play-frame-height:min( calc(100dvh - 16px) , calc((100vw - 16px)*.5625) );--play-frame-width:calc(var(--play-frame-height)*16/9)}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=safety-game],[data-view=volume-two-game]),body:has(#readingApp>.playbar),body[data-in-lesson=true]{overflow:hidden}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=safety-game],[data-view=volume-two-game]) #app{box-sizing:border-box;width:var(--play-frame-width);height:var(--play-frame-height);min-height:0!important;max-width:none;margin:8px auto;padding:0!important}.story-page,.b8-page,body[data-view=volume-two-game] .v2-play{width:100%;height:100%;max-width:none;margin:0;display:flex;flex-direction:column;gap:6px;min-height:0}.story-page .game-focus-bar,.b8-page .game-focus-bar,.v2-play .game-focus-bar{flex:0 0 auto;width:100%;min-height:40px;margin:0!important;padding:3px 8px}.story-page .story-shell,.b8-roof-pilot .b8-pilot-shell,.v2-play .v2-game{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.story-page .story-heading{flex:0 0 auto;padding:8px 16px}.story-page .story-heading h1{font-size:clamp(19px,1.8vw,25px);line-height:1.3}.story-page .story-heading>div>span{margin-bottom:3px}.story-page .story-context{padding:6px 16px;line-height:1.4;font-size:clamp(14px,1.15vw,17px);flex:0 0 auto}.story-page .story-shell>details{max-height:75px;overflow:auto;margin:4px 16px}.story-page .story-playfield{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}body[data-story-mode]:not([data-story-mode=fishing]):not([data-story-mode=none]) .story-page .case-workspace.story-workspace{min-height:100%;height:auto;padding:28px 12px 10px;box-sizing:border-box}.story-page .story-working-object,.story-page .story-working-object:has(>.game-parts:only-child){min-height:0;margin-top:0;gap:12px}.story-page .story-diagram-paper{padding:9px}.story-page .web-lesson-visual>svg{max-height:calc(var(--play-frame-height)*.32)}.story-page .mission-part{padding:12px}.story-page .case-reflection{margin-top:5px;padding:5px 10px}.story-page .case-reflection[open]{max-height:140px;overflow:auto}.story-page .b2-action-dock,.b8-page .b2-action-dock{position:relative;bottom:auto;flex:0 0 auto;min-height:56px;padding:7px 14px;margin:0;z-index:8}.story-page .b2-action-dock>.play-button,.b8-page .b2-action-dock>.play-button{min-height:44px;padding:9px 18px;font-size:15px}.story-page #feedback:empty,.b8-page #feedback:empty,.v2-game #feedback:empty{display:none}.story-page #feedback:not(:empty),.b8-page #feedback:not(:empty),.v2-game #feedback:not(:empty){flex:0 0 auto;max-height:65px;overflow:auto;margin:3px 10px;padding:6px 12px}.story-page .story-guide .mj-mam{width:90px;height:90px}.story-page .story-guide .b2-speech{padding:7px;font-size:11px}.story-page .story-guide .mam-ai-panel:not([open]){padding:5px}body[data-story-mode=fishing] .story-page .case-workspace.story-mode-fishing{height:100%;min-height:340px}body[data-story-mode=train] .story-page .case-workspace.story-workspace{padding-top:24px}.story-page .story-mode-train .story-engine{width:140px;height:110px;flex-basis:140px}.story-page .story-mode-train .story-docking-slot{width:140px;min-width:140px;flex-basis:140px;height:105px;min-height:105px}.story-page .story-mode-train .story-wagon{width:140px;height:102px;min-height:102px}.story-page .story-mode-train .story-wagon>img,.story-page .story-mode-train .story-docking-slot>img{height:82px}.story-page .story-mode-train .story-wagon>strong,.story-page .story-mode-train .story-docking-slot>strong{bottom:37px;font-size:21px}.story-page .story-mode-train .story-wagon-bank{margin-top:4px;padding-top:5px;padding-bottom:5px}.story-page .story-mode-train .story-station-sign{margin:0 0 5px;padding:6px 10px;font-size:15px}.story-page .story-mode-train .story-track-scroll{padding-bottom:5px}.story-page .story-mode-train .story-train-tools{margin:5px 0}.b8-roof-pilot .b8-pilot-heading{padding:7px 16px}.b8-roof-pilot .b8-pilot-heading h1{margin:4px 0;font-size:25px}.b8-roof-pilot .b8-pilot-heading p{margin:4px 0;font-size:15px}.b8-roof-pilot .b8-pilot-canvas{flex:1;min-height:0;overflow:auto}.b8-page .b8-stage{flex:1;min-height:0;overflow:auto;margin:0}.b8-page .b8-task-card{display:flex;flex-direction:column;min-height:0;padding:12px}.b8-page .b8-task-card>#scene{flex:1;min-height:0;overflow:auto}.b8-page .b8-question-copy{font-size:15px;line-height:1.4}.b8-page .b8-question-copy p{margin:5px 0}.v2-play .v2-game>header{padding:9px 16px;flex:0 0 auto}.v2-play .v2-game>header h1{font-size:clamp(18px,1.7vw,25px);line-height:1.35;margin:4px 0}.v2-play .v2-game .v2-stage{flex:1;min-height:0;padding:12px;overflow:auto;gap:14px;align-items:start}.v2-play .v2-native-model>svg{max-height:calc(var(--play-frame-height)*.28)}.v2-play .v2-game .v2-buddy-row{flex:0 0 auto;padding:5px 12px;gap:10px}.v2-play .v2-buddy-row .mam-avatar{width:54px;height:58px}.v2-play .v2-buddy-row p{margin:3px;font-size:13px}.v2-play .v2-game .v2-action-row{flex:0 0 auto;min-height:54px;padding:6px 12px;margin-top:4px}.v2-game .v2-hint{max-height:70px;overflow:auto;flex:0 0 auto}body:has(#readingApp>.playbar) #readingApp,body[data-in-lesson=true] #writingApp{box-sizing:border-box;width:var(--play-frame-width);height:var(--play-frame-height);max-width:none;margin:8px auto;display:flex;flex-direction:column;min-height:0}#readingApp>.playbar,#writingApp>.mini-nav{position:relative;flex:0 0 auto;min-height:44px;padding:6px 14px;margin:0;width:100%}#readingApp>.progress,#writingApp>.trail{flex:0 0 auto;margin:4px 0}#readingApp>.stage,#writingApp>.lesson-stage{flex:1;min-height:0;width:100%;max-width:none;margin:6px 0 0;padding:0}#readingApp .stage-card,#writingApp .lesson-paper{height:100%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;padding:18px 22px;overflow:hidden}.play-viewport-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 6px 8px 0;scrollbar-gutter:stable}#readingApp .dock,#writingApp .stage-nav{flex:0 0 auto;position:relative;margin:8px 0 0;padding:8px 0 0;border-top:1px solid #d8dfc7;min-height:52px;background:#fffdf3}#writingApp .buddy-side{max-height:100%;overflow:auto;position:relative;top:0;padding:8px}.play-viewport-content h1{margin:7px 0 14px;font-size:clamp(24px,2vw,33px)}}@media(max-width:899px){body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=safety-game]) .b2-action-dock,body[data-view=volume-two-game] .v2-action-row{position:fixed;bottom:0;left:8px;right:8px;width:auto;z-index:60;box-sizing:border-box;padding:8px 10px max(8px,env(safe-area-inset-bottom));margin:0;background:#fffdf4f5;box-shadow:0 -4px 18px #234d3830;border-radius:16px 16px 0 0}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=safety-game],[data-view=volume-two-game]) #app{padding-bottom:105px!important}body:has(#readingApp>.playbar) #readingApp .dock,body[data-in-lesson=true] #writingApp .stage-nav{position:fixed;bottom:0;left:8px;right:8px;width:auto;z-index:60;box-sizing:border-box;padding:8px 10px max(8px,env(safe-area-inset-bottom));margin:0;background:#fffdf4f5;border-radius:16px 16px 0 0;box-shadow:0 -4px 18px #234d3830;gap:6px}body:has(#readingApp>.playbar) #readingApp>.stage,body[data-in-lesson=true] #writingApp>.lesson-stage{padding-bottom:150px}#readingApp .dock>.subtle{display:none}#readingApp .dock>.primary,#readingApp .dock>.right{width:auto}.play-viewport-content{min-width:0}}@media(min-width:900px)and (min-height:600px)and (min-aspect-ratio:4/3){body[data-view=safety-game] #app{display:flex;flex-direction:column;gap:6px}body[data-view=safety-game] .game-focus-bar{width:100%;margin:0;min-height:40px;flex:0 0 auto}body[data-view=safety-game] .safety-game-layout{flex:1;min-height:0;margin:0}body[data-view=safety-game] .safety-question{display:flex;flex-direction:column;height:100%;min-height:0;padding:16px}body[data-view=safety-game] .safety-companion{max-height:100%;overflow:auto}body[data-view=safety-game] .b2-action-dock{position:relative;flex:0 0 auto;margin:8px 0 0;padding:8px 0;min-height:52px}}body[data-story-mode] .story-page .story-shell .story-playfield{position:relative;isolation:isolate;background-color:#cce5dc;background-image:var(--task-scene);background-position:center;background-size:cover;background-repeat:no-repeat}body[data-story-mode] .story-page .story-shell .story-playfield .case-workspace.story-workspace{background:transparent;min-height:0}body[data-story-mode] .story-page .story-shell .story-playfield .story-guide.companion{background:transparent;align-self:end;padding:10px;gap:4px}body[data-story-mode] .story-page .story-shell .story-guide .b2-speech{background:#fffdf3ed;box-shadow:0 4px 18px #234d3833;border-radius:17px;line-height:1.5}body[data-story-mode] .story-page .story-shell .mission-part:has(.digit-console){background:none;border:0;box-shadow:none;padding:0}body[data-story-mode] .story-page .story-shell .digit-console{width:min(100%,430px);max-width:430px;margin:auto;padding:16px;background:linear-gradient(145deg,#f9fce8ed,#c6e1cbed);border:1px solid #f8fff1;border-radius:24px;box-shadow:0 8px #436d5e,0 16px 30px #234d3833}body[data-story-mode] .story-page .story-shell .digit-console-screen{min-height:78px;font-size:42px;padding:10px;background:#fffef2;border:2px solid #94b394;border-radius:16px;gap:12px;box-shadow:inset 0 2px 5px #567a4b10}body[data-story-mode] .story-page .story-shell .digit-console-screen>span{font-size:17px;font-weight:500}body[data-story-mode] .story-page .story-shell .digit-console-screen>small{font-size:19px}body[data-story-mode] .story-page .story-shell .console-keys{gap:8px;margin-top:12px}body[data-story-mode] .story-page .story-shell .console-keys button{min-height:48px;font-size:25px;border-radius:12px}body[data-story-mode] .story-page .story-shell .story-working-object:has(.digit-console){max-width:620px;margin-left:auto;margin-right:auto;min-height:0}body[data-story-mode] .story-page .story-shell .story-diagram-paper:has(.visual-data-card:only-child){padding:0;background:none;border:0;box-shadow:none}body[data-story-mode] .story-page .story-shell .case-reflection{width:min(100%,760px);max-width:760px;margin:8px auto 0;background:#fffdf0df;border-radius:13px}body[data-story-mode] .story-page .story-shell .story-change{background:#fffdf1e8}body[data-story-mode] .story-page .story-shell .story-guide .mam-ai-panel:not([open]){margin-top:5px;padding:6px 8px;border-radius:17px;background:#fffdf1e8;box-shadow:none}body[data-story-mode=fishing] .story-page .story-shell .story-playfield{background-position:left center}@media(min-width:900px)and (min-height:600px)and (min-aspect-ratio:4/3){body[data-story-mode] .story-page .story-shell .story-playfield{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;flex:1;min-height:0}body[data-story-mode] .story-page .story-shell #scene{display:flex;flex-direction:column;align-self:stretch;min-height:0;height:auto;grid-column:2;grid-row:1}body[data-story-mode] .story-page .story-shell #activity{display:flex;flex:1;min-height:0}body[data-story-mode] .story-page .story-shell .case-workspace.story-workspace{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:100%;width:100%;height:auto;padding:27px 16px 10px;box-sizing:border-box;overflow:visible}body[data-story-mode] .story-page .story-shell .story-working-object,body[data-story-mode] .story-page .story-shell .story-working-object:has(>.game-parts:only-child){flex:0 0 auto;min-height:0;margin-top:0;margin-bottom:0}body[data-story-mode] .story-page .story-shell .story-guide.companion{grid-column:1;grid-row:1;width:140px;max-height:100%;overflow:auto;position:relative;inset:auto;align-self:center}body[data-story-mode] .story-page .story-shell .story-guide .mj-mam{width:95px;height:95px}body[data-story-mode] .story-page .story-shell .story-guide .mam-ai-panel:not([open]) .mam-ai-heading{gap:4px}body[data-story-mode] .story-page .story-shell .story-guide .mam-ai-panel:not([open]) .mam-ai-heading h3{font-size:13px}body[data-story-mode=fishing] .story-page .story-shell .story-playfield{display:block}body[data-story-mode=fishing] .story-page .story-shell #scene,body[data-story-mode=fishing] .story-page .story-shell #activity{height:100%;display:block}body[data-story-mode=fishing] .story-page .story-shell .case-workspace.story-workspace{height:100%;min-height:0;display:block;padding:0;position:relative}body[data-story-mode=fishing] .story-page .story-shell .story-guide.companion{position:absolute;inset:10px 12px auto auto;width:125px;max-width:25%;padding:0;overflow:visible}}@media(max-width:899px){body[data-story-mode] .story-page .story-shell .story-playfield .story-guide.companion{background:#fffdf0b8}body[data-story-mode] .story-page .story-shell .digit-console{width:min(100%,380px);padding:12px;border-radius:20px}body[data-story-mode] .story-page .story-shell .digit-console-screen{font-size:34px;min-height:66px}body[data-story-mode] .story-page .story-shell .digit-console-screen>small{font-size:17px}body[data-story-mode] .story-page .story-shell .story-working-object{max-width:100%}body[data-story-mode=fishing] .story-page .story-shell .case-workspace.story-workspace{background:#63cbd3 url(assets/stories/story-11-02.webp) left top/auto 330px no-repeat}body[data-story-mode=fishing] .story-page .story-shell .story-playfield .story-guide.companion{background:transparent}}body[data-story-mode]:not([data-story-mode=fishing]):not([data-story-mode=none]) .story-page .story-shell .story-playfield{background-color:#cce5dc;background-image:var(--task-scene);background-position:center;background-size:cover;background-repeat:no-repeat}body[data-story-mode=garage][data-view] .story-page .story-working-object:has(>.game-parts:only-child){max-width:100%;width:100%;padding:0;min-height:0}body[data-story-mode=garage] .story-page .objects-truck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px;align-items:stretch}body[data-story-mode=garage] .story-page .objects-truck button{width:100%;max-width:none;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 10px;background:#fffdf1e6;box-sizing:border-box}body[data-story-mode=garage] .story-page .objects-truck img{height:140px;width:100%;object-fit:contain}.story-truck-name{font-size:19px;font-weight:700;color:#315948}.story-truck-caption{font-size:12px;color:#566e5b;line-height:1.5}.story-truck-load{display:block;white-space:nowrap;font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.4;color:#254e43;font-variant-numeric:tabular-nums}@media(max-width:760px){body[data-story-mode=garage] .story-page .objects-truck{grid-template-columns:1fr;gap:10px;padding:8px}body[data-story-mode=garage] .story-page .objects-truck button{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto auto;column-gap:10px;text-align:left;padding:10px}body[data-story-mode=garage] .story-page .objects-truck img{grid-column:1;grid-row:1/4;height:90px}.story-truck-name,.story-truck-caption,.story-truck-load{grid-column:2}.story-truck-name{font-size:16px}.story-truck-load{font-size:20px}}@media(max-width:760px){body[data-story-mode=garage][data-view] .story-page .story-shell .case-workspace.story-workspace{padding:12px 8px;min-height:0}body[data-story-mode=garage][data-view] .story-page .story-working-object:has(>.game-parts:only-child){margin:0!important}}body:is([data-view=islands-map],[data-view=knowledge-map]){--atlas-sky:180px;margin:0;height:100dvh;min-height:0;overflow:hidden;background:#a9dfe7}body:is([data-view=islands-map],[data-view=knowledge-map]) #app{position:fixed;inset:0;max-width:none;width:100%;height:100%;min-height:0;margin:0;padding:0;display:block}body:is([data-view=islands-map],[data-view=knowledge-map])>.topbar{position:fixed;top:0;left:0;right:0;z-index:45;min-height:52px;padding:6px 20px;background:#f8fffff5;border:0;box-shadow:0 1px #d6ecec;gap:12px}body:is([data-view=islands-map],[data-view=knowledge-map]) .top-actions{gap:7px}body:is([data-view=islands-map],[data-view=knowledge-map]) .top-button{padding:7px 10px;min-height:38px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading{position:absolute;z-index:12;left:0;right:0;top:52px;height:calc(var(--atlas-sky) - 52px);box-sizing:border-box;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(115deg,#fffefb 12%,#f4fffe 55%,#d4f4f5);border-bottom:2px solid #ffffffb8;box-shadow:0 7px 18px #1d6b7415}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading h1{font-family:Susu,sans-serif;font-size:clamp(27px,2.5vw,35px);font-weight:700;line-height:1.12;letter-spacing:-.03em;margin:4px 0;color:#27767c;text-shadow:0 2px 0 #fff}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading h1 em{font-style:normal;color:#389a71}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading .portal-kicker{font-size:9px;letter-spacing:.11em;color:#6a9392;line-height:1.2}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading p{font-size:13px;line-height:1.4;color:#597b7a;margin:5px 0 0}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-back{display:inline-block;font-size:11px;padding:4px 8px;margin:0 10px 0 0;color:#347d78;background:#fff9;border-radius:20px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-chat-button{margin:0;min-height:44px;padding:10px 19px;border:2px solid white;border-radius:23px;background:linear-gradient(#67b99c,#37947d);box-shadow:0 4px #287c6a44;color:#fff;font-size:14px;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-map-viewport,.knowledge-map-viewport){position:absolute;inset:var(--atlas-sky) 0 0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:#83d0df;container-type:normal;display:block;margin:0}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.atlas-world-scene,.atlas-grade-scene){position:relative;inset:auto;width:100%;height:100%;min-width:0;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;overflow:hidden;isolation:isolate}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;border-radius:0}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-sea{pointer-events:none}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav{position:absolute;z-index:20;left:16px;top:calc(var(--atlas-sky) + 16px);width:144px;max-height:calc(100dvh - var(--atlas-sky) - 220px);overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:0;padding:7px;box-sizing:border-box;border:2px solid #fff;border-radius:21px;background:#fffdf3e8;box-shadow:0 8px 20px #245f5a2b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav button{white-space:normal;min-height:34px;text-align:left;padding:6px 8px;font-size:11px;border-radius:12px;border:0;background:transparent;color:#467b71;font-weight:700;box-shadow:none;flex-shrink:0}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav button:hover{background:#d9efe5}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign){position:absolute;left:clamp(110px,calc((var(--x) - 50%)*var(--map-scale-x,1) + 50%),calc(100% - 110px));top:clamp(48px,calc((var(--y) - 50%)*var(--map-scale-y,1) + 50%),calc(100% - 175px));translate:none;transform:translate(-50%,-50%);min-width:132px;max-width:220px;width:max-content;padding:7px 12px 6px 18px;min-height:45px;border:2px solid #fff;border-radius:999px;background:linear-gradient(160deg,color-mix(in srgb,var(--sign-accent) 82%,white),var(--sign-accent));box-shadow:0 2px color-mix(in srgb,var(--sign-accent) 70%,#465f55),0 5px 12px #1f5d6b30;color:#fff;text-align:center;cursor:pointer;z-index:4;transition:filter .15s,box-shadow .15s;box-sizing:border-box}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign):before{content:"";position:absolute;left:-11px;top:calc(50% - 13px);width:20px;height:25px;border:2px solid white;border-radius:60% 60% 60% 4px;background:radial-gradient(circle at 50% 43%,white 0 3.5px,transparent 4px),var(--sign-accent);transform:rotate(-45deg);box-shadow:-2px 3px 4px #24596925}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign):after{display:none}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign)>b{font-family:Susu,sans-serif;font-weight:700;font-size:clamp(14px,1.2vw,17px);letter-spacing:0;line-height:1.2;color:#fff;text-shadow:0 2px 1px #365b4c35}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign)>span{font-family:Susu,sans-serif;font-size:9px;color:#fff;line-height:1.25;margin-top:2px;display:block;opacity:.97}body:is([data-view=islands-map],[data-view=knowledge-map]) .grade-island-sign>small{font-size:8px;color:#fff;line-height:1.2;margin-top:2px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign):hover{filter:brightness(1.06);box-shadow:0 2px color-mix(in srgb,var(--sign-accent) 70%,#465f55),0 7px 16px #195b7250;transform:translate(-50%,-50%)}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign):focus-visible{outline:3px solid #fff19b;outline-offset:5px}body[data-view=islands-map] [data-world-destination=mien-tri-thuc]{--sign-accent:#ed7fa4!important}body[data-view=islands-map] [data-world-destination=an-toan]{--sign-accent:#e9a23f!important}body[data-view=islands-map] [data-world-destination=dao-nha]{--sign-accent:#63ac82!important;--y:76%!important}body[data-view=islands-map] [data-world-destination=ban-be]{--sign-accent:#a58ac9!important;--y:76%!important}body[data-view=knowledge-map] [data-grade-island="1"]{--sign-accent:#e78aa5!important}body[data-view=knowledge-map] [data-grade-island="2"]{--sign-accent:#e6a13c!important}body[data-view=knowledge-map] [data-grade-island="3"]{--sign-accent:#63a98d!important}body[data-view=knowledge-map] [data-grade-island="4"]{--sign-accent:#a487c8!important}body[data-view=knowledge-map] [data-grade-island="5"]{--sign-accent:#5aa8c5!important}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide{position:absolute;z-index:10;inset:50% auto auto 50%;translate:none;transform:translate(-50%,-50%);width:105px;display:flex;align-items:center;flex-direction:column}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide>.mam-avatar{width:105px;height:105px}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide>button{min-height:40px;padding:6px 9px;border:2px solid white;border-radius:18px;background:#fffdf3ef;color:#357c6c;font-size:11px;box-shadow:0 4px 12px #225c5e30;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note,body:is([data-view=islands-map],[data-view=knowledge-map]) .knowledge-footnote{position:absolute;right:16px;bottom:34px;z-index:20;width:auto;max-width:min(430px,43vw);padding:8px 12px;display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;background:#fafff5ed;border:2px solid white;border-radius:20px;box-shadow:0 7px 21px #225a6130;margin:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>span{font-size:12px;font-weight:700;color:#528474}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>p{font-size:10px;line-height:1.4;margin:0;max-width:215px;flex:0 1 215px;order:0}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note button,body:is([data-view=islands-map],[data-view=knowledge-map]) .knowledge-footnote button{min-height:40px;padding:7px 12px;border-radius:16px;font-size:12px;white-space:nowrap;background:#e4f5e9;border:1px solid #c0dfcc;color:#32765f}body:is([data-view=islands-map],[data-view=knowledge-map]) .knowledge-footnote{font-size:11px;line-height:1.35}body:is([data-view=islands-map],[data-view=knowledge-map]) .portal-scope{position:absolute;bottom:80px;left:140px;right:16px;z-index:10;max-width:45%;margin:0;padding:5px 9px;border-radius:12px;font-size:9px;color:#275b65;background:#eafafbd9;line-height:1.3}body:is([data-view=islands-map],[data-view=knowledge-map])>.global-audio-bar{position:fixed;z-index:35;bottom:34px;left:16px;max-width:48vw;margin:0;padding:6px 9px;min-height:38px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;border:2px solid #fff;border-radius:17px;background:#f5ffffed;box-shadow:0 5px 15px #26616b28}body:is([data-view=islands-map],[data-view=knowledge-map])>.global-audio-bar button{min-height:30px;padding:5px 8px;font-size:10px}body:is([data-view=islands-map],[data-view=knowledge-map]) #globalAudioStatus{font-size:9px;line-height:1.2;max-width:230px}body:is([data-view=islands-map],[data-view=knowledge-map])>.footer{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;min-height:22px;padding:3px 16px;box-sizing:border-box;margin:0;font-size:9px;line-height:1.35;background:#f7ffffe8;color:#527b79;gap:12px;align-items:center;justify-content:space-between}body:is([data-view=islands-map],[data-view=knowledge-map]) #app>.map-pan-hint{position:absolute;z-index:10;bottom:11px;left:16px;margin:0;padding:4px 8px;color:#285c66;background:#f2ffffde;font-size:9px;line-height:1.2;border-radius:9px;display:block}body[data-view=islands-map] #app>.map-pan-hint{bottom:90px;left:130px;max-width:220px}@media(max-width:899px){body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-map-viewport,.knowledge-map-viewport){overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.atlas-world-scene,.atlas-grade-scene){min-width:740px}body:is([data-view=islands-map],[data-view=knowledge-map]){--atlas-sky:178px}body:is([data-view=islands-map],[data-view=knowledge-map])>.topbar{padding:5px 10px;gap:6px;min-height:52px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading{padding:10px 14px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading h1{font-size:29px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading p{font-size:11px;max-width:330px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-chat-button{font-size:11px;padding:8px 12px}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav{top:calc(var(--atlas-sky) + 8px);left:8px;right:8px;width:auto;flex-direction:row;max-height:56px;overflow-x:auto;overflow-y:hidden;padding:5px;gap:4px;border-radius:15px}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav button{font-size:11px;padding:6px 9px;min-height:36px;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign){min-width:118px;max-width:165px;padding:6px 9px 5px 15px;min-height:43px;border-width:2px;left:clamp(83px,calc((var(--x) - 50%)*var(--map-scale-x,1) + 50%),calc(100% - 83px));top:clamp(88px,calc((var(--y) - 50%)*var(--map-scale-y,1) + 50%),calc(100% - 175px))}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign)>b{font-size:14px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign)>span{font-size:9px}body:is([data-view=islands-map],[data-view=knowledge-map]) .grade-island-sign>small{font-size:8px}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide{left:50%;top:50%;bottom:auto;width:84px}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide>.mam-avatar{width:84px;height:84px}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide>button{font-size:10px;min-height:36px;padding:4px 7px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note,body:is([data-view=islands-map],[data-view=knowledge-map]) .knowledge-footnote{right:8px;bottom:54px;max-width:calc(100vw - 100px);padding:7px 10px;gap:4px 8px;border-radius:16px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>p{max-width:240px;font-size:10px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note button,body:is([data-view=islands-map],[data-view=knowledge-map]) .knowledge-footnote button{min-height:36px;font-size:11px;padding:6px 9px}body:is([data-view=islands-map],[data-view=knowledge-map])>.global-audio-bar{left:8px;right:8px;bottom:25px;max-width:none;padding:3px 7px;border-width:1px;min-height:26px;gap:3px;border-radius:12px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map])>.global-audio-bar button{font-size:9px;min-height:25px;padding:3px 6px;flex-shrink:0}body:is([data-view=islands-map],[data-view=knowledge-map]) #globalAudioStatus{font-size:8px;max-width:none}body:is([data-view=islands-map],[data-view=knowledge-map])>.footer{font-size:8px;padding:3px 8px;gap:5px;min-height:22px}body:is([data-view=islands-map],[data-view=knowledge-map]) .portal-scope{bottom:10px;left:8px;right:8px;max-width:none;font-size:8px;padding:3px 6px}body:is([data-view=islands-map],[data-view=knowledge-map]) #app>.map-pan-hint{bottom:calc(100% - var(--atlas-sky) - 78px);left:12px;max-width:none;font-size:9px}}@media(prefers-reduced-motion:reduce){body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign){transition:none}}@media(min-width:900px){body:is([data-view=islands-map],[data-view=knowledge-map]) #app>.map-pan-hint{display:none}}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign,.world-map-guide){translate:none}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide{pointer-events:none;text-align:center}body:is([data-view=islands-map],[data-view=knowledge-map]) .world-map-guide>button{pointer-events:auto}body:is([data-view=islands-map],[data-view=knowledge-map]) #islandVoiceStatus:not(:empty){background:#fffdf1ed;border-radius:12px;padding:5px 7px;font-size:10px;line-height:1.4;max-width:180px}body:is([data-view=islands-map],[data-view=knowledge-map]) .account-badge{top:64px;right:20px;bottom:auto;min-height:30px;max-width:240px;padding:4px 10px;font-size:11px;box-shadow:0 2px 8px #275e5a18;z-index:46}body:is([data-view=islands-map],[data-view=knowledge-map]) .account-badge small{font-size:10px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading>.atlas-chat-button{align-self:flex-end;margin-bottom:6px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;max-width:min(430px,43vw);box-sizing:border-box}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>span{grid-column:1;white-space:normal;font-size:11px;line-height:1.35}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>p{grid-column:1;grid-row:2;max-width:none;min-width:0;width:auto;font-size:10px;line-height:1.35}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>button{grid-column:2;grid-row:1/3;margin:0;min-height:40px;font-size:12px}body:is([data-view=islands-map],[data-view=knowledge-map]) .portal-scope{left:16px;max-width:48%;bottom:82px;font-size:9px;background:#f0ffffcf}@media(max-width:899px){body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav{width:auto;max-height:54px;flex-direction:row;padding:5px}body:is([data-view=islands-map],[data-view=knowledge-map]) .account-badge{top:57px;right:10px;max-width:180px;font-size:10px;padding:4px 8px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note{max-width:calc(100vw - 16px);bottom:58px;right:8px;left:auto;gap:2px 8px;padding:7px 9px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>button{font-size:11px;min-height:36px}body:is([data-view=islands-map],[data-view=knowledge-map]) .portal-scope{bottom:105px;left:8px;max-width:calc(100% - 16px);font-size:8px}}body:is([data-view=islands-map],[data-view=knowledge-map]){--atlas-sky:160px;background:#83cddd}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav{top:var(--atlas-sky);left:0;right:0;width:auto;max-height:52px;min-height:48px;flex-direction:row;justify-content:center;overflow-x:auto;overflow-y:hidden;gap:5px;padding:5px 12px;border:0;border-radius:0;background:#ecfaf8;box-shadow:none}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav button{white-space:nowrap;min-height:36px;padding:6px 12px;font-size:12px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-map-viewport,.knowledge-map-viewport){inset:calc(var(--atlas-sky) + 48px) 0 104px;display:flex;align-items:center;justify-content:center;background:#83cddd}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.atlas-world-scene,.atlas-grade-scene){flex:none;width:min(100%,calc((100dvh - var(--atlas-sky) - 152px)*1.776833));height:auto;min-width:0;aspect-ratio:1672/941;overflow:hidden}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-world-art{object-fit:contain}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign){left:var(--x);top:var(--y);min-width:0;max-width:190px;min-height:40px;padding:7px 13px;border:1.5px solid #fff;border-radius:13px;box-shadow:0 2px 6px #174b5c26;transform:translate(-50%,-50%)}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign):before{display:none}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign)>b{font-size:14px;line-height:1.2;white-space:nowrap;text-shadow:none}body[data-view=islands-map] .world-destination-sign>span,body[data-view=knowledge-map] .grade-island-sign>small{display:none}body[data-view=knowledge-map] .grade-island-sign>span{font-size:10px;line-height:1.1}body[data-view=islands-map] [data-world-destination=mien-tri-thuc]{--x:28%!important;--y:45%!important}body[data-view=islands-map] [data-world-destination=an-toan]{--x:76%!important;--y:45%!important}body[data-view=islands-map] [data-world-destination=dao-nha]{--x:26%!important;--y:86%!important}body[data-view=islands-map] [data-world-destination=ban-be]{--x:75%!important;--y:85%!important}body[data-view=knowledge-map] [data-grade-island="1"]{--x:22%!important;--y:39%!important}body[data-view=knowledge-map] [data-grade-island="2"]{--x:74%!important;--y:39%!important}body[data-view=knowledge-map] [data-grade-island="3"]{--x:50%!important;--y:66%!important}body[data-view=knowledge-map] [data-grade-island="4"]{--x:20%!important;--y:95%!important}body[data-view=knowledge-map] [data-grade-island="5"]{--x:80%!important;--y:95%!important}body[data-view=islands-map] .world-map-guide{top:52%;width:90px}body[data-view=islands-map] .world-map-guide>.mam-avatar{width:90px;height:90px}body:is([data-view=islands-map],[data-view=knowledge-map]) .portal-scope{left:16px;bottom:70px;max-width:44%;font-size:9px;padding:0;background:transparent}@media(max-width:899px){body:is([data-view=islands-map],[data-view=knowledge-map]){--atlas-sky:178px}body:is([data-view=islands-map],[data-view=knowledge-map]) .island-nav{justify-content:flex-start;padding:5px 8px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-map-viewport,.knowledge-map-viewport){justify-content:flex-start;overflow-x:auto;overflow-y:hidden;bottom:132px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.atlas-world-scene,.atlas-grade-scene){width:max(740px,calc((100dvh - var(--atlas-sky) - 180px)*1.776833));min-width:740px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign){padding:5px 9px;min-height:40px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign)>b{font-size:12px}body:is([data-view=islands-map],[data-view=knowledge-map]) .portal-scope{bottom:105px;left:8px;max-width:calc(100% - 16px);font-size:8px}body:is([data-view=islands-map],[data-view=knowledge-map]) #app>.map-pan-hint{bottom:122px;top:auto;left:8px;font-size:9px}}@media(max-width:899px){body:is([data-view=islands-map],[data-view=knowledge-map])>.topbar{height:64px;min-height:64px;box-sizing:border-box;flex-wrap:nowrap!important;padding:6px 8px;gap:4px}body:is([data-view=islands-map],[data-view=knowledge-map]) .wordmark{flex:1;min-width:0;gap:5px;padding:0}body:is([data-view=islands-map],[data-view=knowledge-map]) .wordmark>b{font-size:12px}body:is([data-view=islands-map],[data-view=knowledge-map]) .wordmark small{font-size:8px}body:is([data-view=islands-map],[data-view=knowledge-map]) .top-actions{flex:none;flex-wrap:nowrap;gap:3px}body:is([data-view=islands-map],[data-view=knowledge-map]) .top-actions .top-button{min-width:32px;min-height:40px;padding:5px;font-size:14px}body:is([data-view=islands-map],[data-view=knowledge-map]) .top-actions .top-button span{display:none}body:is([data-view=islands-map],[data-view=knowledge-map]) .top-passport{font-size:10px;padding:5px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading{top:64px;height:114px;padding:12px;align-items:flex-end}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading .portal-kicker{max-width:190px;font-size:8px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading h1{font-size:25px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-page-heading p{font-size:11px;max-width:calc(100vw - 112px)}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-chat-button{position:absolute;right:10px;bottom:12px;margin:0!important;min-height:40px}body:is([data-view=islands-map],[data-view=knowledge-map]) .account-badge{top:68px;right:8px;min-height:22px;max-width:125px;box-sizing:border-box;overflow:hidden;font-size:9px;padding:3px 6px;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map]) .account-badge small{font-size:8px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-map-viewport,.knowledge-map-viewport){inset:226px 0 154px;align-items:center;justify-content:center;overflow:hidden}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.atlas-world-scene,.atlas-grade-scene){width:min(100%,calc((100dvh - 380px)*1.776833));min-width:0;aspect-ratio:1672/941;height:auto}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign){min-height:36px;padding:5px 7px;border-radius:10px;max-width:145px}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign)>b{font-size:11px}body[data-view=knowledge-map] .grade-island-sign>span{font-size:8px}body[data-view=knowledge-map] [data-grade-island="4"],body[data-view=knowledge-map] [data-grade-island="5"]{--y:91%!important}body[data-view=islands-map] .world-map-guide{width:50px;top:56%}body[data-view=islands-map] .world-map-guide>.mam-avatar{width:50px;height:50px}body[data-view=islands-map] .world-map-guide>button{min-height:34px;font-size:9px;padding:3px 5px}body:is([data-view=islands-map],[data-view=knowledge-map]) .portal-scope{bottom:117px;left:10px;right:10px;max-width:none;font-size:8px;line-height:1.35;max-height:28px;overflow:auto}body:is([data-view=islands-map],[data-view=knowledge-map]) #app>.map-pan-hint{display:none}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note{bottom:64px;left:8px;right:8px;max-width:none;min-height:44px;padding:6px 8px}body:is([data-view=islands-map],[data-view=knowledge-map]) .atlas-return-note>p{font-size:9px}body:is([data-view=islands-map],[data-view=knowledge-map]) .knowledge-footnote{bottom:68px;left:8px;right:8px;max-width:none;display:flex;flex-wrap:nowrap;font-size:10px;padding:6px 8px}body:is([data-view=islands-map],[data-view=knowledge-map]) .knowledge-footnote button{white-space:normal;min-height:40px;font-size:10px}body:is([data-view=islands-map],[data-view=knowledge-map])>.global-audio-bar{bottom:27px;left:8px;right:8px;overflow:hidden;min-height:30px;box-sizing:border-box}body:is([data-view=islands-map],[data-view=knowledge-map]) #globalAudioStatus{display:none}body:is([data-view=islands-map],[data-view=knowledge-map])>.footer{height:24px;overflow:hidden;font-size:7px}}@media(max-width:899px){body:is([data-view=islands-map],[data-view=knowledge-map]) .top-actions .top-button span{display:none!important}body:is([data-view=islands-map],[data-view=knowledge-map]) .wordmark b{font-size:11px!important;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map]) .wordmark small{white-space:normal;font-size:7px!important}}@media(min-width:900px){body[data-view=knowledge-map] .knowledge-footnote{bottom:26px;padding:6px 10px;font-size:10px;gap:3px 8px}body[data-view=knowledge-map] .knowledge-footnote button{min-height:32px;padding:5px 9px;font-size:11px}body[data-view=knowledge-map] [data-grade-island="4"],body[data-view=knowledge-map] [data-grade-island="5"]{--y:93%!important}}body[data-story-mode=train][data-view] .story-page .story-shell .story-playfield{background-color:#cce5dc;background-image:var(--task-scene);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:auto}body[data-story-mode=train][data-view] .story-page .story-shell .story-playfield .case-workspace.story-workspace{background:transparent;justify-content:flex-start;min-height:0;height:auto;overflow:visible;padding:24px 14px 10px}body[data-story-mode=train][data-view] .story-page .story-working-object:has(>.game-parts:only-child){width:100%;max-width:none;min-height:0;padding:0;margin:0;flex-shrink:0}body[data-story-mode=train][data-view] .story-page .game-parts{width:100%;min-width:0}body[data-story-mode=train] .story-train{width:100%}body[data-story-mode=train] .story-track-scroll{flex-shrink:0;box-sizing:border-box;padding-top:8px;min-height:140px}body[data-story-mode=train] .story-wagon-bank{min-height:0;height:auto;max-width:none;background:#fff9e1c9;padding:8px 10px!important;margin-top:8px!important}body[data-story-mode=train] .story-wagon-bank>div{min-height:0;height:auto;flex-wrap:wrap;padding-top:8px}body[data-story-mode=train] .story-wagon-bank:not(:has(button:not(:disabled))){display:none}body[data-story-mode=train] .story-page .story-train-tools{margin:6px 0}@media(max-width:760px){body[data-story-mode=train][data-view] .story-page .story-shell .story-playfield{background-position:center top}body[data-story-mode=train][data-view] .story-page .story-shell .story-playfield .case-workspace.story-workspace{padding:12px 8px}body[data-story-mode=train] .story-wagon-bank>div{gap:4px}body[data-story-mode=train] .story-page .story-wagon{width:130px;height:100px;min-height:100px}}body[data-story-mode] .story-page .story-shell .digit-console .console-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body[data-story-mode] .story-page .story-shell .digit-console .console-keys button{display:grid;place-items:center;min-width:0;min-height:44px;height:44px;box-sizing:border-box;padding:4px;font-size:23px;line-height:1}body[data-story-mode] .story-page .story-shell .digit-console .console-keys button[data-key=del]{font-size:20px}body[data-story-mode] .story-page .story-shell>.b2-number-grid{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]){--home-top:60px;--home-nav:64px;height:100dvh;min-height:0;overflow:hidden;background:#38b8dd;font-family:Susu,sans-serif}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #app{position:fixed;inset:0;width:100%;height:100%;max-width:none;margin:0;padding:0;isolation:isolate}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-home-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-viewport{position:absolute;inset:0;display:block;border:0;border-radius:0;background:#38b8dd;overflow:hidden}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-scene{position:relative;inset:0;width:100%;height:100%;max-width:none;min-width:0;aspect-ratio:auto;overflow:hidden;isolation:isolate}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;pointer-events:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-sea{position:absolute;inset:0;opacity:.22;pointer-events:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])>.topbar{position:fixed;inset:0 0 auto;z-index:45;height:60px;min-height:60px;display:flex;align-items:center;gap:12px;padding:7px 74px 7px 24px;background:linear-gradient(110deg,#f6fffcf5,#dcf6ffed);border:0;box-shadow:0 2px #ffffffa0,0 5px 22px #188eac18;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark{padding:0;gap:9px;flex:none;min-width:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark>span{width:36px;height:36px;min-width:36px;background:none;border:0;font-size:0;box-shadow:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark>span:after{content:"🌱";font-size:31px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark b{font-family:Susu,sans-serif;font-size:20px!important;letter-spacing:.01em;color:#147d93;text-shadow:0 2px white}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark small,body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .lesson-label{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-actions{display:flex;flex-wrap:nowrap;align-items:center;margin-left:auto;gap:8px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-button{display:flex;align-items:center;gap:5px;min-height:42px;padding:8px 13px;border:2px solid #fff;border-radius:24px;background:linear-gradient(#fff,#e9faff);color:#246784;box-shadow:0 3px #75bed12b;font-size:13px;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-button span{display:inline!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-passport{font-family:Susu,sans-serif;background:#f6fcff;border:2px solid white;border-radius:24px;padding:10px 14px;color:#30669b;font-size:13px;white-space:nowrap;box-shadow:0 3px #75bed12b}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .account-badge{position:fixed;top:8px;right:18px;bottom:auto;z-index:50;width:44px;height:44px;min-height:44px;max-width:44px;padding:0;overflow:hidden;display:grid;place-items:center;font-size:0;background:linear-gradient(#5cc08f,#2b8a66);border:3px solid #fff;border-radius:50%;box-shadow:0 3px #1f6e5240,0 4px 12px #1d5a4540}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .account-badge:after{content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;font-family:Susu,sans-serif;font-size:20px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 1px #1d5a4560}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .account-badge b,body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .account-badge small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav{position:absolute;top:75px;left:50%;right:auto;z-index:30;transform:translate(-50%);width:max-content;max-width:calc(100% - 300px);min-height:48px;max-height:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;padding:4px 7px;border:2px solid #eaffff;border-radius:40px;background:linear-gradient(120deg,#e9fffaef,#c9ecffe8);box-shadow:0 5px 16px #087ba534;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;margin:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav button{border:0;border-radius:30px;background:transparent;min-height:40px;padding:6px 13px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-family:Susu,sans-serif;font-size:12px;font-weight:700;color:#225a70;box-shadow:none;text-align:center;flex:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route=""]{background:#f5fff8;border:1px solid #fff;box-shadow:0 1px 6px #4dbb9c55;color:#296b5a}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route]:before{font-size:23px;line-height:1}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route=""]:before{content:"🗺️"}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route=dao-nha]:before{content:"🏠"}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route=cho-la]:before{content:"🌱"}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route=ban-be]:before{content:"👥"}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route=mien-tri-thuc]:before{content:"🎓"}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-voice]{position:absolute;left:calc(100% + 14px);top:3px;width:44px;min-height:44px;padding:0;justify-content:center;overflow:hidden;font-size:0;border:2px solid white;border-radius:50%;background:#e7faff}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-voice]:before{content:"🔊";font-size:22px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-voice][aria-pressed=false]:before{content:"🔇"}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav>b{position:absolute;left:calc(100% + 67px);top:3px;margin:0;height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;border:2px solid white;border-radius:25px;background:#e7faff;color:#205b7d;font-size:15px;box-shadow:0 3px #58acc128}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign{position:absolute;left:clamp(95px,calc((var(--x) - 50%)*var(--map-scale-x,1) + 50%),calc(100% - 95px));top:clamp(145px,calc((var(--y) - 50%)*var(--map-scale-y,1) + 50%),calc(100% - 60px));transform:translate(-50%,-50%);translate:none;width:max-content;min-width:180px;max-width:250px;min-height:46px;padding:9px 19px;border:3px solid #fffbe8;border-radius:32px;background:linear-gradient(color-mix(in srgb,var(--sign-accent) 65%,white),var(--sign-accent));box-shadow:0 3px color-mix(in srgb,var(--sign-accent) 75%,#855b36),0 0 13px #faffb877;z-index:5;box-sizing:border-box}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign:before,body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign:after{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign>b{font-family:Susu,sans-serif;font-size:clamp(15px,1.5vw,21px);font-weight:700;line-height:1.2;white-space:nowrap;text-shadow:0 2px 1px #594b3330;color:#fff}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign>span{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=mien-tri-thuc]{--x:28%!important;--y:59%!important;--sign-accent:#f18b78!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=an-toan]{--x:75%!important;--y:59%!important;--sign-accent:#eeb82e!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=dao-nha]{--x:27%!important;--y:91%!important;--sign-accent:#6ab13d!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=ban-be]{--x:73%!important;--y:91%!important;--sign-accent:#a47ed0!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide{position:absolute;inset:65% auto auto 50%;transform:translate(-50%,-50%);width:180px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide>.mam-avatar{width:160px;height:160px;filter:drop-shadow(0 5px 6px #0d658b22)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-greeting{position:relative;max-width:175px;padding:9px 14px;margin:0;border:2px solid white;border-radius:24px;background:#fffeebf5;box-shadow:0 3px 8px #126c8b20;font-family:Susu,sans-serif;font-size:13px;font-weight:700;line-height:1.35;color:#226b81;text-align:center}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions{display:flex;align-items:center;justify-content:center;gap:6px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions button{min-height:38px;padding:6px 15px;border:2px solid #fff8d9;border-radius:24px;background:linear-gradient(#7ccf51,#45a62b);box-shadow:0 3px #3f8d3e55;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;margin:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions #atlasNarrate{width:38px;padding:0;font-size:20px;background:#f6fff3;color:#378269;border-color:#fff}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #islandVoiceStatus:empty{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #islandVoiceStatus:not(:empty){position:absolute;top:100%;padding:6px 9px;background:#fffffff2;border-radius:12px;color:#326c76;font-size:10px;line-height:1.4;text-align:center;width:210px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-return-note{position:absolute;left:auto;right:15px;bottom:12px;max-width:none;width:auto;min-height:0;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:20}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-return-note>span,body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-return-note>p{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-return-note>button{min-height:38px;padding:6px 13px;font-size:11px;background:#f6fff5ed;border:2px solid white;border-radius:22px;box-shadow:0 3px 7px #12596b22;color:#286e65}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .portal-scope,body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #app>.map-pan-hint,body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])>.footer{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])>.global-audio-bar{position:fixed;bottom:12px;left:15px;right:auto;z-index:35;display:flex;flex-wrap:nowrap;gap:8px;max-width:none;min-height:0;margin:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .global-audio-bar button{width:42px;height:42px;min-height:42px;overflow:hidden;font-size:0;padding:0;display:grid;place-items:center;border:2px solid #efffff;border-radius:50%;background:#59b9dfb8;color:#fff;box-shadow:0 3px 6px #0b729a30}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #globalSound:before{content:"🔊";font-size:20px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #globalSound[aria-pressed=false]:before{content:"🔇"}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #globalTestSound:before{content:"♫";font-size:24px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #globalAudioStatus{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) button:focus-visible{outline:3px solid #fff1a0;outline-offset:4px}@media(min-width:900px)and (max-width:1150px){body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark b{font-size:17px!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav{left:calc(50% - 70px);max-width:calc(100% - 190px)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav button{padding:6px 10px;font-size:11px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route]:before{font-size:20px}}@media(max-width:899px){body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])>.topbar{height:56px;min-height:56px;padding:5px 52px 5px 10px;gap:4px;flex-wrap:nowrap!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark{flex:1;gap:4px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark{min-width:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark>span{width:24px;height:28px;min-width:24px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark>span:after{font-size:23px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .wordmark b{font-size:clamp(11px,2.7vw,16px)!important;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-actions{gap:3px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-button{width:32px;height:40px;min-height:40px;padding:4px;justify-content:center;font-size:14px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-button span{display:none!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .top-passport{font-size:9px;padding:6px 5px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .account-badge{top:9px;right:8px;width:36px;max-width:36px;height:36px;min-height:36px;font-size:0;padding:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .account-badge:after{font-size:17px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav{top:68px;left:10px;right:10px;transform:none;width:auto;max-width:none;justify-content:flex-start;gap:3px;padding:4px 5px;min-height:46px;border-radius:26px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav button{padding:6px 9px;font-size:10px;min-height:36px;gap:5px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route]:before{font-size:17px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-voice],body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav>b{position:static;min-width:40px;height:36px;min-height:36px;flex:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav>b{font-size:12px;padding:0 9px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-viewport{inset:0;display:flex;align-items:center;justify-content:center;padding-top:125px;padding-bottom:80px;background:#21b5dd url(/assets/islands/world-home-wide-v2.webp) center top / auto 700% no-repeat;overflow:hidden}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-scene{width:100%;height:auto;min-width:0;aspect-ratio:16/9;overflow:visible;flex:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-art{object-fit:contain;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign{min-width:0;max-width:47%;min-height:44px;padding:7px 8px;border-width:2px;top:var(--y);left:var(--x);border-radius:22px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign>b{font-size:clamp(10px,2.6vw,14px);white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=mien-tri-thuc],body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=an-toan]{--y:52%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=dao-nha],body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=ban-be]{--y:96%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide{top:66%;width:80px;gap:2px;transform:translate(-50%,-50%)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide>.mam-avatar{width:74px;height:74px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-greeting{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions{gap:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions button{min-height:34px;padding:4px 7px;font-size:9px;border-width:1.5px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions #atlasNarrate{display:none}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-return-note{right:10px;left:auto;bottom:14px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-return-note>button{min-height:42px;font-size:10px;padding:7px 11px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])>.global-audio-bar{bottom:14px;left:10px;gap:5px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .global-audio-bar button{width:38px;height:42px;min-height:42px}}@media(max-width:899px)and (orientation:landscape){body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-viewport{padding:0;display:block}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-scene{width:100%;height:100%;aspect-ratio:auto}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-art{object-fit:cover}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav{top:61px;left:5%;right:5%;min-height:40px;padding:2px 5px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign{left:calc((var(--x) - 50%)*var(--map-scale-x,1) + 50%);top:var(--y);min-height:36px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=mien-tri-thuc],body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=an-toan]{--y:59%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=dao-nha],body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=ban-be]{--y:88%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide{top:64%;width:85px}}@media(prefers-reduced-motion:reduce){body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-sea{animation:none}}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide>.mam-avatar{flex-shrink:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions button{position:static;right:auto;bottom:auto}@media(max-width:899px)and (orientation:portrait){body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-viewport{display:block;inset:0;padding:0;background:#2eb5da}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-scene{width:100%;height:100%;aspect-ratio:auto;overflow:hidden}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-art{object-fit:cover;object-position:center}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign{left:clamp(65px,calc((var(--x) - 50%)*var(--map-scale-x,1) + 50%),calc(100% - 65px));top:var(--y);max-width:45%;min-height:44px;padding:7px 10px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign>b{font-size:clamp(11px,3vw,14px)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=mien-tri-thuc]{--x:25%!important;--y:51%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=an-toan]{--x:75%!important;--y:51%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=dao-nha]{--x:25%!important;--y:87%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) [data-world-destination=ban-be]{--x:75%!important;--y:87%!important}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide{top:60%;width:112px;gap:3px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-guide>.mam-avatar{width:100px;height:100px;flex-shrink:0}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions button{min-height:40px;padding:6px 14px;font-size:11px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) #islandVoiceStatus:not(:empty){width:180px;font-size:9px;z-index:10}}@media(max-width:899px)and (orientation:portrait){body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-scene{top:40px;height:calc(100% - 40px)}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav{top:64px;min-height:56px;padding:3px 5px;gap:2px;overflow:visible;align-items:stretch}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route]{display:flex;flex:1;min-width:0;min-height:46px;padding:4px 1px;flex-direction:column;justify-content:center;gap:3px;font-size:8px;white-space:nowrap}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route]:before{font-size:19px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-voice]{position:absolute;top:calc(100% + 8px);left:auto;right:70px;min-height:40px;height:40px;width:40px}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .island-nav>b{position:absolute;top:calc(100% + 8px);left:auto;right:0;min-height:40px;height:40px;font-size:12px;padding:0 12px}}body:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-guide-actions{pointer-events:auto}@media(min-width:900px)and (max-aspect-ratio:3/2){body:is([data-view=islands-map],[data-view=islands-home],[data-view=islands-shop]) .world-map-viewport{display:flex;align-items:center;justify-content:center;background:linear-gradient(#0e9ced,#0b8fe2 50%,#0278d1)}body:is([data-view=islands-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-scene{width:112%;height:auto;aspect-ratio:16/9;overflow:visible;flex:none}body:is([data-view=islands-map],[data-view=islands-home],[data-view=islands-shop]) .atlas-world-art{object-fit:contain;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}body:is([data-view=islands-map],[data-view=islands-home],[data-view=islands-shop]) .world-destination-sign{top:var(--y);left:clamp(95px,var(--x),calc(100% - 95px))}}body[data-view=knowledge-map] .knowledge-map-viewport{position:absolute;inset:0;display:block;overflow:hidden;background:#1696b8;border:0;border-radius:0;margin:0;padding:0}body[data-view=knowledge-map] .atlas-grade-scene{position:relative;inset:0;display:block;width:100%;height:100%;min-width:0;max-width:none;aspect-ratio:auto;border:0;border-radius:0;overflow:hidden}body[data-view=knowledge-map] .atlas-world-art{object-fit:cover;object-position:center}body[data-view=knowledge-map] .island-nav [data-island-route=""]{background:transparent;box-shadow:none;border:1px solid transparent}body[data-view=knowledge-map] .island-nav [data-island-route=mien-tri-thuc]{background:#f5fff8;border:1px solid white;box-shadow:0 1px 6px #4dbb9c55;color:#296b5a}body[data-view=knowledge-map] .grade-island-sign{position:absolute;left:clamp(100px,calc((var(--x) - 50%)*var(--map-scale-x,1) + 50%),calc(100% - 100px));top:clamp(155px,calc((var(--y) - 50%)*var(--map-scale-y,1) + 50%),calc(100% - 64px));transform:translate(-50%,-50%);translate:none;min-width:150px;max-width:205px;width:max-content;min-height:54px;padding:7px 18px;border:3px solid #fffde8;border-radius:26px;background:linear-gradient(color-mix(in srgb,var(--sign-accent) 68%,white),var(--sign-accent));box-shadow:0 3px color-mix(in srgb,var(--sign-accent) 70%,#5d5943),0 0 13px #faffc366;z-index:5;box-sizing:border-box;cursor:pointer;text-align:center}body[data-view=knowledge-map] .grade-island-sign:before,body[data-view=knowledge-map] .grade-island-sign:after{display:none}body[data-view=knowledge-map] .grade-island-sign>b{display:block;font-family:Susu,sans-serif;font-size:20px;font-weight:700;line-height:1.15;color:#fff;white-space:nowrap;text-shadow:0 1px 2px #516a5740;letter-spacing:0}body[data-view=knowledge-map] .grade-island-sign>span{display:block;font-family:Susu,sans-serif;font-size:11px;line-height:1.35;color:#fff;white-space:nowrap;letter-spacing:0;margin-top:3px}body[data-view=knowledge-map] .grade-island-sign>small{display:none}body[data-view=knowledge-map] .grade-island-sign:hover{filter:brightness(1.06);transform:translate(-50%,-50%)}body[data-view=knowledge-map] .grade-island-sign:focus-visible{outline:3px solid #fff1a0;outline-offset:4px}body[data-view=knowledge-map] [data-grade-island="1"]{--x:23%!important;--y:49%!important;--sign-accent:#ed89a0!important}body[data-view=knowledge-map] [data-grade-island="2"]{--x:77%!important;--y:49%!important;--sign-accent:#ecb13d!important}body[data-view=knowledge-map] [data-grade-island="3"]{--x:50%!important;--y:72%!important;--sign-accent:#61ac96!important}body[data-view=knowledge-map] [data-grade-island="4"]{--x:23%!important;--y:91%!important;--sign-accent:#a386cb!important}body[data-view=knowledge-map] [data-grade-island="5"]{--x:77%!important;--y:91%!important;--sign-accent:#57a8c8!important}body[data-view=knowledge-map] .knowledge-footnote{position:absolute;inset:auto 15px 12px 118px;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:15px;max-width:none;width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}body[data-view=knowledge-map] .knowledge-footnote>span{color:#f5ffff;font-size:12px;font-weight:700;text-shadow:0 1px 5px #195e79;letter-spacing:.2px}body[data-view=knowledge-map] .knowledge-footnote>button{position:static;inset:auto;pointer-events:auto;min-height:40px;margin:0;padding:7px 15px;border:2px solid white;border-radius:25px;background:#f3fff7ed;box-shadow:0 3px 8px #0a567d35;font-size:12px;font-weight:700;color:#2f756b;white-space:nowrap}body[data-view=knowledge-map] .knowledge-footnote>#atlasAsk{background:linear-gradient(#7bcf53,#4fa936);border-color:#fffbdc;color:#fff}@media(max-width:899px)and (orientation:portrait){body[data-view=knowledge-map] .atlas-grade-scene{top:40px;height:calc(100% - 40px)}body[data-view=knowledge-map] .grade-island-sign{left:clamp(65px,calc((var(--x) - 50%)*var(--map-scale-x,1) + 50%),calc(100% - 65px));top:clamp(180px,calc((var(--y) - 50%)*var(--map-scale-y,1) + 50%),calc(100% - 52px));min-width:110px;max-width:44%;min-height:48px;padding:6px 10px;border-width:2px;border-radius:23px}body[data-view=knowledge-map] .grade-island-sign>b{font-size:16px;line-height:1.1}body[data-view=knowledge-map] .grade-island-sign>span{font-size:9px;line-height:1.25;margin-top:3px}body[data-view=knowledge-map] [data-grade-island="1"]{--x:25%!important;--y:46%!important}body[data-view=knowledge-map] [data-grade-island="2"]{--x:75%!important;--y:46%!important}body[data-view=knowledge-map] [data-grade-island="3"]{--x:50%!important;--y:67%!important}body[data-view=knowledge-map] [data-grade-island="4"]{--x:25%!important;--y:87.5%!important}body[data-view=knowledge-map] [data-grade-island="5"]{--x:75%!important;--y:87.5%!important}body[data-view=knowledge-map] .knowledge-footnote{left:103px;right:10px;bottom:14px;gap:7px;justify-content:space-between}body[data-view=knowledge-map] .knowledge-footnote>span{display:none}body[data-view=knowledge-map] .knowledge-footnote>button{min-height:42px;font-size:9px;padding:7px 10px}}@media(max-width:899px)and (orientation:landscape){body[data-view=knowledge-map] .grade-island-sign{min-width:110px;min-height:42px;padding:5px 12px;border-width:2px;border-radius:23px}body[data-view=knowledge-map] .grade-island-sign>b{font-size:15px}body[data-view=knowledge-map] .grade-island-sign>span{font-size:9px}body[data-view=knowledge-map] .knowledge-footnote>span{display:none}body[data-view=knowledge-map] .knowledge-footnote>button{min-height:36px;font-size:10px}}@media(max-width:899px)and (orientation:portrait){body[data-view=knowledge-map] [data-grade-island="4"],body[data-view=knowledge-map] [data-grade-island="5"]{--y:86%!important}}@media(min-width:900px){body[data-view=knowledge-map] [data-grade-island="1"]{--x:28%!important}body[data-view=knowledge-map] [data-grade-island="2"]{--x:73%!important}body[data-view=knowledge-map] [data-grade-island="4"]{--x:27%!important}body[data-view=knowledge-map] [data-grade-island="5"]{--x:73%!important}body[data-view=knowledge-map] .knowledge-footnote>.quiet{width:44px;min-width:44px;height:44px;padding:0;font-size:0;border-radius:50%}body[data-view=knowledge-map] .knowledge-footnote>.quiet:before{content:"←";font-size:23px;line-height:1}}body:is([data-view=islands-home],[data-view=islands-shop]) #app{color:#285d60}body:is([data-view=islands-home],[data-view=islands-shop]) .island-nav [data-island-route=""]{background:transparent;box-shadow:none;border:0}body[data-view=islands-home] .island-nav [data-island-route=dao-nha],body[data-view=islands-shop] .island-nav [data-island-route=cho-la]{background:#f5fff8;border:1px solid white;box-shadow:0 1px 6px #4dbb9c55}body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading{position:absolute;top:148px;left:30px;z-index:5;margin:0;display:block;max-width:280px}body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading h1{font:700 30px/1.15 Susu,sans-serif;letter-spacing:0;color:#226c78;margin:0;text-shadow:0 2px white}body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading h1 em{color:#3e8b58}body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading .portal-kicker,body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading p{display:none}body[data-view=islands-home] .island-home-scene{position:absolute;inset:60px 0 0;width:100%;height:auto;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#75c6d7}body[data-view=islands-home] .island-home-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}body[data-view=islands-home] .home-nameplate{display:none}body[data-view=islands-home] .home-mam{left:43%;top:58%;width:clamp(120px,16vw,190px);height:clamp(120px,16vw,190px);z-index:4}body[data-view=islands-home] .island-heading>.play-button{margin-top:14px;min-height:44px;padding:10px 18px;font-size:12px;border:2px solid white;border-radius:25px;background:linear-gradient(#85bf58,#4a983d);box-shadow:0 4px #226c7830}body[data-view=islands-home] .island-wardrobe{position:absolute;right:22px;bottom:20px;z-index:12;width:min(370px,calc(100% - 44px));max-height:calc(100dvh - 200px);overflow:auto;margin:0;padding:0;background:#f9fff4f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid white;border-radius:24px;box-shadow:0 6px 24px #1c5a6240}body[data-view=islands-home] .island-wardrobe summary{list-style:none;cursor:pointer;min-height:48px;padding:14px 20px;font-size:14px;font-weight:700}body[data-view=islands-home] .island-wardrobe summary span{float:right}body[data-view=islands-home] .island-wardrobe>:not(summary){margin:16px 20px}body[data-view=islands-home] .island-wardrobe h2{font-size:19px}body[data-view=islands-home] .island-wardrobe h3{font-size:14px}body[data-view=islands-home] .island-wardrobe .portal-scope{display:block;font-size:11px;line-height:1.6}body[data-view=islands-home] .island-wardrobe button{min-height:44px;font-size:12px}body[data-view=islands-home] #homeItemTools:empty{display:none}body[data-view=islands-home] #homeItemTools{position:absolute;left:50%;bottom:90px;transform:translate(-50%);z-index:10;width:max-content;max-width:calc(100% - 24px);padding:10px 14px;gap:8px;border:2px solid white;border-radius:20px;background:#fffff5f2;box-shadow:0 5px 18px #285b6033;font-size:12px}body[data-view=islands-home] #homeItemTools button{min-height:44px;font-size:12px}body[data-view=islands-shop] #app{background:#caf1e6 url(/assets/islands/market-wide-v2.webp) center/cover no-repeat}body[data-view=islands-shop] .island-heading{width:210px;max-width:210px;text-align:center;left:20px;top:165px}body[data-view=islands-shop] .shop-preview{width:200px;margin:35px auto 0;padding:0}body[data-view=islands-shop] .shop-preview>.mam-avatar{width:190px;height:190px;filter:drop-shadow(0 12px 9px #3b7c6930)}body[data-view=islands-shop] .shop-preview small{display:block;background:#fffff1e8;border:2px solid white;border-radius:20px;padding:9px 12px;color:#32635e;font-size:12px}body[data-view=islands-shop] .mj-rounds{position:absolute;left:255px;right:28px;top:151px;z-index:4;margin:0;display:flex;gap:8px;padding:0}body[data-view=islands-shop] .mj-rounds button{min-height:44px;padding:10px 18px;font-size:13px;border:2px solid white;border-radius:24px;background:#f5fff6;color:#326a68;box-shadow:0 3px 9px #21596020}body[data-view=islands-shop] .mj-rounds button[aria-pressed=true]{background:#326e53;color:#fff}body[data-view=islands-shop] .island-goods{position:absolute;inset:213px 28px 45px 255px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:16px;overflow:auto;overscroll-behavior:contain;padding:4px 10px 16px 4px;scrollbar-width:thin;scrollbar-color:#62a58d #ffffff60}body[data-view=islands-shop] .island-goods article{background:linear-gradient(#fffe,#f6fff2f5);border:2px solid #fff;border-radius:24px;padding:0 16px 16px;box-shadow:0 5px #39725920,0 10px 20px #2d686322;overflow:hidden;text-align:center;min-height:280px;height:auto;display:block}body[data-view=islands-shop] .goods-art{height:130px;margin:0 -16px 9px;background:radial-gradient(ellipse at 50% 75%,#d5eec3 0,transparent 65%);display:grid;place-items:center}body[data-view=islands-shop] .goods-sprite{width:120px;height:120px}body[data-view=islands-shop] .island-goods article>small{font-size:9px;letter-spacing:1px;color:#568779}body[data-view=islands-shop] .island-goods h3{font-size:18px;margin:7px 0;color:#285c53}body[data-view=islands-shop] .island-goods p{font-size:11px;margin:6px 0;min-height:18px;color:#608071}body[data-view=islands-shop] .island-goods article>b{font-size:16px;display:block;margin:10px 0}body[data-view=islands-shop] .island-goods article>div:last-child{display:flex;gap:6px}body[data-view=islands-shop] .island-goods button{flex:1;min-height:44px;padding:7px 6px;border:1px solid #aed4bd;border-radius:14px;background:#fff;color:#346a5d;font-size:11px}body[data-view=islands-shop] .island-goods [data-buy]{background:#4f9670;color:#fff;border-color:#4f9670}body[data-view=islands-shop] .island-goods button:disabled{opacity:.55}body[data-view=islands-shop] #shopNotice:not(:empty){position:absolute;left:255px;right:28px;bottom:9px;z-index:6;padding:8px 12px;background:#fffff3f5;border:1px solid white;border-radius:15px;font-size:11px;line-height:1.4;box-shadow:0 3px 12px #265b6330}body[data-view=islands-shop] #app>.portal-scope{display:block;position:absolute;left:255px;right:28px;bottom:12px;margin:0;font-size:10px;color:#325b58;text-align:center;text-shadow:0 1px white}body[data-view=islands-shop] #app:has(#shopNotice:not(:empty))>.portal-scope{visibility:hidden}@media(max-width:899px){body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading{top:176px;left:16px}body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading h1{font-size:24px}body[data-view=islands-home] .island-home-scene{top:56px}body[data-view=islands-home] .island-home-scene>img{object-position:50% center}body[data-view=islands-home] .island-heading>.play-button{font-size:11px;padding:8px 13px;margin-top:10px}body[data-view=islands-home] .island-wardrobe{right:12px;bottom:14px;width:min(330px,calc(100% - 116px));max-height:calc(100dvh - 230px)}body[data-view=islands-home] .island-wardrobe summary{font-size:11px;padding:14px 12px}body[data-view=islands-home] .home-mam{left:36%;top:61%;width:120px;height:120px}body[data-view=islands-home] .home-decoration .goods-sprite{width:65px;height:65px}body[data-view=islands-shop] .island-heading{top:176px;width:auto;max-width:none;left:16px;right:16px;text-align:left;height:76px}body[data-view=islands-shop] .shop-preview{position:absolute;right:0;top:-13px;width:76px;margin:0}body[data-view=islands-shop] .shop-preview>.mam-avatar{width:76px;height:76px}body[data-view=islands-shop] .shop-preview small{display:none}body[data-view=islands-shop] .mj-rounds{left:12px;right:12px;top:258px;gap:5px}body[data-view=islands-shop] .mj-rounds button{font-size:11px;min-height:44px;padding:8px 12px}body[data-view=islands-shop] .island-goods{inset:315px 4px 76px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-right:8px}body[data-view=islands-shop] .island-goods article{padding:0 10px 12px;border-radius:20px;min-height:330px}body[data-view=islands-shop] .goods-art{height:110px;margin:0 -10px 8px}body[data-view=islands-shop] .goods-sprite{width:105px;height:105px}body[data-view=islands-shop] .island-goods h3{font-size:15px}body[data-view=islands-shop] .island-goods p{font-size:10px;line-height:1.5;min-height:30px}body[data-view=islands-shop] .island-goods article>div:last-child{flex-direction:column}body[data-view=islands-shop] .island-goods button{font-size:11px;width:100%}body[data-view=islands-shop] #app>.portal-scope{left:108px;right:12px;bottom:15px;font-size:9px;line-height:1.5;text-align:right}body[data-view=islands-shop] #shopNotice:not(:empty){left:108px;right:12px;bottom:10px;font-size:10px}}@media(max-height:550px)and (orientation:landscape){body:is([data-view=islands-home],[data-view=islands-shop]) .island-heading{top:135px;left:15px}body[data-view=islands-shop] .island-heading{width:150px}body[data-view=islands-shop] .shop-preview{position:static;width:110px;margin:10px auto}body[data-view=islands-shop] .shop-preview>.mam-avatar{width:110px;height:110px}body[data-view=islands-shop] .mj-rounds{left:180px;top:134px;right:14px}body[data-view=islands-shop] .island-goods{inset:188px 10px 45px 180px;grid-template-columns:repeat(3,minmax(0,1fr))}body[data-view=islands-shop] #app>.portal-scope,body[data-view=islands-shop] #shopNotice:not(:empty){left:180px;bottom:5px}}.goods-sprite.goods-premium{background-image:url(/assets/islands/goods-premium-v1.webp);background-size:400% 400%}body[data-view=islands-shop] .island-goods article[data-rarity=special]{background:linear-gradient(#f8f4fff2,#f4fff9f5);border-color:#e5d7ff}body[data-view=islands-shop] .island-goods article[data-rarity=precious]{background:linear-gradient(#fff7ddf7,#fffdf5f5);border-color:#f8d785;box-shadow:0 5px #bf92282b,0 8px 22px #d0a73c30}body[data-view=islands-shop] .island-goods article[data-rarity=precious]>small{color:#9b701e;font-weight:700}body[data-view=islands-home] .home-capacity{font-size:12px;line-height:1.5;color:#4d7865}body[data-view=islands-home] .island-wardrobe button:disabled{opacity:.5}#modalBody .decor-preview>.goods-sprite{width:200px;height:200px}.atlas-island-light{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;filter:brightness(1.17) saturate(1.2);-webkit-mask-image:radial-gradient(ellipse var(--island-rx,0px) var(--island-ry,0px) at var(--island-x,0px) var(--island-y,0px),#000 45%,transparent 100%);mask-image:radial-gradient(ellipse var(--island-rx,0px) var(--island-ry,0px) at var(--island-x,0px) var(--island-y,0px),#000 45%,transparent 100%);transition:opacity .35s ease}.atlas-island-light picture{position:absolute;inset:0;pointer-events:none}.atlas-island-light .atlas-world-art{width:100%;height:100%;object-fit:cover;object-position:center}.has-island-near .atlas-island-light{opacity:1}.atlas-island-halo{position:absolute;left:var(--island-x);top:calc(var(--island-y) + var(--island-ry)*.55);width:calc(var(--island-rx)*1.8);height:calc(var(--island-ry)*.65);translate:-50% -50%;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.has-island-near .atlas-island-halo{opacity:1}.atlas-island-halo:before,.atlas-island-halo:after{content:"";position:absolute;inset:0;border:2px solid #fff2bca8;border-radius:50%;box-shadow:0 0 18px #ffe4a05c,inset 0 0 18px #e6ffff38;opacity:0}.has-island-near .atlas-island-halo:before{animation:atlas-shore-glow 2.8s ease-out infinite}.has-island-near .atlas-island-halo:after{animation:atlas-shore-glow 2.8s 1.4s ease-out infinite}.atlas-island-halo i{position:absolute;left:13%;bottom:180%;width:17px;height:23px;background:#fff8cf;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;filter:drop-shadow(0 0 4px #fff4af)}.atlas-island-halo i:nth-child(2){left:80%;bottom:260%;width:12px;height:17px;animation-delay:.7s!important}.atlas-island-halo i:nth-child(3){left:62%;bottom:430%;width:9px;height:13px;animation-delay:1.4s!important}.has-island-near .atlas-island-halo i{animation:atlas-sparkle 2.6s ease-in-out infinite}.has-island-near{cursor:pointer}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign){transition:scale .3s cubic-bezier(.2,.8,.3,1.4),margin-top .3s ease,filter .3s ease,box-shadow .3s ease;transform-origin:center}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign).is-island-near{scale:1.075;margin-top:-7px;filter:brightness(1.12) saturate(1.1);box-shadow:0 5px color-mix(in srgb,var(--sign-accent) 70%,#855b36),0 0 0 5px #fff7d833,0 8px 28px #ffe5a078}.village-house:before{content:"";position:absolute;inset:8% -3% 12%;z-index:-1;background:radial-gradient(ellipse,#fff2bd99,transparent 68%);opacity:0;transition:opacity .3s;pointer-events:none}.village-house:is(:hover,:focus-visible):before{opacity:1}.village-house .village-house-sprite{transform-origin:50% 85%;transition:transform .35s cubic-bezier(.2,.8,.3,1.3),filter .35s}.village-house:is(:hover,:focus-visible) .village-house-sprite{transform:translateY(-10px) scale(1.045) rotate(-1deg);filter:brightness(1.1) saturate(1.12) drop-shadow(0 12px 9px #e8b85d66)}.village-house .village-nameplate{transition:transform .3s,box-shadow .3s}.village-house:is(:hover,:focus-visible) .village-nameplate{transform:translateY(-4px);box-shadow:0 3px #8b7b5680,0 0 0 3px #fff7d888,0 8px 20px #6b6a3d30}.village-house:focus-visible .village-house-description{opacity:1}@keyframes atlas-shore-glow{0%{transform:scale(.85);opacity:0}20%{opacity:.75}to{transform:scale(1.15);opacity:0}}@keyframes atlas-sparkle{0%,to{opacity:0;transform:translateY(6px) scale(.5)}35%,55%{opacity:.9;transform:translateY(-5px) scale(1)}}@media(prefers-reduced-motion:reduce){.atlas-island-light,.atlas-island-halo,body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign),.village-house:before,.village-house .village-house-sprite,.village-house .village-nameplate{transition:none}.has-island-near .atlas-island-halo:before{animation:none;opacity:.6}.has-island-near .atlas-island-halo:after,.has-island-near .atlas-island-halo i{animation:none}body:is([data-view=islands-map],[data-view=knowledge-map]) :is(.world-destination-sign,.grade-island-sign).is-island-near{scale:1;margin-top:0}.village-house:is(:hover,:focus-visible) .village-house-sprite,.village-house:is(:hover,:focus-visible) .village-nameplate{transform:none}}body:has(.obstacle-run){background:#f4f5e9;overflow:auto!important}body:has(.obstacle-run):before{display:none!important}body:has(.obstacle-run) #app{width:100%!important;max-width:none!important;height:auto!important;min-height:100dvh!important;padding:0!important;margin:0!important}body:has(.obstacle-run) .game-focus-bar{max-width:1400px;margin-bottom:18px;background:#fffcf2;border-color:#e7e9d8;box-shadow:none}.obstacle-run{color:#254b39;font-family:Susu,sans-serif;max-width:none;margin:0}.obstacle-heading{display:none}.obstacle-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:0 3px}.obstacle-heading>div>span{color:#818b63;font-size:10px;font-weight:800;letter-spacing:2px}.obstacle-heading h1{font:700 clamp(25px,3vw,39px)/1.2 "Susu",sans-serif;margin:7px 0;color:#2d5339}.obstacle-heading p{font-size:13px;color:#7c896d;margin:0}.obstacle-heading strong{font-size:12px;white-space:nowrap;background:#fff6db;border:1px solid #eadab1;border-radius:30px;padding:12px 17px;color:#96732d}.obstacle-layout{display:block}.obstacle-adventure{min-width:0}.obstacle-track{height:100dvh;min-height:520px;position:relative;isolation:isolate;border-radius:0;background:#b4d5b1 url(/assets/obstacle-run/forest-3d.webp) center/cover no-repeat;overflow:hidden;box-shadow:none}.obstacle-scene-title{position:absolute;left:17px;right:17px;top:17px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:4}.obstacle-scene-title span{padding:9px 12px;border:1px solid #ffffff70;border-radius:30px;background:#214e3ba1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffbe3;font-size:9px;font-weight:800;letter-spacing:1.3px}.obstacle-scene-title b{color:#536b3b;background:#fffeefeb;border-radius:30px;padding:9px 12px;font-size:10px;box-shadow:0 3px 14px #34532b15}.obstacle-scene-caption{position:absolute;bottom:16px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:5}.obstacle-scene-caption>span{color:#fff;text-shadow:0 2px 6px #284929;background:#254d3580;border:1px solid #ffffff30;border-radius:12px;padding:9px 12px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:12px;font-weight:700}.obstacle-scene-caption>b{font-size:10px;background:#fff7dfed;color:#81612f;padding:8px 11px;border-radius:20px}.obstacle-continue{position:absolute;right:16px;top:62px;z-index:6;background:linear-gradient(#fff9d7,#f7d981);border:2px solid #fff4c6;border-radius:14px;padding:11px 15px;box-shadow:0 4px #af854d70;color:#6b552e;font:700 12px Susu,sans-serif;cursor:pointer;min-height:44px}.obstacle-continue[hidden]{display:none!important}.obstacle-continue:focus-visible{outline:3px solid white;outline-offset:4px}.obstacle-runner{position:absolute;bottom:20%;left:9%;width:clamp(108px,13vw,190px);aspect-ratio:1;transform:translate(-50%);z-index:3;will-change:left,transform}.obstacle-mam{position:absolute;inset:0;background-image:url(/assets/obstacle-run/mam-poses-3d.webp);background-size:400% 300%;background-position:0 0;filter:drop-shadow(0 4px 2px #435d2728);transform-origin:center 85%}.obstacle-shadow{position:absolute;bottom:3%;left:24%;width:52%;height:8%;background:#3d482b50;border-radius:50%;filter:blur(4px);transform-origin:center}.obstacle-thought{position:absolute;top:1%;right:0;width:31px;height:37px;display:grid;place-items:center;background:#fffced;color:#b18535;border-radius:50% 50% 50% 4px;font-size:24px;font-weight:800;box-shadow:0 4px 12px #34532b20;opacity:0;transform:rotate(9deg)}.obstacle-cheer{position:absolute;inset:-15px -15px auto;text-align:center;color:#ffdf67;font-size:25px;letter-spacing:10px;text-shadow:0 3px 6px #af782a60;opacity:0;pointer-events:none}.obstacle-object{position:absolute;left:59%;bottom:19.6%;width:clamp(90px,11vw,160px);height:clamp(90px,11vw,160px);transform:translate(-50%);z-index:2;filter:drop-shadow(0 5px 3px #3b4e3740)}.obstacle-object>span{position:absolute;inset:0;background:url(/assets/obstacle-run/obstacles-3d.webp) var(--obstacle-x) 50%/500% 100% no-repeat}.obstacle-sign{position:absolute;left:73%;bottom:25%;transform:rotate(6deg);z-index:1;width:32px;height:58px;background:linear-gradient(90deg,transparent 42%,#9b7048 42% 58%,transparent 58%)}.obstacle-sign>span{display:grid;place-items:center;width:32px;height:30px;background:linear-gradient(#f1cf91,#d8aa66);border:2px solid #b2844e;border-radius:7px;font-size:15px;font-weight:800;color:#72542f;box-shadow:2px 3px 1px #4c54232b}.obstacle-ambient{position:absolute;inset:0;pointer-events:none}.obstacle-ambient>i{position:absolute;color:#fffbc3;left:15%;top:40%;font-style:normal;font-size:12px;animation:forest-sparkle 4s ease-in-out infinite;text-shadow:0 0 8px #fff9a2}.obstacle-ambient>i:nth-child(2){left:78%;top:35%;animation-delay:-1s}.obstacle-ambient>i:nth-child(3){left:65%;top:60%;animation-delay:-2s}.obstacle-ambient>i:nth-child(4){left:33%;top:55%;animation-delay:-3s}.obstacle-track[data-phase=running] .obstacle-mam{animation:mam-run-frames .48s steps(1) infinite,mam-run-bob .24s ease-in-out infinite}.obstacle-track[data-phase=waiting] .obstacle-mam{animation:mam-confused-frames 4s steps(1) infinite,mam-breathe 2.3s ease-in-out infinite;background-position:0 50%}.obstacle-track[data-phase=waiting] .obstacle-thought{opacity:1;animation:mam-thought 2.4s ease-in-out infinite}.obstacle-track[data-phase=jumping] .obstacle-mam{animation:mam-jump-frames 1.25s steps(1) both;background-position:0 100%}.obstacle-track[data-phase=jumping] .obstacle-shadow{animation:mam-jump-shadow 1.25s ease-in-out both}.obstacle-track[data-phase=jumping] .obstacle-cheer{animation:mam-stars 1.25s ease both}.obstacle-track[data-phase=cleared] .obstacle-mam{background-position:66.6667% 100%;animation:mam-happy .8s ease-in-out 2}.obstacle-track[data-phase=cleared] .obstacle-cheer{opacity:1;animation:mam-thought 2s ease-in-out infinite}.obstacle-message{min-height:47px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.7;color:#5d7753;margin:15px 10px 8px;font-weight:700}.obstacle-map{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}.obstacle-map>span{width:29px;height:29px;border-radius:50%;background:#e5e9d8;color:#8a9375;font-size:11px;font-weight:800;display:grid;place-items:center}.obstacle-map .current{background:#fff0bb;color:#9f792f;outline:2px solid #c9a050;outline-offset:3px}.obstacle-map .done{background:#609270;color:#fff}.obstacle-rules{text-align:center;color:#96a084;font-size:10px;line-height:1.8;margin:20px 0 0}.obstacle-rules>i{padding:0 7px;font-style:normal;color:#a1af89}.obstacle-question{position:fixed;z-index:20;left:50%;top:50%;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;transform:translate(-50%,-50%);min-width:0;border:2px solid #fff;background:#fffdf5ee;border-radius:24px;padding:23px;box-shadow:0 22px 70px #173b2866;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.obstacle-question-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#7c8a61;letter-spacing:1px;font-weight:800}.obstacle-question-label>b{font-size:9px;background:#edf2df;color:#779459;border-radius:30px;padding:7px 9px;letter-spacing:0}.obstacle-question h2{font:700 24px/1.4 Susu,sans-serif;color:#39533a;margin:17px 0 10px}.obstacle-question>p{font-size:13px;line-height:1.8;color:#7c866c;margin:0 0 12px}.obstacle-question #scene{min-height:0;padding:0;margin:0;background:transparent;border:0;box-shadow:none}.obstacle-question .case-workspace{min-height:0;padding:0;background:transparent;border:0;box-shadow:none}.obstacle-question .game-parts{padding:0;display:block}.obstacle-run #scene .case-workspace{display:block;min-height:0;padding:0}.obstacle-run #scene .studio-illustration{display:none}.obstacle-run #scene .game-parts{display:block;width:100%;padding:0}.obstacle-run #scene .mission-part{padding:17px;min-height:0}.obstacle-question .mission-part{min-width:0;min-height:0;background:#f5f6e9;border:1px solid #e4e8d2;border-radius:16px;padding:16px;margin:0 0 8px;box-shadow:none}.obstacle-question .part-heading{font-size:13px;line-height:1.65}.obstacle-question .part-status{font-size:11px;min-height:0;margin:8px 0 0}.obstacle-question .case-reflection{display:none}.obstacle-question .b2-action-dock{display:flex;flex-wrap:wrap;gap:9px;position:static;margin:0;padding:12px 0 0;background:transparent;border:0;box-shadow:none}body:has(.obstacle-run) .obstacle-question .b2-action-dock{position:static;inset:auto;width:100%;padding:12px 0 0;background:transparent;box-shadow:none;border-radius:0}.obstacle-question button{min-height:43px;font:inherit;font-size:12px;cursor:pointer}.obstacle-question .play-button{flex:1 1 100%;min-height:49px;border:1px solid #4a8253;border-radius:14px;background:linear-gradient(#75a761,#568b49);box-shadow:0 4px #3f6b36;color:#fffef2;font-weight:700;font-size:13px;padding:10px}.obstacle-question .play-button:hover{filter:brightness(1.06)}.obstacle-question button:disabled{cursor:default;opacity:.5;filter:none}.obstacle-question .hint-button,.obstacle-question .quiet{border:1px solid #e0e5cf;background:#faf9ef;border-radius:11px;color:#84916b;padding:9px 12px;box-shadow:none}.obstacle-question button:focus-visible{outline:3px solid #be9144;outline-offset:3px}.obstacle-question [hidden]{display:none!important}.obstacle-question #feedback{font-size:12px;line-height:1.65}.obstacle-question #feedback:empty{display:none}.obstacle-coach{background:#f2f5e7;border-radius:12px;margin:14px 0 8px;padding:1px 12px;font-size:11px;color:#7b8a68;line-height:1.7}.obstacle-coach:has(p:empty):not(:has(p:not(:empty))){display:none}.obstacle-question>#mathSource{font-size:10px;min-height:30px;border:0;background:none;padding:4px}@keyframes mam-run-frames{0%{background-position:0 0}25%{background-position:33.3333% 0}50%{background-position:66.6667% 0}75%,to{background-position:100% 0}}@keyframes mam-run-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes mam-confused-frames{0%,44%{background-position:0 50%}45%,49%{background-position:33.3333% 50%}50%,74%{background-position:66.6667% 50%}75%,to{background-position:100% 50%}}@keyframes mam-breathe{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.015)}}@keyframes mam-jump-frames{0%,13%{background-position:0 100%}14%,41%{background-position:33.3333% 100%}42%,83%{background-position:66.6667% 100%}84%,to{background-position:100% 100%}}@keyframes mam-jump-shadow{0%,to{transform:scale(1);opacity:.8}50%{transform:translateY(110px) scale(.45);opacity:.2}}@keyframes mam-happy{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes mam-thought{0%,to{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-6px) rotate(-5deg)}}@keyframes mam-stars{0%{opacity:0;transform:scale(.4)}40%,80%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:translateY(-20px) scale(1.3)}}@keyframes forest-sparkle{0%,to{opacity:.15;transform:translateY(5px) scale(.6)}50%{opacity:.9;transform:translateY(-8px) scale(1)}}@media(min-width:1500px){body:has(.obstacle-run) #app{padding-top:24px!important}.obstacle-heading{margin-bottom:25px}.obstacle-layout{gap:30px}}@media(max-width:1000px){.obstacle-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:16px}.obstacle-question{padding:17px}.obstacle-track{height:410px}.obstacle-scene-title{left:10px;right:10px}.obstacle-scene-title span{font-size:8px;letter-spacing:.5px}.obstacle-scene-title b{font-size:9px}.obstacle-scene-caption>b{display:none}}@media(max-width:760px){body:has(.obstacle-run) #app{padding:10px 12px 24px!important}.obstacle-heading{align-items:flex-start;margin-bottom:16px}.obstacle-heading h1{font-size:25px}.obstacle-heading strong{font-size:10px;padding:8px 10px}.obstacle-heading p{font-size:11px}.obstacle-layout{grid-template-columns:1fr;gap:16px}.obstacle-track{height:clamp(270px,68vw,400px)}.obstacle-runner{width:clamp(105px,24vw,155px)}.obstacle-object{width:clamp(88px,21vw,130px);height:clamp(88px,21vw,130px)}.obstacle-message{min-height:36px;margin:12px 3px 8px;font-size:12px}.obstacle-rules{display:none}.obstacle-map{gap:7px;margin-bottom:0}.obstacle-map>span{width:27px;height:27px}.obstacle-question{padding:19px}.obstacle-heading>div>span{font-size:9px;letter-spacing:1px}.obstacle-scene-caption{bottom:12px;left:12px;right:12px}.obstacle-scene-caption>span{font-size:10px}.obstacle-question h2{font-size:22px}}@media(max-width:760px){body:has(.obstacle-run) #app{padding:0!important}.obstacle-heading,.obstacle-message,.obstacle-map,.obstacle-rules{display:none}.obstacle-track{height:100dvh;min-height:520px}.obstacle-question{padding:19px}.obstacle-question h2{font-size:22px}}@media(max-width:420px){.obstacle-heading{flex-wrap:wrap;gap:9px}.obstacle-heading h1{font-size:25px}.obstacle-heading strong{padding:6px 11px}.obstacle-track{border-radius:21px}.obstacle-scene-title{top:12px}.obstacle-scene-title span,.obstacle-scene-title b{padding:7px 9px}.obstacle-message{font-size:11px}.obstacle-question{padding:15px}.obstacle-thought{width:25px;height:30px;font-size:21px}.obstacle-sign{width:24px;height:42px}.obstacle-sign>span{width:24px;height:23px;font-size:12px}}@media(prefers-reduced-motion:reduce){.obstacle-track *{animation:none!important}.obstacle-track[data-phase=waiting] .obstacle-mam{background-position:0 50%}}.account-sync{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:95;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:8px 13px;border:1px solid #dbe6d5;background:#fffdf3f5;box-shadow:0 3px 14px #234d3820;border-radius:18px;color:#507452;font:11px Susu,sans-serif}.account-sync button{font:inherit;font-weight:700;min-height:44px;border:1px solid #b9cba4;border-radius:10px;color:#365e40;background:#eef3df;padding:7px 10px;cursor:pointer}.account-sync button[hidden]{display:none}body:has(#accountApp)>.account-badge,body:has(#teacherApp)>.account-badge{position:relative;inset:auto;transform:none;width:fit-content;max-width:calc(100% - 32px);margin:20px auto 8px}body:has(#accountApp)>.account-sync,body:has(#teacherApp)>.account-sync{position:relative;inset:auto;transform:none;width:fit-content;max-width:calc(100% - 32px);margin:8px auto calc(20px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;text-align:center}html[data-account-sync=saved] .account-sync{animation:account-sync-fade 5s forwards}html[data-account-sync=local] .account-sync{border-color:#e1c68b;color:#8c692f}body[data-view*=game] .account-sync,body:has(.playbar) .account-sync{bottom:76px;left:auto;right:12px;transform:none}.game-focus-voice-status:empty{display:none}.game-focus-voice-status{font-size:11px;color:#61764f;max-width:220px}.profile-switch,.game-focus-profile{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#3f6957;text-decoration:none;white-space:nowrap;min-height:44px}.game-focus-profile{padding:8px 10px;border:1px solid #dce5d0;border-radius:11px;font-size:11px}.game-focus-profile:hover,.profile-switch:hover{background:#eaf2df}.game-focus-profile:focus-visible,.profile-switch:focus-visible{outline:3px solid #b89b4e;outline-offset:3px}body .topbar .top-actions .profile-switch.top-button{width:auto!important;min-width:68px;max-width:102px;padding:7px!important;border-radius:12px;flex-shrink:0}body .topbar .top-actions .profile-switch.top-button span{display:inline!important}body .game-focus-bar #mamReadTask{min-width:44px;min-height:44px;font-size:17px}.obstacle-runner[data-costume=sailor]{--runner-costume-x:0%}.obstacle-runner[data-costume=gardener]{--runner-costume-x:33.3333%}.obstacle-runner[data-costume=detective]{--runner-costume-x:66.6667%}.obstacle-runner[data-costume=astronaut]{--runner-costume-x:100%}.obstacle-track .obstacle-runner[data-costume]:not([data-costume=leaf]):not([data-costume=leaf-robot]):not([data-costume=shipper]) .obstacle-mam{background-image:url(/assets/islands/mam-costumes.webp);background-size:400% 200%;background-position:var(--runner-costume-x) 0%;animation:mam-breathe 2s ease-in-out infinite}.obstacle-track[data-phase=running] .obstacle-runner[data-costume]:not([data-costume=leaf]):not([data-costume=leaf-robot]):not([data-costume=shipper]) .obstacle-mam{animation:mam-run-bob .24s ease-in-out infinite}.obstacle-track[data-phase=jumping] .obstacle-runner[data-costume]:not([data-costume=leaf]):not([data-costume=leaf-robot]):not([data-costume=shipper]) .obstacle-mam,.obstacle-track[data-phase=cleared] .obstacle-runner[data-costume]:not([data-costume=leaf]):not([data-costume=leaf-robot]):not([data-costume=shipper]) .obstacle-mam{background-position:var(--runner-costume-x) 100%}@keyframes account-sync-fade{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}@media(max-width:760px){input,textarea,select{font-size:16px}.game-focus-voice-status{position:absolute;top:100%;right:0;max-width:min(320px,90vw);padding:8px 12px;background:#fffdf3;border:1px solid #e0e6d6;border-radius:10px}.game-focus-bar{flex-wrap:wrap}.game-focus-progress{min-width:85px}.topbar .profile-switch{font-size:10px;gap:3px;padding:6px 7px}.topbar .profile-switch span{display:inline!important;max-width:76px;white-space:normal;line-height:1.35}.game-focus-profile{min-width:40px;padding:7px}.game-focus-profile>span{display:none}body[data-story-mode] .story-page .story-shell .story-playfield .story-guide.companion{display:grid;grid-template-columns:58px minmax(0,1fr);width:100%;max-width:none;align-items:center;overflow:visible}body[data-story-mode] .story-page .story-shell .story-guide .mj-mam{width:58px;height:65px;margin:0}body[data-story-mode] .story-page .story-shell .story-guide .b2-speech{max-width:none;width:100%;font-size:13px;line-height:1.6}body[data-story-mode] .story-page .story-shell .story-guide .mam-ai-panel{grid-column:1/-1;max-width:none;width:100%}body[data-story-mode] .story-page .story-shell .story-guide .mam-ai-panel summary{min-height:44px;display:block}html[data-keyboard-open=true] body{overflow:auto!important;min-height:var(--visible-height,100dvh)}html[data-keyboard-open=true] body #app{height:auto!important;min-height:0!important}html[data-keyboard-open=true] body .b2-action-dock,html[data-keyboard-open=true] body .v2-action-row,html[data-keyboard-open=true] body .dock,html[data-keyboard-open=true] body .stage-nav{position:static!important;inset:auto!important;max-width:100%;width:auto}html[data-keyboard-open=true] body .account-sync,html[data-keyboard-open=true] body .susu-fab{display:none}.obstacle-run .obstacle-question input{max-width:100%}}@media(max-width:520px){.game-focus-track{display:none}.game-focus-progress{min-width:55px}.game-focus-bar,.topbar .top-actions{gap:4px}.topbar .wordmark b{font-size:12px}.topbar .profile-switch span{max-width:62px}}@media(max-width:760px){body[data-view=knowledge-map]>.account-sync{bottom:max(146px,calc(env(safe-area-inset-bottom) + 146px))}}@media(prefers-reduced-motion:reduce){.account-sync,.obstacle-track .obstacle-mam{animation:none!important}html[data-account-sync=saved] .account-sync{opacity:.8}}body[data-view=grade-island]>.footer a{display:inline-block;margin-right:16px;min-height:44px;padding-block:12px}@media(max-width:899px){body[data-view=grade-island]>.account-sync{position:relative;inset:auto;transform:none;width:fit-content;max-width:calc(100% - 32px);margin:8px auto calc(20px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;text-align:center}}:is(.portal-scope,.portal-kicker,.prototype-note,.map-note,.b2-local-note,.b2-map-title>span,.village-footer>span,.home-bottom p,.quiet:not(.knowledge-footnote>.quiet),.map-pan-hint,.digit-console-screen>span,.location-meta,.location-copy>p,.footer>span,footer>span,.legacy-world-link>span,.obstacle-heading span,.obstacle-heading p,.obstacle-question-label>span,.obstacle-question-label>b,.obstacle-question>p,.b2-home-copy>small,.b2-home-copy>p,#coachText,.atlas-page-heading p,.safety-reflection,.safety-reflection>small,button[data-safe-step]>small,button[data-b2-stage]>small,button[data-b2-stage]>p,button[data-b2-stage]>b,.atlas-breadcrumb>span,#globalAudioStatus,.island-access-note,#mathHint,#safeRealHelp,.wordmark small,span[data-obstacle-step],nav>span,nav>b,.island-nav>b,.friends-lobby p,.friends-lobby label,.friends-status,details>summary,#lessonSelect,.kicker,.info>small,.info>.number){color:#4b5c45!important}button[data-safe-option]{color:#2f4a3c!important}:is(.volume-two,#progress,#obstacleCount,#mathWallet,#b2Wallet,.b2-wallet,.location-num,.location-go,.b2-rules>span){color:#6e4f12!important}:is(.section-title .eyebrow,.b2-eyebrow,.b2-speech>b,.atlas-back,button[data-safe-step]>h3){color:#2b5f47!important}:is(button[data-safe-step]>small,button[data-b2-stage]>small,.portal-kicker,.location-meta,.prototype-note,.map-note,.section-title .eyebrow){font-size:11px!important}:is(.safety-reflection>small,.obstacle-heading span,.b2-rules>span,#globalAudioStatus,.wordmark small,.obstacle-question-label>span,.portal-scope,.b2-local-note,.village-footer>span,.quiet:not(.knowledge-footnote>.quiet),.map-pan-hint,footer>span,.footer>span){font-size:12px!important}:is(.island-nav button,.portal-nav button,.atlas-breadcrumb button,#globalSound,#globalTestSound,.top-button,#b2Sound,#b2Music,#b2TestSound,#b2Wallet,.b2-wallet,#homeBtn,.welcome-brand,.topbar .brand){min-height:44px!important;min-width:44px!important;flex-shrink:0!important}.volume-two{display:inline-flex!important;align-items:center;min-height:44px!important;padding:0 6px}:is(#homeBtn,.welcome-brand,.topbar .brand){display:inline-flex;align-items:center}@media(max-width:640px){.account-badge{min-width:44px!important;min-height:44px!important}}:is(.lesson-label,.subtle,#statusFilter button:not(.selected),button[data-filter]:not(.selected),.obstacle-rules,.atlas-breadcrumb a,.atlas-breadcrumb button,.safety-cloud,.lesson-copy>.book-page,.lesson-copy small){color:#4b5c45!important}:is(footer>a,#topProgress){color:#6e4f12!important}:is(#atlasAsk,a[href="/"]){color:#2b5f47!important}footer>a,.atlas-breadcrumb a,.atlas-breadcrumb button,.atlas-back,button[data-filter],#statusFilter button{display:inline-flex!important;align-items:center;min-height:44px!important;flex-shrink:0}.registration-back{min-height:44px!important}#statusFilter{color:#4b5c45!important}:is(button[data-filter].selected,#statusFilter .selected){background:#2f6a52!important;color:#fff!important}body .topbar .top-actions .profile-switch.top-button{max-width:none!important}@media(max-width:520px){body .topbar .top-actions .profile-switch.top-button{min-width:44px!important;font-size:18px!important}body .topbar .top-actions .profile-switch.top-button span{display:none!important}}body[data-view=knowledge-map] .grade-island-sign{top:clamp(155px,calc((var(--y) - 50%)*var(--map-scale-y,1) + 50%),calc(100% - 96px))!important}@media(min-width:900px)and (max-aspect-ratio:3/2){body[data-view=knowledge-map] .knowledge-map-viewport{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(#076eba,#0562ae 50%,#0255a1)!important}body[data-view=knowledge-map] .atlas-grade-scene{width:112%!important;height:auto!important;aspect-ratio:16/9!important;overflow:visible!important;flex:none}body[data-view=knowledge-map] .atlas-grade-scene .atlas-world-art{object-fit:contain!important;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}body[data-view=knowledge-map] .atlas-grade-scene .grade-island-sign{left:clamp(100px,var(--x),calc(100% - 100px))!important;top:var(--y)!important}}.susu-loading-screen{position:fixed;inset:0;overflow:auto;display:grid;place-items:center;box-sizing:border-box;padding:32px 20px 70px;color:#285c4b;font-family:Susu,system-ui,sans-serif;background:linear-gradient(180deg,#d9f4f7b8,#e9f2dc8c),url(/assets/welcome/archipelago-gateway-compact.webp) center / cover,#dceee4}.susu-loading-card{box-sizing:border-box;width:min(440px,100%);padding:30px 28px 26px;text-align:center;border:2px solid #ffffffd9;border-radius:40px;background:#fffdf1f5;box-shadow:0 20px 65px #254e4326,0 6px #739f7026}.susu-loading-brand{margin:0;font-size:13px;font-weight:700;letter-spacing:3px}.susu-loading-brand span{color:#ac812d;margin-right:4px}.susu-loading-scene{position:relative;width:220px;height:204px;max-width:100%;margin:16px auto 5px}.susu-loading-halo{position:absolute;inset:22px 20px 10px;border-radius:50%;background:radial-gradient(circle,#e3f0cf,#eaf2dc88 65%,transparent 66%)}.susu-loading-mascot{position:absolute;inset:0;z-index:1;background:url(/assets/islands/mam-poses.webp) 66.6667% 100% / 400% 200% no-repeat;filter:drop-shadow(0 8px 5px #3d68422b);transform-origin:50% 90%;animation:susu-loading-bob 2.8s ease-in-out infinite}.susu-loading-ground{position:absolute;bottom:8px;left:28%;width:44%;height:12px;background:#7a9e5930;border-radius:50%;filter:blur(3px)}.susu-loading-spark,.susu-loading-sparkSmall{position:absolute;z-index:2;color:#b18a29;font-size:32px;animation:susu-loading-sparkle 2.8s ease-in-out infinite}.susu-loading-spark{left:7px;top:40px}.susu-loading-sparkSmall{right:11px;bottom:42px;font-size:23px;animation-delay:-1.4s}.susu-loading-title{margin:8px 0 12px;font-size:clamp(22px,4.8vw,28px);line-height:1.3;font-weight:700;text-wrap:balance}.susu-loading-message{margin:0 auto;max-width:270px;font-size:14px;line-height:1.7;color:#5b7354;text-wrap:balance}.susu-loading-dots{display:flex;justify-content:center;gap:8px;margin:23px 0 20px}.susu-loading-dots span{width:8px;height:8px;border-radius:50%;background:#7f9e5b;animation:susu-loading-dot 1.3s ease-in-out infinite}.susu-loading-dots span:nth-child(2){animation-delay:.16s;background:#b0bd69}.susu-loading-dots span:nth-child(3){animation-delay:.32s;background:#d2b35c}.susu-loading-continue{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;box-sizing:border-box;padding:10px 21px;border:1px solid #d9e4c9;border-radius:24px;background:#edf3df;color:#3e634b;text-decoration:none;font-size:13px;font-weight:700}.susu-loading-continue:hover{background:#e1edce}.susu-loading-continue:focus-visible{outline:3px solid #286557;outline-offset:4px}.susu-loading-footer{position:absolute;bottom:20px;margin:0;padding:0 20px;text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;color:#315d4c;text-shadow:0 1px 5px #fff}@keyframes susu-loading-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes susu-loading-sparkle{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes susu-loading-dot{0%,70%,to{opacity:.45;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@media(max-height:620px){.susu-loading-screen{padding-top:18px;padding-bottom:45px}.susu-loading-card{padding-top:20px;padding-bottom:20px}.susu-loading-scene{width:160px;height:145px;margin-top:8px}.susu-loading-footer{position:static;margin-top:24px}}@media(prefers-reduced-motion:reduce){.susu-loading-mascot,.susu-loading-spark,.susu-loading-sparkSmall,.susu-loading-dots span{animation:none}}body[data-view=grade-island] .atlas-page-heading>.review-pill-inline{position:static;left:auto;bottom:auto!important;z-index:auto;margin:0;min-height:44px;flex-shrink:0;font-size:12px}body[data-view=grade-island] .atlas-page-heading>.review-pill-inline span{white-space:nowrap}@media(min-width:900px){body[data-view=grade-island] .atlas-page-heading{max-width:calc(100vw - 360px);flex-wrap:wrap}}body[data-view=grade-island] .atlas-breadcrumb,body[data-view=grade-island] .atlas-page-heading .portal-kicker,body[data-view=grade-island] .atlas-page-heading p,body[data-view=grade-island] .village-paths,body[data-view=grade-island] .village-footer>span,body[data-view=grade-island] #app>.map-pan-hint{display:none!important}@media(min-width:900px){body[data-view=grade-island]{height:100dvh;overflow:hidden}body[data-view=grade-island]>:is(.global-audio-bar,.footer){display:none!important}body[data-view=grade-island] .village-viewport{position:fixed;inset:62px 0 0;z-index:1;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#c4d6a8}body[data-view=grade-island] .grade-village-scene{width:100%;height:100%;min-width:0;aspect-ratio:auto}body[data-view=grade-island] .village-meadow{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}body[data-view=grade-island] .island-nav{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:20;margin:0}body[data-view=grade-island] .atlas-page-heading{position:fixed;top:132px;left:16px;z-index:20;display:flex;align-items:center;gap:12px;margin:0;padding:8px 14px;border:2px solid #fff;border-radius:18px;background:#fffdf4ee;box-shadow:0 4px 14px #1d4a3a26}body[data-view=grade-island] .atlas-page-heading h1{margin:0;font-size:22px;line-height:1.2}body[data-view=grade-island] .atlas-page-heading .atlas-back{margin:0}body[data-view=grade-island] .atlas-page-heading .atlas-chat-button{margin:0;min-height:40px}body[data-view=grade-island] .village-house{width:min(15.5%,calc((100dvh - 62px)*.3))!important;height:auto!important;top:var(--fit-top)!important;left:var(--fit-left)!important}body[data-view=grade-island] .village-house:nth-of-type(-n+6){--fit-top:21%}body[data-view=grade-island] .village-house:nth-of-type(n+7){--fit-top:59%}body[data-view=grade-island] .village-house:nth-of-type(6n+1){--fit-left:8.33%}body[data-view=grade-island] .village-house:nth-of-type(6n+2){--fit-left:25%}body[data-view=grade-island] .village-house:nth-of-type(6n+3){--fit-left:41.67%}body[data-view=grade-island] .village-house:nth-of-type(6n+4){--fit-left:58.33%}body[data-view=grade-island] .village-house:nth-of-type(6n+5){--fit-left:75%}body[data-view=grade-island] .village-house:nth-of-type(6n){--fit-left:91.67%}body[data-view=grade-island] .village-footer{position:fixed;right:16px;top:132px;z-index:20;padding:0;gap:8px;flex-wrap:nowrap}body[data-view=grade-island] .village-footer>button{min-height:40px;padding:8px 16px;border:2px solid #fff;border-radius:20px;background:#fffdf4ee;box-shadow:0 4px 14px #1d4a3a26;font-size:13px;white-space:nowrap}}@media(max-width:899px){body[data-view=grade-island] #app{padding-top:8px!important}body[data-view=grade-island] .atlas-page-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:8px 0;padding:0}body[data-view=grade-island] .atlas-page-heading h1{margin:0;font-size:26px}body[data-view=grade-island] .atlas-page-heading .atlas-chat-button{margin:0 0 0 auto}body[data-view=grade-island] .village-viewport{overflow:visible;margin:0 -8px;border-radius:22px}body[data-view=grade-island] .grade-village-scene{min-width:0;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;padding:14px 8px}body[data-view=grade-island] .village-meadow{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}body[data-view=grade-island] .village-house{position:relative!important;left:auto!important;top:auto!important;translate:none!important;width:auto!important;height:auto!important}}@media(min-width:900px)and (max-width:1150px){body[data-view=grade-island] #app>.island-nav{position:fixed;top:72px;left:calc(50% - 70px);transform:translate(-50%);max-width:calc(100vw - 230px);margin:0}body[data-view=grade-island] #app>.island-nav [data-island-route]{font-size:11px;padding:6px 8px;gap:6px}}.lesson-panel-backdrop{position:fixed;inset:0;z-index:9400;background:#173b2855;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lesson-panel-lifted{position:fixed!important;z-index:9500!important;margin:0!important;transform:none!important;translate:none!important;max-height:none!important;overflow:auto!important;background:#fffdf4!important;border:2px solid #fff!important;box-shadow:0 24px 70px #173b2855!important;opacity:1!important;visibility:visible!important}.lesson-panel-lifted.is-drawer{inset:0 0 0 auto!important;width:min(460px,100vw)!important;height:auto!important;padding:18px 20px 24px!important;border-radius:26px 0 0 26px!important}.lesson-panel-lifted.is-card{inset:50% auto auto 50%!important;width:min(720px,calc(100vw - 32px))!important;max-height:calc(100dvh - 48px)!important;padding:20px 22px!important;border-radius:24px!important;transform:translate(-50%,-50%)!important}.lesson-panel-lifted>summary{padding-right:52px!important;font-size:18px!important}.lesson-panel-lifted textarea{width:100%;min-height:120px;font-size:16px}.lesson-panel-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eef6e8;color:#2f5a48;font-size:18px;cursor:pointer}.lesson-panel-close:focus-visible{outline:3px solid #b89b4e;outline-offset:2px}.lesson-panel-lifted.is-drawer .mam-ai-messages{max-height:none}@media(max-width:600px){.lesson-panel-lifted.is-drawer{top:auto!important;left:0!important;width:100vw!important;height:88dvh!important;border-radius:24px 24px 0 0!important}}.lesson-panel-lifted .mam-ai-heading:after{display:none!important}.lesson-panel-lifted>summary{list-style:none!important;cursor:default}.lesson-panel-lifted>summary::-webkit-details-marker{display:none}.source-panel>p{color:#53634b}body[data-view=catalogue]{background:#c9dcc0 url(/assets/islands/garden-studio.webp) center/cover fixed}body[data-view=volume-two-home]{background:#bfdbe0 url(/assets/vol2/stories/v2-37-1.webp) center/cover fixed}body:is([data-view=catalogue],[data-view=volume-two-home]) .adventure-promises{display:none!important}body[data-view=catalogue] .adaptive-home-card,body[data-view=volume-two-home] .adaptive-home-card{display:none!important}@media(min-width:900px){body:is([data-view=catalogue],[data-view=volume-two-home]){height:100dvh;overflow:hidden}body:is([data-view=catalogue],[data-view=volume-two-home])>:is(.global-audio-bar,.footer){display:none!important}body:is([data-view=catalogue],[data-view=volume-two-home]) .island-nav{position:fixed!important;inset:72px auto auto 50%!important;transform:translate(-50%)!important;z-index:20;margin:0!important;width:auto!important;flex-direction:row!important;flex-wrap:nowrap!important;max-width:none!important;white-space:nowrap;grid-column:auto!important}body:is([data-view=catalogue],[data-view=volume-two-home]) :is(.volume-hero,.catalogue-toolbar,.v2-library-hero,.v2-catalogue,.v2-search){background:#fffdf4ee!important;border:2px solid #fff!important;border-radius:24px!important;box-shadow:0 10px 30px #173b2830!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body:is([data-view=catalogue],[data-view=volume-two-home]) :is(.atlas-breadcrumb,.vol2-breadcrumb){align-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0!important;padding:6px 12px!important;border:2px solid #fff;border-radius:18px;background:#fffdf4ee;box-shadow:0 4px 14px #1d4a3a26}body[data-view=catalogue] #app{position:fixed;inset:136px 16px 16px;z-index:5;display:grid;grid-template-columns:minmax(300px,340px) 1fr;grid-template-rows:auto 1fr auto;gap:12px 16px;max-width:none;margin:0;padding:0!important}body[data-view=catalogue] .atlas-breadcrumb{grid-column:1;grid-row:1}body[data-view=catalogue] .volume-hero{grid-column:1;grid-row:2;min-height:0!important;margin:0!important;padding:22px!important;display:block!important;overflow:auto;background-image:none!important}body[data-view=catalogue] .volume-hero h1{font-size:30px!important;line-height:1.2;margin:6px 0!important}body[data-view=catalogue] .volume-hero .adventure-collage{display:none!important}body[data-view=catalogue] .volume-hero .volume-count{position:static;width:auto;height:auto;display:inline-flex;flex-direction:row;gap:7px;padding:8px 11px;margin-top:14px;transform:none;white-space:nowrap}body[data-view=catalogue] .volume-hero .volume-count strong{font-size:18px}body[data-view=catalogue] .volume-hero .volume-count span{font-size:8px}body[data-view=catalogue] .volume-hero>*{width:auto!important;max-width:100%!important;flex:none!important}body[data-view=catalogue] .source-panel{grid-column:1;grid-row:3;margin:0!important;padding:8px 12px!important;max-height:84px;overflow:auto;border-radius:16px;background:#fffdf4dd;font-size:12px}body[data-view=catalogue] .catalogue-toolbar{grid-column:2;grid-row:1/4;margin:0!important;padding:18px 20px!important;overflow:auto;min-height:0;scrollbar-width:thin}body[data-view=catalogue] .lesson-art{height:130px!important;aspect-ratio:auto!important}body[data-view=catalogue] .lesson-grid{grid-auto-rows:max-content!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:16px!important}body[data-view=volume-two-home] #app{position:fixed;inset:136px 16px 16px;z-index:5;max-width:none;margin:0;padding:0!important}body[data-view=volume-two-home] .v2-library{height:100%;display:grid;grid-template-columns:minmax(300px,340px) 1fr;grid-template-rows:auto auto 1fr;gap:12px 16px;max-width:none;margin:0;padding:0}body[data-view=volume-two-home] .vol2-breadcrumb{grid-column:1;grid-row:1}body[data-view=volume-two-home] .v2-library-hero{grid-column:1;grid-row:2/4;display:block!important;align-self:start;overflow:auto;max-height:100%}body[data-view=volume-two-home] .v2-library-hero>div{padding:22px!important}body[data-view=volume-two-home] .v2-library-hero h1{font-size:30px!important;margin:8px 0 12px!important}body[data-view=volume-two-home] .v2-library-hero img{display:none}body[data-view=volume-two-home] .v2-search{grid-column:2;grid-row:1/3;align-self:start;margin:0!important;padding:10px 16px!important;display:flex;align-items:center;gap:12px}body[data-view=volume-two-home] .v2-search input{flex:1}body[data-view=volume-two-home] .v2-catalogue{grid-column:2;grid-row:3;min-height:0;overflow:auto;padding:16px!important;grid-auto-rows:max-content!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:14px!important;align-content:start;scrollbar-width:thin}body[data-view=volume-two-home] .v2-lesson-card{display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch}body[data-view=volume-two-home] .v2-lesson-card img{aspect-ratio:16/9;flex:none}body[data-view=volume-two-home] .v2-lesson-card>div{padding:12px 14px!important}}@media(max-width:899px){body:is([data-view=catalogue],[data-view=volume-two-home]) #app{padding-top:8px!important}body:is([data-view=catalogue],[data-view=volume-two-home]) :is(.catalogue-toolbar,.v2-catalogue,.v2-search){background:#fffdf4ee;border-radius:20px;padding:14px}body[data-view=catalogue] .volume-hero .adventure-collage{display:none!important}body:is([data-view=catalogue],[data-view=volume-two-home]) :is(.atlas-breadcrumb,.vol2-breadcrumb){margin-top:64px!important}body:is([data-view=catalogue],[data-view=volume-two-home]) :is(.volume-hero,.v2-library-hero){min-height:0!important}body[data-view=volume-two-home] .v2-library-hero{display:block!important}body[data-view=volume-two-home] .v2-library-hero img{display:none}body[data-view=volume-two-home] .v2-library-hero h1{font-size:30px!important}}:root{--brand-ink:#147d93}.topbar .wordmark>span{display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:36px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;color:inherit}.topbar .wordmark>span:after{content:"🌱";font-size:30px}.topbar .wordmark>b{font-family:Susu,sans-serif!important;font-size:20px!important;font-weight:700;letter-spacing:.01em!important;color:var(--brand-ink)!important;text-shadow:0 2px #fff}.topbar .wordmark small{display:none!important}.topbar>a.brand,.welcome-brand{display:inline-flex!important;align-items:center;gap:6px!important;min-height:44px;padding:6px 16px!important;border:2px solid #fff;border-radius:22px!important;background:#fffdf4f2!important;box-shadow:0 4px 14px #1d4a3a26!important;font-family:Susu,sans-serif!important;font-size:20px!important;font-weight:700!important;letter-spacing:.01em!important;color:var(--brand-ink)!important;text-decoration:none;text-shadow:none!important;white-space:nowrap}.topbar>a.brand span{display:inline!important;font-size:.8em;font-weight:600;color:#2f5a48}.welcome-brand>span{font-size:24px!important}@media(max-width:520px){.topbar .wordmark>b,.topbar>a.brand,.welcome-brand{font-size:16px!important}.topbar>a.brand{padding:5px 12px!important}.topbar>a.brand span,.topbar .lesson-label{display:none!important}.topbar:has(>.wordmark){flex-wrap:nowrap!important;gap:6px!important}.topbar>.wordmark{flex:1 1 auto!important;min-width:0!important;gap:5px!important;padding:0!important}.topbar .wordmark>span{width:28px!important;height:28px!important;min-width:28px!important}.topbar .wordmark>span:after{font-size:24px}.topbar .wordmark>b{font-size:15px!important}.topbar:has(>.wordmark) .top-actions{flex:none!important;flex-wrap:nowrap!important;gap:4px!important}}body:has(.island-nav) .topbar{position:fixed;inset:0 0 auto;z-index:45;height:60px;min-height:60px;display:flex;align-items:center;gap:12px;padding:7px 74px 7px 24px;background:linear-gradient(110deg,#f6fffcf5,#dcf6ffed);border:0;box-shadow:0 2px #ffffffa0,0 5px 22px #188eac18;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body:has(.island-nav) .wordmark{padding:0;gap:9px;flex:none;min-width:0}body:has(.island-nav) .wordmark>span{width:36px;height:36px;min-width:36px;background:none;border:0;font-size:0;box-shadow:none}body:has(.island-nav) .wordmark>span:after{content:"🌱";font-size:31px}body:has(.island-nav) .wordmark b{font-family:Susu,sans-serif;font-size:20px!important;letter-spacing:.01em;color:#147d93;text-shadow:0 2px white}body:has(.island-nav) .wordmark small,body:has(.island-nav) .lesson-label{display:none}body:has(.island-nav) .top-actions{display:flex;flex-wrap:nowrap;align-items:center;margin-left:auto;gap:8px}body:has(.island-nav) .top-button{display:flex;align-items:center;gap:5px;min-height:42px;padding:8px 13px;border:2px solid #fff;border-radius:24px;background:linear-gradient(#fff,#e9faff);color:#246784;box-shadow:0 3px #75bed12b;font-size:13px;white-space:nowrap}body:has(.island-nav) .top-button span{display:inline!important}body:has(.island-nav) .top-passport{font-family:Susu,sans-serif;background:#f6fcff;border:2px solid white;border-radius:24px;padding:10px 14px;color:#30669b;font-size:13px;white-space:nowrap;box-shadow:0 3px #75bed12b}body:has(.island-nav) .account-badge{position:fixed;top:8px;right:18px;bottom:auto;z-index:50;width:44px;height:44px;min-height:44px;max-width:44px;padding:0;overflow:hidden;display:grid;place-items:center;font-size:0;background:linear-gradient(#5cc08f,#2b8a66);border:3px solid #fff;border-radius:50%;box-shadow:0 3px #1f6e5240,0 4px 12px #1d5a4540}body:has(.island-nav) .account-badge:after{content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;font-family:Susu,sans-serif;font-size:20px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 1px #1d5a4560}body:has(.island-nav) .account-badge b,body:has(.island-nav) .account-badge small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body:has(.island-nav) .island-nav{position:absolute;top:75px;left:50%;right:auto;z-index:30;transform:translate(-50%);width:max-content;max-width:calc(100% - 300px);min-height:48px;max-height:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;padding:4px 7px;border:2px solid #eaffff;border-radius:40px;background:linear-gradient(120deg,#e9fffaef,#c9ecffe8);box-shadow:0 5px 16px #087ba534;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;margin:0}body:has(.island-nav) .island-nav button{border:0;border-radius:30px;background:transparent;min-height:40px;padding:6px 13px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-family:Susu,sans-serif;font-size:12px;font-weight:700;color:#225a70;box-shadow:none;text-align:center;flex:none}body:has(.island-nav) .island-nav [data-island-route=""]{background:#f5fff8;border:1px solid #fff;box-shadow:0 1px 6px #4dbb9c55;color:#296b5a}body:has(.island-nav) .island-nav [data-island-route]:before{font-size:23px;line-height:1}body:has(.island-nav) .island-nav [data-island-route=""]:before{content:"🗺️"}body:has(.island-nav) .island-nav [data-island-route=dao-nha]:before{content:"🏠"}body:has(.island-nav) .island-nav [data-island-route=cho-la]:before{content:"🌱"}body:has(.island-nav) .island-nav [data-island-route=ban-be]:before{content:"👥"}body:has(.island-nav) .island-nav [data-island-route=mien-tri-thuc]:before{content:"🎓"}body:has(.island-nav) .island-nav [data-island-voice]{position:absolute;left:calc(100% + 14px);top:3px;width:44px;min-height:44px;padding:0;justify-content:center;overflow:hidden;font-size:0;border:2px solid white;border-radius:50%;background:#e7faff}body:has(.island-nav) .island-nav [data-island-voice]:before{content:"🔊";font-size:22px}body:has(.island-nav) .island-nav [data-island-voice][aria-pressed=false]:before{content:"🔇"}body:has(.island-nav) .island-nav>b{position:absolute;left:calc(100% + 67px);top:3px;margin:0;height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;border:2px solid white;border-radius:25px;background:#e7faff;color:#205b7d;font-size:15px;box-shadow:0 3px #58acc128}@media(min-width:900px)and (max-width:1150px){body:has(.island-nav) .wordmark b{font-size:17px!important}body:has(.island-nav) .island-nav{left:calc(50% - 70px);max-width:calc(100% - 190px)}body:has(.island-nav) .island-nav button{padding:6px 10px;font-size:11px}body:has(.island-nav) .island-nav [data-island-route]:before{font-size:20px}}@media(max-width:899px){body:has(.island-nav) .topbar{height:56px;min-height:56px;padding:5px 52px 5px 10px;gap:4px;flex-wrap:nowrap!important}body:has(.island-nav) .wordmark{flex:1;gap:4px}body:has(.island-nav) .wordmark{min-width:0}body:has(.island-nav) .wordmark>span{width:24px;height:28px;min-width:24px}body:has(.island-nav) .wordmark>span:after{font-size:23px}body:has(.island-nav) .wordmark b{font-size:clamp(11px,2.7vw,16px)!important;white-space:nowrap}body:has(.island-nav) .top-actions{gap:3px}body:has(.island-nav) .top-button{width:32px;height:40px;min-height:40px;padding:4px;justify-content:center;font-size:14px}body:has(.island-nav) .top-button span{display:none!important}body:has(.island-nav) .top-passport{font-size:9px;padding:6px 5px}body:has(.island-nav) .account-badge{top:9px;right:8px;width:36px;max-width:36px;height:36px;min-height:36px;font-size:0;padding:0}body:has(.island-nav) .account-badge:after{font-size:17px}body:has(.island-nav) .island-nav{top:68px;left:10px;right:10px;transform:none;width:auto;max-width:none;justify-content:flex-start;gap:3px;padding:4px 5px;min-height:46px;border-radius:26px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}body:has(.island-nav) .island-nav button{padding:6px 9px;font-size:10px;min-height:36px;gap:5px}body:has(.island-nav) .island-nav [data-island-route]:before{font-size:17px}body:has(.island-nav) .island-nav [data-island-voice],body:has(.island-nav) .island-nav>b{position:static;min-width:40px;height:36px;min-height:36px;flex:none}body:has(.island-nav) .island-nav>b{font-size:12px;padding:0 9px}}@media(max-width:899px)and (orientation:landscape){body:has(.island-nav) .island-nav{top:61px;left:5%;right:5%;min-height:40px;padding:2px 5px}}@media(max-width:899px)and (orientation:portrait){body:has(.island-nav) .island-nav{top:64px;min-height:56px;padding:3px 5px;gap:2px;overflow:visible;align-items:stretch}body:has(.island-nav) .island-nav [data-island-route]{display:flex;flex:1;min-width:0;min-height:46px;padding:4px 1px;flex-direction:column;justify-content:center;gap:3px;font-size:8px;white-space:nowrap}body:has(.island-nav) .island-nav [data-island-route]:before{font-size:19px}body:has(.island-nav) .island-nav [data-island-voice]{position:absolute;top:calc(100% + 8px);left:auto;right:70px;min-height:40px;height:40px;width:40px}body:has(.island-nav) .island-nav>b{position:absolute;top:calc(100% + 8px);left:auto;right:0;min-height:40px;height:40px;font-size:12px;padding:0 12px}}body:has(.island-nav):not(:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])) :is(#app,#readingApp,#writingApp){padding-top:76px}body:has(.island-nav):not(:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])) .island-nav{position:sticky;top:74px;left:auto;right:auto;transform:none;width:max-content;max-width:calc(100% - 160px);margin:0 auto 24px;overflow:visible}body:has(.island-nav):not(:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])) #app{margin-top:0!important}body:has(.island-nav):not(:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])) #globalAudioStatus{display:none!important}body:has(.island-nav) a.wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;background:none;border:0;box-shadow:none}body:has(.island-nav) .island-nav [data-island-route]{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 13px;border:1px solid transparent;border-radius:30px;background:transparent;box-shadow:none;font:700 12px Susu,sans-serif;color:#225a70;white-space:nowrap;text-decoration:none}body:has(.island-nav) .island-nav [data-island-route][aria-current=page]{background:#f5fff8;border-color:#fff;box-shadow:0 1px 6px #4dbb9c55;color:#296b5a}body:has(.island-nav) .island-nav [data-island-route]:focus-visible{outline:3px solid #286557;outline-offset:2px}body:has(.island-nav) .wordmark b{color:#147d93!important}body:has(.island-nav) .top-passport{max-width:130px;overflow:hidden;text-overflow:ellipsis}body:has(.island-nav) .account-badge{z-index:50!important}@media(max-width:899px){body:has(.island-nav):not(:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])) :is(#app,#readingApp,#writingApp){padding-top:72px}body:has(.island-nav):not(:is([data-view=islands-map],[data-view=knowledge-map],[data-view=islands-home],[data-view=islands-shop])) .island-nav{top:64px;width:100%;max-width:100%;margin-bottom:24px}body:has(.island-nav) .island-nav [data-island-route]{flex:1;min-width:0;min-height:46px;padding:4px 1px;flex-direction:column;justify-content:center;gap:3px;font-size:8px;line-height:1.15;white-space:normal;text-align:center}body:has(.island-nav) .island-nav [data-island-route]:before{font-size:19px}body:has(.island-nav) a.wordmark{flex:1;min-width:0;gap:4px}}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]){margin:0;padding:0;min-height:100dvh;background:#edf3e5!important}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]):before,body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]):after{display:none!important;background-image:none!important}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]) #app{box-sizing:border-box;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important}body[data-view] .story-page .story-shell .story-playfield{background:#cce5dc var(--task-scene) center/cover no-repeat!important}body[data-view] .story-page .story-shell .story-playfield .case-workspace.story-workspace{background:transparent!important;background-image:none!important}body[data-view] .story-page .story-shell .story-scene{display:none!important}body[data-view] .story-page .story-shell .story-workspace:after{display:none!important}body[data-view] .story-page .story-shell{border:0;border-radius:0;box-shadow:none;margin:0;max-width:none;width:100%}body[data-view] .story-page .game-focus-bar,body[data-view] #app>.game-focus-bar,body[data-view] .v2-play>.game-focus-bar,body[data-view] .vol2-play>.game-focus-bar,body[data-view] .b8-page>.game-focus-bar{border-radius:0;margin:0!important;max-width:none;width:100%;box-sizing:border-box}body[data-view] .story-page .game-focus-jump,body[data-view] #app>.game-focus-jump,body[data-view] .v2-play>.game-focus-jump{flex-shrink:0;margin:0;border-radius:0}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]) .game-focus-bar{padding-right:64px}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]) #susuLanguage{display:grid!important;right:10px}body[data-view=volume-two-game] .v2-game{border:0;border-radius:0;box-shadow:none}body[data-view=volume-two-game] .v2-play{gap:0}body[data-view=volume-two-game] .v2-stage{background:#cce5dc var(--v2-scene) center/cover no-repeat!important}body[data-view=volume-two-game] .v2-stage-art{display:none}body[data-view=volume-two-game] .v2-stage>*{min-width:0;max-width:100%}body[data-view=volume-two-game] .vol2-play{max-width:none;width:100%;margin:0}body[data-view=volume-two-game] .bee-game{border:0;border-radius:0;box-shadow:none;margin:0}body:has(#readingApp>.playbar),body[data-in-lesson=true]{margin:0;padding:0;min-height:100dvh}body:has(#readingApp>.playbar) #readingApp,body[data-in-lesson=true] #writingApp{box-sizing:border-box;width:100%!important;max-width:none!important;min-height:100dvh;margin:0!important}body:has(#readingApp>.playbar) #readingApp>.stage,body[data-in-lesson=true] #writingApp>.lesson-stage{width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}body:has(#readingApp>.playbar) .stage-card,body[data-in-lesson=true] .lesson-paper{border:0;border-radius:0;box-shadow:none;margin:0}body:has(#readingApp>.playbar) .playbar,body[data-in-lesson=true] .mini-nav{border-radius:0;margin:0;box-sizing:border-box;padding-right:72px;max-width:none!important;width:100%!important}body:has(#readingApp>.playbar) #susuLanguage,body[data-in-lesson=true] #susuLanguage{right:12px}body:has(#readingApp>.playbar) .susu-fab,body[data-in-lesson=true] .susu-fab{bottom:225px}body[data-view=volume-two-game] .susu-fab{bottom:125px}body:has(#readingApp>.playbar)>.account-sync,body[data-in-lesson=true]>.account-sync{bottom:max(8px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%)}body:has(#readingApp>.playbar) .dock,body[data-in-lesson=true] .stage-nav{padding-bottom:44px!important}html[data-account-sync=local] body:has(#readingApp>.playbar) .dock,html[data-account-sync=local] body[data-in-lesson=true] .stage-nav{padding-bottom:80px!important}body[data-history-play=true]{padding:0!important;min-height:100dvh}body[data-history-play=true]>.wrap{width:100%;max-width:none!important;min-height:100dvh;margin:0;padding:0}body[data-history-play=true] #main{margin:0;padding:12px;min-width:0}body[data-history-play=true] #nav{border-radius:0;box-sizing:border-box;padding-right:116px}body[data-history-play=true] :is(.history-local-note,.history-reward){margin-left:12px;margin-right:12px}body[data-history-play=true] .pkf,body[data-history-play=true] .pkf>label{min-width:0;max-width:100%}body[data-history-play=true] .pkf :is(select,input,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0}@media(min-width:900px){:root{--play-frame-height:100dvh;--play-frame-width:100vw}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]){overflow:hidden}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]) #app{height:100dvh!important;display:flex;flex-direction:column;gap:0;min-height:0!important}body[data-view] #app>:is(.story-page,.b8-page,.v2-play){display:flex;flex-direction:column;flex:1;min-height:0;height:100%;width:100%;gap:0;margin:0;max-width:none}body[data-view] #app .game-focus-bar{flex-shrink:0}body[data-view] .story-page .story-shell,body[data-view] .v2-play .v2-game{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}body[data-view] .story-page .story-heading,body[data-view] .story-page .story-context{flex-shrink:0}body[data-view] .story-page .story-playfield{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}body[data-view] .story-page .b2-action-dock{position:relative;flex-shrink:0;bottom:auto;margin:0}body[data-view] #app>.b2-game-layout,body[data-view] #app>.safety-game-layout{flex:1;min-height:0;overflow:auto;margin:0}body[data-view=safety-game] .safety-question{height:100%;display:flex;flex-direction:column;min-height:0;border-radius:0}body[data-view=safety-game] .safety-question>.play-viewport-content{flex:1;min-height:0;overflow:auto}body[data-view=safety-game] .safety-question>.b2-action-dock{position:relative;flex-shrink:0}body[data-view=safety-game] .safety-companion{max-height:100%;overflow:auto}body[data-view=volume-two-game] .v2-game>header,body[data-view=volume-two-game] .v2-buddy-row,body[data-view=volume-two-game] .v2-action-row{flex-shrink:0}body[data-view=volume-two-game] .v2-stage{flex:1;min-height:0;overflow:auto}body[data-view=volume-two-game] #app>.vol2-play{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}body[data-view=volume-two-game] .bee-game{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}body[data-view=volume-two-game] .bee-game>.bee-stage{flex:1;min-height:0;height:auto;overflow:auto}body[data-view=volume-two-game] .bee-game>:is(header,.bee-actions,#feedback,#vol2HintBox){flex-shrink:0}body[data-view=volume-two-game] .bee-garden{height:100%;min-height:0}body:has(#readingApp>.playbar) #readingApp,body[data-in-lesson=true] #writingApp{height:100dvh;display:flex;flex-direction:column;min-height:0;overflow:hidden}body:has(#readingApp>.playbar) #readingApp>:is(.playbar,.progress),body[data-in-lesson=true] #writingApp>:is(.mini-nav,.trail){flex-shrink:0}body:has(#readingApp>.playbar) #readingApp>.stage,body[data-in-lesson=true] #writingApp>.lesson-stage{flex:1;min-height:0;padding:0;overflow:hidden}body:has(#readingApp>.playbar) .stage-card,body[data-in-lesson=true] .lesson-paper{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}body:has(#readingApp>.playbar) .play-viewport-content,body[data-in-lesson=true] .play-viewport-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}body:has(#readingApp>.playbar) .dock,body[data-in-lesson=true] .stage-nav{position:relative;flex-shrink:0;inset:auto}body[data-in-lesson=true] .buddy-side{max-height:100%;overflow:auto}body[data-history-play=true]{overflow:hidden}body[data-history-play=true]>.wrap{height:100dvh;min-height:0;display:flex;flex-direction:column}body[data-history-play=true] #nav{flex-shrink:0;position:relative;top:auto;margin:0}body[data-history-play=true] #main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}body[data-history-play=true] .history-local-note{display:none}}body:has(.obstacle-run),body:has(.dairy-game){overflow:auto!important}body:has(.obstacle-run) #app,body:has(.dairy-game) #app{display:block!important;height:auto!important;min-height:100dvh!important}@media(max-width:899px){body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]){overflow:auto}body:is([data-view=math-journey-game],[data-view=lesson-two-game],[data-view=volume-two-game],[data-view=safety-game]) #app{height:auto!important;padding-bottom:110px!important}body[data-view] .story-page .story-playfield .story-guide.companion{background:transparent!important}body[data-view] .story-page{margin:0;max-width:none;width:100%}body[data-view=volume-two-game] .v2-stage{grid-template-columns:minmax(0,1fr)!important}body:has(#readingApp>.playbar) #readingApp>.stage,body[data-in-lesson=true] #writingApp>.lesson-stage{padding-bottom:210px}body:has(#readingApp>.playbar) .playbar,body[data-in-lesson=true] .mini-nav{padding-right:68px}body[data-history-play=true] #nav{padding-right:104px!important}body:has(.obstacle-run) #app,body:has(.dairy-game) #app{padding-bottom:0!important}body[data-view=safety-game] .safety-game-layout{display:flex;flex-direction:column;gap:16px;margin:0}body[data-view=safety-game] .safety-question{width:100%;min-width:0;border-radius:0}body[data-view=safety-game] .safety-companion{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center;padding:12px;max-width:100%;min-width:0}body[data-view=safety-game] .safety-companion .b2-buddy{width:80px;height:80px;margin:0}body[data-view=safety-game] .safety-companion .b2-speech{width:100%;min-width:0;margin:0}body[data-view=safety-game] .safety-companion :is(.safe-real-help,.mam-ai-panel){grid-column:1/-1;max-width:100%;width:100%;min-width:0;margin:0;white-space:normal}}body:is([data-view=islands-friends],[data-view=islands-room]){height:100dvh;min-height:0;overflow:hidden;background:#70cbd3;color:#254a3b}body:is([data-view=islands-friends],[data-view=islands-room])>:is(.topbar,.global-audio-bar,.footer,.account-badge,.account-sync,.susu-fab){display:none!important}body:is([data-view=islands-friends],[data-view=islands-room]) #app{width:100%;height:100dvh;min-height:0;max-width:none;padding:0!important;margin:0;overflow:hidden}body:is([data-view=islands-friends],[data-view=islands-room]) #susuLanguage.susu-language{position:fixed;top:calc(env(safe-area-inset-top,0px) + 20px);left:auto;right:23px;z-index:80;width:42px;height:42px;min-width:42px;min-height:42px;background:#fffaf0;color:#345544;border-color:#fff}.friend-world{position:relative;width:100%;height:100%;min-height:0;isolation:isolate;overflow:hidden;font-family:Susu,sans-serif;color:#254a3b}.friend-world [hidden]{display:none!important}.friend-background{position:absolute;inset:0;z-index:-3;background:#71cbd2}.friend-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.friend-world:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#173b3c1a,transparent 22%,transparent 72%,#1a514b50)}.friend-hud{position:absolute;left:18px;right:18px;top:calc(env(safe-area-inset-top,0px) + 12px);display:flex;gap:12px;align-items:center;z-index:10;min-height:58px;padding:7px 61px 7px 8px;border:1px solid #fff9eac9;border-radius:23px;background:linear-gradient(120deg,#fffdf1f5,#fff8e0df);box-shadow:0 7px 23px #294a3724;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.friend-world button,.friend-world a{touch-action:manipulation}.friend-world button:focus-visible,.friend-world a:focus-visible{outline:3px solid #1a6d62;outline-offset:4px}.friend-hud .friend-icon-button,.friend-icon-button{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #d6dcbf;border-radius:16px;background:#fffef5;color:#2f5d49;box-shadow:0 3px #d5d0a7;font:700 21px Susu,sans-serif;text-decoration:none;cursor:pointer}.friend-brand{flex:1;font-size:17px;letter-spacing:.09em;font-weight:900}.friend-room-title{display:grid;gap:3px;flex:1;min-width:0}.friend-room-title span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#687553}.friend-room-title b{font-size:16px;line-height:1.3}.friend-room-code{flex:none;display:grid;text-align:center;gap:1px;border:1px solid #dbc48b;border-radius:14px;padding:4px 17px;background:#fff0c7;color:#6a5129;cursor:pointer;box-shadow:0 2px #d2b877}.friend-room-code small{font-size:8px;font-weight:800;letter-spacing:.12em}.friend-room-code b{font-size:19px;letter-spacing:.13em;line-height:1.3}.friend-lobby-title{position:absolute;left:8%;top:18%;max-width:530px;filter:drop-shadow(0 3px 5px #e8e0b977)}.friend-lobby-title>span{display:inline-block;background:#fffdf2e8;border:1px solid #fff8d4;border-radius:20px;padding:7px 14px;font-weight:800;font-size:11px;letter-spacing:.15em;box-shadow:0 4px 12px #35532d15}.friend-lobby-title h1{font-size:clamp(38px,5.6vw,78px);letter-spacing:-.05em;line-height:1.12;margin:13px 0 12px;color:#1c5248;text-shadow:0 3px 0 #fff6d7,2px 0 #fff6d7,-2px 0 #fff6d7,0 -2px #fff6d7}.friend-lobby-title p{display:inline-block;max-width:400px;color:#294c37;background:#fffbeeef;font-size:15px;line-height:1.6;margin:0;padding:8px 14px;border-radius:14px}.friend-welcome-mam{position:absolute;left:44%;bottom:19%;width:clamp(125px,14vw,210px);aspect-ratio:1;filter:drop-shadow(0 14px 6px #74572e3b)}.friend-lobby-actions{position:absolute;left:8%;bottom:max(5%,env(safe-area-inset-bottom,0px));width:min(355px,calc(100% - 36px));display:grid;gap:11px;padding:20px;background:#fffdf0ed;border:2px solid #fff7e3;border-radius:25px;box-shadow:0 10px 25px #324b3330;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.friend-gold,.friend-cream{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 22px;border:2px solid #ffefbb;border-radius:17px;font:800 15px Susu,sans-serif;cursor:pointer;text-decoration:none;color:#583e1e;background:linear-gradient(#ffe7a0,#efc363);box-shadow:0 5px #b38b40,0 7px 15px #543e1e24;text-align:center;line-height:1.4}.friend-cream{background:linear-gradient(#fffef4,#f5efd6);border-color:#fffdf3;color:#345c43;box-shadow:0 4px #acb695,0 5px 12px #354a3420}.friend-gold:hover,.friend-cream:hover{filter:brightness(1.035)}.friend-gold:active,.friend-cream:active{translate:0 2px;box-shadow:0 2px #a99151}.friend-world button:disabled{cursor:default}.friend-gold:disabled,.friend-cream:disabled{filter:saturate(.45);box-shadow:0 2px #b8ab88;color:#625941}.friend-lobby-actions>a{font-size:12px;font-weight:700;color:#315f50;text-align:center;padding:7px 3px;text-underline-offset:4px}.friend-lobby-actions>small{font-size:10px;line-height:1.6;color:#50634d;text-align:center}.friend-community{position:absolute;top:calc(env(safe-area-inset-top,0px) + 90px);left:25px;display:flex;gap:12px;align-items:center;max-width:300px;padding:12px 16px;border:1px solid #fff7de;border-radius:19px;background:#fffbeced;box-shadow:0 6px 15px #2e4c3b25;z-index:3}.friend-community>span{font-size:29px;color:#b1842f}.friend-community b{font-size:13px}.friend-community small{font-size:10px;color:#4d6249;display:block;margin-top:4px}.friend-community-track{height:7px;border-radius:12px;background:#e2e3c8;width:190px;overflow:hidden;margin-top:6px}.friend-community-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ca885,#9dc982);transition:width .4s}.friend-trail{position:absolute;inset:0;pointer-events:none;z-index:2}.friend-waypoint{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:58px;height:48px;display:grid;place-items:center;border:3px solid #fff4c9;border-radius:50%;background:linear-gradient(#fffce0,#dcc89c);box-shadow:0 6px #8c7549,0 10px 10px #604e2b3a;font:900 19px Susu,sans-serif;color:#70633e;pointer-events:auto;transform:rotateX(18deg)}.friend-waypoint:disabled{opacity:.8}.friend-waypoint.visited{background:linear-gradient(#d8ecd6,#abc9a5);border-color:#f5ffe5;color:#315740;opacity:1}.friend-waypoint.correct{background:linear-gradient(#d9efaf,#7ab781);color:#22533c}.friend-waypoint.incorrect{background:linear-gradient(#f4dfbf,#d6b78b);color:#72563b}.friend-waypoint.current{color:#75501e;background:linear-gradient(#fff1a8,#f0c65b);border-color:#fffce3;box-shadow:0 6px #ac7e34,0 0 0 7px #fff5b159,0 0 30px #fff0a6;animation:friend-station-glow 3s ease-in-out infinite;cursor:pointer}.friend-waypoint.current span{display:block;animation:friend-flag-bob 3s ease-in-out infinite}.friend-runner{position:absolute;left:var(--x);top:var(--y);translate:-50% -96%;width:clamp(100px,9vw,146px);height:clamp(100px,9vw,146px);z-index:4;pointer-events:none;transition:left 1.1s ease-in-out,top 1.1s ease-in-out;filter:drop-shadow(0 10px 5px #67502e40)}.friend-runner>.mam-avatar{width:100%;height:100%;min-height:0}.friend-runner>span:last-child{position:absolute;top:100%;left:50%;translate:-50% 4px;padding:4px 10px;white-space:nowrap;border:1px solid #fff6da;border-radius:15px;background:#fffdf3ed;font-size:10px;font-weight:800;color:#35523f}.friend-world[data-phase=moving] .friend-runner .mam-sprite{animation:friend-running .19s ease-in-out infinite alternate}.friend-world[data-phase=moving] .friend-waypoint{pointer-events:none}.friend-game-dock{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 15px);translate:-50% 0;z-index:8;display:flex;align-items:center;gap:16px;padding:12px 18px;background:#fffdf1f2;border:2px solid #fff9e2;border-radius:24px;box-shadow:0 7px 20px #344b3238;max-width:calc(100% - 32px);width:max-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.friend-game-dock p{font-size:13px;line-height:1.5;margin:0;max-width:235px}.friend-game-dock>span{font-size:12px;font-weight:800;white-space:nowrap}.friend-game-dock .friend-gold{min-width:190px}.friend-feedback{position:absolute;left:50%;bottom:125px;translate:-50% 0;z-index:7;max-width:min(510px,calc(100% - 35px));text-align:center;border-radius:20px;background:#fffcebfa;box-shadow:0 5px 20px #38513a2b;color:#31573e;font-size:14px;line-height:1.6}.friend-feedback:empty{display:none}.friend-feedback p{padding:0 18px 15px;margin:0}.friend-feedback .mam-cheer-caption{font-size:12px;padding:0 18px 13px;margin:0}.friend-result-icon{display:block;font-size:30px;color:#b18b36;padding-top:8px}.friend-status{position:absolute;left:50%;top:90px;translate:-50% 0;z-index:15;background:#fffbedf5;padding:10px 17px;max-width:min(480px,calc(100% - 40px));border:1px solid #e1d9ac;border-radius:17px;font-size:13px;text-align:center;box-shadow:0 4px 13px #3c4d2b1f}.friend-status:empty{display:none}.friend-panel{width:min(860px,calc(100vw - 28px));max-width:none;max-height:min(90dvh,calc(var(--visible-height,100dvh) - 22px));margin:auto;padding:23px;border:3px solid #fff4d1;border-radius:27px;background:linear-gradient(135deg,#fffdf5,#fff7e7);color:#2a4e3a;box-shadow:0 20px 70px #153d3d73;font:400 16px/1.6 Susu,sans-serif;overscroll-behavior:contain;scrollbar-width:thin;overflow:auto;scroll-padding:20px}.friend-panel::backdrop{background:#153c3b6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.friend-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:-23px;z-index:12;margin:-1px -1px 18px;padding:8px 0 14px;background:#fffbee;border-bottom:1px solid #e0dfc3}.friend-panel>header span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#657654}.friend-panel>header h2{font-size:25px;margin:4px 0 0;line-height:1.3;color:#2d553d}.friend-panel>header button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #d0d5b5;border-radius:15px;background:#f5f3df;color:#405c41;font-size:20px;cursor:pointer}.friend-panel label{display:grid;gap:7px;font-size:14px;font-weight:700;margin:17px 0}.friend-panel :is(input,select,textarea){width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid #b8c8ad;border-radius:13px;padding:11px 13px;color:#2d503c;background:#fffef7;font:400 16px/1.5 Susu,sans-serif}.friend-panel :is(input,select,textarea):focus-visible{outline:3px solid #92bda0;outline-offset:2px}.friend-panel p{line-height:1.7}.friend-panel .friend-small{font-size:12px;color:#4b6249;line-height:1.7}.friend-panel>div>.friend-gold,.friend-panel>div>.friend-cream{margin-top:12px}.friend-panel #friendPanelStatus{color:#765129;background:#fff1ca;border-radius:13px;padding:10px 14px;font-size:13px;position:sticky;bottom:-15px;z-index:13}.friend-panel #friendPanelStatus:empty{display:none}.friend-help{padding-left:24px}.friend-help li{padding:8px 0}.friend-question-title{font-size:21px;font-weight:900;color:#2e5740;margin:0 0 9px}.friend-question-context{font-size:14px;color:#415c43;background:#eef1df;padding:13px 16px;border:1px solid #d9dfc2;border-radius:15px;margin:0 0 18px}.friend-panel .case-workspace{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0;max-width:none;display:block}.friend-panel :is(.playbill,.case-reflection){display:none!important}.friend-panel .mission-part{background:#fffdf2!important;border:1px solid #d3d9bb;border-radius:18px;padding:18px;margin:0;min-width:0}.friend-panel .part-heading h3{font-size:20px;line-height:1.6;color:#2d523b}.friend-panel .part-heading>span{display:none}.friend-panel .game-parts{margin:0;display:block}.friend-panel :is(.case-numeric,.column-workspace){max-width:100%}.friend-panel .sgk-figure{max-width:100%}.friend-panel :is(.authored-visual,.case-diagrams){max-width:100%;overflow:auto}.friend-panel #roomSubmit{position:sticky;bottom:0;z-index:10;display:flex;margin:16px 0 8px auto;max-width:100%}.friend-menu{display:grid;gap:12px}.friend-menu button,.friend-board-row button{min-height:46px;border:1px solid #c2d0b4;border-radius:15px;background:#f2f2df;color:#36583f;padding:12px;font:700 14px Susu,sans-serif;text-align:left;cursor:pointer}.friend-board-row{display:flex;gap:13px;align-items:center;padding:15px 8px;border-bottom:1px solid #e2dec1}.friend-board-row>span{font-size:25px;min-width:30px}.friend-board-row>div{flex:1;min-width:0}.friend-board-row b{font-size:15px;overflow-wrap:anywhere}.friend-board-row small{display:block;font-size:12px;color:#5b6b4d}.friend-board-row.is-me{background:#e9f2dc;border-radius:14px}.friend-panel details{margin:18px 0}.friend-finish{text-align:center}.friend-finish>span{display:block;color:#dfb451;font-size:65px}.friend-finish h3{font-size:31px;margin:8px 0}.friend-finish button{margin:10px 6px}.friend-sea-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:repeating-radial-gradient(ellipse at 1% 82%,transparent 0 90px,#fff4bd13 92px,transparent 97px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 83%,#000);mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 83%,#000);animation:friend-water 9s ease-in-out infinite}.friend-birds{position:absolute;top:16%;left:52%;font-size:30px;letter-spacing:9px;color:#fff8db;text-shadow:0 2px 2px #516b6452;pointer-events:none;animation:friend-birds 22s linear infinite}.friend-fireflies{position:absolute;inset:0;pointer-events:none;z-index:1}.friend-fireflies i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff0b8;box-shadow:0 0 12px #ffffc7;left:29%;top:47%;animation:friend-spark 6s ease-in-out infinite}.friend-fireflies i:nth-child(2){left:79%;top:38%;animation-delay:-2s}.friend-fireflies i:nth-child(3){left:66%;top:62%;animation-delay:-4s}.friend-library-glow{position:absolute;right:17%;top:25%;width:9%;height:16%;border-radius:50%;pointer-events:none;background:radial-gradient(#fff4a599,transparent 70%);mix-blend-mode:screen;opacity:0}.friend-library-glow.lit{opacity:1;animation:friend-station-glow 4s ease-in-out infinite}@keyframes friend-station-glow{50%{filter:brightness(1.14)}}@keyframes friend-flag-bob{50%{transform:translateY(-3px)}}@keyframes friend-running{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-7px) rotate(5deg)}}@keyframes friend-water{50%{transform:translate(6px,4px);opacity:.5}}@keyframes friend-birds{0%{transform:translate(-100px)}to{transform:translate(220px)}}@keyframes friend-spark{0%,to{opacity:.1;transform:translateY(6px)}50%{opacity:.9;transform:translateY(-12px)}}@media(max-width:900px){.friend-hud{gap:8px}.friend-room-title b{font-size:14px}.friend-lobby-title{left:6%;max-width:45%}.friend-lobby-title p{font-size:13px}.friend-lobby-actions{left:6%;width:310px}.friend-welcome-mam{left:53%;bottom:20%;width:150px}.friend-game-dock{gap:12px}.friend-game-dock p{max-width:160px;font-size:12px}.friend-community{max-width:245px}.friend-community-track{width:150px}.friend-waypoint{width:49px;height:43px;font-size:17px}.friend-runner{width:103px;height:103px}}@media(max-aspect-ratio:4/5){.friend-background img{object-position:center}.friend-lobby-title{top:14%;left:50%;translate:-50% 0;width:calc(100% - 35px);max-width:550px;text-align:center}.friend-lobby-title h1{font-size:clamp(34px,7.5vw,54px);margin:10px 0}.friend-lobby-title p{font-size:12px}.friend-lobby-title>span{font-size:9px}.friend-lobby-actions{left:50%;translate:-50% 0;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:min(355px,calc(100% - 34px));padding:16px;gap:9px}.friend-welcome-mam{left:50%;translate:-50% 0;bottom:35%;width:145px}.friend-waypoint{left:var(--mx);top:var(--my);width:45px;height:40px;font-size:16px}.friend-runner{left:var(--mx);top:var(--my);width:90px;height:90px}.friend-runner>span:last-child{font-size:9px;padding:3px 8px}.friend-community{left:14px;top:calc(env(safe-area-inset-top,0px) + 87px);padding:9px 12px;gap:8px;max-width:230px}.friend-community b{font-size:11px}.friend-community small{font-size:9px}.friend-community-track{width:145px}.friend-community>span{font-size:24px}.friend-game-dock{width:calc(100% - 24px);max-width:none;gap:9px;flex-wrap:wrap;justify-content:space-between;padding:11px 13px;bottom:calc(env(safe-area-inset-bottom,0px) + 9px);border-radius:21px}.friend-game-dock p{font-size:11px;max-width:calc(100% - 85px)}.friend-game-dock>.friend-gold{order:3;flex-basis:100%;min-height:46px;font-size:14px;padding:10px}.friend-game-dock>span{font-size:10px}.friend-feedback{bottom:150px;font-size:12px;width:max-content}.friend-feedback p{padding:0 13px 10px}.friend-feedback .mam-cheer-caption{font-size:10px}.friend-result-icon{font-size:23px;padding-top:5px}.friend-birds{top:18%;font-size:24px}.friend-status{top:160px;font-size:12px}.friend-library-glow{top:19%;right:20%;width:15%}}@media(max-width:600px){.friend-hud{top:calc(env(safe-area-inset-top,0px) + 9px);left:10px;right:10px;padding:6px 51px 6px 6px;gap:6px;border-radius:20px;min-height:56px}.friend-hud .friend-icon-button{width:36px;height:38px;font-size:18px;border-radius:13px}.friend-room-title span{font-size:7px;letter-spacing:.06em}.friend-room-title b{font-size:11px}.friend-room-code{padding:5px 7px;border-radius:12px}.friend-room-code b{font-size:13px;letter-spacing:.08em}.friend-room-code small{font-size:6px}.friend-brand{font-size:14px}.friend-panel{padding:17px;width:calc(100vw - 18px);max-height:min(94dvh,calc(var(--visible-height,100dvh) - 14px));border-radius:23px}.friend-panel>header{top:-17px;padding-top:5px}.friend-panel>header h2{font-size:22px}.friend-question-title{font-size:18px}.friend-question-context{font-size:13px}.friend-panel .mission-part{padding:14px}.friend-panel .part-heading h3{font-size:18px}.friend-panel .friend-gold,.friend-panel .friend-cream{font-size:14px}.friend-panel #roomSubmit{width:100%}.friend-panel .friend-small{font-size:11px}body:is([data-view=islands-friends],[data-view=islands-room]) #susuLanguage.susu-language{right:17px;top:calc(env(safe-area-inset-top,0px) + 22px);width:34px;height:34px;min-width:34px;min-height:34px;font-size:10px}.friend-panel .case-order-slots{flex-wrap:wrap}.friend-panel .order-rail{overflow:auto}.friend-panel .friend-board-row b{font-size:13px}}@media(max-height:550px)and (min-aspect-ratio:4/5){.friend-lobby-title{top:21%;max-width:40%}.friend-lobby-title h1{font-size:36px}.friend-lobby-title>span{font-size:8px}.friend-lobby-title p{font-size:11px}.friend-lobby-actions{left:auto;right:5%;bottom:7%;width:280px;padding:14px;gap:8px}.friend-welcome-mam{width:120px;left:43%;bottom:19%}.friend-lobby-actions .friend-gold,.friend-lobby-actions .friend-cream{min-height:42px;font-size:12px;padding:10px}.friend-lobby-actions small{font-size:8px}.friend-community{top:80px;padding:8px 12px;scale:.85;transform-origin:top left}.friend-game-dock{padding:8px 12px;bottom:9px}.friend-game-dock p{display:none}.friend-game-dock .friend-gold{min-height:40px;font-size:12px}.friend-feedback{bottom:82px;font-size:11px}.friend-feedback .mam-cheer-caption{display:none}.friend-feedback p{padding-bottom:8px}.friend-runner{width:90px;height:90px}.friend-waypoint{width:42px;height:36px;font-size:14px}}.friend-panel .studio-illustration{display:none!important}@media(max-aspect-ratio:4/5){.friend-feedback{top:170px;bottom:auto}}@media(prefers-reduced-motion:reduce){.friend-world :is(.friend-waypoint,.friend-waypoint span,.friend-sea-light,.friend-birds,.friend-fireflies i,.friend-library-glow,.mam-sprite,.mam-particles i){animation:none!important}.friend-runner,.friend-community-track i{transition:none!important}}#susuSoundSettings{position:fixed;left:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:42;width:44px;height:44px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#f4fbf0ee;color:#35684f;box-shadow:0 3px 12px #254e342b;font:20px Susu,system-ui;cursor:pointer;touch-action:manipulation}#susuSoundSettings[hidden]{display:none!important}body.teacher-space #susuSoundSettings{bottom:calc(78px + env(safe-area-inset-bottom))}#susuSoundDialog{width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:22px;border:1px solid #cfddbe;border-radius:22px;background:#fffdf2;color:#315944;font:15px/1.6 Susu,system-ui;box-shadow:0 18px 70px #1b493a40}#susuSoundDialog::backdrop{background:#163b3755;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#susuSoundDialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}#susuSoundDialog h2{font-size:21px;margin:0}#susuSoundDialog header button{width:44px;height:44px;border:0;border-radius:50%;background:#edf3e4;color:#355d46;font:24px Susu,system-ui}#susuSoundDialog label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0;font-weight:700;min-height:44px}#susuSoundDialog input[type=checkbox]{width:23px;height:23px;accent-color:#357553}#susuSoundDialog input[type=range]{width:100%;min-height:44px;accent-color:#357553}#susuSoundTest{border:0;border-radius:12px;background:#347052;color:#fff;min-height:44px;padding:10px 16px;font:700 14px Susu,system-ui;cursor:pointer}#susuSoundDialog p{font-size:12px;color:#5d7053;margin:16px 0 0}#susuSoundDialog :focus-visible,#susuSoundSettings:focus-visible{outline:3px solid #c2953c;outline-offset:3px}@media print{#susuSoundSettings,#susuSoundDialog{display:none!important}}.mam-avatar[data-costume=shipper]:not([data-costume=leaf]) .mam-sprite{background-image:url(/assets/ratio-warehouse/susu-worker-v2.webp);background-size:400% 400%;background-position:var(--shipper-x,0%) var(--shipper-y,0%);background-repeat:no-repeat;clip-path:none}.goods-sprite.goods-shipper{background-image:url(/assets/ratio-warehouse/susu-worker-v2.webp);background-size:400% 400%;background-position:0% 0%;background-repeat:no-repeat}.obstacle-track .obstacle-runner[data-costume=shipper] .obstacle-mam{background-image:url(/assets/ratio-warehouse/susu-worker-v2.webp);background-size:400% 400%;background-position:0% 0%;clip-path:none}.obstacle-track[data-phase=running] .obstacle-runner[data-costume=shipper] .obstacle-mam{background-position:0% 33.333333%;animation:shipper-run-frames .65s steps(4) infinite}.obstacle-track[data-phase=jumping] .obstacle-runner[data-costume=shipper] .obstacle-mam,.obstacle-track[data-phase=cleared] .obstacle-runner[data-costume=shipper] .obstacle-mam{background-position:33.333333% 100%}@keyframes shipper-run-frames{to{background-position-x:133.333333%}}@media(prefers-reduced-motion:reduce){.obstacle-track .obstacle-runner[data-costume=shipper] .obstacle-mam{animation:none!important}}.adaptive-page{max-width:1100px;margin:auto;padding:20px 24px 100px;color:#294f40}.adaptive-hero{display:flex;align-items:center;gap:24px;padding:28px 0}.adaptive-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:12px 0}.adaptive-hero p{max-width:640px;line-height:1.7}.adaptive-mam{width:140px;height:140px;flex:none;background:url(/assets/islands/mam-poses.webp) 0 0/400% 200% no-repeat}.adaptive-session,.adaptive-topic,.adaptive-empty,.adaptive-home-card{background:#fffdf2;border:1px solid #d4dfc6;border-radius:22px;padding:24px;box-shadow:0 6px 20px #274e3410}.adaptive-kicker,.adaptive-topic>span,.adaptive-home-card span{font-size:12px;font-weight:800;letter-spacing:.06em;color:#5d6c37}.adaptive-session{margin:10px 0 28px}.adaptive-session progress{width:100%;height:12px;accent-color:#358168}.adaptive-session ol{list-style:none;padding:0}.adaptive-session li{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #dbe2ce}.adaptive-session small{display:block;margin-top:8px}.adaptive-page button,.adaptive-page a{min-height:44px;cursor:pointer}.adaptive-page button:disabled{opacity:.7;cursor:default}.adaptive-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.adaptive-options>h2,.adaptive-note,.adaptive-empty{grid-column:1/-1}.adaptive-topic{display:flex;flex-direction:column;gap:12px}.adaptive-topic h3,.adaptive-topic p{margin:0}.adaptive-topic h3{font-size:22px}.adaptive-topic p,.adaptive-note{line-height:1.6}.adaptive-topic .play-button{margin-top:auto}.adaptive-home-card{max-width:1100px;margin:20px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#294f40}.adaptive-home-card h2{font-size:24px;margin:8px 0}.adaptive-home-card p{margin:0;line-height:1.6}.adaptive-session-back{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));z-index:76;max-width:calc(100vw - 130px);border:2px solid #d6e2c7;border-radius:99px;background:#fffdf2;color:#245d49;padding:12px 16px;min-height:44px;font:700 14px Susu,system-ui;box-shadow:0 4px 12px #244b3422;cursor:pointer}@media(max-width:700px){.adaptive-page{padding:16px 14px 110px}.adaptive-hero{gap:12px;align-items:flex-start}.adaptive-mam{width:76px;height:76px}.adaptive-hero h1{font-size:28px}.adaptive-options{grid-template-columns:1fr}.adaptive-home-card{margin:16px 12px;align-items:stretch;flex-direction:column;padding:20px}.adaptive-session li{align-items:stretch;flex-direction:column}.adaptive-topic{padding:20px}.adaptive-session-back{font-size:12px;padding:10px;bottom:12px}}@media(prefers-reduced-motion:reduce){.adaptive-mam{animation:none}}@media print{.adaptive-session-back{display:none}}.adaptive-map-entry{pointer-events:auto;margin:10px 0 0;position:relative;z-index:2}.adaptive-map-entry a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;padding:8px 14px;border:2px solid #fff;border-radius:22px;background:#fff6d9;color:#245940;box-shadow:0 3px #85734244;font:800 12px Susu,system-ui;text-decoration:none}.adaptive-map-entry a:focus-visible{outline:3px solid #76541d;outline-offset:3px}