:root{font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,"Noto Serif JP",serif;color:#e6e1cd;background:#0b100e;font-synthesis:none;--paper:#e6e1cd;--muted:#9b9e8f;--accent:#b97152;--line:rgba(224,222,197,.17);--fear-strength:.75;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100svh;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e9d9aa;outline-offset:5px}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{width:24px;height:24px}#world{position:fixed;inset:0;width:100%;height:100dvh;display:block;touch-action:none}.vignette,.grain,#danger{position:fixed;inset:0;pointer-events:none}.vignette{background:radial-gradient(ellipse at 58% 43%,transparent 17%,rgba(4,9,7,.12) 57%,rgba(2,7,5,.58) 100%);z-index:1}.grain{z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}#danger{z-index:3;opacity:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(123,32,22,.67) 100%);transition:opacity .4s}.masthead{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(27px + env(safe-area-inset-top)) 4.6vw 20px;pointer-events:none}.wordmark,.header-actions{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:12px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2.3px}.crest{border:1px solid rgba(207,209,181,.5);width:31px;height:34px;display:grid;place-items:center;font-family:serif;font-size:19px;letter-spacing:0}.wordmark small{display:block;font-size:6.2px;letter-spacing:1.6px;opacity:.5;margin-top:6px}.header-actions{display:flex;gap:19px;align-items:center}.clock{font-size:12px;font-family:Georgia,serif;letter-spacing:2px;color:#c3c4af}.clock small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px;margin-left:4px;opacity:.6}.clock>span{opacity:.65}.icon-button{width:40px;height:40px;padding:8px;border:1px solid var(--line);background:#0a110d40;display:grid;place-items:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:#dadabf1a}.menu{position:fixed;inset:0;z-index:4;padding:0 8.2vw;background:linear-gradient(90deg,rgba(4,11,8,.86),rgba(5,12,9,.43) 44%,transparent 76%)}.intro{position:absolute;top:21%;max-width:520px}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:3px;color:#babca9}.eyebrow>span{width:30px;height:1px;background:#a4aa8c}.intro h1{font-weight:400;font-size:clamp(53px,5.7vw,86px);line-height:1.5;letter-spacing:10px;margin:21px 0 22px;text-shadow:0 3px 35px #071008}.intro h1>span:not(.title-period){letter-spacing:13px}.title-period{color:#bd8b64;margin-left:-8px}.story{font-size:13px;line-height:2.2;letter-spacing:2.2px;color:#c4c8b5;margin:0}.story-last{display:inline-block;color:#969f8d;font-size:11px;margin-top:12px;letter-spacing:1.6px}.menu-bottom{position:absolute;bottom:101px;width:318px}.modes{padding:0;margin:0 0 20px;border:0}.modes legend{font-size:9px;letter-spacing:2px;color:#a0a791;margin-bottom:11px}.mode-options{display:flex;gap:0;align-items:center;border-bottom:1px solid var(--line)}.mode-options button{width:33.333%;min-height:39px;border:0;border-bottom:1px solid transparent;background:transparent;text-align:left;font-size:12px;letter-spacing:2px;color:#8b9684;position:relative;margin-bottom:-1px}.mode-options button[aria-pressed=true]{color:#e8e1c9;border-bottom-color:#cfb58b}.mode-options button:hover{color:#e8e1c9}.mode-options button:last-child{text-align:right}.mode-options button:nth-child(2){text-align:center}.mode-dot{display:inline-block;width:3px;height:3px;border-radius:100%;background:var(--accent);margin-left:7px;vertical-align:middle}.mode-options button:not([aria-pressed=true]) .mode-dot{visibility:hidden}.modes p{font-size:9px;color:#969f8d;letter-spacing:1px;min-height:14px;margin:10px 0 0}.button{width:100%;min-height:53px;border:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 21px;letter-spacing:1.6px;font-size:12px;transition:background .2s,color .2s,transform .2s}.button-primary{background:#d8dac3;color:#18251c;box-shadow:0 6px 30px #0002}.button-primary:hover{background:#f0efda;transform:translateY(-1px)}.button-arrow{font-size:21px;font-family:sans-serif;font-weight:300;line-height:12px}.button-text{border:0;background:none;min-height:39px;padding:10px 0;color:#b6bdaa;font-size:10px;letter-spacing:1.3px;line-height:1.8}.button-text:hover{color:#f1eed8}.menu-bottom>.button-text{display:block;margin:3px auto 0}.button-text>span{margin-left:8px}.experience-notes{margin-top:17px;display:flex;justify-content:center;gap:12px;align-items:center;color:#959d8c;font-size:8px;font-family:Hiragino Kaku Gothic ProN,Arial,sans-serif;letter-spacing:1px}.experience-notes span{display:flex;align-items:center;gap:6px}.experience-notes svg{height:14px;width:14px;opacity:.7}.experience-notes i{height:8px;width:1px;background:#65715c66}.vertical-note{position:absolute;right:7%;top:27%;writing-mode:vertical-rl;letter-spacing:7px;font-size:11px;line-height:2;color:#c2c9ae90;text-shadow:0 2px 10px #000}.menu-footer{position:absolute;bottom:28px;left:4.6vw;right:4.6vw;display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:2px;color:#84917c}.menu-footer>span:last-child{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px}.loading{position:fixed;inset:0;z-index:50;background:#0c120f;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.loading-mark{font-size:32px;font-weight:400;letter-spacing:3px;color:#c9cbb3;border:1px solid #abb59e55;padding:11px 15px 13px}.loading p{font-size:12px;line-height:2.2;letter-spacing:2px;margin-top:30px;max-width:330px}.loading-track{width:170px;height:1px;background:#c4ceb725;margin-top:11px}.loading-track span{display:block;transform-origin:left;width:100%;height:1px;background:#c5c9ac;transform:scaleX(.02);transition:transform .3s}.loading small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:3px;color:#7b8874;margin-top:24px}.overlay{position:fixed;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;padding:70px 25px 30px;background:#050c08c7;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow-y:auto}.panel{width:100%;max-width:345px;text-align:center;animation:reveal .6s ease both}.panel .eyebrow{justify-content:center;font-size:8px;letter-spacing:3px;color:#b3baa4}.panel h2{font-size:30px;font-weight:400;line-height:1.8;letter-spacing:3px;margin:23px 0}.panel>p{font-size:12px;letter-spacing:1px;line-height:2.3;color:#b5bca8;margin-bottom:30px}.panel>.button-text{display:block;margin:3px auto}.phone-demo{height:126px;margin:-8px auto 2px}.phone-demo svg{width:130px;height:130px;color:#c0c8ac}.phone-drawing{transform-origin:65px 90px;animation:tilt-demo 2.8s ease infinite}.phone-shadow{opacity:.2}.calibration-panel>p{margin:14px 0;font-size:11px}.calibration-panel .small-note{font-size:10px;color:#7f907c;line-height:2;margin:21px 0}.practice-dots{display:flex;justify-content:center;gap:13px;margin-top:20px}.practice-dots i{width:6px;height:6px;border:1px solid #7d8a72;border-radius:50%;transition:background .2s}.practice-dots i.done{background:#d7d9ba;border-color:#d7d9ba;box-shadow:0 0 10px #cfdaa555}.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.chapter{position:absolute;top:calc(112px + env(safe-area-inset-top));left:4.6vw;display:flex;gap:13px;align-items:center}.chapter>span{font-size:23px;color:#d1d4b8;border-right:1px solid var(--line);padding-right:14px;line-height:34px}.chapter small{font:7px Arial,sans-serif;letter-spacing:2px;color:#a5b096}.chapter p{font-size:12px;letter-spacing:3px;margin:7px 0 0}.distance{position:absolute;left:50%;transform:translate(-50%);top:calc(175px + env(safe-area-inset-top));text-align:center;text-shadow:0 2px 15px #000}.distance>small{font-size:10px;letter-spacing:4px;color:#bcc3a9}.distance>span{display:block;margin-top:12px;font-size:13px;letter-spacing:3px}.distance b{font-family:Georgia,Times New Roman,serif;font-size:49px;font-weight:400;letter-spacing:2px;margin-left:5px}.distance em{font-style:normal;font-size:12px;margin-left:4px;color:#aab497}.distance-track{width:100px;height:1px;background:#d0d4b329;margin:17px auto}.distance-track i{display:block;height:1px;background:#d3d6b9;transform-origin:left}.toilet-caption{position:absolute;top:42%;left:0;right:0;text-align:center}.toilet-caption p{font-size:23px;letter-spacing:5px}.toilet-caption small{font-size:10px;letter-spacing:3px;color:#c4c7ad}.game-hint{position:absolute;bottom:calc(175px + env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;font-size:11px;letter-spacing:2px;color:#c4cdb5;text-shadow:0 2px 8px #000;transition:opacity 1.5s;line-height:2}.step-button{pointer-events:auto;position:absolute;bottom:calc(66px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:94px;height:94px;border-radius:50%;border:1px solid #c6ceb465;background:#15221b70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .4s,background .2s}.step-button svg{width:26px;height:26px;color:#e1e4cc}.step-button span{font-size:9px;letter-spacing:1px;color:#c1cbb3}.step-button:hover{background:#34433599}.step-button.motion-assist{width:69px;height:69px;opacity:.42;bottom:calc(79px + env(safe-area-inset-bottom))}.step-button.motion-assist span{font-size:7px}.step-button.stepped{animation:step-pulse .45s ease}.step-button.unavailable{pointer-events:none;opacity:0}.hud-bottom{position:absolute;bottom:calc(17px + env(safe-area-inset-bottom));left:4.6vw;right:4.6vw;display:flex;justify-content:space-between;align-items:center;gap:10px}.hud-bottom>span{font:7px Arial,sans-serif;letter-spacing:2px;color:#8e9d81}.hud-bottom button{pointer-events:auto;font-size:8px;color:#a9b59a}.motion-meter{position:absolute;bottom:calc(63px + env(safe-area-inset-bottom));left:50%;margin-left:-27px;height:2px;width:54px;background:#bdc7aa25}.motion-meter span{display:block;width:100%;height:100%;background:#bac6a5;transform:scaleX(0);transform-origin:left}.result-overlay{z-index:18;background:#050c08e6}.result-overlay .panel h2{font-size:39px;letter-spacing:7px;margin:30px 0}.result-overlay .panel>p{font-size:12px;margin-bottom:25px}.result-stats{padding:16px 0 28px;color:#a5b094;font-size:10px;letter-spacing:2px}.settings-dialog{width:calc(100% - 36px);max-width:405px;max-height:calc(100dvh - 60px);padding:30px;border:1px solid #afb79b3b;background:#131d16;color:var(--paper);overflow-y:auto;box-shadow:0 20px 100px #0008}.settings-dialog::backdrop{background:#020703b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.settings-dialog header small{font:7px Arial,sans-serif;letter-spacing:2px;color:#8c9a80}.settings-dialog h2{font-size:24px;font-weight:400;letter-spacing:4px;margin:12px 0 0}.range-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;margin-top:23px}.range-label output{font:10px Arial,sans-serif;color:#a6b195;letter-spacing:1px}input[type=range]{display:block;width:100%;height:24px;margin:12px 0 0;accent-color:#c5cfad;cursor:pointer}.setting-help,.privacy-note{font-size:9px;color:#8b9b7e;line-height:1.9;letter-spacing:.5px;margin:9px 0 0}.check-label,.select-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1px;margin-top:25px;min-height:32px}.check-label{position:relative}.check-label input{position:absolute;right:0;opacity:0;width:40px;height:25px}.switch{position:relative;background:#33402e;width:36px;height:20px;border-radius:20px;pointer-events:none}.switch:after{content:"";position:absolute;top:4px;left:4px;width:12px;height:12px;background:#a1ae92;border-radius:100%;transition:transform .2s}.check-label input:checked+.switch{background:#798967}.check-label input:checked+.switch:after{transform:translate(16px);background:#e3e7ce}.check-label input:focus-visible+.switch{outline:2px solid #e5d4aa;outline-offset:4px}select{background:#1b281d;color:#d0d9b9;border:1px solid var(--line);padding:8px 12px;min-width:96px;font-size:11px}.settings-done{margin-top:29px;min-height:45px;font-size:11px}.privacy-note{text-align:center;font-size:8px;margin-top:16px;color:#718568}.toast{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:60;width:max-content;max-width:calc(100vw - 40px);background:#17251aee;border:1px solid #a8b99333;padding:15px 20px;color:#d2dbc1;font-size:10px;letter-spacing:1px;line-height:1.9;text-align:center;box-shadow:0 3px 30px #0008}.handprint{position:absolute;width:43vw;max-width:370px;color:#a51f16;opacity:.9;filter:drop-shadow(0 0 6px #4c070b99);animation:hand-hit .17s ease-out both}.handprint svg{width:100%;height:auto;fill:currentColor}#capture-layer{position:fixed;inset:0;z-index:17;pointer-events:none;background:radial-gradient(ellipse,transparent,#340407bb);opacity:calc(.3 + var(--fear-strength)*.7);animation:capture-fade 3s ease both}.hand-0{left:-9%;top:1%;transform:rotate(32deg);animation-delay:0s}.hand-1{right:-8%;top:13%;transform:rotate(-38deg) scaleX(-1);animation-delay:.07s}.hand-2{left:16%;top:29%;transform:rotate(15deg);animation-delay:.13s}.hand-3{right:9%;bottom:2%;transform:rotate(-31deg) scaleX(-1);animation-delay:.2s}.hand-4{left:-10%;bottom:-1%;transform:rotate(24deg);animation-delay:.23s}.hand-5{right:19%;top:-17%;transform:rotate(143deg);animation-delay:.09s}.hand-6{left:38%;bottom:-20%;transform:rotate(-10deg);animation-delay:.28s}@keyframes reveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes tilt-demo{0%,20%,90%,to{transform:perspective(300px) rotateX(0)}50%,65%{transform:perspective(300px) rotateX(35deg)}}@keyframes step-pulse{0%{box-shadow:0 0 #b5c69a33}to{box-shadow:0 0 0 18px #b5c69a00}}@keyframes hand-hit{0%{opacity:0;filter:blur(8px)}to{opacity:.95;filter:blur(0)}}@keyframes capture-fade{0%,50%{background-color:#34030722}to{background-color:#030805}}@media(min-width:850px)and (max-height:820px){.intro{top:18%}.intro h1{font-size:64px;line-height:1.35;margin-top:16px;margin-bottom:16px}.story{font-size:11px;line-height:1.9}.story-last{margin-top:7px;font-size:10px}.menu-bottom{bottom:79px}.modes{margin-bottom:16px}.experience-notes{margin-top:10px}}@media(max-width:700px){.masthead{padding:calc(19px + env(safe-area-inset-top)) 23px 14px}.wordmark{font-size:8px;letter-spacing:1.7px;gap:9px}.crest{width:26px;height:30px;font-size:16px}.wordmark small{font-size:5px;letter-spacing:1.05px;margin-top:5px}.header-actions{gap:11px}.clock{font-size:10px;letter-spacing:1px}.clock small{font-size:6px}.icon-button{width:35px;height:35px;padding:8px}.icon-button svg{width:20px;height:20px}.menu{padding:0 30px;background:linear-gradient(90deg,#071009bf,#07100977 58%,#07100922),linear-gradient(0deg,#07100ce8,transparent 49%)}.intro{top:calc(132px + env(safe-area-inset-top));max-width:320px}.eyebrow{font-size:8px;letter-spacing:2.2px;gap:10px}.eyebrow>span{width:24px}.intro h1{font-size:clamp(36px,12vw,54px);white-space:nowrap;letter-spacing:6px;line-height:1.55;margin:20px 0}.intro h1>span:not(.title-period){letter-spacing:9px}.story{font-size:11px;letter-spacing:1.3px;line-height:2.2}.story-last{font-size:9px;letter-spacing:1px;margin-top:9px}.menu-bottom{left:30px;right:30px;bottom:calc(74px + env(safe-area-inset-bottom));width:auto;max-width:360px}.modes{margin-bottom:18px}.modes legend{font-size:8px}.modes p{font-size:8px;margin-top:9px}.mode-options button{font-size:11px}.button{font-size:11px;letter-spacing:1px;min-height:52px;padding:17px 19px}.button-text{font-size:9px}.experience-notes{font-size:7px;gap:9px;margin-top:12px;letter-spacing:.5px}.vertical-note{right:24px;top:calc(160px + env(safe-area-inset-top));font-size:9px;letter-spacing:5px;color:#a6b09688}.menu-footer{bottom:calc(22px + env(safe-area-inset-bottom));left:23px;right:23px;font-size:7px;letter-spacing:.8px;gap:10px;align-items:flex-end}.menu-footer>span:first-child{max-width:170px;line-height:1.8}.menu-footer>span:last-child{font-size:6px;letter-spacing:1px}.chapter{top:calc(92px + env(safe-area-inset-top));left:26px}.chapter p{font-size:11px}.chapter small{font-size:6px}.chapter>span{font-size:20px}.distance{top:calc(171px + env(safe-area-inset-top))}.hud-bottom{left:23px;right:23px}.hud-bottom>span{font-size:6px}.hud-bottom button{font-size:7px}.handprint{width:75vw}.hand-2{left:8%;top:25%}.hand-5{right:-9%;top:-12%}.hand-6{left:25%;bottom:-7%}}@media(max-width:700px)and (max-height:750px){.intro{top:calc(101px + env(safe-area-inset-top))}.intro h1{font-size:clamp(36px,11.8vw,48px);line-height:1.4;margin:16px 0}.story{font-size:10px;line-height:1.9}.story-last{font-size:8px;margin-top:5px}.menu-bottom{bottom:calc(57px + env(safe-area-inset-bottom))}.modes{margin-bottom:12px}.modes legend{margin-bottom:4px}.mode-options button{min-height:33px}.modes p{margin-top:7px}.experience-notes{margin-top:5px}.vertical-note{top:150px}.menu-footer{bottom:calc(13px + env(safe-area-inset-bottom))}.button{min-height:47px;padding:14px 17px}.calibration-panel h2{font-size:25px;margin:15px 0}.phone-demo{height:105px}.phone-demo svg{height:108px}.calibration-panel .small-note{margin:15px 0}.panel>p{margin-bottom:20px}.distance{top:150px}.distance b{font-size:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.handprint{opacity:.85}}