@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.portal-page{--ink:#25335b;--purple:#5d49a6;--coral:#f06d58;--teal:#2cbbad;--yellow:#ffd46d;min-height:100dvh;background:#fffaf0;color:var(--ink);overflow:hidden}.portal-page *{box-sizing:border-box}.portal-header,.portal-page main,.portal-footer{width:min(1180px,calc(100% - 72px));margin-inline:auto}.portal-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.portal-brand{display:flex;align-items:center;gap:12px;color:#293467;text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.055em;line-height:.99}.brand-slash{color:#fa7960;padding-inline:2px}.brand-symbol{position:relative;width:47px;height:47px;display:block;transform:rotate(-8deg)}.brand-symbol i{position:absolute;width:28px;height:28px;border:3px solid #263965;border-radius:9px;background:#ffcf66;left:2px;top:1px}.brand-symbol i:nth-child(2){background:#7bdacc;left:16px;top:10px;transform:rotate(16deg)}.brand-symbol i:nth-child(3){background:#fb8067;left:4px;top:19px;transform:rotate(-8deg)}.portal-header nav{display:flex;align-items:center;gap:30px}.portal-header nav a{color:#35416c;font-size:14px;font-weight:800;text-decoration:none;transition:color .2s}.portal-header nav a:hover{color:#e35d50}.portal-hero{min-height:485px;position:relative;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:30px;padding:24px 0 76px}.portal-hero:before{content:"";position:absolute;z-index:0;width:640px;height:520px;left:-245px;top:-40px;border-radius:46% 54% 60% 40%;background:#fff0c8;transform:rotate(-18deg)}.portal-hero-copy{position:relative;z-index:1}.portal-eyebrow{display:inline-block;color:#a6504c;font-size:11px;font-weight:900;letter-spacing:.17em}.eyebrow-spark{color:#f3ae36;font-size:19px;vertical-align:-2px;margin-right:5px}.portal-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(62px,7.5vw,108px);font-weight:700;letter-spacing:-.09em;line-height:.91;margin:20px 0 24px;color:#293568}.portal-hero h1 span{color:#f26f56}.portal-hero-copy>p{max-width:490px;color:#52607a;font-size:18px;font-weight:600;line-height:1.55;margin:0 0 27px}.portal-hero-link{display:inline-flex;gap:13px;align-items:center;color:#374e99;text-decoration:none;font-size:14px;font-weight:900;border-bottom:3px solid #75d5c7;padding-bottom:7px}.portal-hero-link span{font-size:23px;line-height:0}.portal-hero-doodle{height:385px;position:relative;isolation:isolate}.doodle-orbit{position:absolute;top:44px;right:16px;bottom:16px;left:14px;border:3px dashed #a0c6c3;border-radius:45% 55% 44% 56%;transform:rotate(-12deg)}.doodle-orbit:before{content:"";position:absolute;top:38px;right:44px;bottom:38px;left:44px;border-radius:50%;background:#d7f3eb;z-index:-1}.doodle-pencil{position:absolute;left:15%;top:17%;font-size:165px;color:#584ba3;line-height:1;transform:rotate(-24deg);text-shadow:12px 15px 0 #c7b9ed}.doodle-star{position:absolute;color:#f3af3c;font-size:64px;line-height:1}.doodle-star.a{right:17%;top:12%;transform:rotate(13deg)}.doodle-star.b{right:7%;bottom:18%;color:#f17c66;font-size:89px}.doodle-ball{position:absolute;right:25%;top:46%;color:#28b7b5;font-size:94px;line-height:1;transform:rotate(26deg)}.doodle-wave{position:absolute;left:10%;bottom:2%;color:#28b7b5;font-size:100px;line-height:1;transform:rotate(-13deg)}.portal-games{position:relative;padding:36px 0 88px;scroll-margin-top:24px}.portal-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.portal-section-heading .portal-eyebrow{color:#4d7c87}.portal-section-heading h2{font-family:Space Grotesk,sans-serif;font-size:clamp(34px,4vw,53px);line-height:1;letter-spacing:-.065em;margin:12px 0 0;color:#293568}.portal-section-heading h2 span{color:#eea735;font-size:.66em;vertical-align:8px}.portal-section-heading>p{font-size:13px;font-weight:800;color:#6d7a84;margin:0 0 4px}.portal-featured{min-height:420px;display:grid;grid-template-columns:.84fr 1.16fr;overflow:hidden;border:3px solid #283a70;border-radius:27px;background:#fff;box-shadow:11px 12px #a3e4d6}.portal-featured-copy{padding:40px 20px 38px 44px;position:relative;z-index:1}.portal-pill,.portal-coming-pill{display:inline-block;background:#ffe2a4;color:#6e4c27;padding:8px 12px;border-radius:100px;font-size:10px;font-weight:900;letter-spacing:.11em}.portal-game-category{display:block;margin-top:23px;color:#648284;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.portal-featured h3{font-family:Space Grotesk,sans-serif;font-size:clamp(39px,4.4vw,64px);letter-spacing:-.07em;line-height:1;margin:9px 0 14px;color:#263666}.portal-featured-copy>p{font-size:17px;font-weight:600;line-height:1.45;color:#52617a;max-width:330px;margin:0 0 27px}.portal-play-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#f16f56;color:#fff;border:0;border-radius:13px;padding:15px 17px 15px 23px;box-shadow:0 6px #b64a43;font-size:14px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s}.portal-play-button:hover{background:#e65d49;transform:translateY(-3px);box-shadow:0 9px #b64a43}.portal-play-button:active{transform:translateY(4px);box-shadow:0 2px #b64a43}.portal-play-button span{font-size:23px;line-height:.6}.portal-game-note{display:block;margin-top:20px;color:#849298;font-size:11px;font-weight:700}.portal-featured-art{display:grid;place-items:center;min-width:0;background:radial-gradient(circle at 70% 25%,#d4faf4 0,#b8e5e6 43%,#a5d2d9)}.portal-flood-art{display:block;width:100%;max-height:425px}.portal-upcoming{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.portal-upcoming-card{display:grid;grid-template-columns:43% 57%;min-height:190px;border:2px solid #d5d8e3;border-radius:20px;background:#fff;overflow:hidden}.portal-small-art{position:relative;overflow:hidden;min-height:190px}.bridge-art{background:#e7dcff}.bridge-sun{position:absolute;width:70px;height:70px;border-radius:50%;background:#ffd46d;left:27px;top:19px}.bridge-river{position:absolute;left:-15%;right:-10%;height:73px;bottom:-12px;background:#65cad6;transform:rotate(-8deg);border-radius:50%}.bridge-deck{position:absolute;left:14%;right:5%;height:21px;top:82px;background:#7964b4;border-radius:12px;transform:rotate(-5deg)}.bridge-arch{position:absolute;width:85px;height:74px;top:88px;border:16px solid #7964b4;border-bottom:0;border-radius:60px 60px 0 0}.bridge-arch.one{left:20%}.bridge-arch.two{right:7%}.bridge-block{position:absolute;width:25px;height:28px;top:51px;background:#ffad6e;border-radius:5px}.bridge-block.a{left:39%}.bridge-block.b{left:55%;background:#ffd46d}.pattern-art{background:#ffe3d7}.pattern-disc{position:absolute;border-radius:50%}.pattern-disc.one{width:110px;height:110px;background:#ffb355;left:8%;top:25%}.pattern-disc.two{width:83px;height:83px;background:#62cfc0;right:16%;top:14%}.pattern-disc.three{width:48px;height:48px;background:#e889ad;right:12%;bottom:9%}.pattern-star{position:absolute;font-size:89px;color:#7154af;left:38%;top:16%;transform:rotate(-20deg)}.pattern-squiggle{position:absolute;font-size:78px;color:#f36f57;left:10%;bottom:-20px;transform:rotate(16deg)}.portal-upcoming-copy{padding:23px 20px 17px}.portal-coming-pill{background:#ecedfa;color:#615c8d;font-size:9px;padding:7px 10px}.portal-upcoming h3{font-family:Space Grotesk,sans-serif;font-size:26px;letter-spacing:-.055em;margin:15px 0 7px;color:#303b67}.portal-upcoming p{font-size:12px;font-weight:600;color:#6a7587;line-height:1.45;margin:0}.portal-about{display:flex;align-items:center;gap:28px;position:relative;min-height:196px;margin-bottom:80px;padding:30px 45px;background:#d8f5eb;border-radius:25px;scroll-margin-top:24px;overflow:hidden}.portal-about-icon{flex:0 0 78px;width:78px;height:78px;border-radius:23px;background:#ffcb6e;display:grid;place-items:center;font-size:62px;color:#654a9b;transform:rotate(-8deg)}.portal-about .portal-eyebrow{color:#397c76}.portal-about h2{font-family:Space Grotesk,sans-serif;font-size:30px;letter-spacing:-.05em;margin:6px 0 8px}.portal-about p{font-size:14px;line-height:1.5;font-weight:600;color:#48716d;max-width:650px;margin:0}.portal-about-stars{position:absolute;right:43px;font-size:68px;color:#59c7b6;opacity:.6;transform:rotate(17deg)}.portal-footer{border-top:2px solid #e9e8dc;min-height:85px;display:flex;align-items:center;justify-content:space-between;color:#78818a;font-size:12px;font-weight:800}.portal-footer span span{color:#ed6f5b}.portal-game-view{position:relative;height:100dvh}.portal-game-view .app{height:100dvh}.portal-back-button{position:absolute;left:36px;bottom:23px;z-index:40;display:inline-flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid #a6ced2;border-radius:10px;background:#fffef6f2;color:#22596e;box-shadow:0 4px 16px #2665762e;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.04em}.portal-back-button:hover{background:#e9f9f8}.portal-loading{height:100dvh;display:grid;place-items:center;background:#e5f3f1;color:#22596e;font-family:Space Grotesk;font-size:20px;font-weight:700}@media(max-width:800px){.portal-header,.portal-page main,.portal-footer{width:min(100% - 36px,680px)}.portal-hero{grid-template-columns:1fr .65fr;min-height:425px}.portal-hero h1{font-size:clamp(62px,8vw,88px)}.portal-hero-doodle{height:300px}.doodle-pencil{font-size:120px}.doodle-star.a{font-size:47px}.doodle-star.b{font-size:64px}.doodle-ball{font-size:67px}.doodle-wave{font-size:75px}.portal-featured{grid-template-columns:1fr 1fr}.portal-featured-copy{padding:34px 10px 30px 30px}.portal-featured h3{font-size:48px}.portal-featured-copy>p{font-size:15px}.portal-upcoming-card{grid-template-columns:39% 61%}.portal-upcoming h3{font-size:22px}.portal-about-stars{display:none}}@media(max-width:620px){.portal-header{height:83px}.portal-brand{font-size:16px}.brand-symbol{transform:scale(.82) rotate(-8deg);margin-right:-4px}.portal-header nav{gap:13px}.portal-header nav a{font-size:12px}.portal-hero{display:block;min-height:0;padding:50px 0 44px}.portal-hero:before{left:-240px;top:-70px;width:550px;height:490px}.portal-hero h1{font-size:clamp(70px,16vw,100px)}.portal-hero-copy>p{font-size:16px}.portal-hero-doodle{display:none}.portal-games{padding:20px 0 55px}.portal-section-heading{align-items:start}.portal-section-heading>p{display:none}.portal-featured{display:block;min-height:0}.portal-featured-copy{padding:28px 26px 31px}.portal-featured h3{font-size:48px}.portal-featured-art{min-height:230px}.portal-flood-art{max-height:270px}.portal-upcoming{grid-template-columns:1fr;gap:14px;margin-top:18px}.portal-upcoming-card{min-height:170px;grid-template-columns:42% 58%}.portal-small-art{min-height:170px}.portal-about{padding:23px;gap:17px;margin-bottom:45px}.portal-about-icon{width:51px;height:51px;flex-basis:51px;font-size:40px;border-radius:15px}.portal-about h2{font-size:22px}.portal-about p{font-size:12px}.portal-footer{gap:12px;font-size:11px}.portal-back-button{left:12px;bottom:12px;padding:7px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.portal-play-button{transition:none}}.portal-beary-feature{display:grid;grid-template-columns:1.04fr .96fr;min-height:310px;margin-top:30px;overflow:hidden;border:3px solid #684885;border-radius:26px;background:#fff7ed;box-shadow:10px 11px #f6c9df}.portal-beary-preview{min-width:0;background:#b8efc6;display:grid;place-items:center;overflow:hidden}.portal-beary-art{display:block;width:100%;height:100%;max-height:330px;object-fit:cover}.portal-beary-copy{padding:28px 28px 24px 38px}.portal-beary-copy .portal-pill{background:#ffd6e3;color:#8b416a}.portal-beary-copy .portal-game-category{margin-top:16px;color:#9d6286}.portal-beary-copy h3{font-family:Space Grotesk,sans-serif;font-size:clamp(38px,4.2vw,59px);line-height:1;letter-spacing:-.065em;color:#56376f;margin:8px 0 9px}.portal-beary-copy>p{color:#6e5d79;font-size:16px;font-weight:700;line-height:1.35;margin:0 0 17px;max-width:330px}.portal-beary-copy .portal-play-button{background:#ee7082;box-shadow:0 6px #ad4764}.portal-beary-copy .portal-play-button:hover{background:#e75b72;box-shadow:0 9px #ad4764}.portal-beary-copy .portal-game-note{margin-top:15px;color:#92758d}.beary-view .portal-back-button{background:#fff8e9;color:#654277;border-color:#e5c5e8}@media(max-width:800px){.portal-beary-feature{grid-template-columns:1fr 1fr}.portal-beary-copy{padding:25px 20px}.portal-beary-copy h3{font-size:41px}.portal-beary-copy>p{font-size:14px}}@media(max-width:620px){.portal-beary-feature{display:flex;flex-direction:column;margin-top:22px}.portal-beary-preview{height:200px;order:2}.portal-beary-copy{padding:25px 25px 31px;order:1}.portal-beary-copy h3{font-size:46px}.portal-beary-art{height:240px;object-fit:cover}.beary-view .portal-back-button{left:12px;top:12px;bottom:auto}}@media(max-width:620px),(pointer:coarse){.portal-pill,.portal-coming-pill{font-size:11px}}.portal-treehouse-feature{border-color:#2a7a40;background:#f3fbea;box-shadow:10px 11px #bfe3b0}.portal-treehouse-feature .portal-beary-copy h3{color:#7a4a2b}:root{font-family:DM Sans,system-ui,sans-serif;color:#243539;background:#dcdedc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{height:100dvh;min-height:620px;position:relative;overflow:hidden}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scene-host canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#e8ece6a8 0%,transparent 32%,transparent 80%,#e8ece622),linear-gradient(180deg,#e9ece8aa 0%,transparent 20%,transparent 70%,#c9d0c960)}.masthead{position:absolute;top:32px;left:40px;right:40px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.masthead>*{pointer-events:auto}.identity{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:46px;height:46px;background:#1f565a;color:#e9f2ec;border-radius:12px;font-size:34px;line-height:1;box-shadow:0 5px 20px #264d492b}.identity-name{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.04em;color:#19373b}.edition{font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;letter-spacing:.11em;color:#607d79;border:1px solid #96a9a5;border-radius:4px;padding:3px 5px;vertical-align:4px;margin-left:3px}.identity p{margin:2px 0 0;color:#546c69;font-size:12px;font-weight:600}.reset-button{border:1px solid #c8d1cb;background:#f8f9f5e8;box-shadow:0 5px 25px #50605b18;color:#244848;padding:11px 17px;border-radius:10px;font-size:11px;font-weight:800;letter-spacing:.1em}.reset-button span{font-size:20px;vertical-align:-2px;margin-right:5px}.reset-button:hover,.tool:hover,.run-buttons button:hover{background:#fff}.tool-panel,.run-panel{position:absolute;left:40px;top:126px;width:240px;background:#fbfcf8ed;border:1px solid #d7dfd9;border-radius:15px;box-shadow:0 14px 45px #40534e2b;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;color:#59736d;font-size:10px;font-weight:800;letter-spacing:.13em;padding:2px 2px 14px}.panel-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#3b9b87}.live-dot{background:#e78658;box-shadow:0 0 0 4px #e7865830;animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #e7865800}}.tool-list{display:flex;flex-direction:column;gap:5px}.tool{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;border:1px solid transparent;background:transparent;border-radius:10px;color:#253f3d}.tool.selected{background:#e5f0ea;border-color:#bbd5c9}.tool-icon{width:36px;height:36px;display:grid;place-items:center;color:#2d7770;background:#e7efea;border-radius:8px;font-family:Space Grotesk;font-weight:700;font-size:24px;line-height:1}.selected .tool-icon{background:#2c786e;color:#fff}.tool-copy{display:flex;flex-direction:column;gap:1px;flex:1}.tool-copy strong{font-size:11px;letter-spacing:.11em}.tool-copy small{font-size:10px;color:#758b83}.tool-check{color:#2d8c76;font-size:10px}.brush-control{border-top:1px solid #dfe6df;margin-top:16px;padding-top:17px}.control-label{display:flex;justify-content:space-between;align-items:center;color:#60746d;font-weight:800;font-size:10px;letter-spacing:.1em}.control-label strong{color:#2e5b55;font-size:11px;letter-spacing:0}.brush-control input{width:100%;margin:15px 0 5px;accent-color:#2d7b71}.range-ends{display:flex;justify-content:space-between;color:#91a39a;font-size:9px;font-weight:800;letter-spacing:.08em}.soil-box{display:flex;gap:11px;align-items:center;border-radius:10px;background:#f0f2e9;border:1px solid #e1e6d9;margin-top:18px;padding:13px 12px}.soil-icon{font-size:25px;color:#9a8c76;transform:rotate(-14deg)}.soil-detail{flex:1}.soil-detail>span{display:block;color:#758478;font-size:9px;font-weight:800;letter-spacing:.1em}.soil-detail strong{display:block;font-family:Space Grotesk;color:#334d43;font-size:21px;line-height:1.2}.soil-detail em{font-style:normal;font-size:12px}.soil-meter{height:4px;background:#d9dfd1;border-radius:5px;overflow:hidden;margin-top:6px}.soil-meter span{display:block;background:#658d77;height:100%;border-radius:5px;transition:width .2s}.mission{position:absolute;right:40px;bottom:106px;width:270px;background:#fbfcf8eb;border:1px solid #d4ddd7;border-radius:13px;padding:16px 17px;box-shadow:0 10px 30px #485d5426}.mission-number{display:flex;justify-content:space-between;color:#5e7770;font-weight:800;font-size:10px;letter-spacing:.1em}.mission-number span{color:#9aac9d}.mission-body{display:flex;gap:11px;margin-top:13px}.house-symbol{display:grid;place-items:center;flex:0 0 37px;height:37px;background:#e7eae2;border-radius:8px;color:#55726a;font-size:30px}.mission-body strong{font-size:11px;letter-spacing:.08em}.mission-body p{margin:5px 0 0;color:#70817b;font-size:11px;line-height:1.5}.camera-tip{position:absolute;bottom:25px;left:50%;transform:translate(-50%);white-space:nowrap;color:#667d77;font-size:10px;font-weight:800;letter-spacing:.12em;text-shadow:0 1px #fff}.release-button{position:absolute;bottom:63px;left:50%;transform:translate(-50%);border:0;background:#1c6665;color:#f9fcf5;padding:16px 20px;border-radius:11px;box-shadow:0 8px #164c4b,0 16px 35px #20575159;font-family:Space Grotesk;font-size:14px;font-weight:700;letter-spacing:.08em;white-space:nowrap;transition:transform .12s,box-shadow .12s}.release-button:hover{transform:translate(-50%,-3px);box-shadow:0 11px #164c4b,0 19px 35px #20575159}.release-button:active{transform:translate(-50%,5px);box-shadow:0 3px #164c4b}.release-icon{font-size:19px;vertical-align:-2px;margin-right:7px;color:#b9e8da}.release-arrow{margin-left:14px;font-size:20px;vertical-align:-2px}.run-panel{padding:17px}.timer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #e4e9e2;padding-top:15px}.timer>span,.speed-control>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#6f847e}.timer strong{font-family:Space Grotesk;font-size:32px;font-variant-numeric:tabular-nums;color:#214e50}.timer small{font-size:13px}.run-progress{height:5px;background:#e5eae2;border-radius:5px;overflow:hidden;margin:14px 0}.run-progress span{height:100%;display:block;background:#2d9290}.run-buttons button{width:100%;background:#e9f0e9;border:1px solid #ccded2;border-radius:8px;color:#285b54;padding:9px;font-size:11px;font-weight:800}.run-buttons .active{background:#d8ebe0}.speed-control{border-top:1px solid #e3e9e0;margin-top:15px;padding-top:15px}.speed-control>div{display:flex;gap:5px;margin-top:10px}.speed-control button{flex:1;border:1px solid #d7e0d7;background:#f3f6f1;color:#658078;border-radius:7px;padding:7px;font-weight:800;font-size:11px}.speed-control button.active{background:#296c68;border-color:#296c68;color:#fff}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#253d3ba1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:30;padding:18px}.tutorial-card,.result-card{width:min(100%,480px);max-height:calc(100dvh - 30px);overflow:auto;background:#fbfcf7;border-radius:20px;padding:32px 38px 29px;box-shadow:0 30px 90px #102a285e;text-align:center;border:1px solid #f1f4ed}.modal-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#64837a}.tutorial-illustration{height:100px;margin:20px auto 4px;position:relative;width:245px;border-bottom:4px solid #d4ddd4;overflow:hidden}.tutorial-illustration span{position:absolute}.water-glyph{left:10px;bottom:2px;color:#5daeba;font-size:63px;transform:rotate(-12deg)}.land-glyph{left:80px;bottom:-14px;color:#9daba0;font-size:100px}.home-glyph{right:26px;bottom:1px;color:#d67656;font-size:67px}.tutorial-card h1,.result-card h1{font-family:Space Grotesk;font-size:30px;letter-spacing:-.055em;color:#234747;margin:8px 0 5px}.modal-lead{font-size:13px;color:#688078;line-height:1.55;margin:0 auto 21px}.tutorial-steps{text-align:left;display:grid;gap:9px;margin:0 0 24px}.tutorial-steps div{display:grid;grid-template-columns:35px 68px 1fr;align-items:center;background:#f0f4ed;padding:10px 12px;border-radius:9px;gap:5px}.tutorial-steps b{color:#267468;font-size:24px;line-height:1}.tutorial-steps strong{font-size:10px;letter-spacing:.1em}.tutorial-steps span{color:#72877d;font-size:11px}.primary-button{border:0;border-radius:9px;background:#1f6a66;color:#fff;padding:13px 19px;width:100%;font-size:12px;font-weight:800;letter-spacing:.1em;box-shadow:0 5px #174e4b}.primary-button:hover{background:#267b75}.primary-button span{float:right;font-size:16px;line-height:12px}.result-emblem{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;margin:20px auto 12px;font-size:58px;line-height:1}.result-emblem.saved{background:#e4f2e9;color:#2b8b6f}.result-emblem.flooded{background:#fbe7df;color:#d87558}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:19px 0 22px;text-align:left}.result-stats div{background:#f0f4ed;border-radius:9px;padding:11px 12px}.result-stats div:last-child{grid-column:span 2}.result-stats span{display:block;font-size:9px;letter-spacing:.09em;color:#7d9085;font-weight:800}.result-stats strong{display:block;margin-top:4px;font-family:Space Grotesk;font-size:17px;color:#2a514c}.text-button{border:0;background:transparent;color:#657d73;font-size:11px;font-weight:800;letter-spacing:.09em;margin-top:17px}.debug-toggle{position:absolute;right:40px;top:97px;border:0;background:#ffffffc7;color:#607770;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.debug-panel{position:absolute;right:40px;top:128px;background:#152d2de8;color:#d9f2e9;border-radius:8px;padding:12px;font-family:monospace;font-size:11px;line-height:1.7}.debug-panel label{display:block;margin-bottom:5px}@media(max-width:760px){.app{min-height:650px}.masthead{top:14px;left:14px;right:14px}.identity-name{font-size:16px}.identity p{font-size:11px}.mark{width:37px;height:37px;font-size:28px}.reset-button{font-size:11px;padding:8px}.tool-panel,.run-panel{top:auto;bottom:105px;left:12px;width:190px;padding:10px}.panel-heading{font-size:11px;padding-bottom:6px}.tool{padding:5px;gap:6px}.tool-icon{width:29px;height:29px;font-size:19px}.tool-copy strong,.tool-copy small{font-size:11px}.brush-control{margin-top:7px;padding-top:9px}.brush-control input{margin:7px 0 0}.soil-box{margin-top:8px;padding:7px}.soil-detail strong{font-size:16px}.mission{right:12px;bottom:106px;width:160px;padding:10px}.mission-body{gap:5px;margin-top:7px}.mission-body p,.mission-body strong{font-size:11px}.house-symbol{display:none}.release-button{bottom:34px;padding:12px 13px;font-size:11px}.camera-tip{bottom:11px;font-size:11px}.debug-toggle{right:14px;top:70px}.debug-panel{right:14px;top:97px}.tutorial-card,.result-card{padding:22px}.tutorial-steps div{grid-template-columns:27px 55px 1fr}.tutorial-steps span{font-size:11px}}@media(max-height:720px){.tool-panel,.run-panel{top:95px}.masthead{top:14px}.mission{bottom:95px}.camera-tip{bottom:12px}.release-button{bottom:35px}}@media(max-height:720px)and (max-width:760px){.tool-panel,.run-panel{top:auto;bottom:80px}.mission{bottom:80px}}@media(max-width:600px){.tool-panel{left:10px;right:10px;width:auto;bottom:100px}.tool-list{flex-direction:row;gap:5px}.tool{flex:1;justify-content:center;gap:3px;padding:5px 3px}.tool-icon{flex:0 0 27px}.tool-copy small,.tool-check{display:none}.brush-control{margin-top:8px}.brush-control input{margin:5px 0 0}.range-ends{display:none}.soil-box{margin-top:7px;padding:5px 8px}.soil-icon{font-size:17px}.soil-detail{display:flex;align-items:center;gap:8px}.soil-detail strong{font-size:14px}.soil-meter{flex:1;margin:0}.mission{display:none}.run-panel{left:10px;right:10px;width:auto;bottom:103px}.run-panel .timer{padding-top:5px}.speed-control{margin-top:8px;padding-top:8px}}.undo-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:9px 10px;border:1px solid #c9d8cf;border-radius:8px;background:#edf5ee;color:#295b52;font-size:11px;font-weight:800;letter-spacing:.07em}.undo-button span{font-size:9px;color:#789087;letter-spacing:0}.undo-button:hover:not(:disabled){background:#dceee0}.undo-button:disabled{opacity:.45;cursor:default}.edit-toast{position:absolute;left:50%;top:104px;transform:translate(-50%);z-index:4;padding:10px 16px;border:1px solid #d5e7cc;border-radius:100px;background:#fffdf1f2;color:#46643f;box-shadow:0 8px 25px #3c5d3d30;font-size:12px;font-weight:800;white-space:nowrap;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.flood-status{margin:0 0 12px;padding:9px 10px;border-radius:8px;background:#e6f2f2;color:#27686d;font-size:11px;font-weight:800;line-height:1.35}.flood-status.danger{background:#fce6df;color:#b44f3b}.result-stars{display:flex;justify-content:center;gap:7px;margin:2px 0 4px;color:#cdd8cd;font-size:30px;line-height:1}.result-stars .earned{color:#f3b849;text-shadow:0 2px 0 #d18d2d,0 4px 12px #eaae4f66;animation:star-pop .35s both}.result-stars .earned:nth-child(2){animation-delay:.12s}.result-stars .earned:nth-child(3){animation-delay:.24s}@keyframes star-pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}to{transform:scale(1);opacity:1}}.result-card .text-button{display:block;margin:15px auto 0}.tutorial-card .primary-button,.result-card .primary-button{font-size:13px;padding:15px 19px}@media(max-width:600px){.undo-button{margin-top:6px;padding:5px 8px}.edit-toast{top:70px;max-width:calc(100% - 20px);white-space:normal;text-align:center;font-size:11px}.result-stars{font-size:26px}}.header-actions{display:flex;align-items:center;gap:8px}.best-stars{border:1px solid #e7d5a8;background:#fff9e8ed;border-radius:10px;padding:10px 12px;color:#8c7346;font-size:10px;font-weight:800;letter-spacing:.08em;box-shadow:0 5px 25px #50605b18}.best-stars span{margin-left:6px;color:#e2a72b;font-size:15px;letter-spacing:.02em;vertical-align:-1px}@media(max-width:600px){.header-actions{gap:4px}.best-stars{padding:7px;font-size:11px}.best-stars span{font-size:11px;margin-left:2px}}:root{color:#244859;background:#e5f3f1}.vignette{background:linear-gradient(90deg,#d6eeecb8 0%,transparent 30%,transparent 81%,#d6eeec33),linear-gradient(180deg,#effaf5a6 0%,transparent 23%,transparent 69%,#c8e9e7a1)}.mark{background:#128cbd;color:#fff7dc;box-shadow:0 5px 20px #146e9238}.identity-name{color:#17475c}.identity p{color:#416d78}.edition{color:#167a9b;border-color:#8ac6d2;background:#e4f9fa}.reset-button{color:#255d70;border-color:#b7d9dd;background:#ffffffed}.tool-panel,.run-panel{background:#fffef8f2;border-color:#d9e8e4;box-shadow:0 15px 40px #316e7930}.panel-heading{color:#3b7382}.panel-dot{background:#29b08d}.tool{color:#294a5b}.tool-copy small{color:#617c87}.tool:nth-child(1) .tool-icon{color:#087aaa;background:#dff3ff}.tool:nth-child(2) .tool-icon{color:#c4513b;background:#ffebdf}.tool:nth-child(3) .tool-icon{color:#7650b1;background:#f0e9ff}.tool:nth-child(1).selected{background:#dff3ff;border-color:#7ac9ec}.tool:nth-child(2).selected{background:#ffe9dc;border-color:#f5ac91}.tool:nth-child(3).selected{background:#f0e9ff;border-color:#c9b0ef}.tool:nth-child(1).selected .tool-icon{color:#fff;background:#1384bd}.tool:nth-child(2).selected .tool-icon{color:#fff;background:#ed664c}.tool:nth-child(3).selected .tool-icon{color:#fff;background:#8b5ac5}.tool:nth-child(1).selected .tool-check{color:#1384bd}.tool:nth-child(2).selected .tool-check{color:#d6563d}.tool:nth-child(3).selected .tool-check{color:#8b5ac5}.brush-control{border-color:#d9e8e6}.control-label,.control-label strong{color:#386775}.brush-control input{accent-color:#1384bd}.soil-box{background:#fff3cf;border-color:#f3dda1}.soil-icon{color:#bd8b36}.soil-detail>span{color:#805f2d}.soil-detail strong{color:#66481e}.soil-meter{background:#ead8a5}.soil-meter span{background:#e9af34}.undo-button{background:#ecf7fa;border-color:#bee0e9;color:#176988}.undo-button:hover:not(:disabled){background:#dff2f8}.mission{background:#fff9e9f2;border-color:#f5daa0;box-shadow:0 10px 30px #9a763b24}.mission-number{color:#a56a21}.mission-number span{color:#bb975c}.house-symbol{background:#ffe7d5;color:#de6042}.mission-body strong{color:#704b26}.mission-body p{color:#7c684e}.camera-tip{color:#446b79}.release-button{background:linear-gradient(125deg,#177fae,#19a6cb);color:#fff;box-shadow:0 8px #0c5f83,0 16px 35px #167fa055}.release-button:hover{background:linear-gradient(125deg,#168fc2,#20b4d8);box-shadow:0 11px #0c5f83,0 19px 35px #167fa055}.release-button:active{box-shadow:0 3px #0c5f83}.release-icon{color:#fff3bd}.run-progress{background:#dceaf0}.run-progress span{background:#1ba9d6}.timer strong{color:#176c91}.flood-status{background:#dff4fc;color:#176e91}.flood-status.danger{background:#ffe6dd;color:#a83d2f}.run-buttons button{background:#e5f5fa;border-color:#b4dfeb;color:#176b88}.speed-control button.active{background:#188fbb;border-color:#188fbb}.modal-backdrop{background:#17404ea3}.tutorial-card,.result-card{background:#fffef8;border-color:#fff4d7}.modal-kicker{color:#1384a0}.tutorial-card h1,.result-card h1{color:#164c66}.modal-lead{color:#53717d}.tutorial-illustration{border-color:#e8d8ae}.water-glyph{color:#22acd9}.land-glyph{color:#c8b895}.home-glyph{color:#f46650}.tutorial-steps div:nth-child(1){background:#e4f5ff}.tutorial-steps div:nth-child(2){background:#fff0e6}.tutorial-steps div:nth-child(3){background:#f2ebff}.tutorial-steps div:nth-child(1) b{color:#1186bc}.tutorial-steps div:nth-child(2) b{color:#de6247}.tutorial-steps div:nth-child(3) b{color:#8b5ac5}.tutorial-steps strong{color:#36566a}.tutorial-steps span{color:#587380}.primary-button{background:#1688b4;box-shadow:0 5px #0b6287}.primary-button:hover{background:#16a1ca}.result-emblem.saved{background:#ddf8e8;color:#1aa774}.result-emblem.flooded{background:#ffe9df;color:#ea634c}.result-stats div{background:#edf7f7}.result-stats span{color:#537786}.result-stats strong{color:#225567}.text-button{color:#296c86}.best-stars{background:#fff2c9;border-color:#eecb78;color:#81571e}.best-stars span{color:#e49d18}.edit-toast{background:#fff6d9f5;border-color:#f1d78c;color:#7c591d}.debug-toggle{color:#436d79}.identity .game-maker{margin-top:3px;color:#6a8589;font-size:10px;font-weight:800;letter-spacing:.03em}@media(max-width:760px),(pointer:coarse){.edition,.panel-heading,.tool-copy small,.tool-check,.control-label,.range-ends,.soil-detail>span,.mission-number,.camera-tip,.timer>span,.speed-control>span,.modal-kicker,.tutorial-steps strong,.result-stats span,.debug-toggle,.undo-button span,.best-stars,.identity .game-maker{font-size:11px}}.tip-touch{display:none}@media(pointer:coarse){.tip-mouse{display:none}.tip-touch{display:inline}}@media(max-width:600px){.camera-tip{left:112px;right:8px;transform:none;text-align:center;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis}}