/* Echelon's navy and gold, with restrained glass and architectural light. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#eaf0f4;--cream:#08121f;--orange:#d5ac68;--green:#d7b679;--line:#dce7f221}body{font-family:Manrope,system-ui,sans-serif;background:radial-gradient(ellipse at 80% 0,#22304788,transparent 46%),#08121f;color:#eaf0f4}header{border-color:#ffffff12;padding:19px 5%;background:#08121f90;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:12px;font:700 15px Manrope;letter-spacing:.15em}.logo img{width:43px;height:43px;border-radius:50%;box-shadow:0 0 22px #dab36e1f}.logo small{font-size:7px;font-family:Manrope;color:#c7a46a;margin-top:5px}.top-actions span{font-size:9px;color:#98a9bd;letter-spacing:.13em}.share{border-color:#c9a3636b;background:linear-gradient(150deg,#ead2a0,#bd914d);color:#101d2b;border-radius:7px;box-shadow:inset 0 1px #fff8,0 5px 20px #0002;font-size:11px;letter-spacing:.03em;padding:11px 18px}.intro{margin:42px auto 27px;align-items:center;max-width:1190px}.tag{color:#cba76d;font-size:9px;letter-spacing:.18em}h1{font-family:Manrope;font-size:clamp(42px,5.1vw,70px);font-weight:500;line-height:1.1;letter-spacing:-.06em;margin:15px 0 16px}.scribble{color:#e2c18a;background:none;transform:none;padding:0;font-weight:700}.intro p{color:#99aabd;font-size:13px;line-height:1.85;max-width:270px;border-left:1px solid #cba76d55;padding-left:23px}.intro p b{color:#d6e0eb;font-weight:500}.app{max-width:1190px}.game{border:1px solid #bbcee135;border-radius:14px;box-shadow:0 36px 100px #0007,0 0 0 5px #ffffff03;background:#162739;position:relative}.game:after{content:'';position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 1px #ffffff30}.gamebar{padding:15px 23px;background:linear-gradient(100deg,#142536,#0e1c2c);color:#9cafc4;border-bottom:1px solid #d8e6f018;letter-spacing:.12em;font-size:9px}.live:before{background:#d5ac68;box-shadow:0 0 12px #d5ac6890}.gamebar button{color:#9cafc4;font-size:10px}.stage{height:410px;background:radial-gradient(ellipse at 50% 20%,#61738933,transparent 70%),linear-gradient(120deg,#1c3041,#304458 55%,#142535)}.stage:after{height:90px;background:linear-gradient(#273c4c,#10212e);border-top:1px solid #9cb2c22b}.window{left:7%;top:27px;width:250px;height:223px;border:4px solid #80929c50;border-radius:2px;background:linear-gradient(160deg,#b6c9d3,#78939e 48%,#4b6e7d);box-shadow:0 0 70px #b4d7ea22,inset 0 0 0 2px #111d28}.window:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(90deg,transparent 0 5%,#3b5668 5% 16%,transparent 16% 23%,#466275 23% 35%,transparent 35% 42%,#345469 42% 51%,transparent 51% 55%,#496575 55% 70%,transparent 70% 78%,#365a6f 78% 89%,transparent 89%);clip-path:polygon(0 45%,8% 45%,8% 25%,20% 25%,20% 50%,29% 50%,29% 0,41% 0,41% 40%,53% 40%,53% 20%,65% 20%,65% 55%,80% 55%,80% 30%,100% 30%,100% 100%,0 100%)}.window:after{background:#243c4c99;width:3px;box-shadow:70px 0 #243c4c77;left:37%}.sun{width:78px;height:78px;top:30px;left:130px;background:radial-gradient(circle,#f9e3bb,#e5c08355 70%);box-shadow:0 0 60px #edce9666}.clock{background:linear-gradient(135deg,#22384a,#142739);border:1px solid #9db0bf50;color:#dfc38f;width:53px;height:53px;transform:none;font-size:10px;font-weight:400;box-shadow:0 3px 12px #0004}.poster{background:linear-gradient(130deg,#122434,#0c1c29);color:#d6b77c;border:1px solid #d6b77c50;transform:none;font-family:Manrope;font-size:13px;font-weight:500;letter-spacing:.13em;line-height:1.65;box-shadow:0 10px 25px #0003;padding:20px 24px;right:6%;top:34px}.poster small{font-size:8px;letter-spacing:.08em;color:#8198ac}.plant{font-size:0;bottom:42px;left:7%;transform:none;width:68px;height:108px}.plant:after{content:'';position:absolute;bottom:0;width:44px;height:43px;border-radius:3px 3px 11px 11px;background:linear-gradient(100deg,#b9b7a8,#777f7f);box-shadow:6px 5px 15px #0004}.plant:before{content:'';position:absolute;top:1px;left:8px;width:42px;height:75px;background:linear-gradient(100deg,#597969,#284e49);clip-path:polygon(45% 100%,37% 70%,0 50%,5% 35%,37% 55%,8% 15%,20% 2%,47% 45%,60% 0,75% 7%,63% 54%,94% 24%,100% 44%,65% 75%,53% 100%)}.person{bottom:49px;filter:drop-shadow(5px 6px 7px #0003)}.head{background:linear-gradient(105deg,#c38a65,#a66c48 60%,#815137);border:1px solid #805236;box-shadow:inset -7px -2px 12px #5b382533;width:59px;height:76px;left:48px;top:22px;border-radius:43% 43% 45% 45%}.hair{background:radial-gradient(ellipse at 35% 30%,#394048,#161e27 75%);width:65px;height:38px;left:-4px;top:-9px;box-shadow:1px 3px 4px #0004}.hair:before{background:radial-gradient(ellipse at 35% 30%,#37414a,#151e27 75%);width:32px;height:32px;left:39px;top:-17px}.eyes{width:4px;height:3px;left:14px;top:35px;background:#332921;box-shadow:23px 0 #332921}.mouth{width:15px;left:22px;top:55px;border-color:#714b3d}.shirt{background:linear-gradient(110deg,#eee9df,#bcbcb9 70%,#9fa6aa);border:1px solid #a4aaab;box-shadow:inset -12px -5px 25px #58687655;top:94px;left:21px;width:115px;border-radius:42% 42% 4px 4px}.shirt:after{border-left:1px solid #8b9397;left:56px;height:77px;transform:rotate(5deg)}.shirt:before{content:'';position:absolute;top:0;left:38px;width:36px;height:25px;background:#1b3041;clip-path:polygon(0 0,100% 0,50% 100%)}.arm{background:linear-gradient(#bf8965,#926343);border:1px solid #815a40;height:15px;top:149px}.arm.right{left:101px}.desk{height:9px;border:1px solid #8b7c65;border-radius:2px;background:linear-gradient(#aa9372,#73644e);box-shadow:0 6px 17px #0006}.desk:before,.desk:after{background:linear-gradient(90deg,#72818b,#2d3e4a);width:5px}.laptop{background:linear-gradient(130deg,#c3ccd1,#879ca8);border:1px solid #82939e;box-shadow:inset 0 1px #fff9,1px 5px 6px #0005;color:#dce6eb;font-size:19px;transform:none;border-radius:5px}.mug{font-size:0;width:20px;height:26px;background:linear-gradient(90deg,#f8f2e5,#b8bcb9);border-radius:2px 2px 5px 5px;box-shadow:2px 3px 5px #0005;bottom:55px}.mug:after{content:'';position:absolute;right:-8px;top:4px;width:10px;height:13px;border:3px solid #bec5c4;border-radius:50%;z-index:-1}.bubble{background:#182e3ee8;border:1px solid #a0b9ca44;color:#c7d5df;font-size:9px;transform:none;border-radius:7px;top:101px;backdrop-filter:blur(10px);padding:8px 14px}.float-task{color:#e5edf3;background:linear-gradient(130deg,#48607180,#183244d9);border:1px solid #bcd7e15e;border-radius:9px;box-shadow:0 16px 35px #0004,inset 0 1px #ffffff2b;backdrop-filter:blur(17px);padding:15px 19px;max-width:230px}.float-task:hover{background:linear-gradient(130deg,#587080a0,#294a5c);border-color:#e7c58b}.float-task b{font-size:11px;font-weight:600;letter-spacing:.01em}.float-task span{color:#a6bacb;font-size:9px;margin-top:3px}.float-task .handle{background:#e0bf8360;color:#f3dfbb;padding:1px 7px}.t0{top:100px;left:5%;transform:rotate(-2deg)}.t1{right:5%;top:155px;transform:rotate(2deg)}.t2{top:246px;left:19%;transform:rotate(-1deg)}.support{background:linear-gradient(135deg,#344b57ec,#142c3cec);border:1px solid #bfa16a70;color:#e1c28c;box-shadow:0 10px 20px #0005;transform:none;backdrop-filter:blur(12px);padding:12px 18px;border-radius:7px;bottom:18px;right:4%;font-size:9px}.support b{letter-spacing:.13em;font-size:8px}.support span{display:block;color:#98afbf;margin-top:5px}.controls{background:linear-gradient(115deg,#162938,#0e1e2d);padding:24px 26px;border-top:1px solid #ffffff18}.controls h2{font:600 18px Manrope;color:#e4eaf0}.controls p{color:#92a6b8;font-size:11px;margin-top:7px}.go{background:linear-gradient(130deg,#f0d9ad,#c29750);color:#142234;border:1px solid #f3d79b;border-radius:7px;box-shadow:inset 0 1px #fff9,0 8px 25px #0003;padding:15px 23px;font-size:12px;letter-spacing:.02em}.go:active{box-shadow:inset 0 1px #fff9}.below{margin-top:31px;gap:23px}.customise,.ending{background:linear-gradient(120deg,#15263866,#10203077);border:1px solid #a8c1db22;border-radius:10px;padding:22px}.customise label{font-size:11px;font-weight:500;color:#c4d1de}textarea{background:#09192888;border:1px solid #b5cbe22b;border-radius:6px;color:#dbe5ed;font-size:11px;line-height:1.6}.customise button{color:#d2b57f;text-underline-offset:5px;font-size:10px;margin:5px 0}.tiny{color:#859aac;font-size:9px;line-height:1.65}.choices{gap:8px}.choices button{color:#b2c2d0;background:#132638;border:1px solid #c9d7e42b;border-radius:6px;padding:10px 14px;font-size:10px}.choices button[aria-pressed=true]{background:#d0ac6c18;border:1px solid #d0ac6c;color:#e9ce9e}.results{border:1px solid #d0ac6c44;border-radius:12px;background:radial-gradient(ellipse at 90% 0,#b39a5d22,transparent 70%),linear-gradient(120deg,#1a3144,#112235);padding:32px}.results h2{font:500 35px/1.18 Manrope;letter-spacing:-.04em}.results p{font-size:12px;color:#a8bbcc}.results .share{background:linear-gradient(130deg,#f0d9ad,#c29750);border:1px solid #e0c28b;border-radius:7px}.result-tasks span{font-size:10px;background:#ffffff04;border-color:#c6d6e626}.results a{font-size:11px;color:#e4c68f}.reset{color:#9cafbf;font-size:10px}.escape-scene{background:linear-gradient(#aec6d2 0,#d7dcd5 54%,#537f8d 54%,#8ca7ac 65%,#cabda1 66%,#a89775 100%)}.escape-scene:before{width:105px;height:105px;background:radial-gradient(circle,#ffe2ae,#e4c38988);box-shadow:0 0 80px #ffe5bd55;left:16%;top:42px}.escape-scene:after{content:'';position:absolute;top:57%;left:0;right:0;height:8px;border-top:1px solid #eff4ed66;border-bottom:1px solid #eff4ed33;transform:rotate(-1deg)}.escape-scene .escape-title{font:600 31px/1.12 Manrope;color:#183444;letter-spacing:-.05em;bottom:40px}.escape-scene .palm{font-size:0;top:25px;right:5%;width:150px;height:215px;transform:none;background:linear-gradient(100deg,#2e5960,#587e77);clip-path:polygon(44% 100%,51% 37%,15% 55%,0 47%,34% 30%,2% 19%,11% 8%,45% 20%,40% 0,55% 1%,62% 19%,88% 4%,100% 16%,72% 28%,100% 40%,91% 52%,65% 37%,56% 100%);opacity:.85}.escape-scene .chair{font-size:0;width:100px;height:80px;bottom:45px;left:48%;background:linear-gradient(130deg,#f8f3e7,#b8b8ac);clip-path:polygon(0 0,16% 0,48% 65%,100% 65%,100% 78%,44% 78%);filter:drop-shadow(7px 9px 3px #142a3944);transform:rotate(-5deg)}.escaped .support{background:#142d3de8}.stage.dinner .escape-scene{background:radial-gradient(ellipse at 65% 45%,#ac89533d,transparent 60%),linear-gradient(#182b40 65%,#493b38 65%)}.stage.dinner .escape-scene .palm{clip-path:polygon(46% 0,54% 0,54% 25%,81% 40%,19% 40%,46% 25%);background:#dab77c}.stage.dinner .escape-scene .chair{clip-path:polygon(0 40%,100% 40%,100% 48%,57% 48%,57% 100%,47% 100%,47% 48%,0 48%);background:#c09e72;width:170px}.stage.family .escape-scene{background:linear-gradient(#a5bbb7 65%,#6a8d78 65%)}.stage.family .escape-scene .palm{background:#365f50}.stage.off .escape-scene{background:linear-gradient(#bcb9ae 65%,#766f65 65%)}.stage.off .escape-scene .palm{clip-path:polygon(47% 0,53% 0,53% 30%,85% 50%,15% 50%,47% 30%,47% 90%,30% 100%,70% 100%,53% 90%,53% 30%);background:#304553}.stage.off .escape-scene .chair{clip-path:polygon(0 15%,20% 15%,20% 0,80% 0,80% 15%,100% 15%,100% 80%,90% 80%,90% 100%,80% 100%,80% 80%,20% 80%,20% 100%,10% 100%,10% 80%,0 80%);background:linear-gradient(130deg,#e3ddd0,#969c9b)}footer{border-color:#ffffff12;color:#6e869b;font-size:9px;padding:25px 5%}.toast{background:#183246;color:#e7cd9e;border:1px solid #dab77680;border-radius:8px;box-shadow:0 8px 30px #0007;font-size:11px}.confetti{background:#d7b679!important;opacity:.75;width:5px;height:9px}
@media(max-width:700px){header{padding:15px 20px}.logo{font-size:12px;gap:9px}.logo img{width:34px;height:34px}.share{font-size:9px;padding:10px 12px}.intro{margin:27px auto 24px}h1{font-size:46px}.intro p{border:0;padding:0;font-size:12px;max-width:100%}.stage{height:365px}.window{width:145px;height:185px;left:5%;top:29px}.window .sun{left:50px;width:65px;height:65px}.poster{font-size:10px;right:4%;padding:11px;top:30px}.person{left:35%}.t0{left:3%;top:129px}.t1{right:3%;top:200px}.t2{left:4%;top:259px}.float-task{max-width:162px;padding:11px 13px}.float-task b{font-size:10px}.float-task span{font-size:8px}.support{font-size:8px;padding:9px 11px;bottom:12px}.support b{font-size:7px}.controls{padding:20px}.controls h2{font-size:16px}.controls p{font-size:10px}.go{font-size:11px}.escape-scene .escape-title{font-size:24px;left:5%;max-width:145px;bottom:45px}.escape-scene .palm{width:110px;height:185px;right:0}.escape-scene .chair{left:48%}.stage.dinner .escape-scene .chair{width:110px}.customise,.ending{padding:19px}.results h2{font-size:29px}}
#illustrated-ending{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1.1s;z-index:3;overflow:hidden;background:#9caeac}#illustrated-ending svg{width:100%;height:100%;display:block}.escaped #illustrated-ending{opacity:1}.escaped>.person,.escaped>.escape-scene{opacity:0!important}.escaped>.support{z-index:5;bottom:auto;top:18px;background:#0e2738de}.scene-heading{font:600 26px Manrope,system-ui;fill:#183747;letter-spacing:-1px}.scene-caption{font:11px Manrope,system-ui;fill:#3e5c66}.scene-heading.light,.scene-caption.light{fill:#f5e7cf}.ocean-wave{animation:tide 7s ease-in-out infinite}.distant-wave{animation:tide 11s ease-in-out infinite reverse;opacity:.6}.palm-sway{transform-origin:901px 70px;animation:sway 8s ease-in-out infinite}.candle-flame{transform-origin:564px 237px;animation:flicker 2s ease-in-out infinite}#share-dialog{color:#e7edf4;background:linear-gradient(130deg,#1d3548,#0d1e2e);border:1px solid #cfb17a66;border-radius:16px;padding:36px;max-width:470px;width:calc(100% - 36px);box-shadow:0 30px 100px #0008}#share-dialog::backdrop{background:#030d18bb;backdrop-filter:blur(9px)}#share-dialog h2{font:500 29px/1.2 Manrope;letter-spacing:-1px;margin:15px 0}#share-dialog p{color:#9eb2c4;font-size:11px;line-height:1.7}.share-close{position:absolute;right:17px;top:10px;background:none;color:#d6c094;border:0;font-size:27px}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.share-options a,.share-options button{border:1px solid #b8cde438;padding:15px;border-radius:7px;background:#ffffff06;color:#e1cc9f;text-align:left;text-decoration:none;font:600 12px Manrope}.share-options span{float:right}.share-options a:hover,.share-options button:hover{background:#d2b47722;border-color:#d2b477}.ending-caption{position:absolute;left:5%;bottom:29px;z-index:4;pointer-events:none;color:#153645}.ending-caption b{font:600 26px/1.1 Manrope;letter-spacing:-1px}.ending-caption span{display:block;font:11px/1.5 Manrope;margin-top:9px}.ending-caption.light{color:#f6e8cf}#illustrated-ending .scene-heading,#illustrated-ending .scene-caption{display:none}@keyframes tide{0%,100%{transform:translate(-25px,0)}50%{transform:translate(25px,5px)}}@keyframes sway{50%{transform:rotate(2deg)}}@keyframes flicker{50%{transform:scale(.8,1.15);opacity:.7}}@media(max-width:700px){.ending-caption{left:5%;bottom:23px;max-width:225px;padding:10px 12px;background:#f2ebdadb;border-radius:7px}.ending-caption b{font-size:19px}.ending-caption span{font-size:9px;margin-top:6px}.ending-caption.light{background:#102339dd}.escaped>.support{top:12px;right:10px}.escaped>.support span{display:none}#share-dialog{padding:28px}.share-options a,.share-options button{padding:14px 12px}}@media(prefers-reduced-motion:reduce){.ocean-wave,.distant-wave,.palm-sway,.candle-flame{animation:none!important}}
.delegation-plan{margin:25px 0;padding:25px;background:#07182766;border:1px solid #b2c8db2b;border-radius:10px}.delegation-plan h3{font:500 24px Manrope;margin:10px 0}.delegation-plan>p{font-size:11px}.plan-option{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #b2c8db22;cursor:pointer}.plan-option input{accent-color:#d5b478;width:17px;height:17px;flex-shrink:0;margin-top:4px}.plan-option b{font-size:12px;font-weight:600}.plan-option p{font-size:11px;margin:5px 0}.plan-option small{color:#c8b38d;font-size:10px;display:block}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.plan-grid h4{font-size:11px;color:#e4c78e;margin:0}.plan-grid p{font-size:10px}.plan-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.plan-actions button{border:1px solid #d2b47788;background:#d2b47718;color:#ead0a2;border-radius:6px;padding:11px 16px;font-size:11px}.plan-actions button:disabled{opacity:.5}#plan-summary{min-height:18px;font-size:10px;color:#d9c393}@media(max-width:700px){.delegation-plan{padding:18px}.plan-grid{grid-template-columns:1fr;gap:10px}}

.planner-guide{padding-top:45px;color:#aabed0;font-size:13px;line-height:1.85}.planner-guide h2{font:500 32px Manrope;color:#eef3f7}.planner-guide h3{font:600 17px Manrope;color:#e0c38d}.planner-guide details{border-top:1px solid #ffffff20;padding:18px 0}.planner-guide summary{cursor:pointer;color:#e3cc9f}.planner-guide a{color:#dfc48d}footer a{color:#a8bdcc}