@font-face{font-family:serif-local;src:local("Songti SC")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17251c;color:#e9e8db;font-family:Songti SC,serif;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;letter-spacing:.1em;color:inherit;border:1px solid #e4e7d446;background:#18221b52;padding:8px 13px;cursor:pointer;border-radius:2px;transition:background .2s,border .2s}button:hover{background:#e7e7d924;border-color:#e7e7d99c}button:focus-visible,a:focus-visible{outline:2px solid #f4ecd2;outline-offset:5px}button:disabled{cursor:wait;opacity:.6}#world{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;width:100%;height:100%}.intro{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0b190e66,#0b190e33);display:flex;align-items:center;transition:opacity .7s;pointer-events:none}.control-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(292px,calc(100% - 32px));padding:4px;border:1px solid #e4e7d455;background:#18221bd9;border-radius:3px;pointer-events:auto}.flight-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.control-bar button{border:0;background:none;font-size:14px;padding:8px 12px;white-space:nowrap}.control-bar button:hover:not(.selected){background:#e7e7d924}.control-bar button.selected{background:#dfdfd2;color:#263328}.control-bar button:active{filter:brightness(1.12)}.key-hint{display:flex;gap:28px;margin:4px 0 0;white-space:nowrap;font-size:12px;letter-spacing:.09em;color:#e0e3d2;text-shadow:0 1px 6px #000}.touch-controls{display:none}#error{position:fixed;left:10%;right:10%;top:35%;padding:35px;background:#17251cf2;border:1px solid #aba890;z-index:10;font:15px/1.8 system-ui}[hidden]{display:none!important}@media(max-width:800px){.key-hint{font-size:10px}}@media(pointer:coarse){.touch-controls{display:flex;position:fixed;bottom:72px;left:20px;right:20px;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;border-radius:50%;width:54px;height:54px;background:#14231b99;font-family:system-ui;touch-action:none}.touch-controls #flap{width:68px;height:68px;font-size:14px;margin-top:-7px;border-color:#dedeca99;background:#dfe2cecf;color:#18281c}.key-hint{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.camera-bar,.touch-controls,.key-hint{z-index:2}.eye-note{position:fixed;z-index:2;top:32px;left:50%;transform:translate(-50%);width:210px;padding:11px 16px 10px;background:#112522b8;border:1px solid #c4ead440;pointer-events:none;text-align:center;text-shadow:0 1px 5px #0005;border-radius:3px}.eye-note>span{font-size:15px;letter-spacing:.24em}.eye-note small{display:block;font-size:10px;letter-spacing:.13em;color:#c6dfd6;margin-top:6px}.eye-track{height:1px;background:#d1efe021;margin-top:10px;overflow:hidden}.eye-track i{display:block;height:100%;background:#bad7ce;transform:scaleX(0);transform-origin:left}@media(max-width:800px){.eye-note{top:107px;width:180px;padding:8px 12px}.eye-note>span{font-size:13px}.eye-note small{font-size:9px;margin-top:4px}}body[data-opening=title],body[data-opening=morph],body[data-opening=landing],body[data-opening=failed]{background:#0c0e0e}body[data-opening=morph]>:not(#world):not(#title-reveal):not(script),body[data-opening=landing]>:not(#world):not(#title-reveal):not(script),body[data-opening=failed]>:not(#error):not(script){visibility:hidden;opacity:0;pointer-events:none}body[data-opening=ready]>.intro,body[data-opening=ready]>.flight-dock,body[data-opening=ready]>.touch-controls{animation:opening-controls-in .55s ease-out both}@keyframes opening-controls-in{0%{opacity:0}to{opacity:1}}.title-reveal{position:fixed;z-index:8;left:50%;top:50%;width:min(400px,90vw);height:auto;aspect-ratio:2;margin:0;transform:translate(-50%,-50%);pointer-events:none;font-weight:400}.title-lettering{display:block;width:100%;height:100%;font-size:76px;letter-spacing:14px;opacity:0;will-change:opacity}.title-lettering text{font-family:serif-local,Songti SC,serif;font-size:76px;letter-spacing:14px;font-weight:400}.title-whole{fill:#eee9d7}.title-pixels{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.intro.playing{background:none}.flight-dock{position:fixed;z-index:2;left:50%;bottom:0;width:min(440px,100%);height:194px;transform:translate(-50%);pointer-events:none}.dock-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 36px;pointer-events:auto;transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .6s ease;will-change:transform,opacity}.flight-dock[data-open=false] .dock-panel{transform:translateY(100%);opacity:0;pointer-events:none}.dock-reveal{position:absolute;left:50%;bottom:max(4px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:min(360px,90vw);height:36px;padding:0;border:0;background:none;border-radius:0;opacity:0;pointer-events:none;transition:opacity .6s}.dock-reveal span{display:block;width:44px;height:2px;background:#e4e5d880;border-radius:2px;transition:width .3s,background .3s}.flight-dock[data-immersed=true] .dock-reveal{opacity:1;pointer-events:auto}.dock-reveal:hover{background:none}.dock-reveal:hover span,.dock-reveal:focus-visible span{width:64px;background:#eeeedecc}@media(pointer:coarse){.flight-dock{height:272px}.dock-panel{pointer-events:none}.flight-dock .control-bar{pointer-events:auto}}@media(prefers-reduced-motion:reduce){.dock-panel,.dock-reveal{transition:none;will-change:auto}}