:root{--bg: #f1efe9;--fg: #0a0a0a;--mut: #8a877d;--line: #0a0a0a;--panel: #fbfaf7}*{margin:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;height:100%;min-height:0;padding:20px 24px 22px}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}h1{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:lowercase}.mark{display:block;line-height:0}.hint,.scale{font-size:11px;letter-spacing:.04em;color:var(--mut)}.bar .walk{margin-left:auto;padding:5px 12px;border:1px solid var(--fg);color:var(--fg);text-decoration:none;font-size:11px;letter-spacing:.1em;white-space:nowrap}.bar .walk:hover{background:var(--fg);color:var(--bg)}.stage{container-type:size;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.frame{position:relative;width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.map{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.map:active{cursor:grabbing}.zoom{position:absolute;top:10px;right:10px;display:grid;gap:4px}.zoom button{width:26px;height:26px;border:1px solid color-mix(in srgb,var(--line) 16%,transparent);background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--fg);font:inherit;font-size:13px;line-height:1;cursor:pointer}.zoom button:hover{border-color:var(--fg);background:var(--panel)}.card,.drawer{border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent)}.card{position:absolute;z-index:3;min-width:200px;max-width:320px;padding:10px 12px;pointer-events:none}.drawer{position:fixed;right:24px;bottom:74px;z-index:4;width:min(420px,calc(100vw - 48px));padding:14px 16px}.name{font-size:12px;font-weight:700;letter-spacing:.02em}.addr,.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.02em;word-break:break-all}.addr{margin-top:4px;color:var(--mut)}.dim{color:var(--mut)}.go{margin-top:6px;font-size:10.5px;letter-spacing:.04em;color:var(--mut)}.card ul{margin:6px 0 0;padding:0;list-style:none}.card li{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6}.card li span{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;color:var(--mut)}.drawer dl{display:grid;grid-template-columns:76px 1fr;gap:4px 12px;margin-top:10px}.drawer .balance{min-height:1.5em}.drawer dt{font-size:10px;letter-spacing:.14em;text-transform:lowercase;color:var(--mut)}.copy{display:block;padding:0;border:0;background:none;color:inherit;text-align:left;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:2px;word-break:break-all;cursor:pointer}.copy:hover{color:var(--fg)}.drawer .row{display:flex;gap:8px;margin-top:12px}.drawer .row button{padding:6px 12px;border:1px solid color-mix(in srgb,var(--line) 18%,transparent);background:none;color:var(--fg);font:inherit;font-size:11px;letter-spacing:.1em;text-transform:lowercase;cursor:pointer}.drawer .row button:hover{border-color:var(--fg)}.drawer .go-there{border-color:var(--fg)!important;background:var(--fg)!important;color:var(--bg)!important}.overview{flex:none;width:46px;height:46px}.where{display:flex;flex-shrink:1;min-width:0;overflow:hidden;align-items:baseline;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.06em}.rest{color:var(--mut);opacity:.45}form.jump{display:flex;flex:1 1 auto;gap:8px;justify-content:flex-end;min-width:0;margin-left:auto}form.jump input{flex:1 1 20ch;min-width:0;max-width:30ch;padding:6px 9px;border:1px solid color-mix(in srgb,var(--line) 18%,transparent);background:transparent;color:var(--fg);font:inherit;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.jump input:focus{outline:none;border-color:var(--fg)}.jump input:disabled{opacity:.5;cursor:progress}.key{flex:none;padding:5px 10px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:transparent;color:var(--fg);font:inherit;font-size:11px;letter-spacing:.06em;text-transform:lowercase;cursor:pointer}.key:hover{border-color:var(--fg)}.key:disabled{opacity:.45;cursor:default}body.world{overflow:hidden}#view{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#view:active{cursor:grabbing}.hud{position:fixed;z-index:1;top:20px;left:24px;display:flex;align-items:center;gap:8px 16px;pointer-events:none}.hud.top{z-index:3;top:20px;left:24px;right:24px;padding:5px 12px;overflow:hidden;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);gap:0 14px}.navlinks{position:relative;display:flex;align-items:center;gap:8px;padding:0 6px;font-size:13px;letter-spacing:.16em;text-transform:lowercase;pointer-events:auto;flex:none}.navlinks a{position:relative;padding:5px 9px;text-decoration:none;color:var(--fg);opacity:.55;transition:opacity .3s;white-space:nowrap}.navlinks a:hover{opacity:.85}.navlinks a.active{opacity:1}.navlinks .frame{position:absolute;left:4px;top:-1px;width:calc(100% - 8px);height:calc(100% + 2px);pointer-events:none;transition:left .55s cubic-bezier(.7,0,.2,1),top .55s cubic-bezier(.7,0,.2,1),width .55s cubic-bezier(.7,0,.2,1),height .55s cubic-bezier(.7,0,.2,1)}.navlinks .frame .c{position:absolute;width:6px;height:6px;border-color:color-mix(in srgb,var(--line) 55%,transparent)}.navlinks .frame .c.tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.navlinks .frame .c.tr{top:0;right:0;border-top:1px solid;border-right:1px solid}.navlinks .frame .c.bl{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.navlinks .frame .c.br{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.hud.top h1{line-height:normal;white-space:nowrap}.hud.top h1 .mark{margin-block:-10px}.hud.top .hint{flex:1;min-width:0;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg{width:52px;height:24px;cursor:pointer;position:relative;pointer-events:auto;flex:none}.pair{position:absolute;inset:0;transition:transform .7s cubic-bezier(.7,0,.2,1)}.mini{position:absolute;top:50%;width:24px;height:24px;border-radius:50%;transform:translateY(-50%)}.m1{left:0;background:radial-gradient(circle at 36% 30%,#6a6a6a,#040404)}.m2{right:0;background:radial-gradient(circle at 36% 30%,#fff,#bdbcb8)}html{filter:invert(0);transition:filter .7s cubic-bezier(.7,0,.2,1)}html[data-t=dark]{filter:invert(1)}.hud.bottom{top:auto;bottom:84px;flex-direction:column;align-items:flex-start;gap:4px}.hud .place{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.02em;color:#2a2a28}.hud .stat{font-size:11px;letter-spacing:.06em;color:#4a4a48}.hud.jump{inset:auto auto 20px 24px;pointer-events:auto;padding:12px 16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent)}.hud .go{pointer-events:auto;margin:0}.hud .go input{width:34ch;max-width:100%;padding:6px 9px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:transparent;color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.hud .go input:focus{outline:none;border-color:var(--fg)}.hud .go input:disabled{opacity:.5;cursor:progress}.hud.claim{inset:auto 24px 20px auto;pointer-events:auto;width:320px;padding:12px 16px;align-content:start;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);display:grid}.hud.claim p{margin:0;font-size:11px;letter-spacing:.04em;color:#2a2a28}.hud.claim .claim-count,.hud.claim .claim-earlier{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#4a4a48;white-space:pre-line}.hud.claim .claim-cores{display:flex;align-items:center;gap:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em;color:#4a4a48}.hud.claim .claim-cores input{width:110px;margin:0;accent-color:var(--fg);cursor:pointer}.hud.claim button,.hud.person button{padding:5px 10px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:transparent;color:var(--fg);font:inherit;font-size:11px;letter-spacing:.06em;cursor:pointer}.hud.claim button:hover,.hud.person button:hover{border-color:var(--fg)}.hud.claim button:disabled,.hud.person button:disabled{opacity:.45;cursor:progress}[hidden]{display:none!important}.welcome{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 55%,transparent);pointer-events:auto}.welcome-card{max-width:52ch;margin:0 18px;padding:22px 26px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:color-mix(in srgb,var(--panel) 94%,transparent);display:grid;gap:12px}.welcome-card h2{margin:0 0 4px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:.16em}.welcome-card p{margin:0;font-size:12.5px;line-height:1.55;letter-spacing:.02em;color:#2a2a28}.welcome-card .welcome-keys{font-size:11px;letter-spacing:.06em;color:#4a4a48}.welcome-do{display:flex;gap:8px;margin:0}.welcome-card .welcome-tour{background:transparent;color:var(--fg)}.welcome-card button{justify-self:start;padding:7px 14px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);font:inherit;font-size:12px;letter-spacing:.1em;cursor:pointer}.hud .hint a{color:inherit;pointer-events:auto}.subclip{position:fixed;z-index:2;top:57px;left:0;width:216px;height:90px;overflow:hidden;pointer-events:none}.subbar{position:absolute;top:0;left:24px;right:24px;height:32px;overflow:hidden;pointer-events:none;visibility:hidden;background:linear-gradient(to bottom,#0000001a,#0000000a 10px,#0000 24px),color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border:1px solid color-mix(in srgb,var(--line) 8%,transparent);border-top:0;border-radius:0 0 16px 16px;transform:translateY(-100%);transition:transform .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),visibility 0s linear .45s}body.subopen #subbar,body.infoopen #infobar,body.panelsopen #panelbar{transform:translateY(0);pointer-events:auto;visibility:visible;transition:transform .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.subinner{position:relative;padding-top:4px}.wsel{position:relative;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .25s}.wcur{font-size:11.5px;letter-spacing:.15em;text-transform:lowercase;color:var(--fg)}.wlist{position:absolute;top:4px;left:0;right:0;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s}body.listopen .wlist{opacity:1;pointer-events:auto}body.listopen .wsel{opacity:0;pointer-events:none}.subarrow{position:absolute;top:12px;right:11px;width:5px;height:5px;border-right:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);transform:translateY(-2px) rotate(45deg);opacity:.45;transition:transform .45s cubic-bezier(.45,0,.15,1);cursor:pointer;z-index:2}.subarrow:after{content:"";position:absolute;inset:-12px}body.listopen .subarrow{transform:translateY(0) rotate(-135deg)}#panelbar .wlist{opacity:1;pointer-events:auto}#panelbar .subarrow{transform:translateY(0) rotate(-135deg)}body.infolistopen #infobar .wlist{opacity:1;pointer-events:auto}body.infolistopen #infobar .wsel{opacity:0;pointer-events:none}body.infolistopen #infobar .subarrow{transform:translateY(0) rotate(-135deg)}.hud.tour{inset:auto auto 20px 50%;transform:translate(-50%);width:min(46ch,calc(100vw - 48px));pointer-events:auto;padding:12px 16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:var(--bg);display:grid;gap:8px;z-index:2}.hud.tour p{margin:0;font-size:12px;line-height:1.45}.hud.tour .tour-count{font-size:11px;letter-spacing:.15em;opacity:.55}.hud.tour .tour-do{display:flex;gap:8px}.hud.tour button{padding:5px 10px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:transparent;color:var(--fg);font:inherit;font-size:11px;letter-spacing:.06em;cursor:pointer}.hud.tour .tour-next{border-color:var(--fg);background:var(--fg);color:var(--bg)}.hud.tour button:disabled{opacity:.35;cursor:default}body.touring .hud:not(.tour),body.touring .tg,body.touring .subclip,body.touring .touchpad,body.touring .touchpad-buttons,body.touring .pageview{pointer-events:none!important}body.touring #view{cursor:default}.tour-marked{filter:invert(1);transition:filter .4s ease}.tour-pressed{background:var(--fg)!important;color:var(--bg)!important;border-color:var(--fg)!important}.hud.closable button.panel-x{position:absolute;top:8px;right:9px;width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer;opacity:.45;pointer-events:auto;transition:opacity .25s;z-index:2}.hud.closable button.panel-x:before,.hud.closable button.panel-x:after{content:"";position:absolute;top:50%;left:5px;right:5px;height:1.5px;background:var(--fg);transform:translateY(-50%) rotate(45deg)}.hud.closable button.panel-x:after{transform:translateY(-50%) rotate(-45deg)}.hud.closable button.panel-x:hover{opacity:1}.closable>:first-child:not(.panel-x){padding-right:24px}body.off-metrics .hud.bottom,body.off-jump .hud.jump,body.off-claim .hud.claim,body.off-owner .hud.own,body.off-person .hud.person{display:none!important}.wopt{height:28px;display:flex;align-items:center;justify-content:center;width:100%;background:none;border:0;font-family:inherit;font-size:11.5px;letter-spacing:.15em;text-transform:lowercase;color:var(--fg);text-decoration:none;opacity:.4;cursor:pointer;transition:opacity .25s}.wopt:hover{opacity:.75}.wopt.on{opacity:1}.pageview{position:fixed;inset:0;z-index:1;width:100%;height:100%;border:0;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .6s ease}.pageview.on{opacity:1;pointer-events:auto}html.pagefirst .pageview.on{opacity:1;pointer-events:auto;transition:none}html.pagefirst #view,html.pagefirst .hud:not(.top),html.pagefirst .touchpad,html.pagefirst .touchpad-buttons{visibility:hidden}.hud.bottom,.hud.jump,.hud.claim,.hud.own,.touchpad,.touchpad-buttons{transition:opacity .6s ease}body.onpage .hud.bottom,body.onpage .hud.jump,body.onpage .hud.claim,body.onpage .hud.own,body.onpage .hud.person,body.onpage .touchpad,body.onpage .touchpad-buttons{opacity:0;pointer-events:none}body.embedded header.bar{display:none}body.embedded #app{grid-template-rows:minmax(0,1fr) auto;padding-top:71px}.hud .near{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.02em;color:#4a4a48}.hud.own{inset:77px auto auto 24px;pointer-events:auto;width:320px;padding:12px 16px;align-content:start;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);display:grid}.hud.own p{margin:0;font-size:11px;letter-spacing:.04em;color:#2a2a28}.hud.own .own-note{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#4a4a48;white-space:pre-line}.hud.own form{display:flex;gap:6px}.hud.own input{flex:1;min-width:0;padding:4px 6px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:transparent;color:var(--fg);font:inherit;font-size:11px}.hud.own button{padding:5px 10px;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);background:transparent;color:var(--fg);font:inherit;font-size:11px;letter-spacing:.06em;cursor:pointer;white-space:nowrap}.hud.own .own-list{display:grid;gap:4px}.hud.own .own-go{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left}.hud.own .own-go span{opacity:.55}.hud.own .own-rest{justify-self:start;border:0;padding:4px 0;text-align:left;white-space:normal;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:2px;opacity:.7}.hud.own .own-rest:hover{opacity:1}.hud.own .own-write{margin-top:6px}.hud.own .own-list{margin-top:6px;max-height:176px;overflow-y:auto;margin-right:-8px;padding-right:12px}.hud.own .own-list::-webkit-scrollbar{width:4px}.hud.own .own-list::-webkit-scrollbar-track{background:transparent}.hud.own .own-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 50%,transparent);border-radius:2px}.hud.own .own-do{position:relative;display:flex;align-items:center;gap:8px}.hud .warn{position:relative;width:18px;height:16px;cursor:help;flex:none}.hud .warn:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--fg) 70%,transparent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 2.5 L18 15.5 H2 Z' fill='%23000' stroke='%23000' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 2.5 L18 15.5 H2 Z' fill='%23000' stroke='%23000' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.hud .warn:after{content:"!";position:absolute;left:0;top:3px;width:100%;text-align:center;font:700 9px/12px Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--bg)}.hud .warn-said{position:absolute;left:calc(100% + 10px);top:-2px;width:30ch;padding:10px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent);font:11px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--fg);opacity:0;pointer-events:none;transition:opacity .25s;z-index:2}.hud .warn:hover .warn-said,.hud .warn:focus .warn-said{opacity:1}.hud.own button:hover{border-color:var(--fg)}.hud.own button:disabled{opacity:.45;cursor:progress}.touchpad{position:fixed;z-index:3;right:22px;bottom:28px;width:128px;height:128px;border-radius:50%;border:1px solid color-mix(in srgb,var(--fg) 35%,transparent);background:color-mix(in srgb,var(--panel) 45%,transparent);touch-action:none;pointer-events:auto;display:none}body.touch .touchpad{display:block}.touchpad .knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:color-mix(in srgb,var(--fg) 60%,transparent);pointer-events:none}.touchpad-buttons{position:fixed;z-index:3;left:22px;bottom:28px;display:none;flex-direction:column;gap:12px}body.touch .touchpad-buttons{display:flex}.touchpad-buttons button{width:60px;height:60px;border-radius:50%;border:1px solid color-mix(in srgb,var(--fg) 35%,transparent);background:color-mix(in srgb,var(--panel) 55%,transparent);color:var(--fg);font:inherit;font-size:11px;letter-spacing:.06em;touch-action:manipulation}@media(min-width:641px){body.touch .hud.claim{bottom:176px}}@media(max-width:640px){body.world{display:flex;flex-direction:column}body.world .hud.own,body.world .hud.claim,body.world .hud.person{width:auto;min-height:0}body.world .hud,body.world .hud.top,body.world .hud.bottom,body.world .hud.jump,body.world .hud.claim,body.world .hud.own,body.world .hud.person{position:relative;inset:auto;max-width:none;margin:8px 10px 0;gap:6px;flex:none}body.world .hud.jump{padding:8px 10px;display:block}body.world .hud.jump .go{margin-right:28px}body.world{overflow-y:auto;min-height:100vh;padding-bottom:140px}.hud.person .person-qr{width:140px;height:140px}.hud.person .warn-said{left:auto;right:0;top:calc(100% + 8px)}.hud.top{flex-wrap:wrap;margin:24px 8px 0;padding:5px 9px;gap:0 10px}.hud.top h1 .name{display:none}.hud.top{flex-wrap:nowrap;align-items:center}.hud.top .hint{display:block;flex:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.world>.navlinks{position:relative;z-index:4;display:flex;justify-content:flex-end;gap:2px;margin:8px 8px 0;padding:5px 18px 5px 9px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);pointer-events:auto;letter-spacing:.1em}.hud .stat{display:none}body.world .hud.bottom{position:fixed;left:calc(68px + env(safe-area-inset-left));right:calc(120px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));margin:0;gap:2px;z-index:3}body.world .hud.bottom .place,body.world .hud.bottom .near{font-size:10px;line-height:1.3}.navlinks{gap:2px;letter-spacing:.1em}.navlinks a{padding:5px 7px}.hud .hint{pointer-events:auto}.hud.bottom{flex-direction:column;align-items:stretch}.hud .place,.hud .near{font-size:12px;overflow-wrap:anywhere}.hud .go input,.hud.own input{width:100%;font-size:16px;padding:8px 10px}.hud.claim,.hud.own{padding:10px 12px}.hud.claim p,.hud.own p{font-size:12.5px}.hud.claim button,.hud.own button,.hud.own form button{min-height:38px;padding:8px 14px;font-size:13px}.hud.claim .claim-cores input{width:100%}.touchpad{width:96px;height:96px;bottom:calc(20px + env(safe-area-inset-bottom));right:calc(14px + env(safe-area-inset-right))}.touchpad .knob{width:36px;height:36px;margin:-18px 0 0 -18px}.touchpad-buttons{gap:8px;bottom:calc(20px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left))}.touchpad-buttons button{width:44px;height:44px;padding:0;display:grid;place-items:center;line-height:1;font-size:10px;letter-spacing:0;text-indent:0;text-align:center}.welcome-card{max-height:88vh;overflow:auto}.welcome-card p{font-size:14px}.welcome-card button{min-height:44px;font-size:14px}}@media(max-width:360px){.hud.top{gap:0 5px;padding:4px 6px}.navlinks{gap:0;font-size:11px;letter-spacing:.05em}.navlinks a{padding:5px}}.hud.person{inset:77px 24px auto auto;pointer-events:auto;width:320px;padding:12px 16px;align-content:start;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);display:grid}.hud.elastic{box-sizing:border-box;transition:height .35s cubic-bezier(.4,0,.2,1)}.hud .panel-body{display:grid;gap:6px;align-content:start;transition:opacity .2s}.hud .panel-body.changing{opacity:0;transition:none}.hud.person .person-note a{color:inherit;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:2px;opacity:.7;transition:opacity .25s}.hud.person .person-note a:hover{opacity:1}.hud.person .person-note b{font-weight:700}.hud.person .warn-said{left:auto;right:calc(100% + 10px)}.hud.person p{margin:0;font-size:11px;letter-spacing:.04em;color:#2a2a28}.hud.person .person-note,.hud.person .person-how{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#4a4a48;white-space:pre-line}.hud.person .person-do,.hud.person .person-undo,.hud.person .person-links{display:flex;gap:8px;align-items:center}.hud.person .person-code{display:grid;gap:6px;justify-items:start}.hud.person .person-qr{width:168px;height:168px;background:transparent}.hud.person .person-open{font-size:11px;letter-spacing:.04em;color:#2a2a28;text-decoration:none;border-bottom:1px dotted currentColor}.hud.claim.elsewhere .claim-do{margin-top:6px}.hud.note{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 32px));padding:12px 16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 8%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);pointer-events:auto;z-index:5;display:grid;gap:6px;align-content:start}.hud.note p{margin:0;font-size:12.5px;letter-spacing:.04em;color:#2a2a28}.hud.note .note-words{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#4a4a48}@media(max-width:640px){body.world .hud.note{position:fixed;inset:50% auto auto 50%;margin:0;transform:translate(-50%,-50%)}}