*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#eee5d6}.app-layout{width:100%;height:100%;position:relative;background:#eee5d6}.app-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/texture.jpg);background-repeat:repeat;background-size:400px auto;mix-blend-mode:multiply;pointer-events:none}.phone-notice{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 44px 12px 16px;background:#2d2319eb;color:#fff8f2f2;font-family:Caveat,Segoe Script,cursive;font-size:15px;line-height:1.4;box-shadow:0 2px 12px #00000026}.phone-notice-text{margin:0;max-width:480px}.phone-notice-dismiss{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:28px;height:28px;padding:0;font-size:22px;line-height:1;color:#fff8f2cc;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .2s,background .2s}.phone-notice-dismiss:hover{color:#fff8f2;background:#ffffff1f}.landing-page{position:relative;width:100%;height:100%;background:#fff8f2;overflow:hidden}.landing-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/texture.jpg);background-repeat:repeat;background-size:400px auto;mix-blend-mode:multiply;pointer-events:none}.landing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.landing-zoom-wrap{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.landing-face-canvas{position:fixed;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.landing-image-wrapper{position:absolute;bottom:0;left:0;width:100%}.landing-image{display:block;width:100%;height:auto;filter:brightness(1.15)}.landing-hotspot{position:absolute;cursor:pointer;background:transparent;border:none;outline:none;z-index:2}.landing-hotspot:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}.landing-hotspot-label{position:absolute;bottom:8%;left:50%;transform:translate(-50%);font-family:Caveat,Segoe Script,cursive;font-size:clamp(14px,1.6vw,22px);color:#3c2814b3;white-space:nowrap;pointer-events:none;letter-spacing:.04em;animation:hotspotPulse 2.4s ease-in-out infinite}@keyframes hotspotPulse{0%,to{opacity:.55}50%{opacity:1}}.landing-zoom-out{animation:landingZoom .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes landingZoom{to{transform:scale(3.5);opacity:0}}.landing-head-fade{animation:landingHeadFade .6s ease-out forwards}@keyframes landingHeadFade{to{opacity:0}}.landing-quote{position:absolute;top:6vh;left:4vw;max-width:38vw;z-index:3;text-align:left;pointer-events:none}.landing-quote blockquote{margin:0;padding:0;font-family:Georgia,Times New Roman,serif;line-height:1.55}.landing-quote-de{color:#000;font-size:clamp(14px,1.4vw,22px);font-style:italic;margin-bottom:.8em!important}.landing-quote-en{color:#888;font-size:clamp(12px,1.2vw,18px);font-style:italic}.landing-quote-author{display:block;margin-top:.7em;color:#000;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.2vw,19px);letter-spacing:.03em}.landing-art-credit{position:absolute;bottom:3vh;right:4vw;z-index:3;color:#000;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.2vw,19px);letter-spacing:.03em;pointer-events:none}.floating-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.floating-item{pointer-events:none}.floating-placeholder{border-radius:50%;background:#5078b459}.main-map-page{width:100%;height:100%;position:relative}.map-canvas{width:100%;height:100%;overflow:hidden;position:relative;z-index:1;touch-action:none;-webkit-user-select:none;user-select:none}.map-content{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.master-image{display:block;max-width:none;pointer-events:none;filter:brightness(1.15)}.camera-preview{position:absolute;bottom:16px;left:16px;width:160px;height:120px;border-radius:8px;opacity:.7;pointer-events:none;object-fit:cover}.face-preview{position:absolute;bottom:16px;left:190px;width:160px;height:120px;border-radius:8px;opacity:.7;pointer-events:none;object-fit:cover}.toggle-group{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.control-hints{display:flex;flex-direction:column;gap:5px;align-items:flex-end;padding:10px 14px;background:#00000059;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.hint-line{display:flex;align-items:center;gap:6px;font-family:Caveat,Segoe Script,cursive;font-size:14px;color:#ffffffd9;white-space:nowrap}.hint-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hint-yellow{background:#f5d442}.hint-red{background:#e84545}.hint-blue{background:#42a5f5}.gesture-toggle{padding:0;background:none;border:none;cursor:pointer;line-height:0;transition:opacity .2s,transform .2s}.gesture-toggle:hover{opacity:.8;transform:scale(1.05)}.gesture-toggle:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.gesture-toggle-icon{height:96px;width:auto;display:block}.hand-cursor{position:absolute;top:0;left:0;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:50%;pointer-events:none;z-index:100;opacity:0;transition:opacity .15s,box-shadow .15s,background .15s;will-change:transform}.hand-cursor[data-state=idle]{background:#ffffff80;box-shadow:0 0 0 2px #ffffff40,0 0 12px #ffffff26}.hand-cursor[data-state=grasp]{background:#ffdc32b3;box-shadow:0 0 0 3px #ffdc3259,0 0 16px #ffdc3240;width:16px;height:16px;margin-left:-8px;margin-top:-8px}.hand-cursor[data-state=pinch]{background:#ff4646b3;box-shadow:0 0 0 3px #ff464659,0 0 16px #ff464640;width:18px;height:18px;margin-left:-9px;margin-top:-9px}.hand-cursor[data-state=spread]{background:#64c8ff99;box-shadow:0 0 0 4px #64c8ff4d,0 0 20px #64c8ff33;width:28px;height:28px;margin-left:-14px;margin-top:-14px}.section-hotspot{position:absolute;border:2px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;transition:border-color .3s,background .3s;pointer-events:auto}.section-hotspot:hover{border-color:#ffffff80;background:#ffffff0f}.section-view{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;overflow:visible}.section-image-placed{display:block;object-fit:fill;filter:brightness(1.15)}.section-back-btn{position:absolute;top:24px;left:24px;padding:0;background:none;border:none;cursor:pointer;z-index:10;line-height:0;transition:opacity .2s,transform .2s}.section-back-btn img{height:96px;width:auto;display:block}.section-back-btn:hover{opacity:.8;transform:scale(1.05)}.box-scene{z-index:0;overflow:hidden;border-radius:2px;max-width:none;max-height:none}.box-scene canvas{display:block;max-width:none;max-height:none}.flip-surface{z-index:1;cursor:grab;touch-action:none;overflow:visible}.flip-surface:active{cursor:grabbing}.flip-canvas{display:block;pointer-events:none;filter:brightness(1.15)}