@font-face{font-family:DM Sans;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/dm-sans-regular.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:550 700;font-display:swap;src:url(/fonts/dm-sans-semibold.ttf)format("truetype")}@font-face{font-family:Italiana;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/italiana.ttf)format("truetype")}:root{color:#303d30;font-synthesis:none;--ink:#303d30;--muted:#6e7764;--cream:#f7f7e9;--line:#3543282e;--accent:#51633a;background:#e4e7ce;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #9a702f}button:disabled{opacity:.5;cursor:wait}button svg{flex-shrink:0}[hidden]{display:none!important}.icon{vertical-align:middle;flex-shrink:0;width:22px;height:22px}.icon.tiny{width:13px;height:13px}#world{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.atmosphere{pointer-events:none;background:linear-gradient(90deg,#efefd7db 0%,#edeed4a8 22%,#e4e9cd33 49%,#0000 73%),linear-gradient(#0000 75%,#202d1838);transition:opacity 1.8s;position:fixed;inset:0}.grain{pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.header{z-index:3;align-items:center;gap:28px;padding:30px 4.2%;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand>svg{width:36px;height:36px}.brand>span{letter-spacing:-1.7px;font-family:Georgia,serif;font-size:35px}.brand-dot{color:#899664}.brand-caption{letter-spacing:1.7px;color:#6d7766;border-left:1px solid var(--line);padding:9px 0 9px 26px;font-size:10px}.toolbar{align-items:center;gap:12px;margin-left:auto;display:flex}.icon-button{background:#fbfae629;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,transform .2s;display:inline-flex}.icon-button:hover{background:#fbfae68c;transform:translateY(-1px)}.toolbar-divider{background:var(--line);width:1px;height:22px;margin:0 6px}.intro{z-index:2;max-width:600px;transition:opacity .8s,transform .9s;position:absolute;top:26%;left:8.5%}.eyebrow{letter-spacing:2.4px;align-items:center;gap:12px;font-size:9px;font-weight:550;display:flex}.little-line{background:#68764c;width:28px;height:1px;display:block}h1{letter-spacing:-3.5px;margin:28px 0 25px;font-family:Italiana,Georgia,serif;font-size:clamp(70px,7.35vw,120px);font-weight:400;line-height:1.01}h1 em{color:#67764a;font-style:normal;font-weight:400}.intro-description{color:#66705b;letter-spacing:.1px;margin:0 0 29px;font-size:14px;line-height:1.9}.primary-button{background:var(--accent);color:#fbfbee;letter-spacing:.2px;border-radius:3px;justify-content:space-between;align-items:center;gap:35px;padding:18px 25px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 6px 20px #364b2412}.primary-button:hover{background:#3f522b;transform:translateY(-2px)}.primary-button .icon{width:20px;height:20px}.intro-note{color:#79816c;letter-spacing:.15px;margin-top:16px;font-size:10px}.input-options{color:#68725c;align-items:center;gap:21px;margin-top:40px;font-size:10px;display:flex}.input-options>span,.input-options>button{white-space:nowrap;align-items:center;gap:7px;display:flex}.input-options .icon{width:17px;height:17px}.input-options button{color:inherit;background:0 0;padding:0;font-size:10px}.input-options button:hover{color:#2f4524}.scene-marker{color:#4b5e40;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed;top:41%;right:4.5%}.vertical-line{background:linear-gradient(#0000,#6f805880);width:1px;height:65px}.scene-number{letter-spacing:2px;font-size:11px}.scene-number>span{opacity:.5;font-size:9px}.scene-label{writing-mode:vertical-rl;letter-spacing:3px;font-size:8px}.world-caption{color:#f0f2d9;letter-spacing:2.2px;text-shadow:0 1px 10px #2f421c;align-items:center;gap:9px;font-size:8px;display:flex;position:fixed;bottom:154px;right:6%}.live-dot{background:#e5ebbc;border-radius:100%;width:5px;height:5px;box-shadow:0 0 12px #f2f2ba}.footer{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#eef0d7db;border:1px solid #fbfbe566;border-radius:5px;align-items:center;gap:50px;padding:24px 30px;display:flex;position:fixed;bottom:30px;left:4.2%;right:4.2%;box-shadow:0 10px 40px #1f321515}.chapter-info{align-items:center;gap:19px;min-width:250px;display:flex}.chapter-number{color:#6c7857;border-right:1px solid var(--line);padding-right:22px;font-family:Italiana,Georgia,serif;font-size:39px;line-height:1}.chapter-text{flex-direction:column;gap:7px;display:flex}.chapter-text .eyebrow{letter-spacing:1.8px;color:#808873;font-size:7px}.chapter-text>span:last-child{font-family:Georgia,serif;font-size:17px}.progress-area{width:220px;max-width:28vw}.progress-label{justify-content:space-between;align-items:center;margin-bottom:11px;font-size:10px;display:flex}.progress-label>span:first-child{align-items:center;gap:5px;display:flex}.progress-label .icon{color:#6a7e4c;width:14px;height:14px;margin-right:4px}.petal-total,#progress-percent{color:#89907a}.progress-track{background:#c8cfb6;border-radius:3px;width:100%;height:2px;overflow:hidden}.progress-track>span{background:#647a42;width:0;height:100%;transition:width .7s;display:block}.footer-right{align-items:center;gap:30px;margin-left:auto;display:flex}.footer-right>span{color:#7b846c;font-family:Georgia,serif;font-size:12px;font-style:italic}.footer-right .icon-button{border:1px solid var(--line);width:29px;height:29px}.footer-right .icon{width:15px;height:15px}.playing-only{display:none}.is-playing .playing-only{display:inline-flex}.is-playing .intro{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .8s,transform .9s,visibility 0s .9s;transform:translateY(-15px)}.is-playing .atmosphere{opacity:0}.is-playing .world-caption{display:none}.is-playing .header{background:linear-gradient(#e9ecd368,#0000)}.is-playing .scene-marker{opacity:.55;pointer-events:none}.is-playing .brand-caption{display:none}.flight-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;pointer-events:none;background:#f5f5dfbb;border:1px solid #fffff538;border-radius:30px;align-items:center;gap:9px;padding:12px 18px;font-size:11px;display:flex;position:fixed;top:115px;left:50%;transform:translate(-50%)}.flight-hint .icon{width:18px;height:18px}kbd{font:inherit;border:1px solid #8a937b66;border-radius:3px;padding:2px 5px;font-size:10px}.target{pointer-events:none;color:#fffbd3;text-shadow:0 1px 5px #334926;flex-direction:column;align-items:center;gap:9px;font-size:10px;display:flex;position:fixed;transform:translate(-50%,-50%)}.target-diamond{border:1px solid #fff8bb;width:10px;height:10px;display:block;transform:rotate(45deg);box-shadow:0 0 20px #fff8bb77}.offscreen-guide{color:#fffce3;pointer-events:none;background:#344a3888;border-radius:24px;padding:12px 16px;font-size:11px;position:fixed;top:47%;right:5%}.offscreen-guide.guide-left{left:5%;right:auto}.bloom-message{color:#fffde6;text-shadow:0 2px 15px #1e331b80;pointer-events:none;opacity:0;white-space:nowrap;font:italic 23px Georgia,serif;transition:opacity .7s,transform .7s;position:fixed;bottom:165px;left:50%;transform:translate(-50%,10px)}.bloom-message.visible{opacity:1;transform:translate(-50%)}#toast{z-index:20;color:#f8f6e6;opacity:0;pointer-events:none;text-align:center;background:#2f422eed;border-radius:6px;width:max-content;max-width:calc(100% - 40px);padding:14px 20px;font-size:12px;line-height:1.7;transition:opacity .3s,transform .3s;position:fixed;bottom:151px;left:50%;transform:translate(-50%,15px)}#toast.visible{opacity:1;transform:translate(-50%)}.modal{width:calc(100% - 32px);max-width:490px;color:var(--ink);background:#f5f4e8;border:1px solid #eeedda;border-radius:10px;max-height:calc(100dvh - 36px);padding:43px;overflow-y:auto;box-shadow:0 30px 100px #22361e30}.modal::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#253b2c55}.modal-close{position:absolute;top:14px;right:14px}.modal .eyebrow{letter-spacing:2px;margin:10px 0 19px;font-size:8px}.modal h2{letter-spacing:-.8px;margin:0 0 16px;font-family:Italiana,Georgia,serif;font-size:38px;font-weight:400;line-height:1.15}.modal>p{color:#7b826e;margin-bottom:24px;font-size:12px;line-height:1.8}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:20px 0;font-size:12px;display:flex}.setting-row>div{flex-direction:column;gap:7px;display:flex}.setting-row label{font-weight:500}.setting-row>div>span{color:#828975;font-size:10px}.setting-row input[role=switch]{appearance:none;cursor:pointer;background:#c4c9b5;border-radius:20px;flex-shrink:0;width:36px;height:21px;transition:background .2s;position:relative}.setting-row input[role=switch]:after{content:"";background:#faf9ed;border-radius:50%;width:15px;height:15px;transition:transform .2s;position:absolute;top:3px;left:3px}.setting-row input[role=switch]:checked{background:#677c49}.setting-row input[role=switch]:checked:after{transform:translate(15px)}select{color:#566447;background:#efefdf;border:1px solid #cbd0bb;border-radius:4px;padding:8px;font-size:11px}.small-button{background:#e6ead8;border:1px solid #cbd2b8;border-radius:4px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;display:flex}.small-button .icon{width:16px;height:16px}.modal .sensor-note{background:#e8ebdc;border-radius:4px;margin:0 0 24px;padding:12px;font-size:10px}.modal .primary-button{width:100%;margin-top:6px}.text-button{color:#7a846b;background:0 0;justify-content:center;align-items:center;gap:9px;padding:15px 0;font-size:11px;display:flex}.text-button .icon{width:14px;height:14px}.setting-row input[type=range]{accent-color:#64784c;width:120px}.help-row{border-top:1px solid var(--line);gap:18px;padding:17px 0;display:flex}.help-row>.icon{color:#788662;margin-top:3px}.help-row>div{flex-direction:column;gap:7px;display:flex}.help-row strong{font-size:12px;font-weight:500}.help-row span{color:#7b826e;font-size:11px;line-height:1.8}.help-tip{color:#7a8568;margin:15px 0 20px;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.7}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered .text-button{margin:10px auto 0}.modal-flower>svg{color:#879566;width:58px;height:58px;margin-bottom:13px}.completion-stat{color:#7d8967;justify-content:center;align-items:center;gap:9px;margin:25px 0 30px;font-size:11px;display:flex}.completion-stat .icon{width:17px;height:17px}.loading{z-index:50;text-align:center;background:#e9ead6;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;transition:opacity .5s;display:flex;position:fixed;inset:0}.loading>span{color:#778560;width:60px;height:60px;animation:16s linear infinite turn}.loading p{color:#7c876b;font-size:12px;line-height:1.8}.loading h2{font:32px Georgia,serif}.loading.loaded{opacity:0;pointer-events:none}@keyframes turn{to{transform:rotate(360deg)}}#touch-controls{pointer-events:none;z-index:4;position:fixed;inset:0}#joystick{pointer-events:auto;touch-action:none;background:#f5f5e311;border:1px solid #f5f5d950;border-radius:50%;justify-content:center;align-items:center;width:98px;height:98px;display:flex;position:absolute;bottom:155px;left:30px}#joystick span{background:#f5f5e344;border:1px solid #f5f5e366;border-radius:50%;width:37px;height:37px;display:block}#joystick.active{background:#f5f5e322}#gust{color:#ffffe4;pointer-events:auto;touch-action:none;background:#f5f5e326;border:1px solid #f5f5e36b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:76px;height:76px;display:flex;position:absolute;bottom:163px;right:30px}#gust>span{letter-spacing:2px;font-size:8px}#gust:active{background:#f5f5e35f}@media (width>=1600px){.intro{top:25%;left:9%}.intro-description{font-size:16px}.intro-note{font-size:11px}.primary-button{padding:20px 28px;font-size:13px}.input-options{margin-top:45px}}@media (height<=780px) and (width>=701px){.header{padding-top:22px}.intro{top:23%}h1{margin:19px 0 20px;font-size:80px}.intro-description{margin-bottom:22px}.input-options{margin-top:25px}.footer{padding:20px 25px;bottom:22px}.world-caption{bottom:130px}}@media (width<=1000px){.brand-caption{display:none}.intro{left:7%}.footer{gap:30px;padding:21px}.chapter-info{gap:14px;min-width:205px}.footer-right>span{display:none}.footer-right{margin-left:auto}.progress-area{width:230px;max-width:35vw}h1{font-size:85px}.scene-marker{right:4%}.input-options{gap:15px}}@media (width<=700px){.header{gap:10px;padding:22px 6%}.brand>span{font-size:30px}.brand>svg{width:30px;height:30px}.brand{gap:9px}.toolbar{gap:4px}.icon-button{width:35px;height:35px}.icon-button>.icon{width:19px;height:19px}.toolbar-divider{height:18px;margin:0 3px}.intro{top:22%;left:8%;right:8%}.intro>.eyebrow{letter-spacing:2px;font-size:8px}h1{letter-spacing:-2px;margin:25px 0 22px;font-size:clamp(65px,13vw,88px)}.intro-description{font-size:12px;line-height:1.9}.primary-button{gap:30px;padding:17px 21px;font-size:11px}.intro-note{margin-top:15px;font-size:8px}.input-options{gap:18px;margin-top:29px;font-size:9px}.input-options button{font-size:9px}.input-options .icon{width:15px;height:15px}.scene-marker{gap:16px;top:42%;right:6%}.scene-label{letter-spacing:2px;font-size:7px}.scene-number{font-size:9px}.scene-number>span{font-size:8px}.vertical-line{height:40px}.atmosphere{background:linear-gradient(90deg,#ecefd9cf,#e8edcf80 50%,#e8edcf10),linear-gradient(#0000 70%,#20321944)}.world-caption{letter-spacing:1.6px;font-size:6px;bottom:138px;right:7%}.footer{left:5%;right:5%;bottom:max(20px,env(safe-area-inset-bottom));gap:20px;min-height:82px;padding:18px 17px}.chapter-info{flex:1;gap:12px;min-width:0}.chapter-number{padding-right:13px;font-size:31px}.chapter-text .eyebrow{letter-spacing:1.5px;font-size:6px}.chapter-text>span:last-child{max-width:125px;font-size:13px}.progress-area{width:105px;max-width:31vw}.progress-label{margin-bottom:9px;font-size:9px}.progress-label .icon{width:12px;height:12px;margin-right:0}.progress-label>span:first-child{gap:3px}#progress-percent,.footer-right{display:none}.flight-hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 28px);padding:10px 12px;font-size:9px;top:92px}.flight-hint .icon{width:15px;height:15px}.is-playing .scene-marker{display:none}.modal{padding:32px 25px}.modal h2{font-size:34px}.modal .eyebrow{font-size:7px}.modal>p{font-size:11px}.bloom-message{white-space:normal;text-align:center;width:90vw;max-width:90vw;font-size:17px;bottom:275px}.offscreen-guide{padding:10px 12px;font-size:10px}#toast{font-size:11px;bottom:120px}.is-playing .toolbar{gap:1px}.is-playing .toolbar-divider{margin:0}.is-playing .brand>span{font-size:28px}}@media (height<=650px) and (width<=700px){.intro{top:19%}h1{margin:15px 0;font-size:61px}.intro-description{margin-bottom:18px}.intro-note{display:none}.input-options{margin-top:20px}.footer{min-height:72px;padding:15px;bottom:13px}.world-caption{bottom:102px}}@media (height<=520px) and (orientation:landscape){.header{padding:13px 4%}.intro{top:22%;left:7%}h1{margin:12px 0;font-size:53px}.intro-description{margin-bottom:16px;font-size:11px;line-height:1.6}.intro-note,.input-options,.world-caption,.brand-caption{display:none}.intro>.eyebrow{font-size:7px}.primary-button{padding:12px 20px;font-size:10px}.footer{min-height:65px;padding:12px 20px;bottom:13px;left:4%;right:4%}.chapter-number{font-size:28px}.chapter-text>span:last-child{font-size:14px}.chapter-info{min-width:220px}.scene-marker{gap:10px;top:28%}.vertical-line{height:30px}#joystick{width:80px;height:80px;bottom:105px}#gust{width:66px;height:66px;bottom:109px}.flight-hint{top:65px}.bloom-message{font-size:18px;bottom:110px}.modal{max-height:calc(100dvh - 24px)}#toast{bottom:90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}