:root{--paper:#fbfaf5;--paper-soft:#f3f1e9;--ink:#2c3347;--ink-soft:#5a6274;--navy:#1d2a44;--sky:#bfdde8;--sky-deep:#8fc3d6;--water:#6aaec4;--gold:#b3945a;--gold-bright:#d4b878;--teal:#3e9d8f;--blue-grey:#8fa3b8;--night:#1c2334;--shadow:0 20px 60px rgba(29,42,68,.10);--ease-soft:cubic-bezier(.2,.7,.2,1);--serif:"Shippori Mincho B1","Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--disp:"Cormorant Garamond","Shippori Mincho B1",serif;--sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.9;letter-spacing:.04em;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}::selection{background:var(--sky);color:var(--navy)}#loader{position:fixed;inset:0;z-index:9999;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .8s ease,visibility .8s}#loader.done{opacity:0;visibility:hidden}#loader .crest{width:72px;height:72px;color:var(--gold);animation:crestSpin 3.2s ease-in-out infinite}#loader .word{font-family:var(--disp);font-size:1.05rem;letter-spacing:.55em;text-indent:.55em;color:var(--gold);text-transform:uppercase;animation:pulse 2s ease-in-out infinite}@keyframes crestSpin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}}@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}#petals{position:fixed;inset:0;z-index:1;pointer-events:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 34px;transition:background .5s,box-shadow .5s,padding .5s}.site-header.scrolled{background:rgba(251,250,245,.88);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(179,148,90,.25);padding:12px 34px}.brand{display:flex;align-items:center;gap:12px}.brand .crest{width:34px;height:34px;color:var(--gold);transition:transform .6s}.brand:hover .crest{transform:rotate(90deg)}.brand .t{display:flex;flex-direction:column;line-height:1.25}.brand .en{font-family:var(--disp);font-size:1.15rem;letter-spacing:.34em;color:var(--navy);font-weight:600}.brand .ja{font-size:.58rem;letter-spacing:.42em;color:var(--gold)}.gnav{display:flex;gap:30px;align-items:center}.gnav a{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.3;padding:4px 2px}.gnav a .en{font-family:var(--disp);font-size:.92rem;letter-spacing:.22em;color:var(--navy);font-weight:600}.gnav a .ja{font-size:.56rem;letter-spacing:.3em;color:var(--ink-soft)}.gnav a::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:1px;background:var(--gold);transition:width .4s,left .4s}.gnav a:hover::after,.gnav a.current::after{width:100%;left:0}.gnav a.current .en{color:var(--gold)}@media (max-width:1240px){.site-header{padding:20px 24px}.site-header.scrolled{padding:12px 24px}.gnav{gap:20px}.gnav a .en{font-size:.82rem;letter-spacing:.16em}.gnav a .ja{font-size:.52rem;letter-spacing:.2em}}.menu-btn{display:none;background:none;border:none;cursor:pointer;z-index:210;width:44px;height:44px;position:relative}.menu-btn span{position:absolute;left:10px;width:24px;height:1.5px;background:var(--navy);transition:.4s}.menu-btn span:nth-child(1){top:16px}.menu-btn span:nth-child(2){top:23px}.menu-btn span:nth-child(3){top:30px}body.menu-open .menu-btn span:nth-child(1){top:23px;transform:rotate(45deg)}body.menu-open .menu-btn span:nth-child(2){opacity:0}body.menu-open .menu-btn span:nth-child(3){top:23px;transform:rotate(-45deg)}@media (max-width:1000px){.gnav{position:fixed;inset:0;z-index:200;flex-direction:column;justify-content:center;gap:34px;background:rgba(251,250,245,.96);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:.5s}body.menu-open .gnav{opacity:1;visibility:visible}.gnav a .en{font-size:1.5rem}.gnav a .ja{font-size:.7rem}.menu-btn{display:block}}main{position:relative;z-index:2}.wrap{max-width:1080px;margin:0 auto;padding:0 26px}.section{padding:110px 0}.sec-head{margin-bottom:56px}.sec-head .en{font-family:var(--disp);font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:.16em;color:var(--navy);font-weight:600;line-height:1.1}.sec-head .ja{display:inline-flex;align-items:center;gap:14px;margin-top:10px;font-family:var(--serif);font-size:.85rem;letter-spacing:.34em;color:var(--gold)}.sec-head .ja::before{content:"";width:44px;height:1px;background:var(--gold)}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}[data-reveal].shown{opacity:1;transform:none}[data-reveal="left"]{transform:translateX(-40px)}[data-reveal="right"]{transform:translateX(40px)}[data-reveal="left"].shown,[data-reveal="right"].shown{transform:none}.btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:15px 44px;border:1px solid var(--gold);color:var(--navy);font-family:var(--serif);font-size:.9rem;letter-spacing:.28em;overflow:hidden;transition:color .45s;cursor:pointer;background:transparent}.btn::before{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.7,0,.2,1)}.btn:hover::before{transform:scaleX(1);transform-origin:left}.btn span{position:relative;z-index:1}.btn:hover{color:var(--paper)}.btn .arw{font-family:var(--disp);letter-spacing:0}.btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}.btn.gold::before{background:var(--navy)}.btn.is-soon{cursor:default;border-style:dashed;border-color:rgba(212,184,120,.42);color:#8a96ab;font-size:.82rem;letter-spacing:.3em}.btn.is-soon::before{display:none}.btn.is-soon:hover{color:#8a96ab}.site-footer{position:relative;z-index:2;margin-top:60px;background:linear-gradient(180deg,var(--navy),#141d33);color:#cfd6e4;text-align:center;padding:80px 26px 44px}.site-footer .crest{width:52px;height:52px;color:var(--gold-bright);margin:0 auto 18px}.site-footer .fen{font-family:var(--disp);font-size:1.5rem;letter-spacing:.4em;text-indent:.4em;color:#fff}.site-footer .fja{font-size:.68rem;letter-spacing:.4em;color:var(--gold-bright);margin-top:6px}.fnav{display:flex;justify-content:center;gap:26px;margin:34px 0 26px;flex-wrap:wrap}.fnav a{font-size:.75rem;letter-spacing:.22em;opacity:.8;transition:.3s}.fnav a:hover{opacity:1;color:var(--gold-bright)}.sns{display:flex;justify-content:center;gap:18px;margin-bottom:30px}.sns a{width:42px;height:42px;border:1px solid rgba(212,184,120,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.35s}.sns a:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}.sns svg{width:17px;height:17px;fill:#fff}.copy{font-size:.64rem;letter-spacing:.18em;opacity:.5}.page-hero{position:relative;padding:190px 0 110px;text-align:center;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(191,221,232,.65),transparent 65%),linear-gradient(180deg,#eef5f7 0%,var(--paper) 90%)}.page-hero .en{font-family:var(--disp);font-size:clamp(2.6rem,7vw,4.6rem);letter-spacing:.18em;color:var(--navy);line-height:1.05;font-weight:600}.page-hero .ja{margin-top:14px;font-family:var(--serif);font-size:.92rem;letter-spacing:.5em;text-indent:.5em;color:var(--gold)}.page-hero .lead{margin:34px auto 0;max-width:640px;font-family:var(--serif);font-size:.95rem;line-height:2.4;color:var(--ink-soft)}.crumbs{margin-top:36px;font-family:var(--disp);font-size:.7rem;letter-spacing:.3em;color:var(--ink-soft)}.crumbs a:hover{color:var(--gold)}.card{background:#fff;border:1px solid rgba(179,148,90,.22);box-shadow:var(--shadow);position:relative}.card::before,.card::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border-color:var(--gold);border-style:solid}.card::before{top:8px;left:8px;border-width:1px 0 0 1px}.card::after{bottom:8px;right:8px;border-width:0 1px 1px 0}.spec{width:100%;border-collapse:collapse}.spec th,.spec td{text-align:left;padding:15px 8px;border-bottom:1px solid rgba(179,148,90,.25);vertical-align:top;font-size:.88rem}.spec th{width:8.5em;font-family:var(--serif);color:var(--gold);font-weight:600;letter-spacing:.2em;white-space:nowrap}.chara-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}.chara-card{position:relative;display:block;overflow:hidden;background:#fff;border:1px solid rgba(179,148,90,.25);box-shadow:var(--shadow);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.chara-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(29,42,68,.18)}.chara-card .visual{position:relative;height:340px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.chara-card .visual img{height:230%;width:auto;max-width:none;object-fit:contain;margin-top:-4%;transform-origin:top center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.chara-card:hover .visual img{transform:scale(1.05)}.chara-card .info{padding:22px 24px 26px;border-top:1px solid rgba(179,148,90,.25);position:relative}.chara-card .no{position:absolute;top:-16px;right:18px;font-family:var(--disp);font-size:.72rem;letter-spacing:.3em;color:var(--gold);background:var(--paper);padding:2px 10px;border:1px solid rgba(179,148,90,.4)}.chara-card .name{font-family:var(--serif);font-size:1.3rem;letter-spacing:.24em;color:var(--navy)}.chara-card .read{font-family:var(--disp);font-size:.72rem;letter-spacing:.3em;color:var(--gold);margin-top:2px}.chara-card .tag{margin-top:10px;font-size:.7rem;color:var(--ink-soft);letter-spacing:.12em;line-height:1.7}.chara-card .year-dia{display:inline-block;width:10px;height:10px;transform:rotate(45deg);margin-right:8px;vertical-align:1px;border:1px solid rgba(0,0,0,.1)}.chara-card.mystery .visual{background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(143,163,184,.35),transparent 70%),linear-gradient(180deg,#232b3e 0%,#131a2b 100%)}.chara-card.mystery .q{font-family:var(--serif);font-size:clamp(3.2rem,6vw,4.2rem);color:rgba(255,255,255,.9);letter-spacing:.1em;text-shadow:0 0 34px rgba(143,163,184,.9);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:qFloat 4.5s ease-in-out infinite}@keyframes qFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.chara-card.mystery .fog{position:absolute;inset:0;background:radial-gradient(circle at 30% 80%,rgba(191,221,232,.14),transparent 55%),radial-gradient(circle at 75% 25%,rgba(179,148,90,.12),transparent 50%);animation:fogMove 9s ease-in-out infinite alternate}@keyframes fogMove{from{transform:translateX(-4%) scale(1)}to{transform:translateX(4%) scale(1.08)}}.chara-card.mystery .name{letter-spacing:.4em}.quote{position:relative;font-family:var(--serif);font-size:clamp(1.02rem,2.4vw,1.3rem);line-height:2.6;letter-spacing:.14em;color:var(--navy);padding:34px 20px;text-align:center}.quote::before,.quote::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:1px;height:26px;background:var(--gold)}.quote::before{top:0}.quote::after{bottom:0}.timeline{position:relative;padding-left:34px}.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--gold),rgba(179,148,90,.15))}.timeline li{position:relative;padding-bottom:38px}.timeline li::before{content:"";position:absolute;left:-30px;top:9px;width:9px;height:9px;transform:rotate(45deg);background:var(--paper);border:1.5px solid var(--gold)}.timeline .era{font-family:var(--disp);font-size:.8rem;letter-spacing:.24em;color:var(--gold)}.timeline .tt{font-family:var(--serif);font-size:1.02rem;letter-spacing:.1em;color:var(--navy);margin:2px 0 4px}.timeline .td{font-size:.82rem;color:var(--ink-soft)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:34px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}@media (max-width:860px){.grid2,.grid3{grid-template-columns:1fr}}.vtext{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.4em;color:var(--navy);line-height:2.2}.chara-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:140px 0 60px}.chara-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;width:100%}@media (max-width:900px){.chara-hero .wrap{grid-template-columns:1fr}}.chara-hero .art{position:relative;text-align:center}.chara-hero .art img{max-height:78vh;width:auto;margin:0 auto;position:relative;z-index:2;filter:drop-shadow(0 30px 60px rgba(20,28,48,.35));animation:heroFloat 7s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}.chara-hero .halo{position:absolute;inset:auto 0 6%;margin:auto;width:min(520px,90%);aspect-ratio:1;border-radius:50%;z-index:1;background:radial-gradient(circle,rgba(143,163,184,.4),transparent 65%);animation:haloPulse 5s ease-in-out infinite}@keyframes haloPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.big-name{font-family:var(--serif);font-size:clamp(3rem,8vw,5.2rem);letter-spacing:.2em;line-height:1.15}.big-read{font-family:var(--disp);font-size:1rem;letter-spacing:.5em;margin-top:8px}.role-line{margin-top:18px;font-family:var(--serif);font-size:.95rem;letter-spacing:.26em;line-height:2.2}.kw-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.kw-chips span{font-size:.68rem;letter-spacing:.2em;padding:6px 16px;border:1px solid currentColor;border-radius:100px;opacity:.85}body.theme-night{background:var(--night);color:#c9d2e2}body.theme-night .site-header.scrolled{background:rgba(24,30,47,.85);box-shadow:0 1px 0 rgba(212,184,120,.2)}body.theme-night .gnav a .en{color:#e8ecf4}body.theme-night .gnav a .ja{color:#8fa3b8}body.theme-night .brand .en{color:#e8ecf4}body.theme-night .menu-btn span{background:#e8ecf4}@media (max-width:1000px){body.theme-night .gnav{background:rgba(24,30,47,.96)}}body.theme-night .sec-head .en{color:#e8ecf4}body.theme-night .card{background:rgba(255,255,255,.04);border-color:rgba(212,184,120,.25);box-shadow:0 20px 60px rgba(0,0,0,.4)}body.theme-night .spec th{color:var(--gold-bright)}body.theme-night .spec td{color:#c9d2e2}body.theme-night .spec th,body.theme-night .spec td{border-color:rgba(212,184,120,.2)}body.theme-night .quote{color:#e8ecf4}body.theme-night::selection{background:var(--blue-grey);color:var(--night)}.mystery-hero{position:relative;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:160px 26px 80px}.mystery-hero .qmark{font-family:var(--serif);font-size:clamp(5rem,16vw,9rem);color:rgba(255,255,255,.92);text-shadow:0 0 60px rgba(143,163,184,.8);animation:qFloat 5s ease-in-out infinite;line-height:1}.mystery-hero .label{font-family:var(--disp);letter-spacing:.5em;text-indent:.5em;font-size:.85rem;color:var(--gold-bright);margin-top:30px}.mystery-hero .codename{font-family:var(--serif);font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.3em;color:#e8ecf4;margin-top:12px}.coming{display:inline-block;margin-top:34px;padding:10px 34px;border:1px solid rgba(212,184,120,.6);color:var(--gold-bright);font-family:var(--disp);font-size:.78rem;letter-spacing:.42em;text-indent:.42em;animation:pulse 2.6s ease-in-out infinite}.hint-list{display:grid;gap:14px;max-width:620px;margin:0 auto}.hint-list .hint{display:flex;align-items:baseline;gap:18px;padding:16px 22px;background:rgba(255,255,255,.05);border:1px solid rgba(212,184,120,.2);text-align:left}.hint .hk{font-family:var(--disp);font-size:.68rem;letter-spacing:.26em;color:var(--gold-bright);white-space:nowrap;min-width:7em}.hint .hv{font-family:var(--serif);font-size:.9rem;letter-spacing:.14em;color:#dfe5ef}.hint .hv.blur{filter:blur(5px);user-select:none}.news-list{display:grid;gap:0}.news-list li{border-bottom:1px solid rgba(179,148,90,.25)}.news-list a,.news-list .row{display:flex;gap:26px;align-items:baseline;padding:20px 6px;transition:background .3s}.news-list a:hover{background:rgba(191,221,232,.25)}.news-list .date{font-family:var(--disp);font-size:.8rem;letter-spacing:.14em;color:var(--gold);white-space:nowrap}.news-list .cat{font-size:.6rem;letter-spacing:.2em;color:var(--water);border:1px solid var(--water);padding:2px 10px;white-space:nowrap}.news-list .txt{font-size:.86rem}@media (max-width:640px){.news-list a,.news-list .row{flex-wrap:wrap;gap:10px 14px}}.top-hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.top-hero{background:radial-gradient(ellipse 130% 78% at 50% -18%,#fbfdfe 0%,rgba(226,241,246,.9) 38%,transparent 72%),radial-gradient(ellipse 60% 40% at 78% 18%,rgba(255,250,236,.75),transparent 62%),linear-gradient(180deg,#c9e3ee 0%,#dbedf2 34%,#eef4f2 62%,var(--paper) 100%)}.hero-bg{position:absolute;inset:-4% 0 0 0;z-index:0;will-change:transform;overflow:hidden}.hero-bg::after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:46%;background:repeating-linear-gradient(96deg,rgba(255,255,255,.55) 0 2px,transparent 2px 30px),repeating-linear-gradient(84deg,rgba(140,190,210,.20) 0 1px,transparent 1px 44px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 42%,transparent 96%);mask-image:linear-gradient(180deg,transparent,#000 42%,transparent 96%);opacity:.55;animation:ripple 26s linear infinite}@keyframes ripple{from{transform:translateX(0)}to{transform:translateX(-60px)}}.hero-bg-in{position:absolute;inset:0;will-change:transform;transition:transform .9s cubic-bezier(.2,.6,.2,1)}.hero-bg-in img{position:absolute;inset:0;width:100%;height:108%;object-fit:cover;object-position:center 34%;opacity:.13;filter:blur(3px) saturate(.62) contrast(.92);transform:scale(1.16);animation:heroZoom 28s cubic-bezier(.2,.55,.25,1) .2s forwards}@keyframes heroZoom{to{transform:scale(1.03)}}.hero-drift{position:absolute;z-index:2;pointer-events:none;mix-blend-mode:screen;filter:blur(28px);opacity:0}.hero-drift.d1{left:-22%;top:6%;width:70%;height:34%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,253,246,.85),transparent 68%);animation:driftA 46s ease-in-out 1s infinite alternate,driftIn 3s ease 1s forwards}.hero-drift.d2{right:-26%;top:30%;width:76%;height:38%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(232,244,250,.8),transparent 70%);animation:driftB 58s ease-in-out infinite alternate,driftIn 3s ease 1.8s forwards}@keyframes driftIn{to{opacity:.5}}@keyframes driftA{from{transform:translateX(0)}to{transform:translateX(26vw)}}@keyframes driftB{from{transform:translateX(0)}to{transform:translateX(-22vw)}}.hero-veil{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 62% 52% at 50% 44%,rgba(252,251,246,.62) 0%,rgba(252,251,246,.26) 50%,transparent 78%),linear-gradient(180deg,rgba(201,227,238,.28) 0%,transparent 24%,transparent 62%,rgba(246,244,236,.6) 86%,var(--paper) 100%)}@media (prefers-reduced-motion:reduce){.hero-bg-in img{animation:none;transform:scale(1.03)}.hero-bg::after{animation:none}.hero-drift{animation:none;opacity:.35}.hero-crest,.hero-title,.hero-sub,.hero-copy{animation:none;opacity:1;transform:none}.scroll-cue{animation:none;opacity:.85}.scroll-cue::after{animation:none}}.hero-inner{position:relative;z-index:5;text-align:center;padding:0 22px;will-change:transform,opacity}.hero-crest{width:clamp(52px,7vw,64px);height:clamp(52px,7vw,64px);color:var(--gold);margin:0 auto 20px;opacity:0;animation:fadeUp 1.6s .4s var(--ease-soft) forwards}.hero-title{font-family:var(--disp);font-weight:600;color:var(--navy);font-size:clamp(3.2rem,10vw,6.8rem);letter-spacing:.22em;text-indent:.22em;line-height:1;text-shadow:0 2px 30px rgba(255,255,252,.9),0 0 60px rgba(255,255,252,.6);opacity:0;animation:fadeUp 1.8s .7s var(--ease-soft) forwards}.hero-sub{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,20px);font-family:var(--serif);color:#a5854a;font-size:clamp(.6rem,1.5vw,.72rem);opacity:0;animation:fadeUp 1.6s 1.15s var(--ease-soft) forwards}.hero-sub span{letter-spacing:.46em;text-indent:.46em;text-shadow:0 1px 14px rgba(255,255,252,.95),0 0 28px rgba(255,255,252,.8)}.hero-sub::before,.hero-sub::after{content:"";height:1px;width:clamp(20px,5vw,48px);flex:none}.hero-sub::before{background:linear-gradient(90deg,transparent,rgba(165,133,74,.55))}.hero-sub::after{background:linear-gradient(90deg,rgba(165,133,74,.55),transparent)}.hero-copy{margin-top:clamp(58px,9vh,100px);font-family:var(--serif);color:var(--ink);font-size:clamp(1rem,2.6vw,1.32rem);letter-spacing:.15em;line-height:2.2;text-shadow:0 1px 18px rgba(255,255,252,.95),0 0 34px rgba(255,255,252,.7);opacity:0;animation:fadeSoft 2s 1.6s var(--ease-soft) forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeSoft{from{opacity:0}to{opacity:1}}.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:6;font-family:var(--disp);font-size:.62rem;letter-spacing:.5em;color:var(--navy);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:cueIn 1.6s 2.9s var(--ease-soft) forwards}@keyframes cueIn{to{opacity:.85}}.scroll-cue::after{content:"";width:1px;height:52px;background:var(--navy);animation:cue 2s ease-in-out infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}45%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}.concept{position:relative;text-align:center;padding:130px 0}.concept .lead-lg{font-family:var(--serif);font-size:clamp(1.2rem,3.4vw,1.9rem);letter-spacing:.24em;line-height:2.8;color:var(--navy)}.concept .lead-sm{margin-top:30px;font-size:.88rem;line-height:2.6;color:var(--ink-soft);max-width:620px;margin-inline:auto}.panel{display:grid;grid-template-columns:1fr 1fr;min-height:480px;align-items:stretch}@media (max-width:860px){.panel{grid-template-columns:1fr}}.panel .ph{position:relative;min-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center}.panel .tx{padding:70px 56px;display:flex;flex-direction:column;justify-content:center}@media (max-width:640px){.panel .tx{padding:54px 28px}}.panel .tx .p-en{font-family:var(--disp);font-size:.8rem;letter-spacing:.4em;color:var(--gold)}.panel .tx h3{font-family:var(--serif);font-size:1.7rem;letter-spacing:.2em;color:var(--navy);margin:12px 0 20px;line-height:1.7}.panel .tx p{font-size:.87rem;color:var(--ink-soft);line-height:2.4}.panel .tx .btn{margin-top:34px;align-self:flex-start}[hidden]{display:none!important}.maker{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:start}@media (max-width:960px){.maker{grid-template-columns:1fr}}.maker .form{display:grid;gap:18px}.maker label{display:grid;gap:7px;font-size:.75rem;letter-spacing:.22em;color:var(--gold);font-family:var(--serif)}.maker input[type=text],.maker select{font-family:var(--sans);font-size:.95rem;padding:12px 14px;color:var(--ink);border:1px solid rgba(179,148,90,.4);background:#fff;outline:none;transition:.3s;letter-spacing:.06em;width:100%}.maker input[type=text]:focus,.maker select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(179,148,90,.15)}.year-picker{display:flex;gap:10px;flex-wrap:wrap}.year-picker button{width:44px;height:44px;border:1px solid rgba(179,148,90,.4);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--disp);font-size:.8rem;color:var(--ink);transition:.25s}.year-picker button .d{width:12px;height:12px;transform:rotate(45deg);border:1px solid rgba(0,0,0,.12)}.year-picker button.on{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy);transform:translateY(-2px)}.file-drop{border:1.5px dashed rgba(179,148,90,.55);padding:22px;text-align:center;cursor:pointer;font-size:.78rem;color:var(--ink-soft);transition:.3s;background:#fff}.file-drop:hover{background:rgba(191,221,232,.2);border-color:var(--gold)}.canvas-frame{position:relative}#idCanvas{width:100%;height:auto;box-shadow:0 24px 60px rgba(29,42,68,.22);background:#fff}.maker-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.seg{display:flex;gap:0;border:1px solid rgba(179,148,90,.4);background:#fff}.seg button{flex:1;padding:12px 10px;background:none;border:none;cursor:pointer;transition:.25s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--serif);font-size:.84rem;letter-spacing:.16em;color:var(--ink-soft)}.seg button+button{border-left:1px solid rgba(179,148,90,.4)}.seg button.on{background:var(--navy);color:#f4f2ec}.seg button:not(.on):not([disabled]):hover{background:rgba(191,221,232,.25);color:var(--navy)}.seg button[disabled]{cursor:default;color:rgba(90,98,116,.5);background:repeating-linear-gradient(-45deg,transparent 0 7px,rgba(179,148,90,.07) 7px 14px)}.seg .lock{font-family:var(--disp);font-size:.55rem;letter-spacing:.24em;color:var(--gold);opacity:.85}.soon{position:relative;max-width:760px;margin:0 auto;text-align:center;padding:64px 44px 58px;background:#fff;border:1px solid var(--gold);box-shadow:var(--shadow)}@media (max-width:600px){.soon{padding:46px 22px 42px}}.soon::before{content:"";position:absolute;inset:10px;border:1px solid rgba(179,148,90,.35);pointer-events:none}.soon .crest{width:54px;height:54px;color:var(--gold);margin:0 auto 16px;animation:crestSpin 9s ease-in-out infinite}.soon .en{font-family:var(--disp);font-size:.76rem;letter-spacing:.5em;text-indent:.5em;color:var(--gold)}.soon h2{font-family:var(--serif);font-size:clamp(1.35rem,4vw,1.9rem);letter-spacing:.2em;color:var(--navy);margin:16px 0 6px;line-height:1.9}.soon .sub{font-family:var(--disp);font-size:.7rem;letter-spacing:.34em;color:var(--ink-soft)}.soon p{font-size:.85rem;line-height:2.4;color:var(--ink-soft);margin-top:26px}.soon .peek{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;text-align:left}@media (max-width:640px){.soon .peek{grid-template-columns:1fr}}.soon .peek div{padding:18px 18px;background:var(--paper-soft);border-left:2px solid rgba(179,148,90,.55)}.soon .peek .k{font-family:var(--disp);font-size:.6rem;letter-spacing:.3em;color:var(--gold)}.soon .peek .v{font-family:var(--serif);font-size:.92rem;letter-spacing:.14em;color:var(--navy);margin-top:6px}.soon .peek .t{font-size:.72rem;line-height:1.95;color:var(--ink-soft);margin-top:8px}.note{font-size:.72rem;color:var(--ink-soft);letter-spacing:.1em}.center{text-align:center}.mt-lg{margin-top:64px}.mt-md{margin-top:36px}.gold-rule{width:60px;height:1px;background:var(--gold);margin:26px auto}.uniform-shots{display:grid;grid-template-columns:1fr 1fr;gap:26px}@media (max-width:760px){.uniform-shots{grid-template-columns:1fr}}.uniform-shots figure{position:relative;overflow:hidden;box-shadow:var(--shadow)}.uniform-shots img{transition:transform .8s}.uniform-shots figure:hover img{transform:scale(1.03)}.uniform-shots figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:linear-gradient(transparent,rgba(29,42,68,.82));color:#fff;font-size:.72rem;letter-spacing:.24em;font-family:var(--serif)}.year-legend{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.year-legend .yl{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 20px;background:#fff;border:1px solid rgba(179,148,90,.22);min-width:96px;transition:transform .35s}.year-legend .yl:hover{transform:translateY(-5px)}.year-legend .dia{width:20px;height:20px;transform:rotate(45deg);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 10px rgba(0,0,0,.15)}.year-legend .yn{font-family:var(--disp);font-size:.9rem;letter-spacing:.2em;color:var(--navy)}.year-legend .yc{font-size:.62rem;letter-spacing:.24em;color:var(--ink-soft)}.relmap{display:grid;gap:16px}.relmap .rel{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:20px 24px;background:#fff;border:1px solid rgba(179,148,90,.22);transition:transform .35s,box-shadow .35s}.relmap .rel:hover{transform:translateX(6px);box-shadow:var(--shadow)}body.theme-night .relmap .rel{background:rgba(255,255,255,.04);border-color:rgba(212,184,120,.22)}.relmap .who{font-family:var(--serif);letter-spacing:.2em;font-size:.95rem;color:var(--gold);white-space:nowrap;min-width:9em}.relmap .how{font-size:.82rem;line-height:2;color:inherit;opacity:.85}@media (max-width:640px){.relmap .rel{grid-template-columns:1fr;gap:8px}}.cnav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;max-width:820px;margin-inline:auto}.cnav a{display:flex;align-items:center;gap:16px;padding:18px 24px;border:1px solid rgba(179,148,90,.3);background:rgba(0,0,0,.02);transition:border-color .35s,background .35s;min-width:0}.cnav a:hover{border-color:var(--gold);background:rgba(179,148,90,.08)}body.theme-night .cnav a{border-color:rgba(212,184,120,.28);background:rgba(255,255,255,.03)}body.theme-night .cnav a:hover{border-color:var(--gold-bright);background:rgba(212,184,120,.09)}.cnav .ar{font-family:var(--disp);font-size:1.6rem;line-height:1;color:var(--gold);transition:transform .35s;flex:none}body.theme-night .cnav .ar{color:var(--gold-bright)}.cnav .prev:hover .ar{transform:translateX(-5px)}.cnav .next:hover .ar{transform:translateX(5px)}.cnav .t{display:flex;flex-direction:column;gap:5px;min-width:0}.cnav .no{font-family:var(--disp);font-size:.58rem;letter-spacing:.3em;color:var(--gold);opacity:.85}body.theme-night .cnav .no{color:var(--gold-bright)}.cnav .nm{font-family:var(--serif);font-size:1.02rem;letter-spacing:.2em;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.theme-night .cnav .nm{color:#e8ecf4}.cnav .prev{text-align:left}.cnav .next{justify-content:flex-end;text-align:right}.cnav .idx{justify-content:center;padding:18px 22px;font-family:var(--serif);font-size:.76rem;letter-spacing:.24em;color:var(--gold);white-space:nowrap}body.theme-night .cnav .idx{color:var(--gold-bright)}.cnav .idx .crest{width:20px;height:20px;color:currentColor;flex:none}@media (max-width:620px){.cnav{grid-template-columns:1fr 1fr}.cnav a{padding:14px 16px;gap:11px}.cnav .idx{grid-column:1/-1;order:3}.cnav .nm{font-size:.88rem;letter-spacing:.14em}.cnav .ar{font-size:1.3rem}}.tpanel{max-width:1080px;margin-inline:auto;display:grid;grid-template-columns:auto 1fr;gap:52px;padding:64px 60px}.tpanel .tp-side{display:flex;flex-direction:column;align-items:center;gap:18px;padding:4px 0 2px}.tpanel .tp-no{font-family:var(--disp);font-size:1.5rem;letter-spacing:.14em;color:var(--gold);line-height:1}.tpanel .tp-rule{width:1px;flex:1;min-height:56px;background:linear-gradient(var(--gold),rgba(179,148,90,.12))}.tpanel .tp-en{writing-mode:vertical-rl;font-family:var(--disp);font-size:.72rem;letter-spacing:.42em;color:var(--gold)}.tpanel h3{font-family:var(--serif);font-size:clamp(1.45rem,3.4vw,2.05rem);letter-spacing:.2em;line-height:1.95;color:var(--navy);font-weight:600}.tpanel h3::after{content:"";display:block;width:52px;height:1px;background:var(--gold);margin:26px 0 0}.tpanel p{margin-top:26px;font-size:.88rem;line-height:2.5;color:var(--ink-soft);max-width:44em}.tpanel .tp-kw{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.tpanel .tp-kw span{font-size:.68rem;letter-spacing:.18em;color:var(--gold);padding:5px 15px;border:1px solid rgba(179,148,90,.45)}.tpanel .btn{margin-top:34px}.tpanel.night{background:linear-gradient(160deg,#232b3e,#151d2f);border-color:rgba(212,184,120,.3)}.tpanel.night h3{color:#eef2f8}.tpanel.night p{color:#aab6c9}.tpanel.night .tp-no,.tpanel.night .tp-en{color:var(--gold-bright)}.tpanel.night .tp-rule{background:linear-gradient(var(--gold-bright),rgba(212,184,120,.1))}.tpanel.night .tp-kw span{color:var(--gold-bright);border-color:rgba(212,184,120,.45)}.tpanel.night .btn{color:#eef2f8;border-color:rgba(212,184,120,.6)}.tpanel.night .btn::before{background:var(--gold)}.tpanel.night .btn:hover{color:var(--night)}@media (max-width:760px){.tpanel{grid-template-columns:1fr;gap:26px;padding:46px 28px}.tpanel .tp-side{flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.tpanel .tp-en{writing-mode:horizontal-tb}.tpanel .tp-rule{width:auto;height:1px;flex:0 0 40px;min-height:0;background:linear-gradient(90deg,var(--gold),rgba(179,148,90,.12))}.tpanel.night .tp-rule{background:linear-gradient(90deg,var(--gold-bright),rgba(212,184,120,.1))}}.chara-card .visual.emblem{background:radial-gradient(ellipse 70% 55% at 50% 44%,rgba(143,163,184,.34),transparent 72%),linear-gradient(180deg,#232b3e 0%,#131a2b 100%)}.chara-card .visual.emblem .fog{position:absolute;inset:0;background:radial-gradient(circle at 28% 78%,rgba(191,221,232,.16),transparent 56%),radial-gradient(circle at 74% 24%,rgba(179,148,90,.14),transparent 52%);animation:fogMove 9s ease-in-out infinite alternate}.emb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.emb .ring{position:absolute;width:min(64%,206px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(212,184,120,.45);box-shadow:0 0 0 14px rgba(212,184,120,.06),0 0 46px rgba(143,163,184,.28) inset;animation:qFloat 6s ease-in-out infinite}.emb .crest{width:32px;height:32px;color:var(--gold-bright);opacity:.9;position:relative;z-index:2}.emb .ji{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(1.9rem,5.2vw,2.6rem);letter-spacing:.26em;text-indent:.26em;color:#eef2f8;text-shadow:0 0 34px rgba(143,163,184,.85)}.emb .rd{position:relative;z-index:2;font-family:var(--disp);font-size:.68rem;letter-spacing:.42em;text-indent:.42em;color:var(--gold-bright)}@media (prefers-reduced-motion:reduce){.emb .ring{animation:none}}.art-emblem{position:relative;z-index:2;width:min(420px,84%);margin:0 auto;aspect-ratio:.9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:heroFloat 7s ease-in-out infinite}.art-emblem .o1,.art-emblem .o2{position:absolute;border-radius:50%;pointer-events:none}.art-emblem .o1{inset:0;border:1px solid rgba(212,184,120,.4);box-shadow:0 0 70px rgba(143,163,184,.22) inset}.art-emblem .o2{inset:9%;border:1px solid rgba(212,184,120,.16)}.art-emblem .crest{width:54px;height:54px;color:var(--gold-bright)}.art-emblem .ji{font-family:var(--serif);writing-mode:vertical-rl;font-size:clamp(2.4rem,6.4vw,3.4rem);letter-spacing:.3em;line-height:1.45;color:#eef2f8;text-shadow:0 0 44px rgba(143,163,184,.85)}.art-emblem .rd{font-family:var(--disp);font-size:.8rem;letter-spacing:.5em;text-indent:.5em;color:var(--gold-bright)}@media (prefers-reduced-motion:reduce){.art-emblem{animation:none}}.bloom{width:86px;height:86px;margin:0 auto;display:block;color:var(--water)}.bloom .pt{fill:currentColor;fill-opacity:.10;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.bloom .ln{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.orn-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:26px auto}.orn-rule::before,.orn-rule::after{content:"";width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.orn-rule::after{background:linear-gradient(270deg,transparent,var(--gold))}.orn-rule .dia{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--gold)}.dept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:22px}.dept{position:relative;background:#fff;border:1px solid rgba(179,148,90,.22);box-shadow:var(--shadow);padding:30px 26px 28px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.dept:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(29,42,68,.14)}.dept::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dc,var(--gold))}.dept .fam{display:inline-block;font-size:.6rem;letter-spacing:.24em;padding:3px 11px;border:1px solid var(--dc,var(--gold));color:var(--dc,var(--gold));margin-bottom:14px}.dept .den{font-family:var(--disp);font-size:.68rem;letter-spacing:.3em;color:var(--gold);display:block}.dept h3{font-family:var(--serif);font-size:1.14rem;letter-spacing:.18em;color:var(--navy);margin:6px 0 12px}.dept p{font-size:.79rem;line-height:2.2;color:var(--ink-soft)}.dept .mk{position:absolute;right:-16px;bottom:-20px;width:108px;height:108px;color:var(--dc,var(--gold));opacity:.09;pointer-events:none}.axis-list{display:grid;gap:16px}.axis{display:grid;grid-template-columns:5.6em 1fr 5.6em;align-items:center;gap:12px}.axis .lb{font-family:var(--serif);font-size:.72rem;letter-spacing:.1em;color:var(--ink-soft);white-space:nowrap;opacity:.55}.axis .lb.r{text-align:right}.axis .lb.on{color:var(--navy);opacity:1;font-weight:700}.axis .bar{position:relative;height:6px;background:rgba(179,148,90,.16);border-radius:99px}.axis .bar u{position:absolute;top:0;bottom:0;left:50%;right:50%;background:rgba(179,148,90,.5);border-radius:99px;transition:left 1.1s cubic-bezier(.2,.8,.2,1),right 1.1s cubic-bezier(.2,.8,.2,1)}.axis .bar i{position:absolute;top:-4.5px;left:50%;width:15px;height:15px;transform:translateX(-50%) rotate(45deg);background:var(--gold);border:1px solid rgba(255,255,255,.85);box-shadow:0 3px 9px rgba(29,42,68,.28);transition:left 1.1s cubic-bezier(.2,.8,.2,1)}@media (max-width:560px){.axis{grid-template-columns:4.6em 1fr 4.6em;gap:8px}.axis .lb{font-size:.66rem}}.ss-list{display:grid;gap:16px;max-width:780px;margin:0 auto}.ss{border:1px solid rgba(179,148,90,.32);background:rgba(255,255,255,.04);transition:border-color .4s}.ss[open]{border-color:var(--gold)}.ss>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:22px 26px;transition:background .3s}.ss>summary::-webkit-details-marker{display:none}.ss>summary:hover{background:rgba(179,148,90,.08)}.ss[open]>summary{border-bottom:1px solid rgba(179,148,90,.22)}.ss-no{font-family:var(--disp);font-size:.74rem;letter-spacing:.24em;color:var(--gold);white-space:nowrap}.ss-t{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.ss-ja{font-family:var(--serif);font-size:1rem;letter-spacing:.16em;color:var(--navy)}.ss-pair{font-size:.62rem;letter-spacing:.28em;color:var(--gold)}.ss-arw{font-family:var(--disp);font-size:1.05rem;color:var(--gold);flex:none;transition:transform .4s}.ss[open] .ss-arw{transform:rotate(135deg)}.ss-body{padding:28px 32px 34px}.ss-body p{font-family:var(--serif);font-size:.92rem;line-height:2.5;letter-spacing:.08em;color:var(--ink-soft)}.ss-body p+p{margin-top:1.15em}.ss-body p.d{color:var(--navy)}.ss-body .ss-end{margin-top:34px;text-align:center;font-size:.8rem;letter-spacing:.3em;color:var(--gold)}@media (max-width:600px){.ss>summary{padding:18px 18px;gap:13px}.ss-body{padding:22px 20px 28px}.ss-body p{font-size:.88rem;line-height:2.35}}body.theme-night .ss{border-color:rgba(212,184,120,.24)}body.theme-night .ss[open]{border-color:rgba(212,184,120,.55)}body.theme-night .ss>summary:hover{background:rgba(212,184,120,.07)}body.theme-night .ss[open]>summary{border-bottom-color:rgba(212,184,120,.22)}body.theme-night .ss-no,body.theme-night .ss-pair,body.theme-night .ss-arw,body.theme-night .ss-body .ss-end{color:var(--gold-bright)}body.theme-night .ss-ja{color:#e8ecf4}body.theme-night .ss-body p{color:#b9c4d6}body.theme-night .ss-body p.d{color:#e8ecf4}.chara-card .visual.portrait{background:radial-gradient(ellipse 72% 56% at 50% 40%,rgba(143,163,184,.34),transparent 72%),linear-gradient(180deg,#232b3e 0%,#131a2b 100%)}.chara-card .visual.portrait .fog{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 28% 78%,rgba(191,221,232,.16),transparent 56%),radial-gradient(circle at 74% 24%,rgba(179,148,90,.14),transparent 52%);animation:fogMove 9s ease-in-out infinite alternate}.chara-card .visual.portrait img{position:relative;z-index:2;height:200%;margin-top:3.5%;filter:drop-shadow(0 16px 30px rgba(10,16,30,.45))}.chara-card .visual.portrait::after{content:"";position:absolute;inset:auto 0 0;height:34%;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(17,24,40,.9) 92%)}.chara-card .info{z-index:5}.portrait-stack{position:relative;z-index:2;height:min(72vh,760px);margin:0 auto;display:flex;align-items:flex-end;justify-content:center;animation:heroFloat 7s ease-in-out infinite}.chara-hero .art .portrait-stack img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-height:100%;width:auto;margin:0;animation:none;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s;filter:drop-shadow(0 30px 60px rgba(20,28,48,.45))}.chara-hero .art .portrait-stack img.on{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.portrait-stack{animation:none}}.look-tabs{position:relative;z-index:3;display:flex;gap:10px;justify-content:center;margin-top:26px}.look-tabs button{background:none;cursor:pointer;padding:9px 22px;border:1px solid rgba(212,184,120,.4);color:#aab6c9;font-family:var(--serif);font-size:.82rem;letter-spacing:.24em;display:flex;align-items:baseline;gap:9px;transition:.35s}.look-tabs button span{font-family:var(--disp);font-size:.6rem;letter-spacing:.24em;opacity:.8}.look-tabs button:hover{border-color:rgba(212,184,120,.75);color:#e8ecf4}.look-tabs button.on{border-color:var(--gold-bright);color:#0f1626;background:linear-gradient(180deg,#e6d3a4,#d4b878)}