:root{--ink: #f1ead9;--ink-dim: #cdc5b2;--panel: rgba(30, 25, 20, .58);--panel-line: rgba(255, 255, 255, .16);--accent: #d2bc84;--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#0d1220;color:var(--ink);font:16px/1.5 var(--body);-webkit-text-size-adjust:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html,body{height:100dvh}canvas#world{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}canvas#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand{position:fixed;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));font:700 1rem/1 var(--display);letter-spacing:-.01em;padding:8px 12px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px)}.brand button{all:unset;font:inherit;color:inherit;cursor:pointer;padding:8px 12px;margin:-8px -12px}.hint{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));transform:translate(-50%);margin:0;padding:10px 16px;max-width:calc(100vw - 32px);text-align:center;font:500 .8rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 6px var(--bg, #10141c),0 0 2px var(--bg, #10141c);transition:opacity .8s ease;pointer-events:none}.hint.gone{opacity:0}.caption{position:fixed;z-index:2;left:max(16px,env(safe-area-inset-left,0px));top:calc(64px + env(safe-area-inset-top,0px));width:min(380px,calc(100vw - 32px));padding:14px 16px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px);pointer-events:none}.caption .eyebrow{margin:0 0 4px;font:500 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.caption h2{margin:0 0 6px;font:700 1.5rem/1.1 var(--display);letter-spacing:-.02em;text-wrap:balance}.caption .body{margin:0;font-size:.9rem;color:var(--ink-dim)}.caption.swap{animation:swap .5s ease}@keyframes swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chapters{position:fixed;left:0;right:0;bottom:0;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:linear-gradient(to top,#080b14b3,#080b1400)}.chapters ol{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.chapters ol::-webkit-scrollbar{display:none}.chapters li{flex:1 0 auto;min-width:0}.chapters li.home{flex:0 0 auto}.chapters li.home button{width:48px;padding:6px 0;display:grid;place-items:center}.chapters button{width:100%;min-height:44px;padding:6px 12px;font:500 .7rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel);border:1px solid var(--panel-line);cursor:pointer;white-space:nowrap}.chapters button span,.chapters button small{display:block}.chapters button small{margin-top:2px;font-size:.58rem;letter-spacing:.04em;text-transform:none;opacity:.75}.chapters button:hover{color:var(--ink)}.chapters button[aria-current=true]{color:#10141c;background:var(--accent);border-color:var(--accent)}.debug{position:fixed;top:60px;right:12px;margin:0;padding:8px 10px;font:400 .7rem/1.4 var(--mono);background:#0009;color:#e8ffb0;pointer-events:none}.noscript{position:fixed;inset:auto 16px 90px;padding:12px;background:var(--panel)}@media(prefers-reduced-motion:reduce){.hint,.caption.swap{transition:none;animation:none}}.pins{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:0;font:500 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:none;border:0;cursor:pointer;pointer-events:auto;white-space:nowrap;will-change:transform}.pin .dot{width:14px;height:14px;border-radius:50%;background:#f8f3e6;border:2px solid rgba(23,26,34,.7);box-shadow:0 0 0 4px #f8f3e640}.pin .name{padding:5px 8px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px)}.pin:hover .dot,.pin.on .dot{background:var(--accent)}@media(max-width:699px){.pin .name{display:none}.pin.on .name{display:block}}.caption .open,.caption .walk{margin-top:10px;padding:8px 14px;font:500 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#10141c;background:var(--accent);border:0;cursor:pointer;pointer-events:auto}.caption .open[hidden],.caption .walk[hidden],.caption .step[hidden]{display:none}.caption .actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.caption .actions .open,.caption .actions .walk{margin-top:0}.caption .walk{background:var(--accent)}.caption .walk+.open{background:transparent;color:var(--ink);border:1px solid var(--panel-line)}.caption .step{padding:8px 12px;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--panel-line);cursor:pointer;pointer-events:auto}.caption .step:hover{color:#10141c;background:var(--accent);border-color:var(--accent)}.caption .step.next{margin-left:auto}.pin.prev .name,.pin.next .name{display:block}.pin.prev .name:before{content:"‹ "}.pin.next .name:after{content:"  ›"}.page .pager{display:flex;justify-content:space-between;gap:12px}.page .pager .step{flex:1 1 0;max-width:50%;padding:14px 16px;font:700 1.05rem/1.2 var(--display);color:var(--ink);background:#ffffff0d;border:1px solid var(--panel-line);cursor:pointer}.page .pager .step.prev{text-align:left}.page .pager .step.next{text-align:right;margin-left:auto}.page .pager .step:hover{color:#10141c;background:var(--accent);border-color:var(--accent)}.debug{top:140px}body.paged .pins,body.paged .caption,body.paged .chapters,body.paged .hint,body.paged .brand{visibility:hidden}.page{position:fixed;inset:0;z-index:10;overflow-y:auto;padding:max(72px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 80px max(20px,env(safe-area-inset-left,0px));background:#0a0e12e6;animation:page-in .5s ease both}.page[hidden]{display:none}@media(min-width:700px)and (pointer:fine){.page{backdrop-filter:blur(10px);background:#0a0e12cc}}@keyframes page-in{0%{opacity:0}to{opacity:1}}.page-back{position:fixed;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));z-index:11;padding:10px 14px;font:500 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);cursor:pointer}.page-back:hover{color:#10141c;background:var(--accent)}.page-body{max-width:680px;margin:0 auto}.page .eyebrow{margin:0 0 10px;font:500 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.page h1{margin:0 0 18px;min-height:1.1em;font:700 clamp(2.2rem,7vw,3.6rem)/1.05 var(--display);letter-spacing:-.02em}.page .caret{display:inline-block;width:.08em;height:.9em;margin-left:.06em;vertical-align:-.08em;background:var(--accent);animation:blink .9s steps(1) infinite}.page .caret.off{display:none}@keyframes blink{50%{opacity:0}}.page .lead{margin:0 0 34px;min-height:3em;font:400 1.2rem/1.55 var(--display);color:var(--ink-dim)}.page .w{opacity:0;filter:blur(5px);transition:opacity .6s ease,filter .6s ease}.page .w.in{opacity:1;filter:none}.page .block{margin:0 0 34px;padding-top:14px;border-top:1px solid var(--panel-line)}.page .block.rise{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.page .block.rise.in{opacity:1;transform:none}.page .block h2{margin:0 0 8px;font:500 .78rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.page .block p{margin:0 0 12px;color:var(--ink-dim)}.page .cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}.page .card{display:grid;gap:4px;padding:14px 16px;background:#ffffff0d;border:1px solid var(--panel-line)}.page .card .when{font:500 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.page .card strong{font:700 1.1rem/1.25 var(--display)}.page .card .text{font-size:.92rem;color:var(--ink-dim)}@media(prefers-reduced-motion:reduce){.page{animation:none}.page .w,.page .block.rise{opacity:1;filter:none;transform:none;transition:none}}@media(max-width:699px){.caption{top:auto;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px));width:auto;padding:12px 14px}.caption h2{font-size:1.3rem;margin-bottom:4px}.caption .body{font-size:.82rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.caption .actions{margin-top:8px}.caption .step,.caption .open,.caption .walk{padding:9px 11px}.hint{font-size:.66rem;padding:4px 10px}.pin.all .name{display:block}.pin{display:block;width:14px;height:14px}.pin .dot{display:block}.pin .name{font-size:.62rem;padding:4px 6px}.pin .name{position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8px)}.pin.flip .name{left:auto;right:calc(100% + 8px)}}.section{position:fixed;inset:0;z-index:30;touch-action:none;overflow:hidden}.section canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.section canvas:active{cursor:grabbing}.sect-back{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));padding:8px 12px;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px);cursor:pointer}.sect-back:hover{color:#10141c;background:var(--accent);border-color:var(--accent)}.sect-caption{position:absolute;left:max(16px,env(safe-area-inset-left,0px));top:calc(64px + env(safe-area-inset-top,0px));width:min(380px,calc(100vw - 32px));padding:14px 16px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px)}.sect-caption .eyebrow{margin:0 0 4px;font:500 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.sect-caption h2{margin:0 0 6px;font:700 1.5rem/1.1 var(--display);letter-spacing:-.02em}.sect-caption .body{margin:0;font-size:.9rem;color:var(--ink-dim)}.sect-caption.swap{animation:swap .5s ease}.sect-caption .actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sect-caption .step,.sect-caption .open{padding:8px 12px;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--panel-line);cursor:pointer}.sect-caption .open,.sect-caption .step:hover{color:#10141c;background:var(--accent);border-color:var(--accent)}.sect-caption .step.next{margin-left:auto}.sect-caption [hidden]{display:none}.sect-hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(76px + env(safe-area-inset-bottom,0px));margin:0;font:500 .8rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 6px #10141c,0 0 2px #10141c;pointer-events:none;animation:hintout .8s ease 5s forwards}@keyframes hintout{to{opacity:0}}.sect-rooms{position:absolute;left:0;right:0;bottom:0;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:linear-gradient(to top,#080b14b3,#080b1400)}.sect-rooms ol{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.sect-rooms ol::-webkit-scrollbar{display:none}.sect-rooms li{flex:1 0 auto}.sect-rooms button{width:100%;min-height:44px;padding:6px 12px;font:500 .7rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel);border:1px solid var(--panel-line);cursor:pointer;white-space:nowrap}.sect-rooms button:hover{color:var(--ink)}.sect-rooms button[aria-current=true]{color:#10141c;background:var(--accent);border-color:var(--accent)}@media(max-width:699px){.sect-caption{top:calc(60px + env(safe-area-inset-top,0px))}}@media(prefers-reduced-motion:reduce){.sect-caption.swap,.sect-hint{animation:none}}.well-drop{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:12px 16px;font:600 .75rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#10141c;background:var(--accent);border:0;cursor:pointer;z-index:2}.well-pill{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));padding:8px 12px;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px);cursor:pointer;z-index:2}.well-card,.well-bag{position:absolute;z-index:3;width:min(360px,calc(100vw - 24px));padding:14px 16px;background:#181410db;border:1px solid var(--panel-line);border-left:4px solid var(--accent);backdrop-filter:blur(8px)}.well-card{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(140px + env(safe-area-inset-bottom,0px));animation:swap .4s ease}.well-card.news,.well-bag .item.news{border-left-color:#3c5adc}.well-card.discount,.well-bag .item.discount{border-left-color:#ec6a5c}.well-card.entry,.well-bag .item.entry{border-left-color:#aad23c}.well-card .eyebrow,.well-bag .eyebrow{margin:0 0 6px;font:500 .68rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.well-card h3{margin:0 0 4px;font:700 1.25rem/1.15 var(--display)}.well-card .text,.well-bag .empty{margin:0 0 10px;font-size:.88rem;color:var(--ink-dim)}.well-card.miss{border-left-color:var(--panel-line);padding:10px 14px}.well-card.miss .text{margin:0}.well-card .code,.well-bag .code{display:flex;gap:8px;align-items:center;margin:0 0 10px}.well-card code,.well-bag code{flex:1;padding:8px 10px;font:600 .82rem/1 var(--mono);letter-spacing:.06em;background:#ffffff14;border:1px dashed var(--panel-line);overflow-wrap:anywhere}.well-card button,.well-bag button{padding:8px 12px;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--panel-line);cursor:pointer}.well-card button.primary{color:#10141c;background:var(--accent);border-color:var(--accent)}.well-card .row{display:flex;gap:6px;justify-content:space-between}.well-bag{right:max(16px,env(safe-area-inset-right,0px));top:calc(56px + env(safe-area-inset-top,0px));max-height:50vh;overflow:auto}.well-bag .item{display:grid;gap:4px;margin:0 0 8px;padding:8px 10px;border-left:3px solid var(--accent);background:#ffffff0d}.well-bag .item span{font-size:.82rem;color:var(--ink-dim)}.well-bag .item .code{margin:4px 0 0}.well-card[hidden],.well-bag[hidden]{display:none}@media(max-width:699px){.section.cap-bottom .sect-caption.bottom{top:auto;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px));width:auto;padding:12px 14px}.section.cap-bottom .sect-caption h2{font-size:1.3rem;margin-bottom:4px}.section.cap-bottom .sect-caption .body{font-size:.82rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.section.cap-bottom .sect-hint{bottom:auto;top:calc(62px + env(safe-area-inset-top,0px))}.section.cap-bottom .well-drop{bottom:calc(318px + env(safe-area-inset-bottom,0px));right:12px}.well-card{right:12px;left:12px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.well-card{animation:none}}.work{position:fixed;inset:0;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;padding:64px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#0e1118;color:var(--ink);animation:swap .4s ease}.work-back{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));padding:10px 14px;font:500 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);cursor:pointer}.work-back:hover{color:#10141c;background:var(--accent)}.work-head{max-width:760px}.work-head h2{margin:0 0 2px;font:700 clamp(1.5rem,4vw,2.2rem)/1.1 var(--display);letter-spacing:-.02em}.work-head p{margin:0;font-size:.92rem;color:var(--ink-dim)}.work-stage{position:relative;min-height:0;overflow:auto;display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--panel-line)}.work-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;cursor:zoom-in}.work-stage.full{place-items:start}.work-stage.full img{position:static;inset:auto;height:auto;width:1800px;max-width:none;cursor:zoom-out}.work-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;font:400 1.8rem/1 var(--display);color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);cursor:pointer}.work-arrow.left{left:8px}.work-arrow.right{right:8px}.work-stage.full .work-arrow{display:none}.work-arrow:disabled{opacity:.3;cursor:default}.work-arrow[hidden]{display:none}.work-thumbs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.work-thumbs[hidden]{display:none}.work-thumbs button.num{width:44px;color:var(--ink);font:12px ui-monospace,Menlo,monospace;background:#ffffff14}.work-note{position:absolute;left:12px;right:12px;bottom:44px;margin:0;padding:10px 14px;text-align:center;font:13px/1.4 ui-monospace,Menlo,monospace;color:var(--ink);background:#0e1118e0;border:1px solid var(--panel-line);pointer-events:none}.work-note[hidden]{display:none}.work-thumbs button{flex:0 0 auto;width:84px;height:56px;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.6}.work-thumbs button[aria-current=true]{border-color:var(--accent);opacity:1}.work-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.work-foot{display:flex;align-items:center;gap:10px}.work-foot .step{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--panel-line);cursor:pointer}.work-foot .step:hover{color:#10141c;background:var(--accent);border-color:var(--accent)}.work-foot .step[hidden]{display:none}.work-foot .step.next{margin-left:auto}.work-count{position:absolute;top:8px;left:8px;margin:0;padding:5px 8px;font:500 .64rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);pointer-events:none}.work-stage.full .work-count,.pin.proj .dot{display:none}.pin.proj .name{display:block;position:static;transform:none;font-size:.64rem;padding:4px 7px}@media(max-width:699px){.pin.proj{display:block;width:auto;height:auto}.pin.proj .name{position:static;transform:none;font-size:.58rem;padding:3px 5px}}@media(pointer:coarse)and (max-width:519px),(pointer:coarse)and (max-height:519px){html,body{background:#4f9d45}}.intro{position:fixed;inset:0;z-index:100;background:transparent;touch-action:none}.intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.intro-cap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 40px));padding:20px 18px 18px;text-align:center;color:#f7f2e2;background:#1828169e;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px);transition:opacity .7s ease,transform .7s ease}.intro-cap.go{opacity:0;transform:translate(-50%,-50%) scale(.96)}.intro-cap h1{margin:12px 0 4px;font:700 1.45rem/1.15 var(--display);letter-spacing:-.02em}.intro-cap p{margin:0;font-size:.86rem;color:#e4ddc6}.intro-phone{width:30px;height:52px;margin:0 auto;border:2px solid #f7f2e2;border-radius:6px;position:relative;animation:intro-turn 2.6s ease-in-out infinite}.intro-phone i{position:absolute;left:50%;bottom:4px;width:8px;height:2px;margin-left:-4px;background:#f7f2e2}.intro.land .intro-phone{animation:none;transform:rotate(-90deg)}@keyframes intro-turn{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.intro-stay{margin-top:14px;padding:9px 14px;font:500 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f7f2e2;background:transparent;border:1px solid rgba(255,255,255,.5);cursor:pointer}.intro-stay[hidden]{display:none}.intro.land .intro-cap{padding:12px 16px}.intro.land .intro-phone{display:none}body.introing{overflow:hidden}@media(prefers-reduced-motion:reduce){.intro-phone{animation:none}.intro-cap{transition:none}}html.lp .hint{display:none}html.lp .brand{top:calc(8px + env(safe-area-inset-top,0px))}html.lp .chapters{padding:4px max(12px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}html.lp .chapters button{min-height:38px;padding:4px 8px;font-size:.64rem}html.lp .chapters button small{display:none}html.lp .chapters li.home button{width:40px;padding:4px 0}html.lp .caption{top:calc(52px + env(safe-area-inset-top,0px));bottom:auto;left:max(12px,env(safe-area-inset-left,0px));right:auto;width:268px;padding:10px 12px}html.lp .caption h2{font-size:1.15rem;margin-bottom:3px}html.lp .caption .body{font-size:.76rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}html.lp .caption .actions{margin-top:8px;gap:5px}html.lp .caption .step,html.lp .caption .open,html.lp .caption .walk{padding:8px 9px;font-size:.62rem}html.lp .pin{display:block;width:14px;height:14px}html.lp .pin .dot{display:block}html.lp .pin .name{display:none;font-size:.62rem;padding:4px 6px;position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8px)}html.lp .pin.flip .name{left:auto;right:calc(100% + 8px)}html.lp .pin.on .name,html.lp .pin.all .name{display:block}html.lp .pin.proj{display:block;width:auto;height:auto}html.lp .pin.proj .dot{display:none}html.lp .pin.proj .name{display:block;position:static;transform:none;font-size:.58rem;padding:3px 5px}html.lp .work{padding-top:40px;gap:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}html.lp .work-head h2{font-size:1.15rem}html.lp .work-head p{display:none}html.lp .work-thumbs button{width:56px;height:38px}html.lp .work-thumbs button.num{width:38px}html.lp .work-foot .step{padding:7px 10px}html.lp .sect-caption,html.lp .section.cap-bottom .sect-caption.bottom{top:calc(48px + env(safe-area-inset-top,0px));bottom:auto;left:max(12px,env(safe-area-inset-left,0px));right:auto;width:268px;padding:10px 12px}html.lp .sect-caption h2,html.lp .section.cap-bottom .sect-caption h2{font-size:1.1rem;margin-bottom:3px}html.lp .sect-caption .body,html.lp .section.cap-bottom .sect-caption .body{font-size:.76rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}html.lp .section.cap-bottom .sect-hint{top:auto;bottom:calc(52px + env(safe-area-inset-bottom,0px))}html.lp .section.cap-bottom .well-drop{bottom:calc(58px + env(safe-area-inset-bottom,0px));right:12px}html.lp .well-card{left:auto;right:12px;width:260px;bottom:calc(58px + env(safe-area-inset-bottom,0px))}.boot{position:fixed;z-index:200;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin:0;padding:12px 14px;font:500 .78rem/1.4 var(--mono);color:#f7f2e2;background:#181c16e0;border:1px solid rgba(255,255,255,.3)}.boot[hidden]{display:none}