.zazen-world-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 2rem 2rem;overflow:hidden auto;view-transition-name:zazen-world}@media(width<=768px){.zazen-world-container{padding:.5rem 1rem 1rem;min-height:100vh}}.zazen-world__map{position:relative;margin:2rem auto;left:84%;transform:translate(-50%);transform-origin:center;opacity:0;animation:zazen-map-fade-in .8s ease-out .3s forwards}@media(width<=768px){.zazen-world__map{left:100%;margin:1rem auto;transform:translate(-50%) scale(.8)}}@media(width<=480px){.zazen-world__map{left:110%;transform:translate(-50%) scale(.6);margin:.5rem auto}}@keyframes zazen-map-fade-in{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(var(--zazen-scale, 1))}to{opacity:1;transform:translate(-50%) translateY(0) scale(var(--zazen-scale, 1))}}@keyframes zazen-header-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes zazen-compass-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.zazen-world__map{--zazen-scale: 1}@media(width<=768px){.zazen-world__map{--zazen-scale: .8}}@media(width<=480px){.zazen-world__map{--zazen-scale: .6}}.zazen-world__header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;padding:0 1rem;text-align:center;opacity:0;animation:zazen-header-fade-in .6s ease-out forwards}@media(width<=768px){.zazen-world__header{padding:0 .5rem}}.zazen-world__title{font-size:1.5rem;margin:0;margin-bottom:.5rem;text-align:center}@media(width<=768px){.zazen-world__title{font-size:1.3rem}}@media(width<=480px){.zazen-world__title{font-size:1.2rem}}.zazen-world__position{font-size:.9rem;color:#5c4a3a;background:#fffc;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(139,115,85,.3);font-family:monospace}.zazen-world__close{background:none;border:1px solid #ccc;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.zazen-world__compass{margin-bottom:.5rem;opacity:0;animation:zazen-compass-fade-in .6s ease-out .15s forwards}@media(width<=768px){.zazen-world__compass{margin-bottom:1rem}}.zazen-world__compass-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}@media(width<=768px){.zazen-world__compass-container{width:110px;height:110px}}@media(width<=480px){.zazen-world__compass-container{width:120px;height:120px}}.zazen-world__compass-btn{position:absolute;background:#f8f5f2e6;border:1px solid rgba(157,66,97,.3);border-radius:50%;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#5c4a3a;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px #0000001a;font-size:7px;font-weight:500;backdrop-filter:blur(8px)}@media(width<=768px){.zazen-world__compass-btn{width:38px;height:38px;font-size:8px}}@media(width<=480px){.zazen-world__compass-btn{width:42px;height:42px;font-size:9px}}.zazen-world__compass-btn span{margin-top:1px;opacity:.7;font-size:8px}@media(width<=768px){.zazen-world__compass-btn span{font-size:10px}}@media(width<=480px){.zazen-world__compass-btn span{font-size:12px}}.zazen-world__compass-btn:focus{outline:2px solid rgba(157,66,97,.6);outline-offset:2px}.zazen-world__compass-btn:hover{background:#fffffff2;color:var(--primary-color);box-shadow:0 2px 8px #9d426126;border-color:#9d426180;transform:scale(1.03) translateY(-1px)}.zazen-world__compass-btn:active{transform:scale(.97);box-shadow:0 1px 3px #9d426133}.zazen-world__compass-btn--north{top:0;left:50%;transform:translate(-50%)}.zazen-world__compass-btn--north:hover{transform:translate(-50%) scale(1.03) translateY(-1px)}.zazen-world__compass-btn--north:active{transform:translate(-50%) scale(.97)}.zazen-world__compass-btn--west{left:0;top:50%;transform:translateY(-50%)}.zazen-world__compass-btn--west:hover{transform:translateY(-50%) scale(1.03) translateY(-1px)}.zazen-world__compass-btn--west:active{transform:translateY(-50%) scale(.97)}.zazen-world__compass-btn--east{right:0;top:50%;transform:translateY(-50%)}.zazen-world__compass-btn--east:hover{transform:translateY(-50%) scale(1.03) translateY(-1px)}.zazen-world__compass-btn--east:active{transform:translateY(-50%) scale(.97)}.zazen-world__compass-btn--south{bottom:0;left:50%;transform:translate(-50%)}.zazen-world__compass-btn--south:hover{transform:translate(-50%) scale(1.03) translateY(-1px)}.zazen-world__compass-btn--south:active{transform:translate(-50%) scale(.97)}.zazen-world__tile{position:absolute}.zazen-world__tile-image{position:absolute;top:0;left:0;width:64px;height:90px;text-align:center;background-position:bottom;background-repeat:no-repeat}.zazen-world__tile-image img{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.zazen-world__decor{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.2))}.zazen-world__instructions{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:1rem 0;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.zazen-world__header,.zazen-world__compass,.zazen-world__map{animation:none!important;opacity:1!important}}
