@font-face{font-family:Senren Serif;src:local(Source Han Serif SC),local(Noto Serif CJK SC),local(Songti SC);font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#27211d;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4ecdc;--paper-deep:#e8dcc7;--ink:#27211d;--muted:#766b5d;--vermilion:#b43b32;--indigo:#26354b;--gold:#9c7a41;background:#eee4d3;font-family:Senren Serif,STSong,SimSun,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#eee4d3}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body,button,a{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block}.site-shell{position:relative;overflow:clip}.skip-link{z-index:1000;color:#fff;background:var(--ink);padding:10px 16px;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;border-bottom:1px solid #27211d21;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:96px;padding:0 clamp(24px,4.2vw,80px);display:grid;position:absolute;top:0;left:0}.brand{justify-self:start;align-items:center;gap:12px;display:flex}.brand-mark{color:#f8eee0;background:var(--vermilion);border:1px solid #922b25;place-items:center;width:38px;height:38px;font-size:21px;line-height:1;display:grid;transform:rotate(-2deg);box-shadow:inset 0 0 0 3px #ffffff29}.brand-text{letter-spacing:.18em;flex-direction:column;font-size:14px;font-weight:700;display:flex}.brand-text small{color:var(--muted);letter-spacing:.22em;margin-top:3px;font-family:Georgia,serif;font-size:8px;font-weight:400}.site-header nav{align-items:center;gap:clamp(24px,3vw,52px);display:flex}.site-header nav a{letter-spacing:.2em;padding:38px 0 32px;font-size:13px;position:relative}.site-header nav a:after{content:"";background:var(--vermilion);width:100%;height:2px;transition:transform .22s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.site-header nav span{color:var(--vermilion);margin-right:5px;font-size:9px}.header-date{color:var(--muted);letter-spacing:.16em;text-align:right;justify-self:end;font-size:10px;line-height:1.7}.hero{--pointer-x:0;--pointer-y:0;isolation:isolate;background:linear-gradient(90deg,#f4ecdcfa 0%,#f4ecdceb 39%,#eeddcb73 68%,#ebcfbb2e 100%),url(/assets/ui/official-bg.jpg) 50%/cover;height:100svh;min-height:760px;position:relative;overflow:hidden}.paper-grain{z-index:20;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.sun-disc{z-index:-1;aspect-ratio:1;background:#bb382e17;border-radius:50%;width:min(54vw,740px);position:absolute;top:16%;right:9%;box-shadow:0 0 0 1px #b43b321a,0 0 110px #b43b3214}.sun-disc:after{content:"";border:1px solid #b43b321f;border-radius:50%;position:absolute;inset:9%}.torii{z-index:-1;width:min(58vw,820px);color:var(--vermilion);opacity:.11;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:13px;position:absolute;bottom:-4vh;right:-3vw}.petals{z-index:15;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petals i{top:-5%;left:var(--left);width:var(--size);height:calc(var(--size) * .72);opacity:0;animation:petal-fall var(--duration) linear var(--delay) infinite;background:#e9a6a2;border-radius:90% 0;position:absolute}@keyframes petal-fall{0%{opacity:0;transform:translateY(-5vh)rotate(0)}9%{opacity:.75}70%{opacity:.55}to{opacity:0;transform:translate3d(var(--drift), 108vh, 0) rotate(540deg)}}.hero-copy{z-index:12;width:min(37vw,560px);position:absolute;top:50%;left:clamp(28px,8vw,148px);transform:translateY(-45%)}.eyebrow{color:var(--vermilion);letter-spacing:.28em;align-items:center;gap:16px;margin:0 0 24px;font-size:10px;animation:.8s cubic-bezier(.2,.7,.2,1) .15s both rise-in;display:flex}.eyebrow span{color:#fff9ef;background:var(--vermilion);padding:5px 9px}.eyebrow b{font-family:Georgia,serif;font-size:9px;font-weight:400}.official-logo{width:clamp(210px,19vw,315px);height:auto;margin-left:-8px;animation:.9s cubic-bezier(.2,.7,.2,1) .26s both rise-in}.hero-title-row{align-items:flex-end;gap:clamp(18px,3vw,46px);margin-top:16px;animation:.9s cubic-bezier(.2,.7,.2,1) .36s both rise-in;display:flex}.hero-title-row h1{letter-spacing:.09em;margin:0;font-size:clamp(52px,5.5vw,94px);font-weight:500;line-height:.98}.hero-title-row p{color:var(--muted);letter-spacing:.2em;white-space:nowrap;border-left:1px solid #27211d47;margin:0 0 6px;padding-left:18px;font-size:12px;line-height:2}.enter-link{letter-spacing:.26em;border-bottom:1px solid #27211d59;justify-content:space-between;align-items:center;gap:24px;width:172px;margin-top:42px;padding-bottom:9px;font-size:11px;animation:.9s cubic-bezier(.2,.7,.2,1) .47s both rise-in;display:flex}.enter-link svg{fill:none;stroke:currentColor;stroke-width:1px;width:48px;transition:transform .22s}.enter-link:hover svg,.enter-link:focus-visible svg{transform:translate(8px)}.hero-cast{z-index:8;transform:translate3d(calc(var(--pointer-x) * -10px), calc(var(--pointer-y) * -6px), 0);transition:transform .24s ease-out;position:absolute;inset:96px 0 0 36%}.cast{filter:drop-shadow(0 24px 22px #39291e2b);transform-origin:78% 100%;width:min(61vw,1040px);height:auto;animation:1.15s cubic-bezier(.17,.84,.27,1) both cast-in;position:absolute;bottom:-2.5%}.cast-mako{z-index:1;animation-delay:.32s;right:25vw;transform:scale(.92)}.cast-lena{z-index:2;animation-delay:.42s;right:-16vw;transform:scale(.94)}.cast-yoshino{z-index:3;animation-delay:.22s;right:8vw;transform:scale(1.03)}.cast-murasame{z-index:4;animation-delay:.52s;right:-3vw;transform:scale(.84)}@keyframes cast-in{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-seal{z-index:13;width:78px;height:78px;color:var(--vermilion);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px currentColor;border:2px solid;grid-template-columns:1fr 22px;align-items:center;padding:8px;display:grid;position:absolute;bottom:clamp(30px,6vh,72px);right:clamp(26px,5vw,96px);transform:rotate(3deg)}.hero-seal span{font-size:35px;line-height:1}.hero-seal small{letter-spacing:.12em;writing-mode:vertical-rl;font-size:9px;line-height:1.5}.scroll-note{z-index:12;color:var(--muted);letter-spacing:.2em;writing-mode:vertical-rl;flex-direction:column;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:0;left:52px}.scroll-note span{background:linear-gradient(var(--vermilion) 50%, #27211d26 50%);background-size:100% 200%;width:1px;height:62px;animation:2s ease-in-out infinite scroll-line}@keyframes scroll-line{0%{background-position:0 100%}to{background-position:0 -100%}}.characters-section{--accent:#5f405f;--accent-pale:#d9c8da;isolation:isolate;background:linear-gradient(90deg, #fff9, transparent 46%), var(--paper);min-height:980px;padding:120px clamp(24px,6vw,104px) 92px;transition:--accent .35s;position:relative;overflow:hidden}.characters-section:before{z-index:-2;aspect-ratio:1;content:"";background:color-mix(in srgb, var(--accent-pale) 46%, transparent);opacity:.58;border-radius:50%;width:74vw;transition:background .45s;position:absolute;top:-18%;right:-12%}.characters-section:after{z-index:-1;content:"";opacity:.18;background-image:linear-gradient(#27211d1a 1px,#0000 1px),linear-gradient(90deg,#27211d1a 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 30%,#000 100%)}.section-index{color:#27211d0a;pointer-events:none;font-size:min(28vw,440px);line-height:1;position:absolute;top:80px;right:6vw}.character-orbit{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;width:min(48vw,690px);position:absolute;top:17%;right:5%}.character-orbit:before,.character-orbit:after{border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);content:"";border-radius:50%;position:absolute}.character-orbit:before{inset:8%}.character-orbit:after{inset:19%}.characters-inner{width:min(100%,1380px);margin:0 auto}.section-heading p{color:var(--accent);letter-spacing:.26em;align-items:center;gap:14px;margin:0 0 8px;font-size:10px;display:flex}.section-heading p span{letter-spacing:.2em;font-family:Georgia,serif}.section-heading h2{letter-spacing:.12em;margin:0;font-size:clamp(36px,4vw,66px);font-weight:500}.character-stage{grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);align-items:center;min-height:610px;margin-top:12px;display:grid}.character-copy{z-index:6;padding:60px 0 20px clamp(0px,2vw,28px);position:relative}.character-number{color:color-mix(in srgb, var(--accent) 11%, transparent);font-family:Georgia,serif;font-size:clamp(110px,12vw,190px);font-style:italic;line-height:1;position:absolute;top:6px;left:-18px}.character-kana{color:var(--accent);letter-spacing:.28em;margin:0 0 9px;font-size:13px;position:relative}.character-copy h3{letter-spacing:.08em;margin:0;font-size:clamp(44px,5.1vw,82px);font-weight:500;line-height:1.12;position:relative}.character-roman{color:var(--muted);letter-spacing:.32em;margin:12px 0 0;font-family:Georgia,serif;font-size:10px}.character-rule{align-items:center;gap:14px;width:min(100%,460px);margin:36px 0 22px;display:flex}.character-rule span{background:color-mix(in srgb, var(--accent) 36%, transparent);flex:1;height:1px}.character-rule b{color:var(--accent);letter-spacing:.2em;font-size:10px;font-weight:500}.character-description{color:#514941;letter-spacing:.07em;width:min(100%,465px);margin:0;font-size:15px;line-height:2.05}.outfit-switcher{flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px;display:flex}.outfit-switcher>span{color:var(--muted);letter-spacing:.2em;margin-right:8px;font-size:9px}.outfit-switcher button{cursor:pointer;letter-spacing:.14em;background:#ffffff61;border:1px solid #27211d33;min-width:58px;padding:7px 10px;font-size:10px;transition:color .18s,border-color .18s,background .18s}.outfit-switcher button:hover,.outfit-switcher button:focus-visible,.outfit-switcher button.active{color:#fff;border-color:var(--accent);background:var(--accent);outline:none}.portrait-wrap{align-self:stretch;min-height:600px;position:relative;overflow:visible}.character-portrait{z-index:3;filter:drop-shadow(0 30px 24px #35271f2e);width:min(72vw,960px);max-width:none;position:absolute;bottom:-2%;right:-6%}.portrait-kanji{z-index:0;color:color-mix(in srgb, var(--accent) 8%, transparent);font-size:clamp(190px,24vw,370px);line-height:1;position:absolute;top:17%;right:7%}.portrait-caption{z-index:4;color:color-mix(in srgb, var(--accent) 60%, #4b423b);letter-spacing:.35em;writing-mode:vertical-rl;font-family:Georgia,serif;font-size:9px;position:absolute;bottom:80px;right:-22px}.portrait-enter-active,.portrait-leave-active{transition:opacity .24s,transform .36s cubic-bezier(.2,.75,.25,1),filter .3s}.portrait-enter-from{opacity:0;filter:blur(6px)drop-shadow(0 30px 24px #35271f2e);transform:translate(32px)}.portrait-leave-to{opacity:0;transform:translate(-20px)}.character-selector{z-index:8;border-top:1px solid #27211d2e;border-bottom:1px solid #27211d2e;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.character-selector button{text-align:left;cursor:pointer;background:#ffffff3d;border:0;border-right:1px solid #27211d24;grid-template-rows:1fr 1fr;grid-template-columns:34px 1fr;align-items:end;min-height:104px;padding:22px 18px 19px;transition:color .24s,background .24s;display:grid;position:relative}.character-selector button:last-child{border-right:0}.character-selector button:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .24s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.character-selector button:hover,.character-selector button:focus-visible,.character-selector button.active{background:#ffffff94;outline:none}.character-selector button.active:before,.character-selector button:focus-visible:before{transform:scaleX(1)}.character-selector span{color:var(--accent);grid-row:1/3;align-self:center;font-family:Georgia,serif;font-size:10px}.character-selector b{letter-spacing:.11em;align-self:end;font-size:14px;font-weight:500}.character-selector small{color:var(--muted);letter-spacing:.14em;align-self:start;margin-top:4px;font-family:Georgia,serif;font-size:7px}.memory-section{isolation:isolate;color:#f4ecdc;background:#26354b;place-items:center;min-height:760px;padding:110px clamp(24px,7vw,120px);display:grid;position:relative;overflow:hidden}.memory-section:before{z-index:-1;content:"";opacity:.16;background:linear-gradient(110deg,#0000 0 62%,#ffffff1f 62.2% 62.4%,#0000 62.6%),radial-gradient(circle at 78% 36%,#b43b32 0 16%,#0000 16.2%);position:absolute;inset:0}.memory-paper{z-index:-1;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.memory-content{grid-template-columns:74px minmax(250px,.72fr) minmax(380px,1.28fr) 100px;align-items:center;gap:clamp(24px,5vw,78px);width:min(100%,1240px);display:grid}.vertical-label{color:#f4ecdc80;letter-spacing:.34em;writing-mode:vertical-rl;justify-self:start;margin:0;font-family:Georgia,serif;font-size:9px}.memory-date{flex-direction:column;gap:14px;display:flex;position:relative}.memory-date span{color:#f4ecdc94;letter-spacing:.34em;font-size:12px}.memory-date strong{letter-spacing:-.05em;font-family:Georgia,serif;font-size:clamp(54px,7.2vw,112px);font-weight:400;line-height:.94}.memory-date i{background:linear-gradient(90deg, var(--vermilion) 25%, #f4ecdc38 25%);width:92%;height:1px;margin-top:15px}.section-kicker{color:#c98d83;letter-spacing:.28em;margin:0 0 16px;font-size:10px}.section-kicker span{margin-right:10px}.memory-copy h2{letter-spacing:.08em;margin:0;font-size:clamp(38px,4.7vw,72px);font-weight:500;line-height:1.22}.memory-copy>p:last-child{color:#f4ecdcb3;letter-spacing:.08em;max-width:560px;margin:34px 0 0;font-size:14px;line-height:2.1}.memory-stamp{color:#df9a8d;letter-spacing:.18em;border:2px solid #b65349;flex-direction:column;justify-content:center;align-items:center;width:76px;height:122px;font-size:12px;line-height:1.7;display:flex;transform:rotate(2deg)}.memory-stamp b{font-size:26px;font-weight:400}.credits-section{background:linear-gradient(#ffffff61,#ffffff61),url(/assets/ui/official-bg.jpg) 50%/cover;padding:130px clamp(24px,8vw,144px) 110px;position:relative}.credits-section:before{content:"";border:1px solid #b43b322e;border-radius:50%;width:180px;height:180px;position:absolute;top:80px;right:8vw;box-shadow:0 0 0 34px #b43b320a,0 0 0 68px #b43b3208}.credits-heading,.credits-grid,.official-links{width:min(100%,1180px);margin-left:auto;margin-right:auto}.credits-heading .section-kicker{color:var(--vermilion)}.credits-heading h2{letter-spacing:.12em;margin:0;font-size:clamp(52px,7vw,104px);font-weight:500}.credits-grid{border-top:1px solid #27211d33;border-bottom:1px solid #27211d33;grid-template-columns:repeat(4,1fr);margin-top:70px;display:grid}.credits-grid div{border-right:1px solid #27211d29;padding:26px 20px 28px}.credits-grid div:first-child{padding-left:0}.credits-grid div:last-child{border-right:0}.credits-grid dt{color:var(--vermilion);letter-spacing:.24em;margin-bottom:14px;font-size:9px}.credits-grid dd{letter-spacing:.08em;margin:0;font-size:14px;line-height:1.7}.official-links{gap:34px;margin-top:46px;display:flex}.official-links a{letter-spacing:.14em;border-bottom:1px solid #27211d52;justify-content:space-between;min-width:220px;padding:14px 2px;font-size:11px;transition:color .18s,border-color .18s;display:flex}.official-links a:hover,.official-links a:focus-visible{color:var(--vermilion);border-color:var(--vermilion)}.site-footer{color:#f4ecdc9e;letter-spacing:.1em;background:#1f2939;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:30px clamp(24px,6vw,104px);font-size:9px;display:grid}.footer-title{color:#f4ecdc;letter-spacing:.18em;align-items:center;gap:12px;font-size:13px;display:flex}.footer-title span{color:#f4ecdc;background:var(--vermilion);place-items:center;width:30px;height:30px;display:grid}.site-footer p{margin:0}.reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.75,.25,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--vermilion);outline-offset:4px}@media (max-width:1100px){.hero-copy{width:41vw;left:6vw}.hero-cast{left:32%}.cast{width:min(74vw,930px)}.cast-mako{right:27vw}.cast-yoshino{right:7vw}.cast-murasame{right:-6vw}.cast-lena{right:-22vw}.character-stage{grid-template-columns:minmax(280px,.85fr) minmax(460px,1.15fr)}.character-portrait{width:900px;right:-18%}.portrait-caption{display:none}.memory-content{grid-template-columns:44px .75fr 1.25fr}.memory-stamp{display:none}}@media (max-width:820px){.site-header{grid-template-columns:1fr auto;height:76px}.site-header nav{display:none}.header-date{font-size:8px}.hero{background:linear-gradient(#f4ecdcfc 0%,#f4ecdceb 45%,#eeddcb6e 100%),url(/assets/ui/official-bg.jpg) 50%/cover;min-height:720px}.hero-copy{width:86vw;top:128px;left:7vw;transform:none}.official-logo{width:190px}.hero-title-row{align-items:center}.hero-title-row h1{font-size:clamp(42px,13vw,62px)}.hero-title-row p{font-size:10px}.enter-link{margin-top:22px}.hero-cast{height:49%;inset:auto 0 -3% -2%}.cast{width:130vw;bottom:0}.cast-mako,.cast-lena{display:none}.cast-yoshino{right:22vw;transform:scale(.96)}.cast-murasame{right:-10vw;transform:scale(.78)}.hero-seal{width:60px;height:60px;bottom:28px;right:20px}.hero-seal span{font-size:25px}.scroll-note{display:none}.torii{width:100vw;right:-28vw}.characters-section{min-height:auto;padding:90px 24px 70px}.characters-section:before{width:130vw;top:13%;right:-52%}.section-index{font-size:50vw;top:130px;right:-4vw}.character-orbit{width:100vw;top:25%;right:-28%}.character-stage{min-height:780px;margin-top:28px;display:block}.character-copy{z-index:7;padding:50px 0 0;position:relative}.character-copy h3{font-size:clamp(42px,12vw,66px)}.character-description{width:88%;font-size:13px}.character-rule{width:78%;margin:24px 0 18px}.outfit-switcher{margin-top:22px}.portrait-wrap{z-index:3;min-height:490px;position:absolute;bottom:170px;left:0;right:0;overflow:hidden}.character-portrait{width:860px;bottom:-1%;right:-5%}.portrait-kanji{font-size:240px;top:24%;right:-1%}.character-selector{grid-template-columns:repeat(2,1fr);margin-top:0}.character-selector button:nth-child(2){border-right:0}.character-selector button:nth-child(-n+2){border-bottom:1px solid #27211d24}.memory-section{min-height:auto;padding:92px 28px}.memory-content{display:block}.vertical-label{display:none}.memory-date{margin-bottom:54px}.memory-date strong{font-size:clamp(60px,18vw,92px)}.memory-copy h2{font-size:clamp(36px,10vw,56px)}.credits-section{padding:92px 24px 80px}.credits-section:before{width:140px;height:140px;right:-18vw}.credits-heading h2{font-size:clamp(45px,13vw,72px)}.credits-grid{grid-template-columns:repeat(2,1fr);margin-top:48px}.credits-grid div{border-bottom:1px solid #27211d29}.credits-grid div:nth-child(2){border-right:0}.credits-grid div:nth-child(n+3){border-bottom:0}.credits-grid div:nth-child(3){padding-left:0}.official-links{flex-direction:column;gap:8px}.site-footer{grid-template-columns:1fr;gap:12px;padding:34px 24px}}@media (max-width:480px){.brand-text{font-size:12px}.header-date{display:none}.site-header{grid-template-columns:1fr}.hero-copy{top:112px}.eyebrow{margin-bottom:14px}.hero-title-row{gap:14px}.hero-title-row p{padding-left:12px;line-height:1.7}.hero-cast{height:46%;bottom:0}.cast{width:152vw}.cast-yoshino{right:30vw}.cast-murasame{right:-18vw}.character-stage{min-height:750px}.character-number{font-size:105px}.character-copy h3{max-width:100%}.portrait-wrap{min-height:440px;bottom:190px}.character-portrait{width:800px;bottom:0;right:-5%}.portrait-kanji{font-size:190px}.character-selector button{min-height:92px;padding:17px 12px}.character-selector b{font-size:13px}.credits-grid dd{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}