:root{font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#f2eedc;background:#4d5b59;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;font-smooth:always}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6c086;outline-offset:6px}button{border:0}a{color:inherit;text-decoration:none}button,input{touch-action:manipulation}.experience,.scene{height:100dvh;width:100%;overflow:hidden}.experience{position:relative}.scene{position:absolute;inset:0}.intro-shell{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 2s ease!important}.intro-shell.visible{opacity:1;pointer-events:auto}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,37,35,.65) 0%,rgba(28,39,36,.2) 40%,transparent 73%),linear-gradient(0deg,rgba(24,36,29,.7),transparent 22%,transparent 75%,rgba(20,34,39,.2));pointer-events:none}.topline{position:absolute;top:36px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:19px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:17px;letter-spacing:.2em}.wordmark span{font-family:Arial,sans-serif;letter-spacing:.22em;font-size:12px;opacity:.7}.quiet{background:transparent;color:inherit;letter-spacing:.14em;font-size:14px;padding:10px 0 10px 15px}.settings-icon{display:inline-block;transform:rotate(90deg);font-size:20px;vertical-align:-1px;margin-right:7px}.quiet:hover{color:#fff4c5}.title-block{position:absolute;left:9.3%;top:25%;max-width:570px}.chapter{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:.27em;color:#e6d8b6}.small-line{height:1px;width:32px;background:#d9bc7f;opacity:.8}.title-block h1{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif CJK JP",serif;font-weight:400;font-size:clamp(76px,8.5vw,138px);letter-spacing:.04em;margin:16px 0 2px;line-height:1.3;text-shadow:0 2px 35px #293b3550;white-space:nowrap}.title-block h1>span{font-size:.74em;margin:0 .05em}.subtitle{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:19px;letter-spacing:.3em;margin:4px 0 31px;color:#f0e8d3}.intro-copy{font-size:15px;line-height:2.3;letter-spacing:.16em;color:#e2e1cf;margin:0 0 31px}.primary{display:flex;justify-content:space-between;align-items:center;gap:54px;background:#f1eddc;color:#364b42;min-height:55px;padding:15px 25px;font-size:16px;letter-spacing:.17em;transition:background .2s,transform .2s;width:100%}.primary:hover{background:#fff8df;transform:translateY(-2px)}.primary span{font-family:Arial,sans-serif;font-size:28px;font-weight:300;letter-spacing:0}.begin{width:237px}.sound-note{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;opacity:.65;margin-top:15px}.poem{position:absolute;right:8%;top:29%;writing-mode:vertical-rl;font-family:Yu Mincho,Hiragino Mincho ProN,serif;letter-spacing:.32em;font-size:17px;line-height:2.5;text-shadow:0 1px 10px #514e52}.coordinate{position:absolute;bottom:155px;right:4.5%;text-align:right;color:#ece1bc}.coordinate>span{font-size:12px;letter-spacing:.2em;opacity:.7}.coordinate>div{font-family:Georgia,serif;font-size:22px;letter-spacing:.04em;margin-top:7px}.coordinate i{display:inline-block;width:23px;height:1px;background:currentColor;vertical-align:middle;margin:0 8px;opacity:.5}.intro-footer{position:absolute;bottom:0;left:4.4%;right:4.4%;height:103px;border-top:1px solid #e8e6c82b;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-footer>p{font-size:12px;letter-spacing:.15em;color:#dddcc3;opacity:.6}.intro-footer>p>span{margin:0 11px;opacity:.4}.controls{display:flex;align-items:center;gap:36px;color:#eee9cf}.controls>span{display:flex;align-items:center;gap:9px;font-size:13px}.controls>span:first-child{position:relative;padding-top:11px}.controls>span:first-child>kbd{position:absolute;top:-12px;left:25px}.key-group{display:flex;gap:3px}kbd{font:12px Arial,sans-serif;border:1px solid #e5e4c85a;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#2c403328}.esc-key{width:36px;font-size:12px}.controls em{font-style:normal;letter-spacing:.09em;opacity:.65}.mouse-guide{margin-top:6px}.menu-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#24372e78;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:30px;overflow-y:auto}.menu{width:480px;max-width:100%;padding:35px 40px 26px;background:#f2eedf;color:#3c4b40;box-shadow:0 10px 80px #18272240;max-height:calc(100dvh - 50px);overflow:auto}.menu-eyebrow{display:flex;justify-content:space-between;font:12px Arial,sans-serif;letter-spacing:.18em;opacity:.55}.menu h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:36px;font-weight:400;letter-spacing:.12em;margin:29px 0 9px}.menu-copy{font-size:13px;letter-spacing:.08em;opacity:.55;margin:0 0 30px}.setting{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 25px}.setting label{font-size:15px;letter-spacing:.07em}.setting output{font:15px Georgia,serif}.setting output small{font-size:12px;margin-left:3px;opacity:.6}input[type=range]{width:100%;grid-column:1/-1;accent-color:#6c7b59;cursor:pointer;height:16px;margin:3px 0 0}input:disabled{opacity:.35;cursor:default}.range-caption{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;opacity:.45;margin-top:-7px}.toggle-setting{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 0 29px;padding-top:3px;font-size:15px;cursor:pointer}.toggle-setting small{display:block;font-size:12px;opacity:.5;margin-top:7px}.toggle-setting input{position:absolute;right:0;width:37px;height:23px;opacity:0;cursor:pointer;z-index:2}.switch{width:36px;height:21px;border:1px solid #adb09c;border-radius:20px;position:relative;background:#dfdfd0;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:#a4ab94;border-radius:50%;transition:transform .2s}.toggle-setting input:checked+.switch{background:#657454;border-color:#657454}.toggle-setting input:checked+.switch:after{background:#f3eddd;transform:translate(15px)}.toggle-setting input:focus-visible+.switch{outline:2px solid #8e814f;outline-offset:4px}.menu .primary{background:#455a48;color:#f4eddb;min-height:51px}.menu .primary:hover{background:#536d56}.menu-bottom{display:flex;justify-content:space-between;margin-top:18px}.text-button{background:none;font-size:12px;letter-spacing:.06em;color:inherit;opacity:.6;padding:3px 0;text-decoration:underline;text-underline-offset:4px}.text-button:hover{opacity:1}.info{margin-top:17px;border-top:1px solid #495d4825;font-size:12px;line-height:1.9;opacity:.6}.error{max-width:370px;font-size:13px;line-height:1.8;letter-spacing:.03em;color:#ffe0b9;background:#5a3b305c;padding:8px 10px;margin:12px 0}.menu .error{color:#8c4c37;background:#b17d5320}.error .text-button{display:block;margin-top:7px}.failure{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10%;background:#35483d;color:#eae6d2;z-index:10}.failure h1{font-family:serif;font-size:clamp(20px,4vw,40px);font-weight:400;letter-spacing:.1em}.failure p{max-width:500px;font-size:16px;line-height:2;opacity:.75}.failure .primary{width:250px;margin-top:20px}.eyebrow{font:13px Arial,sans-serif;letter-spacing:.2em;opacity:.5}.audio-alert{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#27382dd9;padding:10px 15px;font-size:14px;max-width:90%;color:#efdfba}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-height:900px){.title-block{top:28%}}@media(max-height:710px){.title-block{top:22%}.title-block h1{font-size:90px;margin-top:8px}.subtitle{margin-bottom:17px}.intro-copy{margin-bottom:18px}.intro-footer{height:80px}.coordinate{bottom:115px}}@media(max-width:700px){.topline{top:24px;left:6%;right:6%}.wordmark span{display:none}.title-block{left:8%;top:25%}.title-block h1{font-size:84px}.chapter{font-size:12px}.subtitle{font-size:16px;letter-spacing:.22em}.poem{right:7%;top:25%;font-size:14px}.intro-copy{font-size:14px}.intro-footer{left:6%;right:6%;height:auto;min-height:110px;padding:24px 0}.controls{gap:18px;flex-wrap:wrap}.controls>span{gap:6px}.controls em{font-size:12px}.intro-footer>p{display:none}.coordinate{bottom:125px;right:7%}.coordinate>div{font-size:19px}.coordinate>span{font-size:12px}.menu{padding:28px}.menu .primary{gap:20px}.menu-backdrop{padding:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.site-header{position:absolute;top:36px;left:4.4%;right:4.4%;display:flex;justify-content:flex-end;gap:16px;z-index:3;pointer-events:none;opacity:1;visibility:visible;transition:opacity 2s ease,visibility 0s!important}.site-header.is-hidden{opacity:0;visibility:hidden;transition:opacity 2s ease,visibility 0s 2s!important}.title-identity{display:flex;align-items:baseline;gap:20px;white-space:nowrap;margin-bottom:28px;opacity:1}.title-identity h1{font-size:clamp(66px,7.4vw,120px)}.title-domain{font-size:32px;letter-spacing:.12em;opacity:.7;margin:0}.site-nav{display:flex;align-items:center;gap:20px;pointer-events:auto;font-size:14px;white-space:nowrap}.site-nav button,.site-nav a{background:none;color:inherit;padding:0;line-height:24px}.site-nav button:hover,.site-nav a:hover{color:#fff4c5}.menu-backdrop{z-index:4}.history-list{padding:0;list-style:none;font-size:14px;line-height:1.9;margin:24px 0}.history-list time{font-size:12px;opacity:.65}@media(max-width:700px){.site-header{top:24px;left:6%;right:6%}.site-nav{gap:14px;font-size:13px}}.site-header{top:0;left:0;right:0;min-height:88px;padding:22px 4.4%;align-items:center;border-bottom:1px solid #e8e6c83d;background:linear-gradient(180deg,#24372ed9,#24372e66)}.site-nav{font-size:20px;letter-spacing:.12em}.site-nav a{padding:10px 14px;line-height:1.5}@media(max-width:700px){.site-header{top:0;left:0;right:0;padding:18px 6%;min-height:80px}.site-nav{font-size:18px}}@media(max-width:700px){.title-identity h1{font-size:72px}}@media(max-width:480px){.title-identity{gap:10px}.title-identity h1{font-size:clamp(26px,8vw,38px)}.title-domain{font-size:19px;letter-spacing:.06em}}.menu h2.menu-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;letter-spacing:.04em}.menu-domain{font-family:Yu Gothic,Meiryo,sans-serif;font-size:24px;letter-spacing:.06em;opacity:.7}.menu{display:flex;flex-direction:column;width:480px;padding:32px 36px 40px;min-height:380px}.menu h2.menu-identity{margin:0 0 32px;font-size:32px;gap:6px 12px}.menu-domain{font-size:22px}.menu .setting{margin-bottom:20px}.menu .primary{min-height:46px;padding:12px 20px;font-size:15px}.menu .menu-bottom{margin-top:0;padding-top:24px}@media(max-width:700px){.menu{padding:28px 26px 36px}}.menu .primary.resume{margin:auto auto 0;flex-shrink:0;width:fit-content;max-width:100%;min-height:40px;padding:9px 20px;font-size:14px;gap:8px;justify-content:center;letter-spacing:0}.menu .primary.resume span{font-size:23px}@media(max-width:700px){.site-header{min-height:56px;padding:6px 6%}.site-nav{font-size:14px;letter-spacing:.08em}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 6px}.primary.begin{width:180px;min-height:44px;padding:9px 18px;font-size:14px;gap:16px}.primary.begin span{font-size:23px}.sound-note{font-size:11px;margin-top:12px}.intro-footer{min-height:60px;padding:8px 0}.controls{gap:12px 16px}.controls>span{gap:5px;font-size:11px}.controls em{font-size:11px;letter-spacing:.04em}.controls kbd{width:21px;height:21px;font-size:10px}.controls .esc-key{width:30px}.controls>span:first-child{padding-top:9px}.controls>span:first-child>kbd{top:-10px;left:21px}.controls .key-group{gap:0}.mouse-guide svg{width:12px;height:18px}}.touch-controls{position:absolute;inset:0;z-index:2;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-look{position:absolute;inset:0 0 0 38%;pointer-events:auto;touch-action:none}.touch-stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:120px;height:120px;border:1px solid #f2eedc66;border-radius:50%;background:#24372e33;pointer-events:auto;touch-action:none;display:grid;place-items:center}.touch-stick span{width:44px;height:44px;border-radius:50%;background:#f2eedc88;border:1px solid #f2eedc99;pointer-events:none}.touch-pause{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:48px;height:48px;background:#24372e77;color:#f2eedc;border:1px solid #f2eedc66;border-radius:50%;font-size:20px;pointer-events:auto}.intro-footer>p.touch-guide{display:block;font-size:12px;line-height:1.8;opacity:.8;letter-spacing:.04em}.title-block{right:6%;max-width:none;container-type:inline-size}.title-identity{flex-wrap:wrap;white-space:normal;gap:12px 24px}.title-calendar{min-width:0}.title-identity h1{font-size:clamp(25px,8cqi,110px)}.footer-clock{position:absolute;right:0;bottom:calc(100% + 12px);font-family:Georgia,serif;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.3;opacity:.75}.menu-clock{display:block;font-family:Georgia,serif;font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:8px;opacity:.75}.menu h2.menu-identity{font-size:clamp(23px,4.5vw,32px)}.clock-digits{display:inline-flex;align-items:baseline;white-space:nowrap}.clock-digit{position:relative;display:inline-block;width:.65em;height:1.2em;overflow:hidden;line-height:1.2;vertical-align:bottom}.clock-digit-new,.clock-digit-old{display:block;text-align:center;letter-spacing:0}.clock-digit-track{position:absolute;top:-100%;left:0;width:100%;height:200%;display:flex;flex-direction:column;animation:clock-digit-push .3s ease-in-out both}.clock-digit-track>span{height:50%;flex-shrink:0}.clock-separator{letter-spacing:0;margin:0 .04em}@keyframes clock-digit-push{0%{transform:translateY(0)}to{transform:translateY(50%)}}.desktop-pause{z-index:3}.drag-look-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);max-width:90%;margin:0;padding:8px 12px;background:#24372e99;color:#f2eedc;font-size:12px;line-height:1.6;text-align:center;pointer-events:none;z-index:2}@media(max-width:700px){.title-identity h1{font-size:clamp(25px,8cqi,56px)}.title-identity{gap:10px 16px}.title-domain{font-size:clamp(17px,3cqi,24px)}.footer-clock{font-size:12px;bottom:calc(100% + 10px)}.menu-clock{font-size:18px}}@media(pointer:coarse){.intro-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}.site-header{padding-top:max(6px,env(safe-area-inset-top))}.audio-alert{bottom:calc(158px + env(safe-area-inset-bottom));z-index:3;pointer-events:none}}@media(pointer:coarse)and (max-height:500px){.title-block{top:20%;left:max(8%,env(safe-area-inset-left))}.title-identity{margin-bottom:10px;gap:12px}.title-identity h1{font-size:40px;margin:0}.title-domain{font-size:20px}.sound-note{margin:6px 0}.intro-footer{min-height:42px;padding:6px 0}.intro-footer>p.touch-guide{margin:0}.touch-stick{width:104px;height:104px;bottom:max(16px,env(safe-area-inset-bottom))}}