@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{color:#394236;font-synthesis:none;--paper:#f0e9d7;--ink:#374336;--green:#627057;--muted:#868d7b;--line:#c9cbb8;--serif:"Libre Caslon Display",Georgia,serif;--apron-h:92px;--gutter:28px;background:#eae5d8;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #b38042}svg{stroke:currentColor;stroke-width:1.45px;fill:none;stroke-linejoin:round;stroke-linecap:round;width:24px;height:24px}button:hover{filter:brightness(1.04)}button:active{transform:translateY(1px)}.symbols{width:0;height:0;position:absolute;overflow:hidden}[hidden]{display:none!important}kbd{font-family:inherit}#app{height:100dvh;min-height:620px;padding:0 var(--gutter) 16px;flex-direction:column;display:flex}.masthead{flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 4px;display:flex}.brand{color:var(--ink);font:24px/.9 var(--serif);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#f2ecd9;clip-path:polygon(0 0,79% 0,100% 19%,100% 100%,0 100%);background:#4a6047;place-items:center;width:30px;height:36px;display:grid;transform:rotate(-5deg)}.brand-mark svg{width:21px;height:21px}.brand small{letter-spacing:3px;margin-top:7px;font:7px DM Sans,sans-serif;display:block}.chapter{letter-spacing:2px;color:#868b76;align-items:center;gap:16px;font-size:9px;display:flex}.chapter-rule{background:#c4c8b2;width:34px;height:1px}.gallery-link{color:#67745b;align-items:center;gap:8px;font-size:11px;text-decoration:none;display:flex}.gallery-link>svg{width:16px;height:16px}.gallery-link .small{width:13px;height:13px;margin-left:8px}.world-shell{border:1px solid #647059;flex-direction:column;flex:1;min-height:0;display:flex;box-shadow:0 10px 30px #45492a14}.scene-strip{color:#e1e5ce;letter-spacing:1.5px;background:#374637;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;height:40px;padding:0 8px 0 16px;font-size:10px;display:grid}.strip-place{white-space:nowrap;align-items:center;gap:14px;min-width:0;display:flex}.crumb{align-items:center;gap:8px;display:inline-flex}.crumb i,.world-footer i{background:#c2cb9c;border-radius:50%;width:4px;height:4px;display:inline-block}.crumb b{color:#9aa68b;margin:0 2px;font-weight:400}.strip-pop{letter-spacing:.6px;color:#d3dabb;white-space:nowrap;text-align:center;font-size:11px}.strip-tools{justify-self:end;gap:6px;display:flex}.strip-tools button{color:#e6ead2;background:#ffffff12;border:1px solid #6b7c64;place-items:center;width:34px;height:30px;transition:background .15s;display:grid}.strip-tools button:hover{filter:none;background:#ffffff26}.strip-tools button[aria-expanded=true]{color:#374637;background:#ece5cf;border-color:#ece5cf}.strip-tools button:focus-visible{outline-offset:2px;outline-color:#ecd49a}.strip-tools svg{width:17px;height:17px}.viewport{isolation:isolate;background:#e3dfcf;flex:1;min-height:240px;position:relative;overflow:hidden}#world{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;display:block}#world:focus-visible{outline-offset:-3px;outline:2px solid #b49458}#loading,#load-error{z-index:20;background:#ebe5d6;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:absolute;inset:0}#loading h1{font:38px var(--serif);text-align:center;margin:22px 0 10px;font-weight:400}#loading p{color:#889077;font-size:11px}.loading-leaf{color:#eee6c9;clip-path:polygon(0 0,78% 0,100% 20%,100% 100%,0 100%);background:#667858;place-items:center;width:70px;height:82px;animation:2s ease-in-out infinite unfold;display:grid}.loading-leaf svg{width:38px;height:38px}@keyframes unfold{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}#load-error{text-align:center;padding:30px}#load-error h2{font:36px var(--serif);margin:0 0 15px}#load-error p{max-width:430px;font-size:12px;line-height:1.8}#load-error button{color:#f0ecd9;background:#526b4a;margin:10px;padding:12px 25px}#load-error a{color:#657c55;font-size:12px}.world-overlay{pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.world-overlay button,.world-overlay a,.world-overlay input,.settings,.reference{pointer-events:auto}.tiny-label{letter-spacing:1.4px;color:#7f896f;font-size:8px;font-weight:500}.location-title{z-index:3;white-space:nowrap;color:#3a4837;pointer-events:none;transform-origin:0 0;background:repeating-linear-gradient(0deg,#fff0 0 3px,#8a8f6a0b 3px 4px),linear-gradient(#f6f0de,#eee6d0);border:1px solid #bcbd9c;padding:6px 12px 7px;position:absolute;top:14px;left:14px;transform:rotate(-1.5deg);box-shadow:0 3px 10px #2e3a2630,0 1px #7a805130,inset 0 0 0 2px #f6f0de,inset 0 0 0 3px #d6d6bc}.location-title:before{content:"";clip-path:polygon(0 0,100% 0,96% 33%,100% 66%,96% 100%,0 100%,4% 66%,0 33%);background:#dccb8fb8;width:38px;height:13px;position:absolute;top:-7px;left:18px;transform:rotate(3deg);box-shadow:0 1px 2px #4a4a2a30}.location-title p{letter-spacing:2px;color:#7b856a;margin:0 0 2px;font-size:8.5px;font-weight:500}.location-title h1{font:19px/1.05 var(--serif);margin:0;font-weight:400}.nameplate{white-space:nowrap;text-align:center;will-change:transform;color:#3d513a;text-shadow:0 1px 5px #eee9cf,0 0 5px #eee9cf;font-size:12px;font-weight:600;line-height:1.3;position:absolute;top:0;left:0;transform:translate(-1000px,-1000px)}.nameplate small{letter-spacing:1.2px;text-transform:uppercase;color:#737b62;font-size:8px;font-weight:400;display:block}.nameplate.player{color:#725c33}.nameplate.visitor{min-height:24px;text-shadow:none;z-index:1;color:#647552;background:#eee8d8d9;border:1px solid #b5be9c;border-radius:2px;padding:4px 8px;font:11px DM Sans,sans-serif}.nameplate.visitor:hover{background:#f8efd7;border-color:#718857}.welcome-hint{color:#6f785e;white-space:nowrap;background:#f2ecdbd1;border:1px solid #bfc3a4;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 13px;font-size:11px;transition:opacity 1s;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.hint-dot{background:#7a8e5c;border-radius:50%;flex-shrink:0;width:4px;height:4px}#toast{pointer-events:none;text-align:center;color:#6f7d5c;opacity:0;z-index:15;background:#f2edddf5;border:1px solid #aeb996;max-width:min(560px,100% - 420px);padding:8px 16px;font-size:11px;line-height:1.5;transition:opacity .2s,transform .2s;position:absolute;top:12px;left:50%;transform:translate(-50%,-6px);box-shadow:0 4px 18px #36432620}#toast.visible{opacity:1;transform:translate(-50%)}#restore-ui{color:#657958;z-index:10;background:#eee7d4e6;border:1px solid #adb99c;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex;position:absolute;bottom:14px;right:14px}#restore-ui svg{width:16px;height:16px}#restore-ui kbd{color:#9aa183;margin-left:4px;font:8px DM Sans,sans-serif}.settings{scrollbar-width:thin;scrollbar-color:#aab395 transparent;z-index:6;background:#f3eddcfa;border:1px solid #b1b79a;width:300px;max-width:calc(100% - 20px);max-height:calc(100% - 20px);padding:14px 16px 16px;position:absolute;top:10px;right:10px;overflow-y:auto;box-shadow:0 5px 26px #3c45202e}.panel-heading{border-bottom:1px solid #c2c6ab;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:9px;display:flex}.panel-heading h2{font:22px var(--serif);margin:3px 0 0;font-weight:400}.panel-heading button{background:0 0;margin:-4px;padding:4px}.panel-heading button svg{width:15px;height:15px}.settings>label{justify-content:space-between;align-items:center;margin:11px 0 6px;font-size:11px;display:flex}.settings>label>span{color:#9b8760}.segmented{background:#e7e4d2;border:1px solid #c0c4a6;gap:3px;padding:3px;display:flex}.segmented button{color:#6f7d5f;background:0 0;flex:1;padding:7px 3px;font-size:10px}.segmented button.selected{color:#f6eed6;background:#5e7452;box-shadow:0 1px 2px #52644230}.settings .toggle-row{cursor:pointer;margin-top:14px;position:relative}.toggle-row input{opacity:0;cursor:pointer;width:30px;height:20px;position:absolute;right:0}.toggle{pointer-events:none;background:#c8ccb4;border-radius:10px;width:27px;height:15px;position:relative}.toggle:before{content:"";background:#f7f0de;border-radius:50%;width:11px;height:11px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-row input:checked+.toggle{background:#69815a}.toggle-row input:checked+.toggle:before{transform:translate(12px)}.toggle-row input:focus-visible+.toggle{outline-offset:3px;outline:2px solid #b38042}.settings>p{color:#7f886f;margin:6px 0 10px;font-size:10px;line-height:1.55}.settings>.town-status{color:#6b7a5e;margin:8px 0 3px;font-size:10px;line-height:1.5}.traffic-count{color:#8f7f5e;letter-spacing:.3px;margin-bottom:6px;font-size:9px}.scene-stats{color:#8a9376;border-top:1px solid #c2c6ab;border-bottom:1px solid #c2c6ab;justify-content:space-between;align-items:center;padding:9px 0;font-size:9px;display:flex}.scene-stats b{color:#667857;margin-right:3px;font-size:12px;font-weight:500}.scene-stats>span:last-child{letter-spacing:1px;font-size:7px}.reference-button{text-align:left;color:#586d49;background:0 0;align-items:center;gap:8px;width:100%;margin-top:11px;padding:2px 0;font-size:10px;display:flex}.reference-button svg{width:15px;height:15px}.reference-button .small{width:12px;margin-left:auto}.reference{z-index:10;background:#f2ead8;border:1px solid #a9b594;width:min(420px,100% - 20px);max-height:calc(100% - 20px);padding:8px;position:absolute;top:10px;right:10px;overflow:auto;box-shadow:0 5px 30px #2d3f2745}.reference>button{background:#eee7d4;place-items:center;padding:6px;display:grid;position:absolute;top:14px;right:14px}.reference>button svg{width:16px;height:16px}.reference img{width:100%;display:block}.reference>div{padding:12px 10px 8px}.reference h2{font:24px var(--serif);margin:5px 0 8px;font-weight:400}.reference p{color:#74835f;margin:0;font-size:11px;line-height:1.65}.reference .tiny-label{font-size:8px}.apron{height:var(--apron-h);background:repeating-linear-gradient(90deg,#fff0 0 3px,#8a8f6a0a 3px 4px),linear-gradient(#f0e9d6,#e6dfc9);border-top:1px solid #647059;flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(260px,360px) minmax(0,1fr) minmax(170px,230px);align-items:center;column-gap:20px;padding:0 20px;display:grid;position:relative;box-shadow:inset 0 3px #f8f3e4,inset 0 4px #cfcdb2}.apron:before{content:"";pointer-events:none;border-top:1px dashed #b7bb99;position:absolute;top:7px;left:10px;right:10px}.apron-player{align-items:center;gap:12px;min-width:0;display:flex}.portrait{color:#ede4c9;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:#627858;flex:none;place-items:center;width:34px;height:42px;display:grid}.portrait svg{width:22px;height:22px;margin-top:-3px}.player-text{gap:5px;min-width:0;display:grid}.player-line{white-space:nowrap;align-items:baseline;gap:9px;display:flex}.player-line strong{font:23px/1 var(--serif);font-weight:400}.player-line span{color:#79816a;font-size:11px}.player-line i{color:#aab08f;margin:0 3px;font-style:normal}.quest-line{white-space:nowrap;color:#5d6a4f;align-items:center;gap:9px;font-size:12px;display:flex}.quest-line>svg{color:#869273;flex:none;width:14px;height:14px}.quest-title{font:15px/1 var(--serif);color:#44523f}.quest-line>#quest-dots{color:#7f8f66;letter-spacing:4px;font-size:12px}.quest-line>#quest-count{color:#7a8269;font-size:10px}.apron-gestures{text-align:center;justify-self:center;min-width:0}.action-caption{letter-spacing:1.6px;color:#7a8369;margin-bottom:6px;font-size:8px}.action-buttons{justify-content:center;gap:6px;display:flex}.action-buttons button{color:#58694b;white-space:nowrap;background:#f8f2df;border:1px solid #bfc3a2;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 12px 0 11px;font-size:12px;transition:background .2s,transform .2s;display:flex;position:relative;box-shadow:0 2px #6a775226}.action-buttons button:hover,.action-buttons button.active{background:#dfe6c8;border-color:#7e9163;transform:translateY(-2px)}.action-buttons svg{flex:none;width:18px;height:18px}.action-buttons kbd{color:#8f957a;border:1px solid #cfd1b7;border-radius:2px;margin-left:1px;padding:0 4px;font-size:9px;line-height:14px}.dock-divider{background:#c4c4a8;width:1px;margin:4px 3px}.apron-hint{color:#6f7a60;justify-self:end;justify-items:start;gap:6px;display:grid}.hint-label{letter-spacing:1.6px;font-size:9px}.hint-keys{align-items:center;gap:3px;font-size:11px;display:flex}.hint-keys kbd{color:#566349;background:#f8f2e0;border:1px solid #b5bc9a;place-items:center;width:21px;height:20px;font-size:10px;display:inline-grid;box-shadow:0 1px #a6ae8b}.hint-keys em{color:#868f75;margin-left:7px;font-style:normal}.dialogue{background:#f9f4e4;border:1px solid #b2b992;grid-area:1/2/auto/-1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body actions";align-self:stretch;align-items:center;column-gap:14px;margin:10px 0 9px;padding:6px 12px 6px 14px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #f9f4e4,inset 0 0 0 4px #d6d7ba}:is(.apron:has(#dialogue:not([hidden])) .apron-gestures,.apron:has(#dialogue:not([hidden])) .apron-hint){display:none}.dialogue-icon{color:#eee4c9;clip-path:polygon(0 0,100% 0,100% 77%,50% 100%,0 77%);background:#6c7d5c;grid-area:icon;place-items:center;width:28px;height:34px;display:grid}.dialogue-icon svg{width:18px;height:18px;margin-top:-3px}.dialogue-body{grid-area:body;min-width:0}.dialogue-head{flex-wrap:wrap;align-items:baseline;gap:0 12px;display:flex}.dialogue h3{font:20px/1.1 var(--serif);color:#3a4837;margin:0;font-weight:400}.dialogue .tiny-label{letter-spacing:1.3px;font-size:8px}.dialogue p{color:#5c6951;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:3px 0 0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.dialogue-actions{flex-direction:column-reverse;grid-area:actions;justify-content:center;align-items:flex-end;gap:6px;display:flex}#dialogue-close{color:#6f7a60;background:0 0;margin:-6px -6px 0 0;padding:6px}#dialogue-close svg{width:15px;height:15px}#dialogue-next{color:#46663a;white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:flex}#dialogue-next svg{width:14px;height:14px}.world-footer{color:#7a8467;white-space:nowrap;background:#e9e5d5;border-top:1px solid #afb697;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:30px;padding:0 15px;font-size:10px;display:flex}.world-footer>span:first-child{align-items:center;gap:7px;min-width:0;display:flex}.world-footer i{background:#8e9c72}#town-activity{text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.footer-instructions{font-size:10px}.footer-instructions b{color:#a9ad92;margin:0 7px;font-weight:400}.footer-instructions kbd{border:1px solid #c4c8ae;border-radius:2px;padding:0 4px;font-size:9px}.prototype-label{letter-spacing:1.3px;color:#8c957c;font-size:8px}.photo-mode #world-overlay{opacity:0;pointer-events:none}.photo-mode #world-overlay *{pointer-events:none!important}.world-shell:has(.viewport.photo-mode) .apron{display:none}.world-shell:has(.viewport.photo-mode) .strip-tools{visibility:hidden}@media (width>=1700px){#app{--gutter:40px;padding-bottom:24px}.masthead{height:66px}:root{--apron-h:100px}}@media (width<=1000px){:root{--gutter:16px}#app{padding-bottom:12px}.chapter{letter-spacing:1.2px;gap:10px;font-size:8px}.chapter-rule{width:20px}.apron{grid-template-columns:minmax(240px,300px) minmax(0,1fr) auto;column-gap:14px;padding:0 14px}.apron-hint .hint-keys em,.footer-instructions{display:none}.dialogue{grid-column:1/-1}.apron:has(#dialogue:not([hidden])) .apron-player{display:none}}@media (width<=820px){:root{--apron-h:118px}#app{min-height:600px}.chapter{display:none}.apron{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;row-gap:7px;padding:0 14px}.apron-hint{display:none}.apron-player{grid-row:1}.apron-gestures{grid-area:2/1;justify-self:stretch}.action-caption,.action-buttons kbd{display:none}.action-buttons{gap:6px}.action-buttons button{flex:auto;min-width:0;height:42px;padding:0 10px}.dock-divider{display:none}.dialogue{grid-row:1/-1;margin:10px 0}.strip-pop{font-size:10px}.welcome-hint{top:70px}#toast{max-width:calc(100% - 24px);top:auto;bottom:12px}}@media (width<=480px){:root{--apron-h:152px}.masthead{height:52px;padding:0}.brand{font-size:22px}.gallery-link .small{display:none}.scene-strip{letter-spacing:1px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"place tools""pop tools";align-content:center;gap:1px 8px;height:44px;padding:0 6px 0 12px;font-size:9px}.strip-place{grid-area:place}.strip-tools{grid-area:tools}.strip-tools button{width:44px;height:36px}.strip-pop{text-align:left;letter-spacing:.2px;grid-area:pop;font-size:10px}.location-title{padding:5px 9px;top:10px;left:10px}.location-title h1{font-size:15px}.location-title p{letter-spacing:1.4px;margin-bottom:1px;font-size:7.5px}.welcome-hint{white-space:normal;text-align:center;width:max-content;font-size:10px}.apron{padding:0 10px}.action-buttons button{gap:6px;height:44px;padding:0 8px;font-size:11px}.action-buttons svg{width:17px;height:17px}.dialogue{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon head""text text""actions actions";align-content:center;row-gap:3px;margin:8px 0;padding:7px 12px 3px}.dialogue-body{display:contents}.dialogue-head{flex-direction:column;grid-area:head;align-items:flex-start;row-gap:2px}.dialogue-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.dialogue-icon{align-self:start}#dialogue-close,#dialogue-next{align-items:center;min-height:40px;margin:-4px 0;padding:0 8px;display:flex}#dialogue-next{margin-left:-8px}#dialogue-close{margin-right:-8px}.dialogue p{-webkit-line-clamp:4;line-clamp:4;grid-area:text;margin:0;font-size:12.5px}.settings{width:calc(100% - 20px)}.world-footer{height:28px;padding:0 12px}.prototype-label{display:none}#town-activity{max-width:100%}.nameplate{font-size:11px}.nameplate small{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}