:root{font-family:Georgia,'Times New Roman',serif;color:#303d32;background:#e9e7d8;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,select,input{font:inherit}button,select{border:1px solid #344b3633;background:#f6f4e9;color:#344b36;border-radius:9px;padding:11px 14px;cursor:pointer}button:hover{background:#e3e7d5}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #9a682b;outline-offset:3px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#world{display:block;width:100vw;height:100dvh;touch-action:none;cursor:grab}#world:active{cursor:grabbing}header{position:fixed;top:0;left:0;right:0;padding:calc(25px + env(safe-area-inset-top)) 32px 0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand h1{font-size:48px;font-weight:400;letter-spacing:-3px;line-height:.8;margin:0}.brand h1 span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:5px}.brand p{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2.8px;text-transform:uppercase;margin:13px 0}.round{pointer-events:auto;width:43px;height:43px;padding:0;border-radius:50%;font-family:Arial,sans-serif;font-size:20px;background:#f7f5e8db;box-shadow:0 3px 16px #344b3608}#panel{position:fixed;right:24px;top:85px;width:350px;max-height:calc(100dvh - 160px);overflow:auto;background:#f5f3e8f5;backdrop-filter:blur(18px);padding:23px;border:1px solid #fff9;border-radius:18px;box-shadow:0 18px 70px #30432d24;z-index:5}.panel-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.panel-heading h2{font-size:23px;line-height:1.15;font-weight:400;margin:0}.panel-heading .round{flex-shrink:0;width:32px;height:32px}#panel p{font-size:15px;line-height:1.5;color:#6b7161}#panel .small{font-family:Arial,sans-serif;font-size:11px;line-height:1.65}label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;display:block;margin:20px 0 9px}label span{float:right;letter-spacing:0}.control-row{display:flex;gap:8px}.control-row>*{flex:1;min-width:0;font-family:Arial,sans-serif;font-size:12px}.control-row select{flex:1.4}input[type=range]{width:100%;accent-color:#526e43}.switches{margin-top:14px}.divider{height:1px;background:#344b3620;margin:20px 0}.wide{width:100%;font-family:Arial,sans-serif;font-size:12px}.intro{position:fixed;left:32px;top:32%;width:285px;background:#f6f4e9e8;backdrop-filter:blur(8px);border:1px solid #fff9;border-radius:18px;padding:28px;box-shadow:0 12px 50px #3e4b3112;transition:opacity .4s,transform .4s}.intro.gone{opacity:0;transform:translateY(12px);pointer-events:none}.eyebrow{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.6px;color:#7a816d}.intro h2{font-size:43px;font-weight:400;letter-spacing:-1.8px;margin:14px 0}.intro p{font-size:15px;line-height:1.6;color:#6b7161}.intro button{width:100%;background:#3c513b;color:#f5f0de;border:0;margin-top:9px;font-size:15px;padding:14px}.intro button span{float:right}.intro .intro-note{font-family:Arial,sans-serif;text-align:center;font-size:9px;letter-spacing:1px;margin:13px 0 0}footer{position:fixed;left:0;right:0;bottom:0;padding:18px 32px calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(transparent,#e9e7d8d9)}.place{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:#607e43;border-radius:50%}.footer-right{display:flex;align-items:center;gap:8px}.footer-right>span{font-style:italic;font-size:13px;color:#69745f;margin-right:9px}.footer-right button{pointer-events:auto;padding:8px 12px;border-radius:20px;font-size:15px}.footer-right button span{font-family:Arial,sans-serif;font-size:10px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:85vw;width:max-content;padding:12px 20px;border-radius:30px;color:#f7f5e8;background:#344b36ed;font-family:Arial,sans-serif;font-size:12px;line-height:1.4;opacity:0;transition:opacity .25s;pointer-events:none;z-index:8}#toast.show{opacity:1}@media(max-width:600px){header{padding-left:20px;padding-right:20px;padding-top:calc(22px + env(safe-area-inset-top))}.brand h1{font-size:41px}.brand p{font-size:8px;letter-spacing:2px}footer{padding-left:20px;padding-right:20px}.intro{left:20px;top:auto;bottom:100px;width:250px;padding:23px}.intro h2{font-size:36px}#panel{left:14px;right:14px;top:84px;width:auto;max-height:calc(100dvh - 160px)}.footer-right>span{display:none}.place{font-size:8px;letter-spacing:1.5px}}@media(max-height:520px){.intro{top:95px;bottom:auto;padding:18px}.intro h2{margin:8px 0;font-size:30px}.intro p{margin:8px 0}.intro-note{display:none}#panel{top:65px;max-height:calc(100dvh - 120px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#quickSound{position:relative;min-width:42px}#quickSound.muted{color:#979b94}#quickSound.muted::after{content:"";position:absolute;width:23px;height:2px;background:#111;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-48deg);border-radius:1px;pointer-events:none}

.intro{top:clamp(80px,16vh,140px);bottom:auto;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}#beginFullscreen{font-weight:600}
.header-controls{display:flex;align-items:center;gap:10px;pointer-events:auto}#tiltReset{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-top:-7px;padding:0;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#tiltReset:hover,#tiltReset:active{background:transparent;box-shadow:none;transform:none}#tiltIndicator{display:block;width:58px;height:58px;pointer-events:none}
@media(max-width:600px),(max-height:500px) and (pointer:coarse){#tiltReset{width:44px;height:44px;margin-top:0}#tiltIndicator{width:38px;height:38px}.header-controls{gap:6px}}