html.splash-on:not(.splash-covered){background:#e9dfc6}html.splash-on:not(.splash-covered) body{visibility:hidden}.splash{display:none}.splash-on{overflow:hidden}.splash-on .splash{visibility:visible;position:fixed;inset:0;z-index:10000;display:block;transition:opacity .6s var(--ease, ease)}.splash-leaving .splash{opacity:0;pointer-events:none}.splash-paper{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;text-align:center;color:#1b1a1c;background:radial-gradient(120% 90% at 50% 38%,#f5eedb,#e4d8bc)}.splash.is-covered .splash-paper{visibility:hidden}.splash-seal{display:grid;place-items:center;width:40px;height:40px;border-radius:4px;font-family:"STKaiti","KaiTi","Kaiti SC",var(--font-serif, serif);font-size:1.5rem;color:#f3ecd9;background:#b9301c;box-shadow:inset 0 0 0 2px #f3ecd959;animation:splash-seal .9s var(--ease-out, ease-out) .2s both}.splash-title{margin:0;font-family:"STKaiti","KaiTi","Kaiti SC",var(--font-serif, serif);font-size:clamp(3rem,13vw,7rem);font-weight:400;line-height:1.1;letter-spacing:.14em;text-indent:.14em;animation:splash-ink 1.6s var(--ease-out, ease-out) both}.splash-subtitle{margin:0;font-family:var(--font-serif, serif);font-size:.95rem;letter-spacing:.4em;text-indent:.4em;color:#5e5648;animation:splash-ink 1.6s var(--ease-out, ease-out) .45s both}@keyframes splash-ink{0%{opacity:0;filter:blur(10px);letter-spacing:.4em}}@keyframes splash-seal{0%{opacity:0;scale:1.6}}.splash-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.splash-skip{position:absolute;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:1;display:inline-flex;align-items:center;gap:2px;padding:7px 12px 7px 18px;border:0;border-radius:999px;font-family:var(--font-serif, serif);font-size:.88rem;letter-spacing:.25em;color:#f3ecd9;background:#1b1a1cb8;cursor:pointer;animation:splash-skip .5s var(--ease, ease) 1s both;transition:background-color var(--dur-fast, .2s) var(--ease, ease)}.splash-skip:hover{background:#1b1a1c}.splash-skip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.splash-skip:focus-visible{outline:2px solid #b9301c;outline-offset:3px}@keyframes splash-skip{0%{opacity:0}}.splash-paper>:is(.splash-seal,.splash-title,.splash-subtitle){position:relative;z-index:1}.splash-sun{position:absolute;top:clamp(24px,8vh,90px);left:clamp(20px,8vw,150px);width:clamp(110px,16vw,250px);height:auto;overflow:visible;animation:splash-sun 2.4s var(--ease-out, ease-out) both}.splash-sun-halo{transform-box:fill-box;transform-origin:center;animation:splash-halo 6s ease-in-out 2s infinite}.splash-hills{position:absolute;inset:auto 0 0;width:100%;height:62vh}.splash-hill{animation:splash-hill 2s var(--ease-out, ease-out) both}.splash-hill-far{animation-delay:.2s}.splash-hill-mid{animation-delay:.5s}.splash-hill-near{animation-delay:.8s}.splash-mist{position:absolute;inset:auto -25% 14vh;height:20vh;background:radial-gradient(50% 50% at 50% 50%,rgb(245 238 219 / .8),transparent 70%);filter:blur(14px);pointer-events:none;animation:splash-mist 16s ease-in-out infinite alternate}.splash-paper:after{content:"";position:absolute;inset:auto 0 0;height:12vh;background:linear-gradient(#e4d8bc00,#e4d8bc);pointer-events:none}@keyframes splash-sun{0%{opacity:0;scale:.82;filter:blur(8px)}}@keyframes splash-halo{50%{opacity:.55;scale:1.06}}@keyframes splash-hill{0%{opacity:0;translate:0 24px}}@keyframes splash-mist{0%{translate:-8% 0}to{translate:8% 0}}@media(max-width:480px){.splash-subtitle{font-size:.82rem;letter-spacing:.15em;text-indent:.15em}}
