/* Walk It, in the Version 7 look: black, electric lime for the boundary, bright blue for the corners. */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/IBMPlexSans-300-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSans-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSans-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexSans-600-normal.woff2) format('woff2')}
:root{--bg0:#000;--bg:#090B0E;--bg2:#101317;--card:#171B21;--fg:#EDF0F3;--mu:#9CA5AF;--lab:#C8FF3D;--rule:#242930;--data:#6EA0FF;--ol:rgba(237,240,243,.6);
  --font:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}
button{font:inherit;color:inherit}
a{color:inherit}
[hidden]{display:none!important}
.wrap{max-width:640px;margin:0 auto;padding:0 18px}

/* header */
.wk-hdr{background:var(--bg0);border-bottom:1px solid var(--rule)}
.wk-hdr .wrap{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wm{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.wm span{font-size:11.5px;font-weight:600;letter-spacing:.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk{width:40px;height:22px;flex:none;display:block}
.mk rect{fill:var(--lab)}
.mk text{fill:var(--fg);font-family:var(--font);font-size:30px;font-weight:500;letter-spacing:3px}
@media (max-width:420px){.wm span{display:none}}
.wk-tag{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lab);white-space:nowrap}

/* intro */
.wk-intro{padding-top:34px;padding-bottom:46px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--lab)}
.wk h1{margin-top:12px;font-size:clamp(30px,8vw,40px);font-weight:300;letter-spacing:.01em;line-height:1.12}
.lead{margin-top:14px;font-size:16.5px;color:var(--mu);max-width:34em}
.wk-parcels{margin-top:26px;display:grid;gap:10px}
.wk-p{display:grid;grid-template-columns:22px 1fr;gap:4px 12px;align-items:start;width:100%;text-align:left;padding:15px 16px;background:var(--card);border:1px solid var(--rule);border-radius:3px;cursor:pointer}
.wk-p .dot{grid-row:1 / span 2;width:18px;height:18px;margin-top:3px;border-radius:50%;border:2px solid var(--ol)}
.wk-p b{font-size:16px;font-weight:600}
.wk-p span:not(.dot){font-size:13.5px;color:var(--mu)}
.wk-p[aria-checked="true"]{border-color:var(--lab);background:#1A1F14}
.wk-p[aria-checked="true"] .dot{border-color:var(--lab);background:radial-gradient(circle,var(--lab) 0 4px,transparent 5px)}
.wk-row{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.b1,.b2{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:2px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0}
.b1{background:var(--lab);color:var(--bg);flex:1 1 180px}
.b2{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--ol);flex:1 1 150px}
.b2.done{color:var(--lab);box-shadow:inset 0 0 0 1px var(--lab)}
.b2.on{color:var(--lab);box-shadow:inset 0 0 0 1px var(--lab)}
.b2[disabled]{opacity:.75;cursor:default}
.wk-note{margin-top:14px;font-size:14px;color:#FFB4A8}
.wk-how{margin-top:30px;padding:20px 20px 20px 22px;border:1px solid var(--rule);border-radius:3px;background:var(--bg2)}
.wk-how ol{list-style:none;counter-reset:s}
.wk-how h2{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin-bottom:12px}
.wk-how li{position:relative;padding-left:34px;margin-top:12px;font-size:15px;line-height:1.5;counter-increment:s}
.wk-how li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:13px;font-weight:600;color:var(--data);letter-spacing:.04em}
.wk-how li b{font-weight:600}
.fine{margin-top:16px;font-size:13px;line-height:1.6;color:var(--mu)}

/* live */
.wk-live{padding-top:16px;padding-bottom:40px}
.wk-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wk-top .t1{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lab)}
.wk-top .t2{margin-top:2px;font-size:13px;color:var(--mu)}
.wk-back{flex:none;min-height:40px;padding:0 14px;border-radius:2px;background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--rule);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.wk-demo{color:var(--data)}
.wk-head{margin-top:16px;font-size:clamp(26px,7.4vw,34px);font-weight:500;line-height:1.15;letter-spacing:.005em}
.wk-in .wk-head{color:var(--lab)}
.wk-sub{margin-top:6px;font-size:15px;color:var(--mu);min-height:1.5em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wk-ro{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.wk-ro-i{font-size:12px;font-weight:500;letter-spacing:.04em;padding:5px 9px;border-radius:2px;background:var(--card);color:var(--mu)}
.wk-ro-i.hot{background:#20260F;color:var(--lab)}
.wk-scopebox{margin:16px auto 0;width:min(100%,420px);aspect-ratio:1}
.wk-scope{width:100%;height:100%;display:block}
.wk-glass{fill:#0C1014;stroke:#2A3038;stroke-width:3}
.wk-rings{fill:none;stroke:#6EA0FF;stroke-opacity:.22}
.wk-rings text{fill:#9DBDFF;fill-opacity:.8;stroke:none;font-family:var(--font);font-size:10.5px;font-weight:500}
.wk-phalo{fill:none;stroke:rgba(0,6,0,.65);stroke-width:12;stroke-linejoin:round}
.wk-pglow{fill:none;stroke:rgba(160,230,40,.85);stroke-width:9;opacity:.55;stroke-linejoin:round}
.wk-parcel{fill:rgba(200,255,61,.12);stroke:#C8FF3D;stroke-width:2.6;stroke-linejoin:round}
.wk-cg circle{fill:#6EA0FF;stroke:#F2F6FF;stroke-width:2}
.wk-cg.on circle{fill:#F2F6FF;stroke:#6EA0FF;stroke-width:3}
/* standing on a corner point: the point turns lime and pulses, the corner's card says so */
.wk-cg .wk-pulse{display:none;fill:none;stroke:var(--lab);stroke-width:2.5}
.wk-cg.at .wk-pulse{display:inline;fill:none}
.wk-cg.at .wk-pt{fill:var(--lab);stroke:#F6FFE6;stroke-width:2.5}
.wk-cg.at text{fill:var(--lab)}
.wk-at .wk-head{color:var(--lab)}
.wk-c.at{border-color:var(--lab);background:#16200A}
.wk-c.at .wk-cl,.wk-c.at .wk-cd{color:var(--lab)}
.wk-c.at .wk-ca{fill:var(--lab)}
@media (prefers-reduced-motion:reduce){.wk-cg.at .wk-pulse{display:none}}
.wk-cg text{fill:#DDE8FF;font-family:var(--font);font-size:10.5px;font-weight:600;letter-spacing:.05em;stroke:#090B0E;stroke-width:3.2;paint-order:stroke}
.wk-n text{fill:var(--lab);font-family:var(--font);font-size:14px;font-weight:600}
.wk-tline{stroke:#6EA0FF;stroke-width:2;stroke-dasharray:5 5}
.wk-far path{fill:#C8FF3D;stroke:#F6FFE6;stroke-width:2}
.wk-acc{fill:rgba(237,240,243,.10);stroke:rgba(237,240,243,.45)}
.wk-cone{fill:rgba(237,240,243,.2)}
.wk-me circle{fill:#FFFFFF;stroke:#090B0E;stroke-width:3}
.wk-target{margin-top:14px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:3px;background:#0F1A2E;color:#DDE8FF;font-size:15px;font-weight:500}
.wk-target.here{background:#20260F;color:var(--lab)}
.wk-ta{width:20px;height:26px;flex:none;fill:currentColor;transition:transform .25s ease}
.wk-corners{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.wk-c{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;text-align:left;padding:11px 12px;background:var(--card);border:1px solid var(--rule);border-radius:3px;cursor:pointer}
.wk-c .wk-cl{font-size:13px;font-weight:600;letter-spacing:.04em}
.wk-c .wk-cd{grid-row:2;font-size:13px;color:var(--mu)}
.wk-c .wk-ca{grid-row:1 / span 2;grid-column:2;width:15px;height:20px;fill:var(--data);transition:transform .25s ease}
.wk-c[aria-pressed="true"]{border-color:var(--data);background:#0F1A2E}
.wk-tools{margin-top:14px}
@media (prefers-reduced-motion:reduce){.wk-ta,.wk-c .wk-ca{transition:none}}

/* the camera view (Version 7 colors): lime line on the ground, blue corner pillars */
.arx{position:fixed;inset:0;z-index:1100;background:#000;color:var(--fg);font-family:var(--font);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}
.arx-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.arx-c{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
.arx-c:active{cursor:grabbing}
.arx-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:rgba(0,0,0,.72)}
.arx-ttl{display:flex;flex-direction:column;gap:3px;min-width:0}
.arx-t1{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--lab)}
.arx-t2{font-size:12.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arx-x{flex:none;width:44px;height:44px;border-radius:2px;border:0;box-shadow:inset 0 0 0 1px rgba(237,240,243,.45);background:rgba(4,5,7,.6);color:var(--fg);font-size:18px;cursor:pointer}
.arx-x:focus-visible,.arx-btn:focus-visible{outline:2px solid var(--data);outline-offset:3px}
.arx-hint{position:absolute;left:50%;top:calc(132px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:max-content;max-width:min(88vw,420px);padding:9px 14px;border-radius:3px;background:rgba(200,255,61,.95);color:#090B0E;font-size:13.5px;font-weight:600;line-height:1.35;text-align:center;pointer-events:none}
.arx-card{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:14px 16px;border-radius:3px;background:rgba(4,5,7,.84);box-shadow:inset 0 0 0 1px rgba(237,240,243,.14)}
.arx-head{margin:0;font-size:20px;font-weight:500;line-height:1.2;color:var(--fg)}
.arx.in-parcel .arx-head{color:var(--lab)}
.arx.at-corner .arx-card{box-shadow:inset 0 0 0 2px var(--lab)}
.arx.at-corner .arx-head{color:var(--lab);font-size:24px}
.arx-sub{margin:6px 0 0;font-size:15px;line-height:1.45;color:#C9D0D8}
.arx-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.arx-btn{height:36px;padding:0 14px;border-radius:2px;border:0;box-shadow:inset 0 0 0 1px var(--lab);background:transparent;color:var(--lab);font:600 12px var(--font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.arx-fine{font-size:12px;line-height:1.4;color:var(--mu)}
.arx.failed .arx-c{display:none}
@media (min-width:760px){.arx-card{left:auto;right:24px;bottom:24px;width:440px}}
.wk-cam svg{width:18px;height:18px;margin-right:8px;flex:none}