:root{--ink: #edf1f4;--mute: #8b9aaa;--signal: #5ee0c8;--north: #e24b4b;--panel: rgba(12, 16, 22, .62);--panel-solid: rgba(14, 18, 24, .88);--line: rgba(237, 241, 244, .14);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;height:100svh;height:100dvh;overflow:hidden;overscroll-behavior:none;background:#1c2834;color:var(--ink);font-family:DM Mono,ui-monospace,monospace;color-scheme:dark;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#view{display:block;position:fixed;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}#view.is-dragging{cursor:grabbing}#hud{pointer-events:none;position:fixed;inset:0;padding:28px 32px;z-index:2}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.brand h1{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1}.brand p{margin-top:8px;color:var(--mute);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.seg{pointer-events:auto;display:flex;flex-shrink:0;padding:3px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px)}.seg button{appearance:none;touch-action:manipulation;border:0;background:transparent;color:var(--mute);font-family:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;min-height:36px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--signal);color:#102018}@media(hover:hover){.seg button:hover:not([aria-pressed=true]){color:var(--ink)}}.seg button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.ops,.readout,.parcel{position:absolute;padding:14px 16px 12px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);min-width:220px}.ops{left:32px;bottom:28px}.parcel{left:32px;top:108px}.readout{right:32px;bottom:28px}.parcel-size{font-size:13px;margin-bottom:10px}.corners{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-bottom:10px}.corners li{display:flex;gap:8px;font-size:11px;color:var(--mute)}.corners span{color:var(--ink);font-weight:500}.parcel-axis{color:var(--north);font-size:11px;letter-spacing:.08em}.parcel-note{margin-top:8px;color:var(--mute);font-size:11px}.ops-label{color:var(--signal);font-size:10px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:10px}.ops ul{list-style:none;display:grid;gap:6px}.ops-touch{display:none!important}.ops li{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--mute)}.readout dl{display:grid;gap:6px}.readout dl>div{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--mute)}.readout dt{font-weight:500}.readout dd{color:var(--ink);font-variant-numeric:tabular-nums}kbd{color:var(--ink);font-family:inherit;font-size:11px;letter-spacing:.04em}.sheet{position:absolute;inset:0;pointer-events:none}.sheet-grip{display:none}.sheet-body{pointer-events:none}.touch-rig,.hint{display:none}.ops-touch[hidden],.ops-keys[hidden]{display:none!important}#labels{z-index:1;pointer-events:none;touch-action:none}.corner-label,.dim-label,.cardinal-label,.cardinal-word,.tree-label{pointer-events:none;white-space:nowrap;text-shadow:0 1px 8px rgba(8,12,18,.55)}.corner-label{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700;letter-spacing:.04em;color:#f4f7fa;padding:2px 8px;border-radius:4px;background:#0c10168c}.dim-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}.cardinal-label{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700;color:#f2efe6}.cardinal-n,.cardinal-word{color:var(--north)}.cardinal-word{font-family:DM Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.34em}.tree-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#c8c04a;padding:2px 8px;border-radius:4px;background:#0c10168c}.tool-btn{pointer-events:auto;appearance:none;touch-action:manipulation;width:48px;height:48px;border:1px solid var(--line);background:var(--panel-solid);color:var(--ink);border-radius:50%;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 8px 24px #060a1059}.tool-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}.tool-btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.tool-btn.is-held,.tool-btn:active{background:var(--signal);color:#102018;border-color:var(--signal)}.stick{pointer-events:auto;position:relative;width:124px;height:124px;touch-action:none}.stick-base{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#12182026 0 34%,#0c1016b8 35% 100%);border:1px solid rgba(94,224,200,.28);box-shadow:inset 0 0 0 10px #0c101659,0 10px 28px #060a1066;backdrop-filter:blur(10px)}.stick-tick{position:absolute;background:#edf1f473}.stick-n,.stick-s{width:2px;height:10px;left:50%;margin-left:-1px}.stick-n{top:10px}.stick-s{bottom:10px}.stick-e,.stick-w{width:10px;height:2px;top:50%;margin-top:-1px}.stick-e{right:10px}.stick-w{left:10px}.stick-fwd{position:absolute;left:50%;top:22px;width:0;height:0;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--signal)}.stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:linear-gradient(180deg,#d7e0e8,#9aa7b4);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #060a1073;pointer-events:none;will-change:transform}.stick.is-active .stick-base{border-color:var(--signal)}.lift{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.hint{position:absolute;left:50%;top:86px;transform:translate(-50%);padding:8px 12px;background:var(--panel-solid);border:1px solid var(--line);color:var(--ink);font-size:11px;letter-spacing:.08em;white-space:nowrap}@media(pointer:coarse),(max-width:720px){#hud{padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l))}.brand h1{font-size:26px}.brand p{margin-top:4px;font-size:9px;letter-spacing:.16em}.seg button{min-height:44px;padding:10px 16px}.sheet{display:block;pointer-events:auto;position:absolute;top:auto;left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));bottom:calc(8px + var(--safe-b));background:var(--panel-solid);border:1px solid var(--line);backdrop-filter:blur(16px);height:auto;max-height:none;overflow:hidden;touch-action:pan-y}.sheet-grip{display:flex;position:relative;align-items:center;gap:12px;width:100%;padding:10px 14px 12px;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer;min-height:52px;touch-action:manipulation}.sheet-knob{position:absolute;top:6px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#edf1f447}.sheet-summary{display:flex;flex-direction:column;gap:2px;padding-top:6px}.sheet-kicker{color:var(--signal);font-size:10px;letter-spacing:.32em;text-transform:uppercase}.sheet-size{font-size:13px}.sheet-body{display:none;padding:0 14px 16px;gap:16px;overflow:auto;touch-action:pan-y}.sheet.is-open{max-height:min(72%,520px)}.sheet.is-open .sheet-body{display:grid}.parcel,.ops,.readout{position:static;min-width:0;inset:auto;padding:0;background:transparent;border:0;backdrop-filter:none}.parcel .ops-label,.parcel-size{display:none}.readout{position:absolute;top:calc(56px + var(--safe-t));left:calc(12px + var(--safe-l));right:auto;padding:8px 10px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px)}.readout .ops-label{display:none}.readout dl{display:flex;gap:12px}.readout dl>div{gap:6px;font-size:10px}.ops-keys{display:none!important}.ops-touch:not([hidden]){display:grid!important}.ops li{justify-content:flex-start}.corner-label{font-size:16px;padding:1px 6px}.dim-label{font-size:10px}.cardinal-label{font-size:16px}.cardinal-word{font-size:11px}.tree-label{font-size:10px}}@media(pointer:coarse){.touch-rig{display:flex;pointer-events:none;position:absolute;left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));bottom:calc(76px + var(--safe-b));align-items:flex-end;justify-content:space-between}.tool-col{display:grid;gap:10px;justify-items:center;margin-left:auto}body.is-plan .stick,body.is-plan .lift{display:none}body.sheet-open .touch-rig{opacity:0;pointer-events:none}.hint.is-on{display:block;top:auto;left:50%;bottom:calc(92px + var(--safe-b));transform:translate(-50%)}}@media(pointer:coarse)and (max-height:500px){.stick{width:96px;height:96px}.stick-knob{width:38px;height:38px;margin:-19px 0 0 -19px}.tool-btn{width:42px;height:42px}.touch-rig{bottom:calc(64px + var(--safe-b))}.tool-col{grid-template-columns:auto auto;align-items:start}.lift{grid-column:2;grid-row:1 / span 2;margin-top:0;padding-top:0;border-top:0;padding-left:10px;margin-left:2px;border-left:1px solid var(--line)}.sheet{max-height:36%}.hint.is-on{bottom:calc(72px + var(--safe-b))}.readout{top:calc(52px + var(--safe-t))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.stick-knob{will-change:auto}}