@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif;color:#f7fbf6;background:#0a1115}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #d0ffac;outline-offset:4px}#world,#poster,.shade{position:fixed;inset:0;width:100%;height:100%}#world{touch-action:none;opacity:0;transition:opacity .8s}#world.ready{opacity:1}#poster{background:center/cover url('../world/garden-poster.jpg');filter:brightness(.8);transition:opacity .8s}.shade{pointer-events:none;background:linear-gradient(180deg,#07101470 0,transparent 24%,transparent 60%,#041015c9 100%)}header{position:fixed;left:40px;right:40px;top:max(30px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;z-index:4}.wordmark{color:inherit;text-decoration:none;letter-spacing:.22em;font:600 23px Manrope,sans-serif}.wordmark span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.19em;margin-top:7px;opacity:.67}.tools{display:flex;gap:9px}.tools button,#journey button{background:#101c264d;backdrop-filter:blur(18px);border:1px solid #fff3;border-radius:22px;padding:10px 15px;font-size:12px}.tools #info{border-radius:50%;width:37px;padding:0}.place{position:fixed;left:40px;top:138px;pointer-events:none;transition:opacity 1s}.place span{font-size:10px;letter-spacing:.19em;opacity:.7}.place h1{font:400 clamp(25px,3.4vw,45px) Manrope,sans-serif;letter-spacing:-.04em;margin:9px 0}.place p{font-size:12px;opacity:.68}.immersed .place{opacity:0}#destinations{position:fixed;right:40px;top:139px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}#destinations button{font-size:11px;background:#0a182441;backdrop-filter:blur(16px);border:1px solid #fff2;padding:9px 15px;border-radius:25px;transition:background .2s}#destinations .selected{background:#e7f2e9e6;color:#162d26;border-color:transparent}#reticle{position:fixed;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff7;pointer-events:none}.composer{position:fixed;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 40px));z-index:4}.status{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em;padding:0 5px 10px;color:#d7e5e0aa}#connection:before{content:'';display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#97bbac}#connection.live:before{background:#bafa92;box-shadow:0 0 9px #bafa92}form{display:flex;gap:12px;align-items:center;padding:9px;background:#0d181cd9;border:1px solid #c2ded944;box-shadow:0 12px 50px #0005;border-radius:18px;backdrop-filter:blur(24px)}select{max-width:120px;font-size:11px;border:0;background:#ffffff0d;padding:12px 8px;border-radius:9px;color:#d8e3de}input{width:100%;min-width:0;border:0;outline:0;color:white;background:transparent;font-size:14px}input::placeholder{color:#d7e3df80}#generate{flex:none;width:42px;height:42px;background:#d8efc1;color:#233521;border-radius:12px;font-size:25px}.suggestions{display:flex;justify-content:center;gap:17px;margin-top:12px}.suggestions button{padding:0;font-size:10px;background:none;color:#e0eee0a6}.suggestions button:hover{color:white}#journey{position:fixed;bottom:183px;right:40px;display:flex;gap:8px}#joystick{position:fixed;left:45px;bottom:175px;width:94px;height:94px;border:1px solid #ffffff36;background:#ffffff07;border-radius:50%;touch-action:none;display:grid;place-items:center;backdrop-filter:blur(4px)}#joystick div{width:39px;height:39px;border-radius:50%;background:#e6f4e53b;border:1px solid #ffffff50;pointer-events:none}#progress{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:15px 22px;border-radius:30px;background:#0c1a20d9;backdrop-filter:blur(18px);font-size:12px;z-index:5;max-width:90%;transition:opacity .3s}#progress.hidden{opacity:0;pointer-events:none}.pulse{width:7px;height:7px;border-radius:50%;background:#d8efc1;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.2;transform:scale(.65)}}dialog{background:#112227f5;color:#e4eee7;border:1px solid #bdd2c333;border-radius:24px;padding:35px;max-width:480px;width:calc(100% - 30px);backdrop-filter:blur(30px);line-height:1.65}dialog::backdrop{background:#05101388;backdrop-filter:blur(10px)}dialog p{font-size:13px;color:#b0c5be}dialog h2{font:400 27px Manrope;line-height:1.3;letter-spacing:-.03em}dialog .eyebrow{font-size:9px;letter-spacing:.18em}#closeInfo{float:right;font-size:24px;background:none}.links{display:flex;flex-direction:column;gap:7px}.links a{color:#d8efc1;font-size:12px}.busy #generate{animation:pulse 1.4s infinite}.busy #destinations{pointer-events:none;opacity:.5}@media(max-width:700px){header{left:22px;right:22px;top:max(22px,env(safe-area-inset-top))}.wordmark{font-size:20px}.place{left:22px;top:120px}.place h1{font-size:29px}.place p{max-width:220px;line-height:1.6}#destinations{top:auto;bottom:244px;left:22px;right:22px;flex-direction:row;gap:6px;justify-content:center;flex-wrap:wrap}#destinations button{padding:7px 10px;font-size:10px}#joystick{left:24px;bottom:148px;width:76px;height:76px}#joystick div{width:32px;height:32px}#journey{bottom:168px;right:22px}#journey button{font-size:10px;padding:8px 10px}.composer{bottom:max(20px,env(safe-area-inset-bottom));width:calc(100% - 32px)}form{gap:8px;padding:7px}select{max-width:96px;padding:10px 5px;font-size:10px}input{font-size:16px}#generate{width:38px;height:38px}.suggestions{gap:12px}.suggestions button{font-size:9px}.status{font-size:9px}}@media(max-height:550px){.place{top:94px}.place h1{font-size:28px}.place p{display:none}#destinations{top:90px;bottom:auto;left:auto;right:24px;flex-direction:column;align-items:flex-end}header{top:15px;left:24px;right:24px}.composer{bottom:15px;width:min(600px,68%)}#joystick{bottom:40px;left:25px}#journey{bottom:40px;right:25px;flex-direction:column}.status{padding-bottom:6px}.suggestions{margin-top:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.pulse{animation:none!important}}

#reticle.focused{width:100px;height:100px;margin-left:-50px;margin-top:-50px;border:1px dashed #e6ffbda0;background:#d5ff9e0a;box-shadow:0 0 35px #d5ff9e18;border-radius:50%}