*,:before,:after{box-sizing:border-box}:root{--bg:#ebe8e2;--ink:#1d2422;--ink-soft:#56605c;--accent:#23463d;--glass:#ffffffbd;--glass-border:#ffffffe6;--shadow:0 1px 2px #141c1914, 0 6px 22px #141c191a;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--top-h:80px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{height:100vh;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100dvh;position:fixed;inset:0}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}canvas:focus{outline:none}svg{display:block}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);border:1px solid var(--glass-border);box-shadow:var(--shadow)}#stage{background:var(--bg);position:fixed;inset:0;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#scene:active{cursor:grabbing}#topbar{z-index:10;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 18px) 0 calc(var(--safe-left) + 18px);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:fixed;top:0;left:0;right:0}#topbar>*{pointer-events:auto}#topbar h1{letter-spacing:-.01em;white-space:nowrap;border-radius:13px;justify-self:start;align-items:center;gap:6px;height:44px;margin:0;padding:0 16px;font-size:15px;font-weight:650;display:flex}#topbar h1 .dot{color:#9aa29e;font-weight:400}#topbar h1 .sub{color:var(--ink-soft);font-weight:500}.views{border-radius:15px;grid-template-columns:repeat(3,1fr);min-width:420px;padding:4px;display:grid;position:relative}.views .indicator{background:var(--accent);width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--i,0) * 100%));border-radius:11px;transition:transform .32s cubic-bezier(.3,.7,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #14322847}.views button{z-index:1;min-height:44px;color:var(--ink-soft);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;transition:color .2s;display:flex;position:relative}.views button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.views button:hover{color:var(--ink)}.views button[aria-selected=true]{color:#fff}.views button:disabled{opacity:.45;cursor:default}#hint{z-index:5;left:50%;bottom:calc(var(--safe-bottom) + 18px);color:#2b3330;text-align:center;pointer-events:none;border-radius:999px;width:max-content;max-width:calc(100% - 140px);margin:0;padding:10px 16px;font-size:13px;font-weight:500;line-height:1.35;transition:opacity .5s;position:fixed;transform:translate(-50%)}#hint:empty{display:none}#hint.faded{opacity:0}.actions{z-index:5;right:calc(var(--safe-right) + 18px);bottom:calc(var(--safe-bottom) + 18px);gap:10px;display:flex;position:fixed}.actions button{width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.actions button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.actions button:active{transform:scale(.94)}#tidy{z-index:5;top:calc(var(--top-h) + 12px);right:calc(var(--safe-right) + 18px);height:44px;font:inherit;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 13px;font-size:14px;font-weight:600;display:flex;position:fixed}#tidy[hidden],body[data-view=plan] #tidy{display:none}#tidy svg{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:1.7px;stroke-linejoin:round}#tidy .switch{background:#1d24222e;border-radius:999px;width:38px;height:22px;transition:background .25s;position:relative}#tidy .switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.3,1.5,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}#tidy[aria-checked=true] .switch{background:var(--accent)}#tidy[aria-checked=true] .switch:after{transform:translate(16px)}#tidy:active{transform:scale(.97)}#tidy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#joystick{z-index:6;left:calc(var(--safe-left) + 26px);bottom:calc(var(--safe-bottom) + 30px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;background:radial-gradient(circle,#ffffff2e,#ffffff57);border:1.5px solid #ffffffbf;border-radius:50%;width:132px;height:132px;position:fixed;box-shadow:0 6px 24px #0000002e,inset 0 0 0 1px #0000000a}#joystick .knob{width:58px;height:58px;transform:translate(var(--jx,0px), var(--jy,0px));pointer-events:none;background:#fffffff2;border-radius:50%;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 3px 12px #00000040}#joystick:not(.active) .knob{transition:transform .18s ease-out}#joystick:after{content:"";pointer-events:none;border:1px dashed #ffffff8c;border-radius:50%;position:absolute;inset:14px}#plan{color:var(--ink);background:#f5f3ef;position:absolute;inset:0}#plan svg{bottom:0;left:0;right:0;top:var(--top-h);width:100%;height:calc(100% - var(--top-h));touch-action:none;cursor:grab;position:absolute}#plan svg:active{cursor:grabbing}#plan .plan-meta{z-index:2;left:calc(var(--safe-left) + 18px);bottom:calc(var(--safe-bottom) + 18px);pointer-events:none;border-radius:14px;max-width:290px;padding:12px 14px;font-size:13px;line-height:1.45;position:absolute}#plan .plan-meta strong{font-size:14px;font-weight:650;display:block}#plan .plan-meta span{color:var(--ink-soft)}#plan .legend{color:var(--ink-soft);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;display:flex}#plan .plan-hint{color:var(--ink-soft);border-top:1px solid #00000012;margin-top:8px;padding-top:8px;font-size:12px}#plan .legend i{vertical-align:3px;border-radius:2px;width:14px;height:4px;margin-right:6px;display:inline-block}body[data-view=plan] #hint{display:none}#loader,#message{z-index:30;background:var(--bg);place-items:center;padding:24px;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-card,.message-card{text-align:center;width:min(320px,100%)}.loader-title{letter-spacing:-.01em;margin:0 0 22px;font-size:17px;font-weight:650}.loader-title span{color:#9aa29e;font-weight:400}.bar{background:#23463d24;border-radius:4px;height:4px;overflow:hidden}.fill{background:var(--accent);border-radius:4px;width:0;height:100%;transition:width .25s ease-out}.loader-text{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;margin:12px 0 0;font-size:13px;display:flex}#message{z-index:40;background:#ebe8e2f0}.message-title{margin:0 0 8px;font-size:17px;font-weight:650}.message-text{color:var(--ink-soft);margin:0 0 20px;font-size:14px;line-height:1.5}.message-action{background:var(--accent);color:#fff;border-radius:12px;min-height:46px;padding:0 22px;font-size:15px;font-weight:600}@media (max-width:760px){:root{--top-h:120px}#topbar{padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 12px) 0 calc(var(--safe-left) + 12px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px}#topbar h1{border-radius:11px;justify-self:center;height:36px;padding:0 14px;font-size:14px}.views{width:100%;min-width:0;max-width:440px}.views button{flex-direction:column;gap:2px;min-height:52px;padding:4px 6px;font-size:13px}.views button svg{width:19px;height:19px}#hint{max-width:calc(100% - 100px);padding:9px 14px;font-size:12.5px}body.touch[data-view=walk] #hint{bottom:auto;top:calc(var(--top-h) + 66px);max-width:calc(100% - 32px)}#tidy{top:calc(var(--top-h) + 10px);right:calc(var(--safe-right) + 12px);height:42px;font-size:13.5px}.actions{right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 14px)}#plan .plan-meta{left:calc(var(--safe-left) + 12px);bottom:calc(var(--safe-bottom) + 14px);max-width:calc(100% - 90px);padding:10px 12px}}@media (max-width:360px){.views button span{font-size:12px}}@media (max-height:500px) and (orientation:landscape){:root{--top-h:64px}#topbar{padding-top:calc(var(--safe-top) + 8px);grid-template-columns:auto auto;justify-content:space-between}#topbar h1{height:40px}.views{width:auto;min-width:0}.views button{flex-direction:row;min-height:40px}body.touch[data-view=walk] #hint{top:auto;bottom:calc(var(--safe-bottom) + 14px);left:auto;right:calc(var(--safe-right) + 14px);transform:none}#joystick{width:116px;height:116px;bottom:calc(var(--safe-bottom) + 18px)}}@media (prefers-reduced-motion:reduce){.views .indicator,.fill,#loader,#hint,#joystick .knob{transition:none!important}}