:root{--bg: #131011;--text: #e8d9c4;--text-soft: #e2d3be;--text-muted: #a99a8b;--text-quiet: #b9aa99;--amber: #ffbf5e;--amber-dim: #c9924f;--ring: #c59153;--rule: 176, 134, 92;--field-border: rgba(196, 178, 158, .62);--error: #edbe90;--serif: "EB Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif}body{font-family:var(--serif);font-weight:400;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{margin:0;font-weight:400;letter-spacing:.022em;text-wrap:balance}h1{font-size:36px;line-height:1.18}.scene--others h2{font-size:30px;line-height:1.2}.letter p{font-size:19px;line-height:1.62;letter-spacing:.01em;color:var(--text-soft);text-wrap:pretty}.letter .letter__sign{font-style:italic;color:var(--text-muted)}.scene--signup h2{font-size:34px;line-height:41px}.dark__cue{font-size:22px;line-height:26px;letter-spacing:.03em;color:var(--text-soft)}.road__captions p{font-size:17.5px;line-height:22px;letter-spacing:.012em;text-wrap:balance}.road__hint{font-size:18px;line-height:1.3;letter-spacing:.02em;color:var(--text-muted)}.lang__current{font-size:15.5px;letter-spacing:.05em}.lang__name{font-size:16.5px;letter-spacing:.01em}.field input,.field input::placeholder{font-size:19px;letter-spacing:.015em}.cta{font-size:21px;font-weight:500;letter-spacing:.02em}.signup__done-title{font-size:26px;line-height:1.25;letter-spacing:.02em}.signup__done-sub{font-size:18px;line-height:1.3;letter-spacing:.01em;color:var(--text-quiet);text-wrap:balance}.signup__note{font-size:16.5px;line-height:22px;font-style:italic;letter-spacing:.01em;color:var(--text-muted)}.signup__note.is-error{font-style:normal;color:var(--error)}.footer a{font-size:14px;letter-spacing:.05em;color:var(--text-muted);text-underline-offset:3px}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg)}button,input{font:inherit;color:inherit}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:2px solid var(--amber-dim);outline-offset:3px}.page{position:relative;container-type:inline-size;overflow-x:clip}.track,.flow{position:relative}.page{transition:opacity .7s ease}.is-loading .page{opacity:0}@media(prefers-reduced-motion:reduce){.page{transition:none}}.is-scroll .stage{position:sticky;top:0;height:100vh;height:100lvh;background:var(--bg);overflow:hidden;overflow:clip}.is-scroll .flow{will-change:transform}.brand{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));z-index:5;display:block;width:150px;height:auto;pointer-events:none}@media(max-width:480px){.brand{top:calc(18px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));width:112px}}.controls{position:absolute;top:0;right:0;z-index:5;display:flex;align-items:center;gap:3px;padding:calc(8px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 0}.controls button{min-width:44px;height:44px;padding:0 7px;background:none;border:0;cursor:pointer}.controls__sound{display:flex;align-items:center;justify-content:center}.controls__sound[aria-pressed=true] .icon--off,.controls__sound[aria-pressed=false] .icon--on{display:none}.social{display:flex;align-items:center}.social__link{display:flex;align-items:center;justify-content:center;width:38px;height:44px;color:var(--text-muted);transition:color .2s ease}.social__link:hover,.social__link:focus-visible{color:var(--text)}.social--footer{display:none;margin-top:14px}@media(max-width:640px){.social--top,.controls__rule--social{display:none}.social--footer{display:flex}}.lang{position:relative}.controls .lang__current{display:flex;align-items:center;gap:6px;padding:0 4px 0 9px}.lang__current svg{color:var(--text-muted);transition:transform .2s ease}.lang__current[aria-expanded=true] svg{transform:rotate(180deg)}.lang__menu{position:absolute;top:calc(100% + 4px);right:0;z-index:6;display:flex;flex-direction:column;min-width:220px;padding:6px;background:#181415f5;border:1px solid rgba(232,217,196,.14);border-radius:10px;box-shadow:0 12px 32px #00000073}.lang__menu[hidden]{display:none}.controls .lang__item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:40px;padding:0 12px;border-radius:6px;color:var(--text-muted);text-align:left;white-space:nowrap}.controls .lang__item:hover,.controls .lang__item:focus-visible{color:var(--text);background:#e8d9c412;outline:none}.controls .lang__item[aria-checked=true]{color:var(--text)}.lang__code{font-size:12.5px;letter-spacing:.08em;color:var(--text-muted)}.lang__item[aria-checked=true] .lang__code{color:var(--amber)}.controls__rule{width:1px;height:20px;margin:0 3px;background:#e8d9c452}.scene{position:relative}.scene__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.scene__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0;background:none;border:0;cursor:pointer}.scene__hit:focus-visible{outline-offset:-8px}.scene--dark{min-height:470px;height:max(clamp(470px,calc(470px + (700px - 100cqw)/2),520px),min(49.95cqw,620px))}.scene--road{min-height:354px;height:clamp(354px,37.62cqw,460px)}.scene--others{min-height:319px;height:clamp(319px,33.9cqw,415px)}.scene--deep{z-index:1;height:0;overflow:hidden;pointer-events:none}.scene--deep.is-filled{margin-top:-110px}.scene--signup{padding:40px 0 0}.rule{position:relative;z-index:3;width:min(500px,60%);height:1px;margin:-1px auto 0;background:linear-gradient(90deg,rgba(var(--rule),0),rgba(var(--rule),.8),rgba(var(--rule),0))}.rule--wide{width:min(560px,64%)}.dark__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:95px 24px 0;text-align:center;pointer-events:none}.dark__cue{margin-top:18px}.dark__ring{width:20px;height:20px;margin-top:16px;border:1.2px solid var(--ring);border-radius:50%}.road__captions{position:absolute;top:0;left:0;z-index:2;width:0;height:0;pointer-events:none}.road__captions p{position:absolute;top:42px;width:230px;height:56px;margin-left:-115px;display:flex;align-items:center;justify-content:center;text-align:center}.road__hint{position:absolute;top:60px;right:24px;left:24px;z-index:2;text-align:center;pointer-events:none}.road__dots{position:absolute;right:0;bottom:37px;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;height:10px;pointer-events:none}.road__dots span{width:8px;height:8px;border-radius:50%;background:#655c58}.road__dots .is-past{background:#8c7f73}.road__dots .is-current{width:9px;height:9px;background:var(--amber);box-shadow:0 0 9px 2px #ffbc5780}.scene--others h2{position:relative;z-index:1;padding:29px 24px 0;text-align:center}.signup__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:24px 24px 0}.letter{width:100%;max-width:540px}.letter p+p{margin-top:1em}.letter__sign{text-align:right}.letter__rule{width:66px;height:1px;margin:44px 0 40px;background:linear-gradient(90deg,rgba(var(--rule),0),rgba(var(--rule),.75),rgba(var(--rule),0))}.signup__body h2{margin-bottom:27px;text-align:center}.signup__form{width:100%;max-width:432px}.signup__swap{position:relative;height:122px}.signup__fields{display:flex;flex-direction:column;align-items:center;gap:18px}.field{display:flex;align-items:center;gap:15px;width:100%;height:52px;padding:0 22px;color:var(--amber-dim);background:#13101166;border:1px solid var(--field-border);border-radius:13px;box-shadow:inset 0 1px 4px #0000004d}.field:focus-within{border-color:var(--amber-dim);box-shadow:inset 0 1px 4px #0000004d,0 0 0 3px #ffbc5738}.field:has(input[aria-invalid=true]){border-color:#b98a62}.field input{flex:1;min-width:0;height:100%;padding:0;color:var(--text);background:none;border:0;outline:none}.field input::placeholder{color:var(--text-muted);opacity:1}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus,.field input:autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;box-shadow:0 0 0 1000px var(--bg) inset;transition:background-color 600000s 0s,color 600000s 0s}.cta{width:100%;max-width:305px;height:52px;padding:0 20px;color:#2b1c0f;background:radial-gradient(ellipse 110% 160% at 50% 15%,#f3ce98,#e6b878 48%,#cf9c59);border:0;border-radius:22px;box-shadow:0 3px #9a6c36,0 6px 20px #ffaa4657,inset 0 1px #fff0d299;cursor:pointer}.cta:focus-visible{outline-color:var(--text)}.signup__done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;pointer-events:none}.signup__note{min-height:22px;margin-top:13px;text-align:center}.footer{position:relative;z-index:1;margin-top:56px;display:flex;flex-direction:column;align-items:center;padding:0 24px calc(4px + env(safe-area-inset-bottom));text-align:center}.is-scroll .footer{padding-bottom:calc(12px + env(safe-area-inset-bottom) + 100lvh - 100svh)}.footer__rule{width:66px;height:1px;background:linear-gradient(90deg,rgba(var(--rule),0),rgba(var(--rule),.75),rgba(var(--rule),0))}.footer__logo{display:block;width:min(520px,86vw);height:auto;margin-top:12px}.footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px}.footer a[hidden]{display:block;visibility:hidden}.dark__cue,.dark__ring{transition:opacity .7s ease}.is-lit .dark__cue,.is-lit .dark__ring{opacity:0}.road__captions p{opacity:0;transition:opacity .4s ease}.road__captions .is-past{opacity:.22}.road__captions .is-current{opacity:1}.road__hint{opacity:0;transition:opacity .5s ease}.road__hint.is-shown{opacity:1}.road__dots span{transition:background .4s ease,box-shadow .4s ease}.field{transition:border-color .2s ease,box-shadow .2s ease}.cta{transition:transform 90ms ease,box-shadow .16s ease,filter .2s ease}@media(hover:hover){.cta:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 3px #9a6c36,0 7px 26px #ffaa4675,inset 0 1px #fff0d299}}.cta:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #9a6c36,0 3px 10px #ffaa4633,inset 0 1px #fff0d299}.is-pending .cta{filter:saturate(.7) brightness(.9);cursor:progress}.signup__fields{transition:opacity .6s ease}.signup__done{opacity:0;transition:opacity .9s ease .3s}.is-confirmed .signup__fields{opacity:0;pointer-events:none}.is-confirmed .signup__done{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}
