@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Nunito:wght@400;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#b8d4e3;font-family:Nunito,system-ui,sans-serif;min-height:100vh;overflow:hidden}.app{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.scene{position:relative;max-width:880px;width:92%;will-change:transform}.flyer-image{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 4px 20px #0000001f}.hotspot{position:absolute;background:transparent;border:none;cursor:pointer;padding:0;z-index:30;border-radius:6px;transition:opacity .4s ease}.hotspot:hover{background:#ffffff14}.hotspot:hover .hotspot-label{opacity:1}.hotspot-hidden{opacity:0;pointer-events:none}.hotspot-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-family:Caveat,cursive;font-size:.85rem;color:#3a6a7f;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.door-idle{position:absolute;inset:0;transform-style:preserve-3d;border-radius:4px;overflow:hidden;filter:none;transition:filter .3s ease}.door-idle.door-moving{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.25))}.peek-color{position:absolute;inset:0;border-radius:4px;z-index:0}.door-cover-inner{position:absolute;inset:0;border-radius:4px;z-index:0;box-shadow:inset 4px 4px 10px #0006,inset -3px -3px 8px #00000026}.behind-door{position:absolute;z-index:11;border-radius:4px;transition:opacity .3s ease;box-shadow:inset 3px 3px 8px #00000059,inset -3px -3px 8px #00000026}.door-container{position:absolute;z-index:15;perspective:1000px}.door{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);border-radius:4px;overflow:hidden}.door-closed{transform:rotateY(0)}.door-open{transform:rotateY(var(--door-angle, -105deg));filter:drop-shadow(4px 3px 8px rgba(0,0,0,.3))}.door-face{width:100%;height:100%;backface-visibility:hidden;border-radius:4px;border:1.5px solid transparent;box-shadow:none;transition:border-color .3s ease,box-shadow .3s ease}.door-moving .door-face,.door-open .door-face{border-color:#00000026;box-shadow:1px 1px 3px #00000026,inset 1px 1px #ffffff4d,inset -1px -1px #0000001a}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-card{position:relative;max-width:440px;width:90%;padding:32px 36px;border-radius:20px;box-shadow:0 8px 32px #0003,0 20px 60px #0000001f}.modal-card h2{font-family:Caveat,cursive;font-size:1.8rem;font-weight:700;margin-bottom:14px}.modal-card .intro{font-size:1rem;line-height:1.6;margin-bottom:16px;opacity:.95}.modal-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.modal-card li{font-size:.95rem;line-height:1.55;display:flex;gap:8px;align-items:baseline}.modal-card .icon{flex-shrink:0;font-size:.75rem;opacity:.8}.close-btn{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.3rem;cursor:pointer;color:inherit;opacity:.6;padding:6px 10px;border-radius:50%;transition:opacity .2s,background .2s}.close-btn:hover{opacity:1;background:#0000001a}.back-btn{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:300;background:#fffffff2;color:#333;border:none;padding:12px 28px;border-radius:24px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #00000026}.back-btn:hover{background:#fff}.hint{position:fixed;bottom:20px;font-family:Caveat,cursive;font-size:1.15rem;color:#4a7a8f}@media(max-width:640px){.scene{width:98%}.modal-card{padding:24px 28px;max-width:92%}.modal-card h2{font-size:1.5rem}.modal-card li{font-size:.9rem}}