:root{--bg:#07101f;--bg2:#0a1628;--ink:#eef5ff;--muted:#a7b9d1;--line:rgba(189,214,246,.2);--blue:#8cc8ff;--red:#ff5e7b;--paper:#eaf1fa;--nav-h:72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.045;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site-header{height:var(--nav-h);position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);mix-blend-mode:normal;background:linear-gradient(180deg,rgba(3,9,18,.72),rgba(3,9,18,0));transition:.35s}.site-header.scrolled{background:rgba(4,11,21,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:11px;letter-spacing:.18em}.brand-logo{display:block;height:34px;width:auto;filter:drop-shadow(0 0 12px rgba(124,186,255,.28))}.brand-text{opacity:.8;white-space:nowrap}.site-nav{display:flex;gap:28px}.site-nav a{color:white;text-decoration:none;font-size:10px;letter-spacing:.18em;opacity:.75;position:relative}.site-nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-7px;background:white;transition:.25s}.site-nav a:hover:after{right:0}.menu-toggle{display:none;background:none;border:0;color:white;letter-spacing:.16em;font-size:11px}.hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#040914}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.98) contrast(1.04);transform:scale(1.01)}.hero-blur{display:none}.hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,14,.18),transparent 45%,rgba(4,8,15,.42)),linear-gradient(90deg,rgba(3,7,13,.22),transparent 18%,transparent 82%,rgba(3,7,13,.22));pointer-events:none}.hero-ui{position:absolute;inset:auto clamp(22px,4vw,64px) 24px;display:flex;align-items:flex-end;justify-content:space-between}.hero-kicker{font:500 10px/1.5 Arial,sans-serif;letter-spacing:.23em;opacity:.75}.scroll-cue{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:500 9px Arial,sans-serif;letter-spacing:.18em}.scroll-cue i{display:block;width:62px;height:1px;background:white;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;left:-60%;top:0;width:38%;height:1px;background:var(--blue);animation:scan 2.2s infinite}@keyframes scan{to{left:120%}}.section{position:relative;padding:clamp(100px,14vw,190px) clamp(22px,8vw,130px)}.section-rail{position:absolute;left:clamp(18px,3vw,44px);top:clamp(104px,14vw,190px);display:flex;gap:10px;align-items:center;writing-mode:vertical-rl;font:600 9px Arial,sans-serif;letter-spacing:.22em;color:#7d93ad}.section-rail span{font-size:10px;color:var(--blue)}.section-rail.light{color:rgba(255,255,255,.5)}.eyebrow{font:600 10px/1.2 Arial,sans-serif;letter-spacing:.25em;color:var(--blue);margin:0 0 20px}.story-section{background:radial-gradient(circle at 82% 22%,rgba(64,116,183,.16),transparent 30%),linear-gradient(180deg,#07101f,#091626)}.story-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(50px,9vw,130px);align-items:start}.story-grid h1,.section-intro h2,.rule-head h2,.world-copy h2,.final-glass h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:.04em}.story-grid h1{font-size:clamp(36px,5.8vw,78px);line-height:1.35;margin:0;color:#f5f8ff}.story-grid h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--blue);text-shadow:0 0 24px rgba(116,184,255,.35)}.story-copy{font-size:14px;line-height:2.15;color:#b9c9da;max-width:520px;padding-top:10px}.story-copy p{margin:0 0 22px}.story-copy strong{color:white;font-weight:500}.story-lead{margin-top:42px!important;color:white!important;font-family:"Yu Mincho",serif;font-size:20px!important}.memory-line{width:min(930px,80%);height:1px;margin:100px auto 0;background:var(--line);display:flex;justify-content:space-between}.memory-line span{width:7px;height:7px;border:1px solid var(--blue);background:#07101f;transform:translateY(-3px) rotate(45deg)}.rule-section{background:#e8eef6;color:#0d1b2b;overflow:hidden}.rule-section .section-rail{color:#647b92}.rule-stage{max-width:1180px;margin:auto;position:relative}.rule-head{max-width:640px;position:relative;z-index:2}.rule-head h2{font-size:clamp(40px,6vw,80px);line-height:1.25;margin:0 0 80px}.clock-orbit{position:absolute;width:min(64vw,720px);aspect-ratio:1;right:-10%;top:-15%;opacity:.24}.orbit{position:absolute;inset:0;border:1px solid #547392;border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;inset:8%;border:1px dashed #547392;border-radius:50%}.orbit-b{transform:scale(.72)}.clock-hand{position:absolute;left:50%;top:50%;width:38%;height:1px;background:#37536f;transform-origin:left center;transform:rotate(-54deg);animation:tick 8s steps(12) infinite}@keyframes tick{to{transform:rotate(306deg)}}.rule-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9c9d8;border-bottom:1px solid #b9c9d8;position:relative;z-index:2}.rule-cards article{padding:36px 34px 44px;border-right:1px solid #b9c9d8;min-height:225px;position:relative}.rule-cards article:last-child{border:0}.rule-cards article>span{font:600 10px Arial;letter-spacing:.18em;color:#6285a8}.rule-cards h3{font:500 28px Georgia,serif;letter-spacing:.12em;margin:42px 0 12px}.rule-cards p{font-size:13px;line-height:1.8;color:#526578;margin:0}.rule-cards .locked:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(42,67,91,.03) 10px 11px);pointer-events:none}.rule-cards .locked i{position:absolute;top:31px;right:28px;font:600 9px Arial;letter-spacing:.2em;color:#a94555}.rule-whisper{text-align:right;font:500 9px Arial;letter-spacing:.28em;color:#6d8194;margin:26px 0 0}.character-section{background:linear-gradient(180deg,#07111f,#0b1727 55%,#08111e)}.section-intro{max-width:920px;margin:0 auto 80px}.section-intro h2{font-size:clamp(38px,5.5vw,70px);line-height:1.35;margin:0 0 28px}.section-intro>p:last-child{font-size:13px;color:#93a9c2;line-height:1.8}.character-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.character-card{border:0;padding:0;background:#0e1c2e;color:white;position:relative;overflow:hidden;cursor:pointer;min-height:520px;text-align:left;isolation:isolate}.character-card:nth-child(1){grid-column:span 5;min-height:650px}.character-card:nth-child(2),.character-card:nth-child(3){grid-column:span 3.5}.character-card:nth-child(2){grid-column:6/span 4}.character-card:nth-child(3){grid-column:10/span 3}.character-card:nth-child(4){grid-column:2/span 4}.character-card:nth-child(5){grid-column:6/span 5}.character-card img{width:100%;height:100%;object-fit:cover;object-position:center top;position:absolute;inset:0;filter:saturate(.9) brightness(.9);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.character-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,18,.12) 0%,rgba(5,10,18,.04) 34%,rgba(2,7,14,.86) 100%);z-index:1}.character-card:hover img{transform:scale(1.03);filter:saturate(1) brightness(.96)}.char-meta{position:absolute;z-index:2;left:24px;right:20px;bottom:23px}.char-meta h3{font-family:"Yu Mincho",serif;font-weight:500;font-size:24px;margin:0 0 8px}.char-meta p{font-size:12px;line-height:1.7;color:#d5e0eb;margin:0;max-width:28em}.episode-section{background:radial-gradient(circle at 5% 10%,rgba(122,55,78,.12),transparent 35%),#090f1b}.episode-wrap{max-width:1180px;margin:auto}.section-intro.compact{margin:0 0 60px}.episode-arcs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.episode-arcs article{position:relative;padding:35px 28px 80px;border-right:1px solid var(--line);min-height:330px;overflow:hidden}.episode-arcs article:last-child{border:0}.episode-arcs span{font:600 9px Arial;letter-spacing:.2em;color:var(--blue)}.episode-arcs h3{font:500 22px Georgia,serif;letter-spacing:.07em;margin:70px 0 16px}.episode-arcs p{font-size:12px;line-height:1.9;color:#9eb0c5}.episode-arcs b{position:absolute;right:-4px;bottom:-25px;font:400 140px Georgia,serif;color:rgba(137,186,239,.07)}.world-section{min-height:900px;display:flex;align-items:flex-end;background:#06101e;overflow:hidden}.world-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,20,.94) 0%,rgba(5,11,20,.72) 42%,rgba(5,11,20,.1) 75%),linear-gradient(180deg,rgba(5,11,20,.1),rgba(5,11,20,.74)),url('assets/keyvisual.jpg') center/cover no-repeat;filter:saturate(.58) brightness(.82);transform:scale(1.03)}.world-copy{position:relative;z-index:2;max-width:650px;margin:0 0 40px 0}.world-copy h2{font-size:clamp(38px,5vw,65px);line-height:1.38;margin:0 0 35px}.world-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:#b6c5d5;max-width:570px}.final-section{min-height:720px;display:grid;place-items:center;padding:90px 25px;background:radial-gradient(circle at 50% 45%,rgba(86,154,224,.16),transparent 38%),linear-gradient(180deg,#07101e,#030914)}.final-glass{text-align:center;position:relative;padding:80px clamp(30px,8vw,120px);border:1px solid rgba(170,206,244,.22);background:rgba(14,28,47,.34);backdrop-filter:blur(18px);box-shadow:0 35px 100px rgba(0,0,0,.28)}.final-glass:before,.final-glass:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--blue);transform:rotate(45deg)}.final-glass:before{top:-6px;left:50%}.final-glass:after{bottom:-6px;left:50%}.final-glass h2{font-size:clamp(36px,5.3vw,68px);line-height:1.45;margin:0 0 30px}.final-glass>p:not(.eyebrow){font-family:"Yu Mincho",serif;letter-spacing:.08em;color:#9fb1c5}.final-glass a{display:inline-flex;gap:30px;margin-top:44px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.4);color:white;text-decoration:none;font:500 9px Arial;letter-spacing:.2em}footer{padding:58px clamp(25px,8vw,130px);background:#02070d;border-top:1px solid var(--line);display:grid;grid-template-columns:auto auto auto 1fr;gap:20px 40px;color:#7e91a6;font-size:10px;letter-spacing:.08em}footer a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(126,145,166,.35)}footer a:hover{color:#c7d9ed}footer .fiction{text-align:right}.sheet-modal{border:0;background:rgba(3,8,15,.92);padding:65px 18px 25px;max-width:min(92vw,1000px);max-height:92vh;color:white;box-shadow:0 30px 100px rgba(0,0,0,.5)}.sheet-modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.sheet-modal img{display:block;max-width:100%;max-height:78vh;margin:auto}.modal-close{position:fixed;top:22px;right:25px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.4);color:white;padding:11px 16px;letter-spacing:.12em;font-size:10px;cursor:pointer}.modal-name{position:fixed;left:25px;top:21px;margin:0;font-family:"Yu Mincho",serif;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media (max-width:900px){:root{--nav-h:62px}.site-header{padding:0 18px}.brand-text{display:none}.brand-logo{height:26px}.menu-toggle{display:block}.site-nav{position:fixed;top:62px;left:12px;right:12px;background:rgba(4,11,20,.96);backdrop-filter:blur(18px);padding:32px;display:flex;flex-direction:column;gap:25px;transform:translateY(-15px);opacity:0;pointer-events:none;transition:.25s;border:1px solid var(--line)}.site-nav.open{transform:none;opacity:1;pointer-events:auto}.hero{min-height:0;height:100svh}.hero-blur{display:block;position:absolute;inset:-12%;background:url('assets/keyvisual-mobile.jpg') center/cover no-repeat;filter:blur(22px) brightness(.52);transform:scale(1.08)}.hero-image{object-fit:contain;object-position:center;z-index:1}.hero-vignette,.hero-ui{z-index:2}.hero-ui{bottom:18px}.hero-kicker{display:none}.section{padding:110px 22px}.section-rail{display:none}.story-grid{grid-template-columns:1fr;gap:36px}.story-grid h1{font-size:41px}.story-copy{font-size:13px}.memory-line{margin-top:70px;width:92%}.rule-section{padding-top:100px}.rule-head h2{font-size:44px;margin-bottom:50px}.clock-orbit{width:86vw;right:-34%;top:-6%}.rule-cards{grid-template-columns:1fr}.rule-cards article{border-right:0;border-bottom:1px solid #b9c9d8;min-height:190px}.rule-cards article:last-child{border-bottom:0}.rule-cards h3{margin-top:28px}.section-intro{margin-bottom:45px}.section-intro h2{font-size:42px}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.character-card,.character-card:nth-child(1),.character-card:nth-child(2),.character-card:nth-child(3),.character-card:nth-child(4),.character-card:nth-child(5){grid-column:auto;min-height:430px}.character-card:nth-child(1){grid-column:1/-1;min-height:560px}.char-meta{left:15px;right:15px;bottom:15px}.char-meta h3{font-size:18px}.char-meta p{font-size:11px;line-height:1.6}.episode-arcs{grid-template-columns:1fr 1fr}.episode-arcs article:nth-child(2){border-right:0}.episode-arcs article:nth-child(-n+2){border-bottom:1px solid var(--line)}.world-section{min-height:760px;align-items:flex-end}.world-art{background:linear-gradient(180deg,rgba(5,11,20,.2),rgba(5,11,20,.95) 66%),url('assets/keyvisual-mobile.jpg') center top/cover no-repeat}.world-copy h2{font-size:39px}.final-section{min-height:620px}.final-glass{padding:65px 24px}.final-glass h2{font-size:38px}footer{grid-template-columns:1fr;gap:12px;padding:40px 22px}footer .fiction{text-align:left;line-height:1.8}}@media (max-width:560px){.hero{background:#050a12}.hero-image{width:100%;height:100%;object-fit:contain}.hero-ui{justify-content:center}.character-grid{grid-template-columns:1fr}.character-card,.character-card:nth-child(1){grid-column:auto;min-height:540px}.episode-arcs{grid-template-columns:1fr}.episode-arcs article{border-right:0;border-bottom:1px solid var(--line)!important;min-height:260px}.episode-arcs article:last-child{border-bottom:0!important}.episode-arcs h3{margin-top:45px}.final-glass{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Character portraits: keep faces fully visible at every breakpoint. */
.character-card img{object-position:center top}