:root{--bg: #070d18;--bg-2: #0d1524;--metal-1: #222c3f;--metal-2: #151d2d;--metal-3: #0d1421;--text: #e9eef8;--muted: #9faec8;--cyan: #7ed6ff;--blue: #5ca9ff;--orange: #ff9860;--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--shadow: 0 22px 70px rgba(0, 0, 0, .48);--max: 1180px;--font-body: "Inter", Arial, Helvetica, sans-serif;--font-display: "Rajdhani", Arial, Helvetica, sans-serif;--font-mono: "Courier New", monospace}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body),Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(92,169,255,.14),transparent 34%),radial-gradient(circle at 85% 15%,rgba(126,214,255,.08),transparent 30%),linear-gradient(135deg,var(--bg),var(--bg-2) 56%,#11151d)}a{color:inherit;text-decoration:none}.brandTitle,.topMenu a,.heroContent h1,.progressCopy h2,.novelIntro h1,.arcArchiveTitleBlock h2,.heroButton,.arcArchiveButton,.sectionKicker,.heroKicker{font-family:var(--font-display),Arial,Helvetica,sans-serif}.counterDigits span,.chapterPreviewNo{font-family:var(--font-mono),monospace}.homePage,.novelPage{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:26px 0 64px}.siteHeader{display:grid;justify-items:center;gap:16px;margin-bottom:28px}.brandLink{display:inline-flex;justify-content:center;align-items:center;padding:2px 0}.brandTitle{display:inline-block;font-size:clamp(38px,7vw,74px);line-height:.95;font-weight:900;letter-spacing:-.07em;text-transform:lowercase;color:#dde5f2;text-shadow:0 1px 0 rgba(255,255,255,.16),0 0 18px rgba(126,214,255,.12)}.brandLogo{width:min(420px,88vw);height:auto;display:block}.brandFallback{display:none;font-size:clamp(38px,7vw,74px);line-height:1;font-weight:900;letter-spacing:-.06em;text-transform:lowercase;color:#d8dfeb;text-shadow:0 2px 0 rgba(255,255,255,.18),0 0 18px rgba(126,214,255,.22)}.topMenu{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;padding:0;margin:0}.topMenu a{position:relative;padding:8px 2px;color:#e9eef8db;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topMenu a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--cyan);opacity:0;transform:scaleX(.35);transition:opacity .16s ease,transform .16s ease}.topMenu a:hover{color:var(--cyan);text-shadow:0 0 14px rgba(126,214,255,.48)}.topMenu a:hover:after{opacity:1;transform:scaleX(1)}.siteFooter{display:grid;justify-items:center;gap:14px;margin-top:34px;padding:24px 0 4px;color:var(--muted);text-align:center}.visitCounter{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(126,214,255,.22);background:linear-gradient(to bottom,#141d2df2,#080d16f5);box-shadow:inset 0 1px #ffffff0d,0 10px 28px #00000047}.counterLabel{color:#e9eef8b8;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.counterDigits{display:inline-flex;gap:2px}.counterDigits span{display:inline-grid;place-items:center;width:18px;height:24px;color:#dfe8f8;font-family:Courier New,monospace;font-size:15px;font-weight:800;background:linear-gradient(to bottom,#1f2a3e,#08101d);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14,inset 0 -6px 10px #00000052}.copyrightLine{max-width:860px;margin:0;color:#e9eef88a;font-size:12px;line-height:1.55;letter-spacing:.02em}.copyrightLine em{color:#e9eef8c7;font-style:normal}@media(max-width:720px){.homePage,.novelPage{width:min(100% - 22px,var(--max));padding-top:18px}.siteHeader{gap:14px;margin-bottom:24px}.brandTitle{font-size:clamp(40px,15vw,64px)}.topMenu{gap:4px 13px}.topMenu a{font-size:12px}}@media(max-width:900px)and (orientation:landscape){.homePage,.novelPage{width:min(100% - 28px,var(--max));padding-top:16px}.siteHeader{gap:10px;margin-bottom:18px}.brandTitle{font-size:clamp(34px,7vw,54px)}.topMenu a{font-size:11px;padding:6px 2px}}.heroButton{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 16px;border:1px solid rgba(126,214,255,.62);background:linear-gradient(to bottom,#5ca9ff2e,#5ca9ff14);color:var(--text);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;transition:all .2s ease}.heroButton:hover{color:#fff;border-color:#7ed6ffe6;box-shadow:0 0 18px #7ed6ff40}.sectionKicker{margin:0 0 10px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.aboutPage{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:26px 0 80px}.aboutHero{margin:40px auto 60px;max-width:980px;text-align:center;padding:80px 40px;background:linear-gradient(145deg,var(--metal-1),var(--metal-3));border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);position:relative;overflow:hidden}.aboutHero:before{content:"";position:absolute;inset:0;background:url(/carousel/carousel-world-01.png) center/cover no-repeat;opacity:.15;filter:saturate(0) brightness(.5);z-index:0}.aboutHeroContent{position:relative;z-index:1}.aboutHero h1{font-family:var(--font-display);font-size:clamp(40px,8vw,84px);line-height:.9;margin:0 0 24px;letter-spacing:-.04em;color:var(--text)}.identityLine{font-size:clamp(18px,2.5vw,26px);line-height:1.35;color:var(--text);max-width:800px;margin:0 auto 24px;font-weight:600}.atmosphericPara{font-size:clamp(16px,1.8vw,19px);line-height:1.5;color:var(--muted);max-width:680px;margin:0 auto 40px}.heroCTAs{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.aboutSection{max-width:800px;margin:0 auto 100px;text-align:center}.aboutSection h2{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);margin:0 0 20px;letter-spacing:-.02em}.aboutSection p{font-size:18px;line-height:1.6;color:var(--muted)}.fragmentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}.fragmentCard{padding:32px;background:var(--metal-2);border:1px solid var(--line);border-radius:4px;text-align:left;transition:all .3s ease}.fragmentCard:hover{border-color:var(--cyan);background:var(--metal-1);transform:translateY(-4px)}.fragmentCard h3{color:var(--cyan);font-family:var(--font-display);font-size:24px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.fragmentCard p{font-size:15px;line-height:1.5;margin:0}.timelineSection{background:var(--metal-3);border:1px solid var(--line);padding:60px 40px;border-radius:8px;margin-bottom:100px}.timelineAccent{font-family:var(--font-mono);color:var(--orange);font-weight:700;font-size:14px;margin-top:24px;display:block;letter-spacing:.1em}.personalNote{max-width:700px;margin:0 auto;padding:60px 0;border-top:1px solid var(--line-soft)}.personalNote p{font-style:italic;font-size:19px;line-height:1.7;color:var(--text)}.endLine{display:block;margin-top:40px;font-family:var(--font-display);font-size:32px;color:var(--cyan);letter-spacing:-.02em}@media(max-width:720px){.aboutHero{padding:40px 20px;margin-top:20px}.heroCTAs .heroButton{width:100%}.fragmentGrid{grid-template-columns:1fr}.timelineSection{padding:40px 20px}}.gatewaySection{max-width:var(--max);margin:0 auto;padding:4rem 1rem 8rem;text-align:center}.sectionIntro h1{font-size:clamp(2.5rem,8vw,4rem);text-transform:uppercase;letter-spacing:.1em;margin:.5rem 0 1.5rem;color:var(--text);font-family:var(--font-display)}.sectionKicker{color:var(--cyan);font-family:var(--font-mono);text-transform:uppercase;font-size:.9rem;letter-spacing:.2em}.sectionDescription{color:var(--muted);max-width:600px;margin:0 auto 4rem;font-size:1.1rem;line-height:1.6}.gatewayGrid{display:flex;justify-content:center;gap:4rem;perspective:1000px;margin-top:2rem}.gatewayCard{position:relative;width:380px;aspect-ratio:9 / 16;background:var(--metal-2);border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 50px #00000080}.gatewayCard:hover{transform:translateY(-15px) rotateY(-5deg);border-color:var(--cyan);box-shadow:0 30px 80px #000000b3,0 0 20px #7ed6ff33}.gatewayCard:nth-child(2):hover{transform:translateY(-15px) rotateY(5deg)}.gatewayCardImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:1;filter:saturate(.8) contrast(1.1)}.gatewayCard:hover .gatewayCardImage{transform:scale(1.1);filter:saturate(1.1) contrast(1.2)}.gatewayCardOverlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,13,24,1) 0%,rgba(7,13,24,.9) 20%,rgba(7,13,24,.4) 50%,transparent 100%);z-index:2;transition:opacity .3s ease}.gatewayCardContent{position:relative;z-index:3;padding:3rem 2rem;text-align:left}.gatewayCard h2{color:var(--cyan);font-family:var(--font-display);font-size:2.5rem;text-transform:uppercase;margin:0 0 1rem;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.gatewayCard p{color:var(--text);line-height:1.6;font-size:1rem;margin-bottom:2rem;opacity:.85}.gatewayButton{display:inline-block;background:#7ed6ff1a;border:1px solid var(--cyan);color:var(--cyan);padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;transition:all .3s;backdrop-filter:blur(10px)}.gatewayCard:hover .gatewayButton{background:var(--cyan);color:var(--bg);box-shadow:0 0 20px #7ed6ff66}@media(max-width:900px){.gatewayGrid{flex-direction:column;align-items:center;gap:3rem}.gatewayCard{width:100%;max-width:400px}}body.modal-open{overflow:hidden!important}.modal-backdrop{position:fixed;inset:0;background:#03070ee0;backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.modal-container{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;width:100%;max-width:860px;max-height:90vh;position:relative;z-index:1001;display:flex;flex-direction:column;box-shadow:var(--shadow),0 0 40px #7ed6ff1a;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-content{overflow-y:auto;padding:0;flex-grow:1;scrollbar-width:thin;scrollbar-color:var(--metal-1) transparent}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--metal-1);border-radius:10px}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:#0d1524cc;border:1px solid var(--line);color:var(--text);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1010;transition:all .2s;backdrop-filter:blur(4px)}.modal-close-btn:hover{border-color:var(--cyan);color:var(--cyan);transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.modal-backdrop{padding:0}.modal-container{max-height:100vh;border-radius:0;border:none}.modal-close-btn{top:1rem;right:1rem}}.seriesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--max);margin:40px auto 0}@media(max-width:900px){.seriesGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.seriesGrid{grid-template-columns:1fr}}.seriesCard{position:relative;aspect-ratio:16 / 9;background:var(--metal-2);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;transition:all .35s ease;box-shadow:var(--shadow)}.seriesCard:hover{transform:translateY(-4px);border-color:#7ed6ff73;box-shadow:var(--shadow),0 0 20px #7ed6ff24}.seriesCardImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55);transition:transform .5s ease,filter .5s ease;z-index:1}.seriesCard:hover .seriesCardImage{transform:scale(1.06);filter:saturate(.9) brightness(.65)}.seriesCardOverlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,13,24,.95) 0%,rgba(7,13,24,.5) 40%,transparent 100%);z-index:2}.seriesCardContent{position:relative;z-index:3;padding:16px 20px}.seriesCardKicker{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-family:var(--font-display);margin-bottom:4px}.seriesCardTitle{margin:0 0 6px;font-size:clamp(16px,2.5vw,22px);font-family:var(--font-display);color:var(--text);letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.seriesCardMeta{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.breadcrumb{font-size:12px;font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;margin-bottom:20px}.breadcrumb a{color:var(--cyan);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 6px;opacity:.5}