:root{--ink:#050b0e;--deep:#07141a;--panel:#0b171c;--panel-2:#0f2025;--gold:#d1ad63;--gold-bright:#f2d391;--ivory:#eee8da;--mist:#9aa7a5;--line:rgba(209,173,99,.22);--serif:'Cinzel',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--ivory);background:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:var(--gold-bright);color:#111;padding:10px 16px}.skip-link:focus{top:12px}.site-atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 50% 10%,#102932 0,transparent 34%),linear-gradient(180deg,#071217 0,#030708 62%,#071115 100%)}.site-atmosphere:before{content:'';position:absolute;inset:0;opacity:.2;background-image:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.025) 46%,transparent 55%),radial-gradient(circle at 25% 30%,rgba(209,173,99,.08),transparent 18%)}.site-atmosphere span{position:absolute;border-radius:50%;filter:blur(55px);opacity:.13;animation:mist 18s ease-in-out infinite alternate}.site-atmosphere span:nth-child(1){width:55vw;height:12vw;left:-8vw;top:35vh;background:#d9e1d7}.site-atmosphere span:nth-child(2){width:42vw;height:10vw;right:-6vw;top:68vh;background:#d1ad63;animation-delay:-7s}.site-atmosphere span:nth-child(3){width:38vw;height:8vw;left:30vw;top:120vh;background:#a9c3c3;animation-delay:-12s}@keyframes mist{to{transform:translate3d(10vw,4vh,0) scale(1.15)}}
.site-header{width:min(1440px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:20}.brand-mark{width:48px;height:48px;display:grid;place-items:center;text-decoration:none;transform:rotate(45deg);border:1px solid var(--line);background:rgba(4,10,12,.72);box-shadow:inset 0 0 18px rgba(209,173,99,.08)}.brand-mark span{transform:rotate(-45deg);font:600 10px var(--serif);letter-spacing:.12em;color:var(--gold)}nav{display:flex;gap:42px}nav a{text-decoration:none;text-transform:uppercase;font-size:.74rem;font-weight:700;letter-spacing:.16em;color:#d3d4ce;transition:.25s}nav a:hover,nav a:focus-visible{color:var(--gold-bright)}.menu-toggle{display:none;color:var(--ivory);border:1px solid var(--line);background:rgba(4,10,12,.75);padding:9px 14px;text-transform:uppercase;letter-spacing:.12em}
.hero-carousel{position:relative;width:100%;aspect-ratio:1920/823;max-height:100vh;min-height:360px;overflow:hidden;background:#030607;border-bottom:1px solid var(--line)}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{z-index:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s ease}.hero-slide.is-active{z-index:1;opacity:1;visibility:visible}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-carousel:after{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,5,7,.34),transparent 18%,transparent 80%,rgba(3,7,9,.38))}.hero-arrow{position:absolute;z-index:4;top:50%;width:48px;height:64px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(242,211,145,.42);background:rgba(3,9,12,.55);color:var(--ivory);font:300 2.1rem/1 var(--sans);cursor:pointer;backdrop-filter:blur(7px);transition:background .25s,border-color .25s,transform .25s}.hero-arrow:hover,.hero-arrow:focus-visible{background:rgba(15,29,32,.9);border-color:var(--gold-bright)}.hero-prev{left:24px}.hero-next{right:24px}.hero-dots{position:absolute;z-index:4;left:50%;bottom:24px;display:flex;gap:11px;transform:translateX(-50%)}.hero-dot{width:42px;height:4px;padding:0;border:0;background:rgba(255,255,255,.38);cursor:pointer;transition:background .35s,transform .35s}.hero-dot.is-active{background:var(--gold-bright);transform:scaleX(1.18)}
.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--gold);text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.13em;transition:transform .25s,background .25s,color .25s,box-shadow .25s}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.35)}.button.primary{background:linear-gradient(135deg,#dfbf78,#b68d42);color:#10100d;border-color:#e5c985}.button.ghost{background:rgba(3,10,12,.5);color:var(--gold-bright)}.button.light{background:rgba(239,232,216,.92);color:#0b1111;border-color:#eee8da}.button-row{display:flex;flex-wrap:wrap;gap:12px}.content-section{width:min(1240px,calc(100% - 48px));margin:auto;padding:110px 0}.section-heading{max-width:760px;margin-bottom:48px}.section-heading>span,.eyebrow,.page-hero-copy>span{display:block;margin-bottom:13px;color:var(--gold);text-transform:uppercase;font-weight:700;font-size:.7rem;letter-spacing:.22em}.section-heading h2,.universe-copy h2,.about-preview h2{margin:0;font:600 clamp(2.1rem,4vw,4rem)/1.08 var(--serif)}.section-heading p{max-width:620px;margin:17px 0 0;color:var(--mist)}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{overflow:hidden;position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,31,37,.96),rgba(5,12,15,.98));box-shadow:0 28px 80px rgba(0,0,0,.25)}.project-card:before{content:'';position:absolute;inset:10px;z-index:3;border:1px solid rgba(209,173,99,.1);pointer-events:none}.project-art{height:350px;position:relative;overflow:hidden}.project-art>img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.project-card:hover .project-art>img{transform:scale(1.045)}.project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,12,15,.1),var(--panel))}.project-glyph{width:96px;height:96px;position:absolute;z-index:2;left:34px;bottom:24px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(3,8,10,.72);backdrop-filter:blur(8px)}.project-glyph img{width:74px;height:74px;object-fit:contain}.project-body{padding:30px 34px 40px}.project-label{color:var(--gold);text-transform:uppercase;font-size:.69rem;font-weight:700;letter-spacing:.2em}.project-body h3{min-height:72px;margin:12px 0;font:600 1.55rem/1.32 var(--serif)}.project-body p{color:#adb7b4;margin:0 0 18px}.traits{min-height:50px;color:#ddd3bd;font-size:.78rem;line-height:1.7;letter-spacing:.04em}.project-body .button-row{margin-top:24px}
.universe-section{min-height:660px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:linear-gradient(90deg,#071116,#0b181c 48%,#050b0d);border-block:1px solid var(--line)}.universe-art{height:660px;position:relative;display:flex;overflow:hidden}.world-half{width:50%;height:100%;filter:saturate(.75)}.codex-half{background:url('/assets/murim-codex.png') 45% center/cover}.jianghu-half{background:url('/assets/jianghu-law.png') 65% center/cover}.universe-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,12,.15),transparent 45%,rgba(4,10,12,.8)),linear-gradient(0deg,rgba(4,10,12,.55),transparent 45%)}.world-sigil{position:absolute;z-index:2;width:210px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 30px #000)}.universe-copy{padding:70px 8vw 70px 5vw}.universe-copy>span{color:var(--gold);text-transform:uppercase;font-size:.7rem;letter-spacing:.22em}.universe-copy p{color:#abb5b2}.universe-copy em{color:var(--gold-bright);font-style:normal;font-family:var(--serif)}
.discovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.discovery-grid.three-columns{grid-template-columns:repeat(3,1fr)}.discovery-card{min-height:320px;padding:28px;position:relative;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,29,34,.94),rgba(4,11,13,.98));text-decoration:none;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.discovery-card:after{content:'';position:absolute;width:190px;height:190px;right:-90px;bottom:-100px;border:1px solid rgba(209,173,99,.16);transform:rotate(45deg)}.discovery-card:hover{transform:translateY(-6px);border-color:rgba(242,211,145,.55);box-shadow:0 22px 60px rgba(0,0,0,.3)}.card-icon{width:74px;height:74px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);background:radial-gradient(circle,rgba(209,173,99,.1),rgba(209,173,99,.025) 68%,transparent)}.card-icon img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(235,205,143,.2))}.card-icon svg,.about-ink svg{width:38px;fill:none;stroke:currentColor;stroke-width:1.5}.card-number{position:absolute;right:24px;top:27px;color:rgba(209,173,99,.42);font:500 .8rem var(--serif)}.discovery-card h3{margin:28px 0 10px;font:600 1.18rem var(--serif)}.discovery-card p{margin:0 0 24px;color:#9eaaa7;font-size:.9rem}.text-link{margin-top:auto;color:var(--gold-bright);text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.12em}.text-link b{margin-left:6px}.center-action{text-align:center;margin-top:36px}.guides-preview{padding-top:40px}.compact-section{padding-top:60px}.updates-list{display:grid;gap:12px}.update-card{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;padding:26px 30px;border:1px solid var(--line);background:rgba(10,24,29,.8);text-decoration:none;transition:.25s}.update-card:hover{background:rgba(17,38,44,.9);border-color:rgba(242,211,145,.42)}.update-card>span{color:#85928f;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.update-card small{color:var(--gold);text-transform:uppercase;letter-spacing:.14em}.update-card h3,.update-card h2{margin:3px 0;font:600 1.15rem var(--serif)}.update-card p{margin:0;color:#96a29f;font-size:.86rem}.update-card>b{color:var(--gold-bright);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.about-preview{width:min(1150px,calc(100% - 48px));margin:60px auto 120px;padding:70px;display:grid;grid-template-columns:.55fr 1fr;gap:70px;align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,rgba(16,35,40,.92),rgba(5,12,15,.96))}.about-ink{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:var(--gold);border:1px solid rgba(209,173,99,.15);background:radial-gradient(circle,rgba(209,173,99,.08),transparent 60%)}.about-ink svg{width:120px}.about-ink span{text-align:center;text-transform:uppercase;font-size:.65rem;letter-spacing:.16em}.about-map{padding:10px;overflow:hidden;background:#0a1112}.about-map img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.about-preview p{color:#a7b1ae}
.page-hero{min-height:700px;padding:150px max(24px,calc((100vw - 1200px)/2)) 80px;display:grid;align-items:end;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero-art{position:absolute;inset:0}.page-hero.codex .page-hero-art{background:linear-gradient(90deg,rgba(4,10,12,.25),rgba(4,10,12,.82) 75%),linear-gradient(0deg,var(--ink),transparent 45%),url('/assets/murim-codex.png') center/cover}.page-hero.jianghu .page-hero-art{background:linear-gradient(90deg,rgba(4,10,12,.25),rgba(4,10,12,.82) 75%),linear-gradient(0deg,var(--ink),transparent 45%),url('/assets/jianghu-law.png') center/cover}.page-hero.split .page-hero-art{background:linear-gradient(90deg,rgba(4,10,12,.28),rgba(4,10,12,.84) 75%),linear-gradient(90deg,transparent 50%,rgba(7,18,22,.15) 50%),linear-gradient(0deg,var(--ink),transparent 45%),url('/assets/jianghu-law.png') center/cover}.page-hero-copy{position:relative;z-index:1;max-width:760px;padding:38px;border-left:1px solid var(--gold);background:linear-gradient(90deg,rgba(3,10,12,.72),transparent);backdrop-filter:blur(2px)}.page-hero h1{margin:0;font:600 clamp(2.5rem,5.5vw,5.5rem)/1.05 var(--serif)}.page-hero p{max-width:680px;color:#c0c8c3;font-size:1.08rem}.page-hero .button{margin-top:14px}.article-shell{width:min(1120px,calc(100% - 48px));margin:auto;padding:100px 0 130px}.feature-cloud{margin:0 0 60px;padding:0;display:flex;flex-wrap:wrap;gap:10px;list-style:none}.feature-cloud li{padding:10px 14px;border:1px solid var(--line);background:rgba(209,173,99,.05);color:#dacba9;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-card{min-height:240px;padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(14,31,36,.92),rgba(5,12,14,.96))}.story-card>span{color:rgba(209,173,99,.55);font:500 .8rem var(--serif)}.story-card h2{margin:25px 0 13px;font:600 1.45rem var(--serif)}.story-card p{margin:0;color:#9eaaa7}.related-section{padding-top:100px}
.site-footer{width:min(1380px,calc(100% - 48px));margin:auto;padding:70px 0 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;border-top:1px solid var(--line)}.site-footer>div:not(.footer-intro){display:flex;flex-direction:column;gap:8px}.site-footer strong{margin-bottom:8px;color:var(--gold);font:600 .82rem var(--serif)}.site-footer a{text-decoration:none;color:#9ba6a3;font-size:.8rem}.site-footer a:hover{color:var(--gold-bright)}.footer-brand{color:var(--ivory)!important;font:600 1.5rem var(--serif);letter-spacing:.04em}.footer-intro p{max-width:300px;color:#7e8b88;font-size:.82rem}.copyright{grid-column:1/-1;margin:35px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);color:#6f7a77;font-size:.72rem}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease var(--delay,0ms),transform .75s ease var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}
.ad-section{width:min(1120px,calc(100% - 48px));min-height:112px;margin:68px auto;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed rgba(123,163,169,.28);border-radius:18px;background:linear-gradient(90deg,rgba(7,18,22,.72),rgba(8,22,27,.48),rgba(7,18,22,.72))}.ad-section-opening{margin-bottom:0}.ad-section-closing{margin-top:-52px;margin-bottom:100px}.ad-label{position:absolute;z-index:0;top:12px;left:50%;transform:translateX(-50%);color:rgba(143,173,176,.55);font-size:.58rem;text-transform:uppercase;letter-spacing:.22em}.murim-ad-slot{position:relative;z-index:1;width:100%;min-height:90px}
@media(max-width:1000px){.project-grid,.universe-section{grid-template-columns:1fr}.universe-art{height:500px}.universe-copy{padding:70px max(24px,7vw)}.discovery-grid{grid-template-columns:1fr 1fr}.project-body h3{min-height:0}.about-preview{grid-template-columns:1fr}.updates-list .update-card{grid-template-columns:120px 1fr}.update-card>b{grid-column:2}.site-footer{grid-template-columns:1.5fr 1fr 1fr}.site-footer>div:last-of-type{grid-column:2}.footer-intro{grid-row:span 2}}
@media(max-width:700px){.site-header{width:calc(100% - 30px);height:70px}.menu-toggle{display:block}nav{display:none;position:absolute;top:62px;right:0;width:min(300px,calc(100vw - 30px));padding:18px;flex-direction:column;gap:0;border:1px solid var(--line);background:rgba(4,11,14,.97);box-shadow:0 18px 45px #000}nav.open{display:flex}nav a{padding:13px}.hero-carousel{min-height:280px;aspect-ratio:16/9;margin-top:0}.hero-slide img{object-fit:contain}.hero-arrow{width:38px;height:48px;font-size:1.65rem}.hero-prev{left:10px}.hero-next{right:10px}.hero-dots{bottom:12px}.hero-dot{width:30px}.content-section{width:calc(100% - 30px);padding:80px 0}.project-grid,.discovery-grid,.discovery-grid.three-columns,.story-grid{grid-template-columns:1fr}.project-art{height:270px}.project-body{padding:27px 24px 34px}.universe-art{height:420px}.universe-copy{padding:60px 24px}.discovery-card{min-height:275px}.updates-list .update-card{grid-template-columns:1fr;gap:8px;padding:24px}.update-card>b{grid-column:1}.about-preview{width:calc(100% - 30px);padding:28px;gap:35px;margin-bottom:80px}.about-ink{min-height:220px}.page-hero{min-height:610px;padding:120px 15px 45px}.page-hero-copy{padding:26px 20px}.article-shell{width:calc(100% - 30px);padding:70px 0 90px}.story-card{min-height:0;padding:28px 24px}.site-footer{width:calc(100% - 30px);grid-template-columns:1fr 1fr;padding-top:50px}.footer-intro{grid-column:1/-1;grid-row:auto}.site-footer>div:last-of-type{grid-column:auto}.copyright{margin-top:15px}.button-row .button{width:100%}}
@media(max-width:700px){.ad-section{width:calc(100% - 30px);min-height:100px;margin:45px auto;border-radius:14px}.ad-section-opening{margin-bottom:0}.ad-section-closing{margin-top:-35px;margin-bottom:70px}.murim-ad-slot{min-height:78px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.site-atmosphere span{animation:none}.reveal{opacity:1;transform:none;transition:none}.project-art>img,.hero-slide{transition:none}}
/* Heaven's Decree destiny and treasure catalog */
.page-hero.decree .page-hero-art{background:linear-gradient(90deg,rgba(4,8,12,.15),rgba(4,10,12,.86) 78%),linear-gradient(0deg,var(--ink),transparent 50%),url('/game/heavens-decree-cover-wide.png') center/cover}.decree-catalog{width:min(1240px,calc(100% - 48px))}.rarity-legend{display:flex;flex-wrap:wrap;gap:9px;margin:-15px 0 70px}.catalog-rarity{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--rarity) 42%,transparent);background:color-mix(in srgb,var(--rarity) 7%,rgba(5,12,15,.9));color:#ddd8cc;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}.catalog-rarity i{width:8px;height:8px;border-radius:50%;background:var(--rarity);box-shadow:0 0 12px var(--rarity)}.gacha-groups{display:grid;gap:72px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px;border-bottom:1px solid var(--line)}.catalog-heading span{padding-bottom:14px;color:#84928f;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}.catalog-heading h2{order:-1;margin:0;padding-bottom:14px;font:600 clamp(1.65rem,3vw,2.5rem) var(--serif)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.catalog-card{min-height:165px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid color-mix(in srgb,var(--rarity) 46%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 8%,rgba(13,29,34,.94)),rgba(4,11,13,.98));box-shadow:inset 0 0 35px color-mix(in srgb,var(--rarity) 5%,transparent);transition:.3s}.catalog-card:hover,.treasure-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--rarity) 76%,white 10%);box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 25px color-mix(in srgb,var(--rarity) 12%,transparent)}.rarity-name{color:var(--rarity);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.17em}.catalog-card h3,.treasure-card h3{margin:7px 0 15px;font:600 1.15rem var(--serif)}.catalog-card p,.treasure-card p{margin:0;color:#aab5b2;font-size:.82rem;line-height:1.55}.treasure-section{padding-top:115px}.treasure-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.treasure-card{min-height:175px;padding:26px;display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:start;border:1px solid color-mix(in srgb,var(--rarity) 48%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--rarity) 9%,rgba(14,28,33,.95)),rgba(5,12,15,.97));transition:.3s}.treasure-sigil{width:54px;height:54px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rarity) 60%,transparent);color:var(--rarity);font-size:1.2rem;box-shadow:inset 0 0 24px color-mix(in srgb,var(--rarity) 15%,transparent),0 0 20px color-mix(in srgb,var(--rarity) 12%,transparent);transform:rotate(45deg)}.catalog-cta{margin-top:100px;padding:45px 60px;display:grid;grid-template-columns:170px 1fr;gap:45px;align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,rgba(31,27,24,.92),rgba(5,12,15,.98))}.catalog-cta img{width:170px;filter:drop-shadow(0 0 25px rgba(225,172,70,.25))}.catalog-cta h2{margin:8px 0 22px;font:600 clamp(1.7rem,3vw,2.7rem) var(--serif)}.rarity-common{--rarity:#aeb5bd}.rarity-uncommon{--rarity:#78ddf2}.rarity-refined{--rarity:#62da83}.rarity-rare{--rarity:#518cff}.rarity-epic{--rarity:#f2d15d}.rarity-legendary{--rarity:#ff5c55}.rarity-mythic{--rarity:#bd6dff}.rarity-ancient{--rarity:#c88a45}.rarity-silver-heavenly{--rarity:#f4f8ff}
@media(max-width:900px){.catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.decree-catalog{width:calc(100% - 30px)}.catalog-grid,.treasure-grid{grid-template-columns:1fr}.catalog-heading{align-items:start;flex-direction:column;gap:0}.catalog-heading span{order:2}.catalog-cta{padding:30px 22px;grid-template-columns:1fr;text-align:center}.catalog-cta img{width:130px;margin:auto}.catalog-cta .eyebrow{text-align:center}}