/* Navigation, character archive, and feathered film background. */
.page-shell{margin-left:186px}.site-header{left:186px;padding-left:clamp(25px,4vw,70px)}.site-header .brand{margin-right:auto}.site-header .header-entry{margin-left:auto}.sidebar-toggle{display:none}
.site-sidebar{position:fixed;inset:0 auto 0 0;width:186px;z-index:80;display:flex;flex-direction:column;background:linear-gradient(165deg,#101e29,#090f17 72%);border-right:1px solid rgba(166,211,224,.22);box-shadow:12px 0 40px rgba(0,0,0,.13)}
.sidebar-head{height:86px;padding:14px 15px 14px 19px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font:500 13px var(--serif);letter-spacing:.1em;white-space:nowrap}.sidebar-head small{display:block;font:500 8px var(--sans);color:#7c9ca8;letter-spacing:.24em;margin-top:4px}.sidebar-mark{font:30px Georgia;color:#c8ad8a}.sidebar-close{display:none}
.sidebar-nav{flex:1;overflow-y:auto;padding:22px 11px;scrollbar-width:thin;scrollbar-color:#315261 transparent}.side-link{display:flex;align-items:center;gap:13px;min-height:46px;padding:7px 10px;margin:3px 0;color:#96aab3;border-left:2px solid transparent;font-size:11px;letter-spacing:.1em;transition:background .25s,color .25s,border-color .25s,padding .25s}.side-link:hover,.side-link:focus-visible,.side-link.is-active{background:rgba(139,199,217,.09);color:#ecf6f7;border-left-color:#9cd5e3;padding-left:14px}.side-link svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.9}.side-link.is-active svg{filter:drop-shadow(0 0 6px rgba(153,228,237,.46));animation:sidebar-icon-in .55s ease both}@keyframes sidebar-icon-in{from{transform:scale(.76) rotate(-8deg);opacity:.25}to{transform:scale(1) rotate(0);opacity:1}}.sidebar-foot{border-top:1px solid var(--line);padding:14px 18px 20px;display:flex;flex-direction:column;gap:6px;color:#62808b;font-size:8px;letter-spacing:.18em}.sidebar-scrim[hidden]{display:none!important}
.hero-v2{background:#07111b}.hero-v2::before{opacity:.13}.hero-video-shell{position:absolute;z-index:1;inset:7% -2% 4% 15%;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse 80% 76% at 58% 48%,#000 43%,rgba(0,0,0,.82) 67%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 76% at 58% 48%,#000 43%,rgba(0,0,0,.82) 67%,transparent 100%)}.hero-video-shell::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08111b 0%,rgba(8,17,27,.85) 16%,rgba(8,17,27,.34) 53%,rgba(8,17,27,.17) 100%),linear-gradient(0deg,#07111b 0%,transparent 18%,transparent 80%,#07111b 100%)}.hero-video-shell video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.79) brightness(.77);opacity:.9}.hero-v2 .hero-content{width:64%;max-width:760px}.hero-v2 .hero-intro{max-width:500px}.hero-v2 .hero-geometry{opacity:.34;mix-blend-mode:screen}.hero-v2 .hero-tags{margin-top:35px}.video-toggle{display:inline-flex;gap:10px;align-items:center;margin-top:29px;padding:6px 0;border:0;border-bottom:1px solid rgba(174,214,226,.35);background:transparent;color:#a5bfca;cursor:pointer;font-size:10px;letter-spacing:.16em}.video-toggle:hover,.video-toggle:focus-visible{color:#fff}.video-toggle-icon{width:18px;font-size:15px;line-height:1}
.characters-section{position:relative;background:linear-gradient(150deg,#0e1922,#152732 68%,#0e1922);border-bottom:1px solid var(--line);overflow:hidden}.characters-section::before{content:"";position:absolute;width:660px;height:660px;right:-100px;top:-160px;border:1px solid rgba(152,202,216,.11);border-radius:50%;box-shadow:0 0 0 80px rgba(166,214,227,.018),0 0 0 160px rgba(166,214,227,.015);pointer-events:none}.characters-section .section{position:relative;z-index:1}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.character-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-height:660px;overflow:hidden;text-align:left;border:1px solid rgba(205,228,230,.38);background:#edeee9;color:#fff;cursor:pointer;padding:0;box-shadow:0 22px 65px rgba(0,0,0,.15);transition:transform .4s,border-color .4s,box-shadow .4s}.character-card:hover,.character-card:focus-visible{transform:translateY(-8px);border-color:#d7f1f2;box-shadow:0 28px 80px rgba(0,0,0,.34)}.character-card-image{position:absolute;inset:0;display:block}.character-card-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,16,25,.42) 48%,rgba(8,16,25,.95) 100%)}.character-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 14%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.character-card:hover img{transform:scale(1.035)}.character-card-index,.character-card-name,.character-card-description,.character-card-cta{position:relative;z-index:1;margin-left:32px;margin-right:32px}.character-card-index{margin-top:auto;font-size:10px;color:#c3e5ea;letter-spacing:.32em}.character-card-name{display:block;font:300 clamp(35px,4.2vw,69px)/1.25 var(--sans);letter-spacing:.08em;margin-top:8px}.character-card-name small{font:500 19px var(--serif);letter-spacing:.1em}.character-card-description{font-size:12px;letter-spacing:.1em;color:#d6e2e4;margin-top:4px}.character-card-cta{border-top:1px solid rgba(237,249,249,.37);display:flex;justify-content:space-between;padding:15px 0 22px;font-size:11px;letter-spacing:.16em;margin-top:20px}.character-card-cta i{font:20px var(--sans);font-style:normal}
.character-dialog{border:1px solid rgba(175,223,229,.35);background:#0c1721;color:var(--ink);padding:0;width:min(1180px,92vw);max-width:none;max-height:90vh;box-shadow:0 38px 150px rgba(0,0,0,.7);overflow:auto}.character-dialog::backdrop{background:rgba(2,8,13,.83);backdrop-filter:blur(10px)}.dialog-shell{position:relative;padding:clamp(24px,4vw,52px)}.dialog-close{position:sticky;top:14px;float:right;z-index:5;width:42px;height:42px;border:1px solid rgba(190,223,231,.45);background:#142632;color:#e7f4f5;font:30px var(--sans);line-height:1;cursor:pointer}.dialog-close:hover{background:#2c4b59}.dialog-head{padding-bottom:24px;border-bottom:1px solid var(--line)}.dialog-head>span{font-size:10px;letter-spacing:.3em;color:var(--ice)}.dialog-head h2{font:300 clamp(40px,5vw,76px)/1.1 var(--sans);letter-spacing:.12em;margin:8px 0}.dialog-head p{font:14px var(--serif);color:#b6cdd2;margin:0}.dialog-body{display:grid;grid-template-columns:.38fr .62fr;gap:35px;padding-top:28px}.dialog-portrait{align-self:start;background:#eeeee9;min-height:520px;overflow:hidden}.dialog-portrait img{width:100%;height:570px;object-fit:cover;object-position:center top}.dialog-info>p{font-size:13px;line-height:2.05;color:#b5c4ca;margin:0 0 18px}.dialog-info .detail-overline{font-size:10px;color:var(--ice);letter-spacing:.25em;margin-top:5px}.dialog-info dl{display:grid;grid-template-columns:90px 1fr;gap:11px 16px;font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:24px 0}.dialog-info dt{color:#91b1bc}.dialog-info dd{color:#d6e3e5;margin:0}.detail-sheet-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.detail-sheet-head h3{font:500 22px var(--serif);margin:7px 0 12px}.detail-sheet-head span{font-size:10px;color:#8fabb3;letter-spacing:.05em}.detail-sheet-link{position:relative;display:block;background:#f5f3ed;overflow:hidden}.detail-sheet-link img{display:block;width:100%;height:auto}.detail-sheet-link span{position:absolute;bottom:10px;right:12px;background:rgba(9,22,32,.87);color:#e3f2f3;padding:5px 10px;font-size:10px;letter-spacing:.08em}.dialog-info .detail-note{font-size:11px;color:#8ca3ad;margin-top:14px}
@media(max-width:1180px){.page-shell{margin-left:154px}.site-header{left:154px}.site-sidebar{width:154px}.sidebar-head{font-size:11px;padding-left:13px}.sidebar-nav{padding:17px 8px}.side-link{gap:9px;padding:7px}.side-link:hover,.side-link:focus-visible,.side-link.is-active{padding-left:10px}.character-card{min-height:540px}.character-card-name{font-size:44px}}
@media(max-width:900px){.page-shell{margin-left:0}.site-header{left:0}.site-sidebar{width:min(270px,80vw);transform:translateX(-102%);transition:transform .3s ease;box-shadow:none}.site-sidebar.is-open{transform:translateX(0);box-shadow:25px 0 70px rgba(0,0,0,.4)}.sidebar-head{height:70px;font-size:13px;padding-left:20px}.sidebar-close{display:block;margin-left:auto;border:0;background:transparent;color:#d6e9ec;font:29px var(--sans);cursor:pointer}.sidebar-nav{padding:18px 12px}.side-link{min-height:47px;font-size:12px;gap:13px}.sidebar-scrim:not([hidden]){position:fixed;inset:0;z-index:70;background:rgba(0,5,10,.72);display:block}.sidebar-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:36px;border:0;background:transparent;margin-right:9px;padding:3px;cursor:pointer}.sidebar-toggle span{width:23px;height:1px;background:#e8f1f2}.hero-v2 .hero-content{width:90%}.character-card{min-height:500px}.dialog-body{grid-template-columns:1fr}.dialog-portrait{display:none}}
@media(max-width:760px){.site-header{padding-left:15px}.hero-v2{min-height:780px;padding-bottom:90px;padding-top:120px}.hero-v2 .hero-content{width:100%}.hero-v2 .hero-video-shell{inset:3% -15% 2% 0;mask-image:radial-gradient(ellipse 100% 85% at 60% 55%,#000 26%,rgba(0,0,0,.7) 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 85% at 60% 55%,#000 26%,rgba(0,0,0,.7) 55%,transparent 100%)}.hero-video-shell::after{background:linear-gradient(90deg,rgba(7,16,24,.84),rgba(7,16,24,.55)),linear-gradient(0deg,#07111b,transparent 25%,#07111b)}.hero-v2 .hero-geometry{opacity:.24}.video-toggle{margin-top:25px}.character-grid{grid-template-columns:1fr;gap:16px}.character-card{min-height:620px}.character-card-name{font-size:53px}.character-dialog{width:95vw;max-height:94vh}.dialog-shell{padding:25px 19px}.dialog-head h2{font-size:42px}.detail-sheet-head{display:block}.detail-sheet-head h3{font-size:20px}.detail-sheet-head span{display:block;margin-bottom:10px}.dialog-info dl{grid-template-columns:72px 1fr}}
@media(max-width:430px){.hero-v2{min-height:830px}.hero-v2 .hero-content{padding-top:0}.hero-v2 h1{font-size:42px}.character-card{min-height:530px}.character-card-index,.character-card-name,.character-card-description,.character-card-cta{margin-left:21px;margin-right:21px}.character-card-name{font-size:45px}.dialog-head h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.side-link.is-active svg{animation:none}.site-sidebar,.character-card,.character-card img{transition:none!important}}
.characters-section,.story-section,.play-section,.city-section,.corp-section,.plot-section,.archive-section,.guide-section,.author-section{scroll-margin-top:78px}
.character-orbit{position:absolute;width:min(60vw,670px);height:auto;right:-15%;top:-110px;pointer-events:none;opacity:.21;stroke:#96d8e3;stroke-width:1;filter:drop-shadow(0 0 18px rgba(98,188,208,.14));animation:character-orbit-drift 34s linear infinite}
.character-orbit .orbit-track{stroke-dasharray:4 13}.character-orbit .orbit-inner{stroke-dasharray:90 17 7 17}.character-orbit .orbit-trace{stroke-width:3;stroke-linecap:round;stroke-dasharray:345;stroke-dashoffset:345;animation:orbit-write 6s ease-in-out infinite}.character-orbit .orbit-cross{opacity:.3}.character-orbit .orbit-point{fill:#a7e5ed;stroke:none;filter:drop-shadow(0 0 12px #b9f9ff)}.character-orbit .orbit-center{fill:#5da6b5;stroke:#d1f8f8;stroke-width:2;animation:orbit-heart 4s ease-in-out infinite}
@keyframes character-orbit-drift{to{transform:rotate(360deg)}}@keyframes orbit-write{0%,12%{stroke-dashoffset:345;opacity:.2}45%,70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-345;opacity:.2}}@keyframes orbit-heart{50%{opacity:.45;transform:scale(1.65);transform-origin:300px 300px}}
@media(max-width:760px){.character-orbit{width:95vw;right:-35%;top:0;opacity:.13}}
@media(prefers-reduced-motion:reduce){.character-orbit,.character-orbit .orbit-trace,.character-orbit .orbit-center{animation:none!important}}