:root{--bg:#fcc7b2;--ink:#5a2a25;--ink-soft:#8a5148;--cream:#fff3dc;--barn:#d9645a;--barn-dark:#b8473f;--line:#7a3530;color:var(--ink);background:var(--bg);font-family:Fredoka,ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.app,.viewport{width:100%;height:100%;position:relative}.viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:var(--bg);overflow:hidden}.viewport:active{cursor:grabbing}.viewport:not([data-mode=map]){cursor:default}.stage{position:absolute;inset:0}.stage canvas{display:block}.building-link{border:2px solid var(--line);background:var(--cream);opacity:0;pointer-events:none;border-radius:12px;padding:10px 18px;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.building-link:focus-visible{opacity:1}.brand{pointer-events:none;flex-direction:column;transition:opacity .4s;display:flex;position:absolute;top:16px;left:20px}.brand-name{letter-spacing:.01em;color:var(--ink);font-size:1.5rem;font-weight:800}.brand-tag{color:var(--ink-soft);font-size:.875rem}.viewport:not([data-mode=map]) .brand{opacity:0}.zoom{flex-direction:column;gap:8px;transition:opacity .3s;display:flex;position:absolute;bottom:16px;right:16px}.zoom[data-hidden=true]{opacity:0;pointer-events:none}.zoom button{border:2px solid var(--line);background:var(--cream);border-radius:12px;width:44px;height:44px;font-size:1.25rem;font-weight:700;box-shadow:0 3px #7a353059}.zoom button:hover{background:#fff}.zoom button:active{transform:translateY(2px);box-shadow:0 1px #7a353059}.rack{border:3px solid var(--line);background:var(--cream);opacity:0;pointer-events:none;border-radius:18px;width:min(560px,100% - 32px);padding:16px 18px 18px;transition:opacity .3s .25s,transform .3s .25s;position:absolute;bottom:24px;left:50%;transform:translate(-50%,24px);box-shadow:0 6px #7a353059}.rack[data-visible=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}.rack-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rack-head h2{margin:0;font-size:1.25rem}.ghost{border:2px solid var(--line);background:0 0;border-radius:10px;padding:8px 12px;font-weight:600}.ghost:hover{background:#fff}.rack-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tool{border:2px solid var(--line);background:var(--barn);color:#fff;text-align:left;width:100%;min-height:64px;box-shadow:0 3px 0 var(--barn-dark);border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.tool:not(:disabled):hover{filter:brightness(1.07)}.tool:not(:disabled):active{box-shadow:0 1px 0 var(--barn-dark);transform:translateY(2px)}.tool:disabled{color:#8c6f63;box-shadow:none;background:#e8d3c4;border-color:#b99a8b}.tool-name{font-size:1.05rem;font-weight:800}.tool-note{opacity:.9;font-size:.8125rem}.prop-link{bottom:64px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dlg-scrim{z-index:4;cursor:default;background:0 0;border:0;padding:0;position:absolute;inset:0}.dlg{--portrait:152px;--wood:repeating-linear-gradient(0deg, #b97a3f 0 7px, #ad6f37 7px 9px);--outline:#3b1a16;z-index:5;width:min(680px,100% - 32px);animation:.22s ease-out dlg-in;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.dlg *,.dlg :before,.dlg :after{box-sizing:border-box}.dlg-frame,.dlg-frame:before,.dlg-panel,.dlg-portrait,.dlg-portrait-wood,.dlg-name,.dlg-name span,.dlg-close{clip-path:polygon(var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--s), 100% var(--s), 100% calc(100% - var(--s)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s)) 100%, var(--s) 100%, var(--s) calc(100% - var(--s)), 0 calc(100% - var(--s)), 0 var(--s), var(--s) var(--s))}.dlg-frame{--s:8px;background:var(--outline);position:relative}.dlg-frame:before{--s:6px;content:"";background:var(--wood);position:absolute;inset:4px}.dlg-panel{--s:4px;margin:14px 14px 14px calc(var(--portrait) + 34px);background:var(--cream);box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 6px var(--cream);position:relative}.dlg-text{width:100%;min-height:124px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:20px 44px 28px 18px;font-size:1.05rem;font-weight:700;line-height:1.5;display:block}.dlg-more{background:var(--barn);clip-path:polygon(0 0,100% 0,50% 100%);opacity:0;width:14px;height:12px;position:absolute;bottom:14px;right:16px}.dlg-more[data-last=true]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:12px}.dlg-more[data-ready=true]{opacity:1;animation:.8s steps(2,end) infinite dlg-bob}.dlg-portrait{--s:8px;width:var(--portrait);height:var(--portrait);background:var(--outline);padding:4px;position:absolute;bottom:18px;left:20px}.dlg-portrait-wood{--s:6px;background:var(--wood);width:100%;height:100%;padding:7px}.dlg-portrait-view{background:linear-gradient(#cfe8f5,#eaf6fb);justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.dlg-portrait-view:after{content:"";box-shadow:inset 0 0 0 3px var(--outline);pointer-events:none;position:absolute;inset:0}.dlg-portrait-view img{object-fit:contain;object-position:bottom;transform-origin:50% 100%;-webkit-user-select:none;user-select:none;width:100%;height:100%;scale:-1 1}.dlg[data-typing=true] .dlg-portrait-view img{animation:.3s steps(2,end) infinite dlg-talk}.dlg-portrait[data-object=true] .dlg-portrait-view img{box-sizing:border-box;object-position:center bottom;padding:12px 10px 8px;scale:1}.dlg-name{--s:6px;left:calc(var(--portrait) + 40px);background:var(--outline);padding:3px;position:absolute;top:-20px}.dlg-name span{--s:4px;color:var(--cream);letter-spacing:.05em;text-shadow:0 2px 0 var(--ink);background:repeating-linear-gradient(0deg,#cf9358 0 6px,#c4894e 6px 8px);padding:5px 22px 6px;font-size:1rem;font-weight:800;display:block;position:relative}.dlg-name span:before,.dlg-name span:after{content:"";background:var(--outline);width:4px;height:4px;margin-top:-2px;position:absolute;top:50%}.dlg-name span:before{left:8px}.dlg-name span:after{right:8px}.dlg-close{--s:4px;background:var(--barn);width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--line);color:#fff;border:0;padding:0;font-size:1.15rem;font-weight:800;line-height:1;position:absolute;top:24px;right:24px}.dlg-close:hover{filter:brightness(1.1)}@keyframes dlg-in{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes dlg-bob{to{transform:translateY(3px)}}@keyframes dlg-talk{to{transform:translateY(-3px)scale(1.02)}}@media (max-width:520px){.dlg{--portrait:96px}.dlg-text{min-height:110px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.dlg,.dlg-more,.dlg-portrait-view img{animation:none!important}.rack,.brand,.zoom{transition:none}}