:root{--bg: #ffffff;--card: #ffffff;--sunk: #f7f7f7;--line: #e5e5e5;--ink: #3c3c3c;--muted: #777777;--faint: #afafaf;--on-color: #ffffff;--green: #58cc02;--green-d: #58a700;--green-t: #d7ffb8;--blue: #1cb0f6;--blue-d: #1899d6;--blue-t: #ddf4ff;--gold: #ffc800;--gold-d: #e5a800;--gold-t: #fff5d3;--red: #ff4b4b;--red-d: #ea2b2b;--red-t: #ffdfe0;--purple: #ce82ff;--purple-d: #a568cc;--purple-t: #f4e5ff;--orange: #ff9600;--orange-d: #e08500;--orange-t: #ffefd9;--font: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--r: 16px}@media(prefers-color-scheme:dark){:root{--bg: #131f24;--card: #131f24;--sunk: #202f36;--line: #37464f;--ink: #f1f7fb;--muted: #9db0bb;--faint: #52656d;--green-t: #1f3a16;--blue-t: #103446;--gold-t: #3a3013;--red-t: #3d1b1d;--purple-t: #2f2140;--orange-t: #3b2a12;color-scheme:dark}}.btn{--c: var(--green);--cd: var(--green-d);appearance:none;border:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;font:900 15px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--on-color);background:var(--c);border-radius:16px;padding:15px 22px;box-shadow:0 4px 0 var(--cd);transition:transform .06s,box-shadow .06s,filter .1s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--cd)}.btn:disabled{--c: var(--line);--cd: var(--line);color:var(--faint);cursor:default}.btn--blue{--c: var(--blue);--cd: var(--blue-d)}.btn--gold{--c: var(--gold);--cd: var(--gold-d)}.btn--red{--c: var(--red);--cd: var(--red-d)}.btn--purple{--c: var(--purple);--cd: var(--purple-d)}.btn--ghost{--c: var(--card);--cd: var(--line);color:var(--blue);border:2px solid var(--line)}.btn--sm{font-size:13px;padding:10px 14px;border-radius:12px}.option{appearance:none;cursor:pointer;text-align:left;width:100%;font:800 17px/1.3 var(--font);color:var(--ink);background:var(--card);border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;padding:14px 16px}.option.is-on{background:var(--blue-t);border-color:var(--blue);color:var(--blue-d)}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--r)}.eyebrow{font:900 12px/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(prefers-reduced-motion:reduce){.btn{transition:none}}html,body{margin:0;height:100%;overflow:hidden;background:#131f24;color:var(--ink);font:700 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none}*{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#stage{position:fixed;inset:0}#stage canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:1}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);padding:calc(env(safe-area-inset-top) + 28px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 20px);overflow-y:auto;overflow-x:hidden}.screen.is-entering{animation:screen-enter .32s cubic-bezier(.2,.8,.2,1) both}.screen.is-leaving{pointer-events:none}.screen.is-leaving>*{animation:screen-content-leave .24s ease-in both}.screen.is-closing{pointer-events:none;animation:screen-close .28s ease-out both}@keyframes screen-enter{0%{opacity:0;transform:translate(28px)}}@keyframes screen-content-leave{to{opacity:0;transform:translate(-28px)}}@keyframes screen-close{to{opacity:0}}.screen.is-fading-in{animation:screen-fade-in .3s ease-out both}@keyframes screen-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.screen.is-entering,.screen.is-leaving>*,.screen.is-closing,.screen.is-fading-in{animation:none}}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.screen__body{flex:1;width:100%;max-width:520px;margin:0 auto}.screen__foot{width:100%;max-width:520px;margin:16px auto 0;display:grid;gap:14px}.title{font:900 30px/1.15 var(--font);margin:6px 0 12px;color:var(--ink);text-wrap:balance}.lede{font:700 18px/1.45 var(--font);color:var(--muted);margin:0 0 12px}.lede--small{font-size:15px}.eyebrow{margin:0}.btn--wide{width:100%}.btn--big{font-size:18px;padding:20px 22px}.hero{width:112px;height:112px;border-radius:32px;display:grid;place-items:center;margin:8px 0 22px;color:#fff;background:linear-gradient(140deg,var(--blue),var(--green));box-shadow:0 6px 0 var(--blue-d)}.hero svg{width:68px;height:68px}.loadwrap{display:flex;align-items:center;gap:12px}.loadbar{flex:1;height:16px;border-radius:99px;background:var(--sunk);border:2px solid var(--line);overflow:hidden}.loadbar__fill{height:100%;width:0;border-radius:99px;background:var(--gold);box-shadow:inset 0 -4px #00000014;transition:width .2s}.is-loaded .loadbar__fill{background:var(--green)}.loadbar__label{font:900 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-width:64px;text-align:right}.options{display:grid;gap:12px;margin-top:18px}.option{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:60px}.option__sub{font-weight:700;font-size:14px;color:var(--faint)}.option.is-on .option__sub{color:var(--blue)}.steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.steps li{display:flex;align-items:center;gap:14px;font:800 17px/1.35 var(--font);background:var(--sunk);border:2px solid var(--line);border-radius:16px;padding:14px 16px}.steps b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;box-shadow:0 3px 0 var(--blue-d)}.picker__langs{display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 22px}.picker__lang{appearance:none;cursor:pointer;font:800 13px/1 var(--font);color:var(--muted);background:var(--card);border:2px solid var(--line);border-bottom-width:3px;border-radius:99px;padding:8px 12px}.picker__lang.is-on{color:var(--blue-d);background:var(--blue-t);border-color:var(--blue)}.picker__settings{margin:28px 0 8px;color:var(--muted);font:800 15px/1.4 var(--font)}.picker__settings summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;color:var(--ink);background:var(--card);border:2px solid var(--line);border-bottom-width:4px;border-radius:99px}.picker__settings summary::-webkit-details-marker{display:none}.picker__settings summary:before{content:"⚙";font-size:18px}.picker__settings summary:after{content:"›";font-size:20px;transition:transform .15s}.picker__settings[open] summary:after{transform:rotate(90deg)}.picker__toggle{display:flex;align-items:center;gap:12px;min-height:48px;color:var(--ink);cursor:pointer}.picker__toggle input{width:22px;height:22px;margin:0;accent-color:var(--blue)}.places{display:grid;gap:14px;margin:20px 0 8px}.place{appearance:none;cursor:pointer;width:100%;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;text-align:left;font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-bottom-width:5px;border-radius:20px;transition:border-bottom-width .06s,margin-top .06s}.place:active{border-bottom-width:2px;margin-top:3px}.place__thumb{position:relative;flex:none;width:92px;height:92px;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--blue),var(--green))}.place__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}.place__thumb.has-img img{opacity:1}.place__text{flex:1;min-width:0;display:grid;gap:4px}.place__title{font:900 18px/1.2 var(--font);text-wrap:balance}.place__desc{font:700 14px/1.35 var(--font);color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.place__desc[hidden]{display:none}.place__chev{flex:none;display:grid;color:var(--faint)}@media(prefers-reduced-motion:reduce){.place,.place__thumb img{transition:none}}.startveil{position:absolute;inset:0;background:var(--bg);opacity:1;transition:opacity .8s ease;pointer-events:none!important}.startveil.is-out{opacity:0}.lookhint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);transform:translate(-50%,6px);display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#131f2480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font:800 14px/1.2 var(--font);white-space:nowrap;opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none!important}.lookhint.is-on{opacity:1;transform:translate(-50%)}.lookhint__icon{display:grid;animation:lookhint-tilt 1.6s ease-in-out infinite}@keyframes lookhint-tilt{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.startsheet{position:absolute;left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);max-width:440px;margin:0 auto;padding:10px 10px 10px 16px;border-radius:18px;background:#131f2499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;gap:12px;transition:opacity .35s ease,transform .35s ease;animation:startsheet-in .35s ease-out}.startsheet.is-out{opacity:0;transform:translateY(12px);pointer-events:none!important}@keyframes startsheet-in{0%{opacity:0;transform:translateY(12px)}}.startsheet__text{flex:1;min-width:0}.startsheet__hint{margin:0;font:800 15px/1.3 var(--font)}.startsheet__sub{margin:2px 0 0;color:#ffffffa6;font:700 12px/1.3 var(--font)}.startsheet__btn{flex:none;padding-inline:18px}.hud{position:absolute;inset:0;pointer-events:none!important}.hud>*{pointer-events:auto}.hud__bar{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);display:flex;gap:8px;transition:opacity .6s ease}.hud__bar.is-idle{opacity:0;pointer-events:none!important}.hud__btn{appearance:none;border:0;cursor:pointer;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#fff;background:#131f2473;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px #0000004d;transition:transform .06s,box-shadow .06s}.hud__btn:active{transform:translateY(4px);box-shadow:0 0 #00000059}.hud__btn.is-off{color:var(--gold)}.captions{position:absolute;left:calc(env(safe-area-inset-left) + 16px);right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 18px);max-width:640px;margin:0 auto;padding:12px 16px;border-radius:16px;background:#131f24c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:800 18px/1.35 var(--font);text-align:center;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none!important}.captions.is-on{opacity:1;transform:none}.toast{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 76px);transform:translate(-50%,-8px);max-width:min(92vw,440px);padding:12px 16px;border-radius:14px;background:var(--ink);color:var(--bg);font:800 15px/1.35 var(--font);text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none!important;z-index:5}.toast.is-on{opacity:1;transform:translate(-50%)}.debug{position:absolute;left:calc(env(safe-area-inset-left) + 8px);top:calc(env(safe-area-inset-top) + 8px);margin:0;padding:6px 8px;border-radius:8px;background:#0000008c;color:#b8ff8a;font:600 11px/1.35 var(--mono);white-space:pre;pointer-events:none!important}.backlink,.hud__back{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:15px;font:800 16px/1 Nunito,system-ui,sans-serif;color:#fff;text-decoration:none;cursor:pointer}.backlink{margin:-8px 0 8px -14px;color:var(--blue)}.hud__back{position:absolute;top:calc(env(safe-area-inset-top) + 12px);left:calc(env(safe-area-inset-left) + 12px);background:#131f248c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px #0000004d}.backlink:focus-visible,.hud__back:focus-visible{outline:3px solid #fff;outline-offset:2px}