@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.gento-stage{z-index:0;position:fixed;inset:0}.gento-canvas{width:100%;height:100%;display:block}:root{--bg:#e7e4dd;--ink:#22211e;--muted:#77736a;--line:#22211e38;--glow:#f2c48d;--gutter:clamp(16px, 3.2vw, 40px);--sans:"Helvetica Neue", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--ease:cubic-bezier(.22, .61, .36, 1)}[data-theme=night]{--bg:#171f33;--ink:#ebe5d8;--muted:#8c867b;--line:#ebe5d833}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:400 13px/1.7 var(--sans);-webkit-font-smoothing:antialiased;transition:background-color 1s var(--ease), color .8s var(--ease);margin:0;overflow:hidden}html.from-night:not([data-gento=error]):not([data-gento=unsupported]) body{background-color:#171f33}@media (prefers-reduced-motion:no-preference){html.was-night :is(body,.gento-stage){transition-duration:1.2s;transition-timing-function:ease-in-out}}.gento-stage{transition:opacity 1.2s var(--ease)}html:not(.is-drawn) .gento-stage{opacity:0}.opening{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden;container-type:size}.opening img{width:auto;max-width:none;height:100cqh;position:absolute;top:0;left:50%;transform:translate(calc(-50% + min(0px,8.311cqw - 24.989cqh)))}@media not all and (aspect-ratio>=17/20){.opening img{width:100cqw;height:auto;top:calc(2.501cqh - 65.098cqw);left:0;transform:none}}@media (aspect-ratio<=68/90){.opening img{top:calc(52.522cqh - 131.323cqw)}}html.is-drawn .opening{visibility:hidden;transition:visibility 0s 1.3s}html:is(.from-night,[data-theme=night],[data-gento=unsupported],[data-gento=error]) .opening{display:none}.gento-canvas{touch-action:none}.top{z-index:1;left:max(var(--gutter), env(safe-area-inset-left));right:max(var(--gutter), env(safe-area-inset-right));pointer-events:none;top:max(var(--gutter), env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed}.top,.credit{transition:opacity .9s var(--ease) .3s}html:not(.is-drawn):not([data-gento=error]):not([data-gento=unsupported]) :is(.top,.credit){opacity:0;transition-delay:0s}.mark{margin:0}.wordmark{font-size:14px;font-weight:500;line-height:1;display:inline-flex;transform:translateY(.08em)}.wordmark>:first-child{margin-right:.21em}.wordmark>:nth-child(2){margin-right:.124em}.wordmark>:nth-child(3){margin-right:.204em}.wordmark>:nth-child(4){margin-right:.194em}.wordmark>:nth-child(5){margin-right:.167em}.unseen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mode{pointer-events:auto;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;margin:-4px;padding:4px;display:block}.mode:focus-visible{outline:1px solid var(--ink);outline-offset:1px}.mode-track{box-sizing:border-box;border:1px solid var(--line);width:58px;height:30px;transition:border-color .4s var(--ease);border-radius:999px;justify-content:space-between;align-items:center;padding:0 7px;display:flex;position:relative}.mode:hover .mode-track{border-color:var(--ink)}.mode-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.mode-track>.mode-icon{color:var(--muted)}.mode-knob{background:var(--ink);width:22px;height:22px;color:var(--bg);transition:transform .45s cubic-bezier(.3, 1.3, .5, 1), background-color .8s var(--ease), color .8s var(--ease), box-shadow .8s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px}[data-theme=night] .mode-knob{background:var(--glow);color:#171f33;transform:translate(28px);box-shadow:0 0 10px 2px #f2c48d73}.mode-knob>.mode-icon{grid-area:1/1;width:13px;height:13px}.mode-knob>[data-when]{transition:opacity .3s var(--ease);transform:none}.tools{align-items:center;gap:8px;display:flex}.sound{pointer-events:auto;border:1px solid var(--line);width:30px;height:30px;color:inherit;cursor:pointer;transition:border-color .4s var(--ease);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.sound:hover{border-color:var(--ink)}.sound:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.sound-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:opacity .3s var(--ease);grid-area:1/1}.sound[aria-pressed=true]>[data-when=off],.sound[aria-pressed=false]>[data-when=on]{opacity:0}.credit{z-index:1;right:max(var(--gutter), env(safe-area-inset-right));bottom:max(var(--gutter), env(safe-area-inset-bottom));pointer-events:none;align-items:center;height:30px;display:flex;position:fixed}.credit-link{pointer-events:auto;color:var(--ink);letter-spacing:.02em;transition:color .8s var(--ease);border-radius:12px;align-items:center;gap:.32em;margin:-14px -12px;padding:14px 12px;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.credit-by{opacity:.7}.credit-name{letter-spacing:.12em;text-underline-offset:3px;transition:text-decoration-color .3s var(--ease);margin-right:-.12em;font-weight:500;text-decoration:underline 1px #0000}.credit-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:9px;height:9px;transition:transform .3s var(--ease);margin-left:.12em}.credit-link:hover .credit-name{text-decoration-color:currentColor}.credit-link:is(:hover,:focus-visible) .credit-arrow{transform:translate(1.5px,-1.5px)}.credit-link:focus-visible{outline:1px solid var(--ink);outline-offset:-8px}[data-theme=day] [data-when=night],[data-theme=night] [data-when=day]{opacity:0;visibility:hidden;transition-property:opacity,transform,visibility;transform:translateY(6px)}.loading,.message{z-index:1;color:var(--muted);letter-spacing:.3em;text-align:center;margin:0;font-size:11px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loading{opacity:0;transition:opacity .6s var(--ease);pointer-events:none}html.is-slow:not(.is-drawn):not([data-gento=error]):not([data-gento=unsupported]) .loading{opacity:1}.loading>span{padding-left:.3em}.loading-bulb{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;margin:0 auto 12px;display:block}.loading-bulb path{stroke-dasharray:1 2;animation:none}.loading-bulb path:first-child{animation-name:pen-glass}.loading-bulb path:nth-child(2){animation-name:pen-band}.loading-bulb path:nth-child(3){animation-name:pen-tip}html.is-slow:not(.is-drawn) .loading-bulb path{animation-play-state:running}@keyframes pen-glass{0%{stroke-dashoffset:1px;opacity:1}48%{stroke-dashoffset:0}82%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes pen-band{0%,50%{stroke-dashoffset:1px;opacity:0}51%{stroke-dashoffset:1px;opacity:1}62%{stroke-dashoffset:0}82%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes pen-tip{0%,63%{stroke-dashoffset:1px;opacity:0}64%{stroke-dashoffset:1px;opacity:1}72%{stroke-dashoffset:0}82%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.message{max-width:calc(100% - 2 * var(--gutter));letter-spacing:.06em;color:var(--ink);font-size:13px;display:none}html[data-gento=error] .message{display:block}.gento-stage{--still-day:url(/still/day-16x9.webp);--still-night:url(/still/night-16x9.webp)}@media (aspect-ratio>=103/50){.gento-stage{--still-day:url(/still/day-21x9.webp);--still-night:url(/still/night-21x9.webp)}}@media (aspect-ratio<=77/50){.gento-stage{--still-day:url(/still/day-4x3.webp);--still-night:url(/still/night-4x3.webp)}}@media (aspect-ratio<=23/20){.gento-stage{--still-day:url(/still/day-1x1.webp);--still-night:url(/still/night-1x1.webp)}}@media (aspect-ratio<=87/100){.gento-stage{--still-day:url(/still/day-3x4.webp);--still-night:url(/still/night-3x4.webp)}}@media (aspect-ratio<=59/100){.gento-stage{--still-day:url(/still/day-9x19.webp);--still-night:url(/still/night-9x19.webp)}}html[data-gento=unsupported] .gento-stage{opacity:1}html[data-gento=unsupported] .gento-stage:before,html[data-gento=unsupported] .gento-stage:after{content:"";background:var(--still-day) center / cover no-repeat;transition:opacity 1s var(--ease);position:absolute;inset:0}html[data-gento=unsupported] .gento-stage:after{background-image:var(--still-night);opacity:0}html[data-gento=unsupported][data-theme=night] .gento-stage:after{opacity:1}html[data-gento=unsupported] .sound{display:none}html[data-gento=unsupported] .message{top:auto;bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 44px);text-wrap:balance;width:max-content;display:block;transform:translate(-50%)}@media (width>=960px){html[data-gento=unsupported] .message{bottom:max(var(--gutter), env(safe-area-inset-bottom));line-height:30px}}@media (prefers-reduced-motion:reduce){body,.gento-stage,.gento-stage:after,.credit-arrow{transition-duration:10ms}.loading-bulb path:nth-child(n){stroke-dashoffset:0;opacity:1;animation:none}}.pull-note[data-astro-cid-pjs4ckkn]{z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .25s var(--ease);position:fixed;inset:0}.pull-note[data-astro-cid-pjs4ckkn].is-hidden{opacity:0}.pull-key[data-astro-cid-pjs4ckkn]{z-index:1;pointer-events:none;opacity:0;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:fixed;top:0;left:0}.pull-key[data-astro-cid-pjs4ckkn]:focus-visible{opacity:1;outline:1px dashed var(--ink);outline-offset:2px}.night-note[data-astro-cid-zuigzh2x]{z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .25s var(--ease);position:fixed;inset:0}.night-note[data-astro-cid-zuigzh2x].is-hidden{opacity:0}.night-said[data-astro-cid-zuigzh2x]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}