.zazen-world-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 2rem 2rem;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;max-width:100%;transform-origin:center;opacity:0;animation:zazen-map-fade-in .8s ease-out .3s forwards}@media(width<=768px){.zazen-world__map{margin:1rem auto;transform:scale(.8)}}@media(width<=480px){.zazen-world__map{transform:scale(.6);margin:.5rem auto}}@keyframes zazen-map-fade-in{0%{opacity:0;transform:translateY(20px) scale(var(--zazen-scale, 1))}to{opacity:1;transform: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:var(--heading-color);background:color-mix(in oklch,var(--primary-bg-color) 80%,transparent);padding:.25rem .5rem;border-radius:4px;border:1px solid color-mix(in oklch,var(--primary-color) 20%,transparent);font-family:monospace}.zazen-world__close{background:none;border:1px solid var(--footer-border-color);border-radius:4px;padding:.5rem 1rem;cursor:pointer;color:var(--heading-color)}.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:color-mix(in oklch,var(--primary-bg-color) 92%,transparent);border:1px solid color-mix(in oklch,var(--primary-color) 30%,transparent);border-radius:50%;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--heading-color);transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px #0000001a;font-size:7px;font-weight:500}@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 color-mix(in oklch,var(--primary-color) 60%,transparent);outline-offset:2px}.zazen-world__compass-btn:hover{background:color-mix(in oklch,var(--primary-bg-color) 98%,transparent);color:var(--primary-color);box-shadow:0 2px 8px color-mix(in oklch,var(--primary-color) 15%,transparent);border-color:color-mix(in oklch,var(--primary-color) 50%,transparent);transform:scale(1.03) translateY(-1px)}.zazen-world__compass-btn:active{transform:scale(.97);box-shadow:0 1px 3px color-mix(in oklch,var(--primary-color) 20%,transparent)}.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}}