:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#112d42;background:#4397df;font-family:Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:6px;outline:2px solid}[hidden]{display:none!important}.view{isolation:isolate;color:#fff;width:100%;height:100dvh;position:relative;overflow:hidden}.scenery,.layers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scenery{z-index:-1;background:#4397df}.layers{--layer-width:max(106vw, 188.34dvh);--layer-height:max(59.66vw, 106dvh);overflow:hidden}.layers img{width:var(--layer-width);height:var(--layer-height);left:calc((100% - var(--layer-width)) / 2);top:calc((100% - var(--layer-height)) / 2);object-fit:fill;-webkit-user-select:none;user-select:none;position:absolute}.layers .landscape{height:calc(var(--layer-height) * .46);top:calc((100% - var(--layer-height)) / 2 + var(--layer-height) * .57);object-fit:cover;object-position:center 10%;-webkit-mask-image:linear-gradient(#0000,#000 28%);mask-image:linear-gradient(#0000,#000 28%)}.cloud-left{transform:translate3d(calc(var(--layer-width) * -.022128), 0, 0)}.cloud-right{transform:translate3d(calc(var(--layer-width) * .025545), 0, 0)}.animating :is(.cloud-left,.cloud-right,.cirrus,.distant){will-change:transform}.hero-title{text-align:center;text-shadow:0 1px 16px #163b6820;-webkit-font-smoothing:antialiased;padding:0 24px;position:absolute;top:47.4%;left:0;right:0;transform:translateY(-50%)}h1{letter-spacing:.29em;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;padding-left:.29em;font-size:clamp(2.5rem,5.2vw,5rem);font-weight:500;line-height:1.25}.motion{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.85;background:#113d4b26;border:1px solid #ffffff65;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:grid;position:absolute}.motion:hover{opacity:1;background:#123e5266;border-color:#ffffffbf}.play,.paused .pause{display:none}.paused .play{display:block}.about-trigger{left:max(24px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#113d4b40;border:1px solid #ffffff65;border-radius:24px;min-height:44px;padding:10px 16px;font-size:.875rem;transition:background .2s,border-color .2s;position:absolute}.about-trigger:hover{background:#123e5266;border-color:#ffffffbf}.about-dialog{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#183c51;background:#fffffff2;border:1px solid #ffffffc0;border-radius:14px;width:min(480px,100% - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:28px 32px 36px;overflow:auto;box-shadow:0 20px 80px #12354e30}.about-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12334c30}.about-dialog[open]{animation:.24s ease-out dialog-in}.dialog-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.dialog-header h2{margin:0;font-size:1.125rem;font-weight:500;line-height:1.6}.dialog-header form{margin:0}.dialog-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;margin-right:-10px;display:grid}.dialog-close:hover{background:#173b5010}.about-dialog p{overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:2}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.hero-title{top:45%}h1{letter-spacing:.22em;padding-left:.22em;font-size:clamp(2rem,9vw,3.25rem)}.motion{right:max(20px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom))}.about-trigger{left:max(20px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom))}.about-dialog{padding:20px 24px 28px}}@media (prefers-reduced-motion:reduce){.about-dialog[open]{animation:none}.motion,.about-trigger{transition:none}}