:root{font-family:Arial,Helvetica,sans-serif;color:#594c3b;background:#31394b;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#686376,#303648 85%)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;font:inherit;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #32746b;outline-offset:4px}[hidden]{display:none!important}#app{position:relative;isolation:isolate;width:min(100vw,56.25dvh);height:100dvh;overflow:clip;box-shadow:0 0 100px #15192755}.sky,.wash{position:absolute;pointer-events:none}.sky{inset:-90px -65px;z-index:-2;background:#bac4de url('assets/sunlit-world-v2.png') 50% 48%/cover;transform:translate(calc(var(--sky-x,0px)*.55),calc(var(--sky-y,0px)*.55)) rotate(var(--sky-roll,0deg)) scale(1.08);will-change:transform}.wash{z-index:-1;inset:0;background:linear-gradient(180deg,#fff0d539,transparent 25%,transparent 75%,#e4e8e830)}header{position:absolute;z-index:3;inset:max(18px,env(safe-area-inset-top)) 18px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.brand{text-decoration:none;color:#5c4e3e;font:22px Georgia,serif;text-shadow:0 1px 9px #fff6e0}.brand small{display:block;font:7px Arial,sans-serif;letter-spacing:2.5px;margin-top:7px;color:#7a6b58}.round,.view{border:1px solid #fff6e7b5;background:#fff8e5b8;box-shadow:0 4px 20px #64492313,inset 0 1px 1px #fff9eb;color:#80663f;backdrop-filter:blur(12px);display:grid;place-items:center}.round{width:44px;height:44px;border-radius:50%}.round[aria-pressed=false]{opacity:.7}.round svg{width:21px;height:21px}svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}#study{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;background:#f7e8d735;color:#6b5941;font-size:12px;pointer-events:none}#loading span{width:38px;height:38px;border:1px solid #b68b4d44;border-top-color:#a47b3f;border-radius:50%;animation:orbit 2s linear infinite}#loading p{margin-top:18px}#retry{padding:10px 16px;border-radius:20px;border:1px solid #b59a72;background:#fff5df;pointer-events:auto}nav{position:absolute;left:50%;bottom:max(23px,calc(env(safe-area-inset-bottom) + 13px));transform:translateX(-50%);z-index:3;display:flex;gap:12px;padding:5px;border-radius:25px;background:#f6ecd128;backdrop-filter:blur(6px)}.view{width:54px;height:52px;border-radius:18px;transition:background .2s,border-color .2s,transform .2s}.view svg{width:29px;height:29px}.view.active{background:#fffae9eb;border-color:#b59860;box-shadow:0 4px 16px #514c4522}.view:active{transform:scale(.96)}#move-hint{position:absolute;left:10px;right:10px;bottom:100px;text-align:center;pointer-events:none;font-size:11px;color:#5a624f;text-shadow:0 1px 8px #fff9ef,0 1px 2px #fff5df;opacity:0;transition:opacity .6s}#move-hint.show{opacity:1}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus-visible{clip:auto;width:auto;height:auto;left:16px;right:16px;bottom:100px;padding:10px;background:#fff5df;z-index:9}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-height:600px){header{top:10px}.brand{font-size:16px}.brand small{font-size:6px}nav{bottom:10px}.view{height:44px;width:46px}#move-hint{bottom:73px}}