@font-face{font-family:system;src:local("Arial")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e6e6dc;color:#314c45;font-family:system,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #719a8a;outline-offset:5px}[hidden]{display:none!important}#app{width:100%;height:100%;height:100dvh;position:relative;isolation:isolate}#scene{display:block;width:100%;height:100%;touch-action:none;outline:none}#app::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(232,234,218,.3),transparent 18%,transparent 78%,rgba(248,244,234,.18));z-index:1}.topbar{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(28px + env(safe-area-inset-top)) max(36px,env(safe-area-inset-right)) 20px max(36px,env(safe-area-inset-left));pointer-events:none}.brand{display:flex;align-items:center;gap:12px;color:#35554c;text-decoration:none;pointer-events:auto}.brand svg{width:38px;height:38px;fill:#fff8e9;stroke:#577d71;stroke-width:1.5;stroke-linejoin:round}.brand span{font-size:17px;letter-spacing:.25em;font-weight:600}.brand small{display:block;font-size:9px;letter-spacing:.27em;margin-top:5px;font-weight:500}.top-actions{display:flex;align-items:center;gap:11px;pointer-events:auto}.mode-label{font-size:10px;letter-spacing:.15em;margin-right:10px}.icon-button{width:42px;height:42px;border:1px solid #fff9;border-radius:50%;background:#f8f7ee9e;color:#466d60;font-size:22px;display:grid;place-items:center;backdrop-filter:blur(12px)}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.intro{position:absolute;left:7.5%;bottom:10%;z-index:3;padding:32px 42px 32px 0;max-width:560px;text-shadow:0 2px 20px #f8f8ed}.intro::before{content:"";position:absolute;z-index:-1;inset:-60px -80px -50px -120px;background:radial-gradient(ellipse at 40% 60%,#f2f3e3e0 0,#eeeedfc9 38%,#eceddf70 63%,transparent 78%);pointer-events:none}.eyebrow{font-size:9px;font-weight:600;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#9cb1a1}.intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(54px,6vw,82px);line-height:1.04;letter-spacing:-.035em;margin:22px 0 18px;color:#36584b}.intro h1 em{font-weight:400;color:#688d7c}.intro p{font-size:14px;line-height:1.75;max-width:380px;color:#5d6e60}.intro-actions{display:flex;gap:12px;margin-top:24px;align-items:center}.primary{background:#496f5f;border:none;border-radius:100px;color:#fcfaef;padding:15px 23px;font-size:13px;box-shadow:0 5px 20px #3e62471f;min-width:153px}.primary span{margin-left:17px;font-size:18px}.primary:hover{background:#375a4d}.secondary{border:1px solid #84948166;background:#f6f5e766;color:#517663;border-radius:100px;padding:15px 19px;font-size:12px}.secondary:hover{background:#f6f5e7cc}.control-hint{display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.6;margin-top:25px;color:#6c7a68}.control-hint small{font-size:10px;color:#82907b}.gesture-icon{font-size:26px;color:#7d9b86}.progress{height:3px;background:#91a48d33;border-radius:5px;max-width:200px;margin-top:10px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#789b82;transition:width .2s}#loading{font-size:11px;color:#6d876f;margin-top:16px}.hud{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:18px max(32px,env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));display:flex;align-items:end;gap:28px;pointer-events:none}.flight-hint{font-size:11px;background:#f7f7eea1;border:1px solid #fff6;padding:11px 16px;border-radius:100px;color:#577363;backdrop-filter:blur(10px);transition:opacity .4s}.flight-stats{display:flex;gap:20px;align-items:center;margin-left:auto;white-space:nowrap;font-size:11px;color:#5d7467}.flight-stats span{text-align:right}.flight-stats small{display:block;font-size:8px;letter-spacing:.16em;margin-bottom:6px}.flight-stats b{font-weight:500;font-size:19px;font-variant-numeric:tabular-nums}.flight-stats i{height:26px;width:1px;background:#7d927452}.restart{border:1px solid #fefbeac4;color:#547764;background:#f9f7ecb0;padding:11px 15px;border-radius:100px;pointer-events:auto;backdrop-filter:blur(12px);font-size:11px}.restart>span{font-size:18px;margin-right:6px}.stick{position:absolute;z-index:4;pointer-events:none;width:122px;height:122px;border-radius:50%;border:1px solid #fff9;background:#f9f8ef24;box-shadow:0 0 0 8px #f9f8ef19;backdrop-filter:blur(4px);transform:translate(-50%,-50%)}.stick-cross::before,.stick-cross::after{content:"";position:absolute;background:#fff7;left:50%;top:50%;transform:translate(-50%,-50%)}.stick-cross::before{width:40px;height:1px}.stick-cross::after{width:1px;height:40px}.stick i{position:absolute;width:31px;height:31px;top:50%;left:50%;margin:-15.5px 0 0 -15.5px;border-radius:50%;border:1px solid #fffc;background:#88ab94a6;box-shadow:0 4px 15px #2c5d5225}.notice{position:absolute;z-index:6;top:20%;left:50%;transform:translateX(-50%);padding:13px 24px;border:1px solid #fff9;border-radius:100px;background:#f9f6eddf;color:#5a7566;box-shadow:0 6px 40px #3a5b4220;font-size:13px;white-space:nowrap}dialog{border:1px solid #fff9;border-radius:24px;padding:40px;max-width:440px;width:calc(100% - 36px);color:#456752;background:#f3f2e9f5;box-shadow:0 15px 90px #314c4538;backdrop-filter:blur(14px)}dialog::backdrop{background:#50635945;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:26px;color:#577563}dialog h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:20px 0}dialog p{font-size:13px;line-height:1.7;color:#738270}.help-row{display:flex;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid #78907e22}.help-row>span{width:26px;font-size:24px;color:#77947b}.help-row b{display:block;font-size:13px;font-weight:500}.help-row small{display:block;font-size:11px;color:#80917d;margin-top:5px}.help-note{font-size:11px!important}.keys{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.keys span{font-size:9px;padding:8px 9px;border:1px solid #83978333;border-radius:7px}noscript{position:absolute;inset:40% 5%;text-align:center}.active .intro{display:none}@media(max-width:650px){.topbar{padding:calc(20px + env(safe-area-inset-top)) 22px 15px}.brand span{font-size:14px}.brand small{font-size:8px}.brand svg{width:31px;height:31px}.mode-label{display:none}.icon-button{width:37px;height:37px}.intro{left:27px;right:27px;bottom:calc(43px + env(safe-area-inset-bottom));padding:18px 0;max-width:440px}.intro h1{font-size:57px;margin:19px 0 15px}.intro p{font-size:12px;line-height:1.7;max-width:325px}.intro::before{inset:-35px -40px -60px -45px;background:linear-gradient(0deg,#eeeedee8 18%,#eeeeded1 53%,#eeeedeb4 70%,transparent)}.eyebrow{font-size:8px;letter-spacing:.11em}.intro-actions{gap:9px;margin-top:20px}.primary{padding:14px 20px;min-width:145px;font-size:12px}.secondary{padding:14px 15px;font-size:11px}.control-hint{font-size:10px;margin-top:18px}.hud{padding:16px 20px calc(24px + env(safe-area-inset-bottom));gap:16px;flex-wrap:wrap;justify-content:space-between}.flight-hint{width:100%;text-align:center;font-size:10px;padding:10px}.flight-stats{margin-left:0;gap:17px}.flight-stats small{font-size:7px}.flight-stats b{font-size:16px}.restart{font-size:10px;padding:10px 14px}.notice{font-size:12px;max-width:90%;text-align:center}.desktop-break{display:none}dialog{padding:30px}.keys span{font-size:8px}}@media(max-height:530px){.intro{bottom:4%;padding:0}.intro h1{font-size:46px;margin:10px 0}.intro p{margin:8px 0;font-size:11px}.control-hint{display:none}.intro-actions{margin-top:12px}.topbar{padding-top:16px}.hud{padding-bottom:15px}.flight-hint{display:none}}@media(prefers-reduced-motion:reduce){.progress i,.flight-hint{transition:none}}