*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'Hiragino Maru Gothic ProN','Yu Gothic',Meiryo,sans-serif;color:#fff1d3;background:#539b9f}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #f9d46e;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#world{width:100%;height:100%;display:block;touch-action:none}#shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#173f3a30,transparent 22%,transparent 58%,#173e3c50)}header{position:fixed;top:max(22px,env(safe-area-inset-top));left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:15px;pointer-events:none}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;pointer-events:auto;text-shadow:0 1px 10px #244d4b80}.brand b{font-size:15px;letter-spacing:.035em}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:.23em;margin-top:4px}.brand img{border:1px solid #fff3;border-radius:12px}.settings{display:flex;gap:7px;pointer-events:auto}.settings button{font-size:11px;font-weight:700;background:#1e514b9c;border:1px solid #f6e9c326;backdrop-filter:blur(12px);border-radius:24px;padding:10px 14px;min-height:38px}.settings button:last-child{width:38px;padding:0;font-size:15px}.intro{position:fixed;left:6.2vw;top:26%;width:360px;pointer-events:none;text-shadow:0 2px 22px #214e4b33}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;margin:0 0 20px;display:flex;gap:9px;align-items:center}.eyebrow span{width:7px;height:7px;background:#f8cc6c;border-radius:50%}h1{font-size:clamp(44px,4.3vw,72px);line-height:1.28;letter-spacing:-.06em;font-weight:900;margin:0 0 22px}.intro-copy{font-size:13px;line-height:2.1;font-weight:600}.primary{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;border-radius:6px 24px 24px 24px;background:#f5d181;color:#294c42;box-shadow:0 5px 20px #20413a22;padding:17px 24px;font-size:14px;font-weight:900;min-height:54px;pointer-events:auto;margin-top:14px}.primary:hover{background:#ffe3a5;transform:translateY(-1px)}.primary span{font-size:21px}.quiet{font-size:10px;line-height:1.8;opacity:.7}.intro .quiet{margin-top:20px}.scene-caption{position:fixed;bottom:32px;left:32px;display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.06em;pointer-events:none}.sun-dot{width:9px;height:9px;background:#f9d38d;border-radius:50%;box-shadow:0 0 15px #ffe9a4}.camera-controls{position:fixed;bottom:28px;right:30px;display:flex;gap:5px;align-items:center}.camera-controls button{height:38px;min-width:38px;border-radius:50%;background:#214f4c9c;backdrop-filter:blur(10px);border:1px solid #f6e9c326;font-size:17px}.camera-controls #overview{border-radius:20px;padding:0 15px;font-size:11px}.camera-controls #overview[aria-pressed=true]{color:#f8d99a;background:#285750df}.progress{position:fixed;right:30px;top:85px;display:flex;gap:16px;align-items:center;border-bottom:1px solid #fff4;padding:7px 0 14px}.counter{display:flex;align-items:baseline;gap:5px}.counter svg{width:24px;height:24px;align-self:center}.counter strong{font-size:22px}.counter>span:last-child{font-size:11px;opacity:.65}.pin{font-size:26px;color:#f4d18a}.progress button{font-size:11px;background:none;border-left:1px solid #fff4;padding:8px 0 8px 16px}#toast{position:fixed;left:50%;top:24%;transform:translate(-50%,-10px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-shadow:0 2px 16px #244d45;min-width:230px}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast small{font-size:9px;letter-spacing:.18em;color:#ffdd9d}#toast b{font-size:25px}#toast span{font-size:11px}#stick{position:fixed;left:32px;bottom:40px;width:112px;height:112px;border-radius:50%;background:#194c4338;border:1px solid #fff5;touch-action:none;user-select:none}#stick .stick-ring{position:absolute;inset:13px;border:1px dashed #fff3;border-radius:50%}#knob{position:absolute;width:40px;height:40px;left:35px;top:35px;border-radius:50%;background:#f9e8bb99;border:1px solid #fff8;box-shadow:0 2px 8px #16413430;pointer-events:none}#stick small{position:absolute;bottom:-20px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.2em;pointer-events:none}.actions{position:fixed;right:30px;bottom:45px;display:flex;gap:14px}.action{width:78px;height:78px;border-radius:50%;background:#f2d69a;color:#38574b;border:1px solid #fff6;box-shadow:0 5px 20px #1a423b44;touch-action:none;user-select:none}.action:first-child{background:#315f54c7;color:#ffedc7;backdrop-filter:blur(10px)}.action b{display:block;font-size:13px}.action small{font-size:8px;opacity:.6;display:block;margin-top:4px;letter-spacing:.09em}.action:active{transform:scale(.94)}#keyboard-hint{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#fff0d2b0}#keyboard-hint span{padding:0 6px}body.playing .camera-controls{bottom:150px}body.playing .scene-caption{bottom:auto;top:97px;left:32px}#achievement{position:fixed;left:50%;bottom:85px;transform:translateX(-50%);background:#f7dc9e;color:#375c4c;border-radius:6px 25px 25px 25px;padding:13px 24px;font-size:13px;box-shadow:0 5px 25px #123e3d33;white-space:nowrap}#achievement span{display:block;font-size:10px;opacity:.7;margin-top:4px}dialog{color:#325547;background:#fff1d5;border:0;border-radius:8px 32px 32px 32px;padding:35px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 20px 100px #173c3a66}dialog::backdrop{background:#143a3b77;backdrop-filter:blur(6px)}dialog .eyebrow{font-size:9px;color:#8b7650;margin-bottom:10px}dialog h2{font-size:25px;margin:0 0 13px;letter-spacing:-.04em}dialog p,dialog dd{font-size:12px;line-height:1.9}dialog .close{position:absolute;right:16px;top:12px;font-size:26px;background:none;width:35px;height:35px;color:#577362}dialog ol{padding:0;list-style:none;border-top:1px solid #31554720;margin:25px 0}dialog li{padding:14px 0;border-bottom:1px solid #31554720;font-size:12px;display:flex;gap:13px;align-items:center}dialog li span{color:#8d926f;font-size:10px}dialog li b{display:block;font-size:13px}dialog li small{font-size:10px;color:#7c8466}.journal-actions{display:flex;gap:8px;flex-wrap:wrap}.journal-actions button{padding:11px 15px;background:#315c4e;color:#fff0ce;border-radius:20px;font-size:11px}#reset{background:none;color:#57735c;border:1px solid #315c4e44}dialog dt{font-size:12px;font-weight:900;margin-top:16px}dialog dd{margin:4px 0;color:#687c68}dialog .primary{width:100%;justify-content:center}#share-status{font-size:11px}#error{position:fixed;inset:0;background:#285f54;color:#fff1d3;padding:8vw;display:flex;flex-direction:column;justify-content:center}#error h1{font-size:30px}#error button{padding:15px;background:#f5d181;color:#294c42;width:180px;border-radius:25px}.intro{transition:opacity .3s}body.modal-open #controls{pointer-events:none}@media(max-width:700px){header{left:18px;right:18px;top:max(16px,env(safe-area-inset-top))}.brand{gap:7px}.brand b{font-size:12px}.brand small{font-size:8px;letter-spacing:.15em}.brand img{width:32px;height:32px}.settings{gap:5px}.settings button{padding:8px 10px;min-height:34px;font-size:10px}.settings #motion{display:block;width:34px;padding:0;font-size:0}.settings #motion::after{content:"≋";font-size:20px}.settings button:last-child{width:34px}.intro{top:auto;bottom:95px;left:25px;width:calc(100vw - 50px)}h1{font-size:43px;margin-bottom:12px;line-height:1.13}.intro .eyebrow{margin-bottom:13px;font-size:9px}.intro-copy{font-size:11px;line-height:1.9;margin:10px 0}.intro .primary{padding:14px 22px;min-height:49px;margin-top:8px;font-size:12px}.intro .quiet{font-size:9px;margin-top:11px}.camera-controls{right:18px;bottom:24px;gap:4px}.camera-controls button{width:34px;height:34px;min-width:34px;font-size:15px}.camera-controls #overview{width:auto;font-size:10px;padding:0 11px}.scene-caption{bottom:70px;left:25px;font-size:9px}.progress{top:64px;right:18px;left:18px;justify-content:flex-end;gap:13px;padding:9px 0}.counter strong{font-size:18px}.counter svg{width:21px}.progress button{font-size:10px;padding-left:12px}.pin{font-size:23px}body.playing .scene-caption{top:121px;left:20px}#stick{width:98px;height:98px;left:25px;bottom:max(45px,env(safe-area-inset-bottom))}#knob{left:28px;top:28px}#keyboard-hint{display:none}.actions{right:22px;bottom:max(48px,env(safe-area-inset-bottom));gap:10px}.action{width:65px;height:65px}.action small{display:none}.action b{font-size:12px}body.playing .camera-controls{bottom:143px;right:20px}#toast{top:25%;width:85%;min-width:0}#toast b{font-size:23px}#achievement{bottom:193px;width:max-content;max-width:calc(100vw - 36px);font-size:11px;padding:12px 19px}dialog{padding:28px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-height:600px) and (min-width:701px){.intro{top:22%}.intro h1{font-size:43px}.intro .eyebrow{margin-bottom:8px}.intro-copy{margin:5px 0}.intro .quiet{margin-top:10px}}