@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Noto+Serif+Display:wght@600;700;800&display=swap";:root{--color-bg-deep:#1a0707;--color-bg-red:#3b0d0d;--color-primary:#b91c1c;--color-primary-bright:#e11d2e;--color-vermilion:#d9471e;--color-gold:#f4c76b;--color-antique-gold:#b9852b;--color-paper:#f6e7c8;--color-ink:#170f0a;--color-jade:#2f8f83;--color-white-soft:#fff7e8;--shadow-red:0 24px 80px #770b1061;--shadow-gold:0 0 34px #f4c76b38;color:var(--color-white-soft);background:var(--color-bg-deep);font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg-deep);min-width:320px}body{min-width:320px;color:var(--color-white-soft);margin:0;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-root{isolation:isolate;min-height:100vh;position:relative}.eastern-stage{z-index:-2;pointer-events:none;background:var(--color-bg-deep);position:fixed;inset:0;overflow:hidden}.stage-gradient,.silk-texture,.ink-cloud,.lantern-glow,.gold-dust{position:absolute;inset:0}.stage-gradient{background:radial-gradient(circle at 22% 18%,#e11d2e61,#0000 28%),radial-gradient(circle at 78% 14%,#f4c76b38,#0000 23%),radial-gradient(circle at 50% 92%,#2f8f832e,#0000 30%),linear-gradient(140deg,#140303 0%,#3b0d0d 45%,#1a0707 100%)}.silk-texture{opacity:.36;mix-blend-mode:screen;background-image:linear-gradient(115deg,#fff7e80f 0 1px,#0000 1px 14px),linear-gradient(24deg,#f4c76b12 0 1px,#0000 1px 18px)}.dragon-hero-bg{filter:drop-shadow(0 0 44px #f4c76b42);width:min(54vw,760px);position:absolute;top:8vh;right:-7vw}.dragon-corner-bg{opacity:.48;filter:drop-shadow(0 0 28px #e11d2e4d);width:min(30vw,390px);position:absolute;bottom:0;left:0}.phoenix-accent-bg{opacity:.45;width:min(20vw,270px);position:absolute;top:14vh;left:6vw}.ink-cloud{filter:blur(28px);background:radial-gradient(circle,#14030380,#0000 68%);border-radius:999px;width:48vw;height:48vw;animation:18s ease-in-out infinite alternate inkDrift;inset:auto}.cloud-one{top:20vh;left:10vw}.cloud-two{animation-duration:22s;bottom:0;right:3vw}.lantern-glow{filter:blur(16px);background:radial-gradient(circle,#f4c76b47,#0000 64%);border-radius:999px;width:24rem;height:24rem;animation:5.5s ease-in-out infinite glowPulse;inset:auto}.glow-one{bottom:14vh;left:5vw}.glow-two{animation-delay:1.5s;top:10vh;right:18vw}.gold-dust span{background:var(--color-gold);border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite dustFloat;position:absolute;box-shadow:0 0 18px #f4c76bdb}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:1rem 0;display:flex;position:sticky;top:0}.brand-mark{width:4.25rem;height:4.25rem;color:var(--color-gold);box-shadow:var(--shadow-gold);clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);background:linear-gradient(145deg,#b91c1cd1,#3b0d0dc7);border:1px solid #f4c76b94;place-items:center;display:grid}.brand-mark span{letter-spacing:0;font-family:Noto Serif Display,serif;font-weight:800}.route-nav{background:#1a0707b8;border:1px solid #f4c76b3d;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem;display:flex;box-shadow:0 12px 40px #00000038}.route-link{color:#fff7e8bd;border-radius:999px;align-items:center;gap:.45rem;min-height:2.7rem;padding:0 .95rem;display:inline-flex;position:relative}.route-link.active,.route-link:hover,.route-link:focus-visible{color:var(--color-white-soft);background:#b91c1cc2;outline:1px solid #f4c76b73}.route-link.active:after{content:"";background:var(--color-gold);width:.48rem;height:.48rem;box-shadow:0 0 14px var(--color-gold);border-radius:50%;position:absolute;top:.35rem;right:.45rem}.page-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:3.2rem 0 5rem}.hero-section{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:center;gap:2rem;min-height:calc(100vh - 9rem);display:grid}.hero-copy{max-width:720px}.hero-kicker,.eyebrow{min-height:2.1rem;color:var(--color-gold);background:#3b0d0dad;border:1px solid #f4c76b73;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}h1,h2,h3{letter-spacing:0;margin:0;font-family:Noto Serif Display,serif;line-height:1.04}h1{color:var(--color-paper);text-shadow:0 0 34px #f4c76b3d,0 12px 60px #00000073;margin-top:1rem;font-size:clamp(4rem,14vw,8.8rem)}.hero-copy p,.scroll-panel p,.chapter-card p,.section-title p,.portrait-scroll p{color:#fff7e8d1;line-height:1.75}.hero-copy p{max-width:650px;font-size:1.08rem}.avatar-stage{aspect-ratio:1;place-items:center;display:grid;position:relative}.avatar-stage:before{content:"";clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);background:radial-gradient(circle,#f4c76b29,#b91c1c38,#0000 68%);border:1px solid #f4c76b80;position:absolute;inset:5%}.avatar-stage>img:first-child{aspect-ratio:1;object-fit:cover;width:min(72%,22rem);box-shadow:var(--shadow-red), var(--shadow-gold);clip-path:polygon(11% 0,89% 0,100% 11%,100% 89%,89% 100%,11% 100%,0 89%,0 11%);border:8px solid #f6e7c8db;position:relative}.kylin-seal{filter:drop-shadow(0 0 22px #f4c76b47);width:min(34%,9.5rem);position:absolute;bottom:2rem;right:1rem}.info-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:0 0 2rem;display:grid}.seal-card,.chapter-card,.portrait-scroll,.scroll-panel,.conclusion-card{box-shadow:var(--shadow-red);background:linear-gradient(135deg,#f6e7c814,#0000 42%),#3b0d0dbf;border:1px solid #f4c76b5c;position:relative;overflow:hidden}.seal-card{clip-path:polygon(10% 0,100% 0,100% 82%,90% 100%,0 100%,0 18%);min-height:10.25rem;padding:1rem}.seal-card svg{color:var(--color-gold)}.seal-card span,.chapter-index,.chapter-card .label,.tools-strip span{color:var(--color-gold);text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.seal-card strong{color:var(--color-paper);margin-top:.65rem;line-height:1.35;display:block}.scroll-panel{clip-path:polygon(2rem 0,calc(100% - 2rem) 0,100% 2rem,100% calc(100% - 2rem),calc(100% - 2rem) 100%,2rem 100%,0 calc(100% - 2rem),0 2rem);background:linear-gradient(90deg,#b91c1c29,#0000 20% 80%,#b91c1c29),#170f0aad;margin:2rem 0;padding:clamp(1.4rem,4vw,2.4rem)}.principle-panel{border-color:#2f8f838c}.section-title{margin-bottom:1.2rem}.section-title h2{color:var(--color-paper);margin-top:.8rem;font-size:clamp(2rem,7vw,4.6rem)}.tools-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:2rem;display:grid}.tools-strip article{background:#1a070794;border:1px solid #f4c76b3d;min-height:9rem;padding:1rem}.tools-strip b{color:var(--color-ink);background:var(--color-paper);border-radius:999px;margin:.55rem .35rem 0 0;padding:.3rem .5rem;font-size:.76rem;display:inline-flex}.route-hero{grid-template-columns:minmax(0,1fr) minmax(10rem,18rem);align-items:center;gap:1.5rem;min-height:24rem;margin-bottom:2rem;display:grid;position:relative}.route-hero img{filter:drop-shadow(0 0 24px #f4c76b3d);width:100%}.conclusion-hero{grid-template-columns:minmax(0,1fr) minmax(12rem,22rem)}.conclusion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}.conclusion-card{clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem);min-height:18rem;padding:1.25rem}.conclusion-card h3{color:var(--color-paper);font-size:1.55rem}.conclusion-card p{color:#fff7e8d1;line-height:1.72}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.chapter-card{clip-path:polygon(1.2rem 0,100% 0,100% calc(100% - 1.2rem),calc(100% - 1.2rem) 100%,0 100%,0 1.2rem);min-height:27rem;padding:1.35rem}.chapter-card:after{content:"";background:linear-gradient(120deg,#0000,#f4c76b2e,#0000);border:1px solid #0000;transition:translate .65s;position:absolute;inset:0;translate:-120%}.chapter-card:hover:after{translate:120%}.chapter-seal{width:3rem;height:3rem;color:var(--color-gold);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:#b91c1ccc;border:1px solid #f4c76b94;place-items:center;margin-bottom:.8rem;display:grid}.chapter-card h3{color:var(--color-paper);margin:.45rem 0 1rem;font-size:1.45rem}.chapter-card .label{margin-top:1rem}.project-file-actions{z-index:1;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;display:flex;position:relative}.project-file-actions a{min-height:2.55rem;color:var(--color-gold);background:#1a07079e;border:1px solid #f4c76b80;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.86rem;font-weight:800;display:inline-flex}.project-file-actions a:hover,.project-file-actions a:focus-visible{color:var(--color-ink);background:var(--color-gold);outline:none;box-shadow:0 0 22px #f4c76b52}.portrait-scroll{text-align:center;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);padding:1rem;position:sticky;top:6rem}.portrait-scroll img{aspect-ratio:1;object-fit:cover;border:5px solid #f4c76b73;width:100%}.portrait-scroll span{color:var(--color-paper);margin-top:1rem;font-family:Noto Serif Display,serif;font-size:1.7rem;font-weight:800;display:block}@keyframes dustFloat{0%,to{opacity:.28;translate:0}50%{opacity:.95;translate:12px -22px}}@keyframes inkDrift{0%{transform:translate(-3%,1%)scale(1)}to{transform:translate(4%,-4%)scale(1.12)}}@keyframes glowPulse{0%,to{opacity:.42;scale:.94}50%{opacity:.78;scale:1.08}}@media (width<=900px){.site-header{align-items:flex-start}.route-nav{max-width:calc(100vw - 7rem);overflow-x:auto}.hero-section,.route-hero{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:2rem}.info-grid,.tools-strip,.chapter-grid,.conclusion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-scroll{max-width:24rem;position:relative;top:0}.dragon-hero-bg{width:105vw;right:-40vw}}@media (width<=620px){.page-shell{width:min(100% - 1rem,1180px);padding-top:1rem}.site-header{width:min(100% - 1rem,1180px)}.brand-mark{width:3.25rem;height:3.25rem}.route-link{min-height:2.35rem;padding:0 .72rem}.route-link span{display:none}h1{font-size:clamp(3.2rem,28vw,5.4rem)}.info-grid,.tools-strip,.chapter-grid,.conclusion-grid{grid-template-columns:1fr}.seal-card,.chapter-card,.conclusion-card{min-height:auto}.scroll-panel{clip-path:polygon(1rem 0,calc(100% - 1rem) 0,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0 calc(100% - 1rem),0 1rem)}.phoenix-accent-bg,.dragon-corner-bg{opacity:.24}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}