:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f9f6e9;background:#a4b77c;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #ffffff30;border-radius:10px;padding:10px 15px;min-height:44px;background:#233e38de;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #f5cc76;outline-offset:-3px}button:hover{background:#34554c}button:disabled{opacity:.45}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}header{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.identity{display:flex;gap:10px;align-items:center;text-shadow:0 1px 8px #243d3880}.identity strong{display:block;font-size:13px;letter-spacing:.22em}.identity div>span{display:block;font-size:10px;opacity:.9;margin-top:3px;letter-spacing:.06em}.seed{width:40px;height:40px;border-radius:13px 13px 13px 3px;background:#f0ce7d;color:#2f493a;font:700 31px Georgia,serif;text-align:center;line-height:32px;text-shadow:none}.place{margin-top:3px;padding:10px 15px;border-radius:24px;background:#233e38dc;font-size:12px;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:#f0ce7d}nav{display:flex;gap:8px;pointer-events:auto}#intro{position:fixed;left:max(27px,env(safe-area-inset-left));top:98px;text-shadow:0 2px 15px #213930;pointer-events:none;transition:opacity .8s}.eyebrow{font-size:9px;letter-spacing:.19em;opacity:.8}h1{font:28px Georgia,serif;margin:8px 0;letter-spacing:-.03em}#intro p{font-size:12px;margin:0}.walking #intro{opacity:0}#stick{position:fixed;bottom:max(40px,calc(env(safe-area-inset-bottom) + 20px));left:max(28px,env(safe-area-inset-left));width:112px;height:112px;border:1px solid #fff8;border-radius:50%;background:#243e3829;touch-action:none}.stick-cross:before,.stick-cross:after{content:"";position:absolute;background:#ffffff29;left:26px;top:55px;width:60px;height:1px}.stick-cross:after{transform:rotate(90deg)}#thumb{position:absolute;width:42px;height:42px;left:34px;top:34px;border-radius:50%;background:#f9f3dcc7;border:1px solid #fff9;box-shadow:0 3px 9px #203e3930;pointer-events:none}#stick>span{position:absolute;bottom:-18px;width:100%;text-align:center;font-size:8px;letter-spacing:.18em;text-shadow:0 1px 5px #233e38}footer{pointer-events:none;position:fixed;bottom:max(17px,env(safe-area-inset-bottom));left:172px;right:max(24px,env(safe-area-inset-right));display:flex;justify-content:space-between;font-size:10px;gap:20px;text-shadow:0 1px 7px #162c25}footer i{opacity:.6;font-style:normal;padding:0 7px}.study{letter-spacing:.06em}#stats{position:fixed;right:max(24px,env(safe-area-inset-right));top:76px;background:#19312df5;border:1px solid #e9dfbd40;border-radius:14px;padding:18px;width:min(400px,58vw);max-height:calc(100% - 100px);overflow:auto;touch-action:pan-y;user-select:text}#stats h2{font:20px Georgia,serif;margin:0 0 12px}#stats-text{white-space:pre-wrap;font:11px/1.7 ui-monospace,monospace;margin:0 0 12px}#stats button{margin:0 5px 8px 0;font-size:11px}.note{color:#c2cbbb;font-size:10px;line-height:1.5;margin:0}#portrait,#error{position:fixed;inset:0;display:flex;gap:15px;padding:35px;text-align:center;align-items:center;justify-content:center;flex-direction:column;background:#233e38f5;z-index:5}#portrait strong{font:28px Georgia,serif}#portrait span{font-size:14px;max-width:230px;line-height:1.6}@media(max-height:460px){header{top:max(12px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}.identity strong{font-size:11px}.identity div>span{font-size:8px}.seed{width:35px;height:35px;font-size:27px}.place{font-size:10px;padding:9px 12px}nav button{font-size:11px;padding:8px 12px}#intro{top:75px}h1{font-size:23px}#intro p{font-size:11px}#stick{width:94px;height:94px;bottom:max(33px,env(safe-area-inset-bottom))}#thumb{width:38px;height:38px;left:27px;top:27px}.stick-cross:before,.stick-cross:after{left:21px;top:46px;width:50px}footer{left:144px;font-size:9px}#stats{top:67px;padding:12px}}