/* A framed, character-led fantasy realm. */
:root{--ink:#080f17;--panel:#101c28;--line:#a6c5dc26;--gold:#d4b47b;--light:#f8dba0}
body{background:#060c12 url('assets/gateway.webp') center top/100% auto fixed no-repeat;position:relative}
body:before{content:'';position:fixed;inset:0;background:#040a11dc;pointer-events:none;z-index:-1}
main,footer{max-width:1480px;margin-inline:auto;background:#09121b}
main{margin-top:26px;border-inline:1px solid #9eacb926;box-shadow:0 0 90px #0008}
.site-header{max-width:1480px;margin-inline:auto;top:26px;height:88px;padding-inline:4%;background:linear-gradient(#08111bef,#09121b80);border-bottom:1px solid #c9b07c44}
.site-header:after{content:'◆';position:absolute;bottom:-7px;left:50%;font-size:10px;color:var(--gold);text-shadow:0 0 15px #edc884}
.site-header nav{font-family:var(--serif);font-size:12px;gap:34px;color:#e1d6bf}
.brand{font-size:26px;text-shadow:0 2px 12px #000}
.nav-chart{font-family:var(--serif);background:linear-gradient(#4b412d55,#171a2090);border-color:#d0ad7066;padding-inline:26px}
.hero{min-height:820px;max-height:1050px;height:calc(100svh - 26px);overflow:visible}
.hero-art{background-image:url('assets/treasury.webp');background-position:50% 35%;overflow:hidden;transition:filter .6s}
.hero.kingdom .hero-art{background-image:url('assets/gateway.webp')}
.hero:before{background:linear-gradient(90deg,#070f1aec 0%,#070f1a94 32%,#070f1a10 65%),linear-gradient(0deg,#09121b 0%,#09121b00 32%);pointer-events:none}
.hero:after{content:'';position:absolute;inset:100px 16px 16px;border:1px solid #edcf8c16;pointer-events:none;z-index:-1}
.hero-content{padding:130px 5.5% 135px}
h1{font-weight:600;font-size:clamp(48px,5.3vw,83px);line-height:1.13;letter-spacing:-3px;max-width:880px;margin-bottom:25px}
.hero-lead{font-family:Georgia,serif;font-size:22px;color:#ddd5c5}
.hero .eyebrow{font-size:9px;letter-spacing:2.8px;color:#b9d8df}
.hero .eyebrow span{border-color:#9ec8d2}
.hero-explain{color:#adbcc4;text-shadow:0 2px 10px #000}
.hero-actions{gap:18px;margin-top:30px}
.button{font-family:var(--serif);font-size:12px;letter-spacing:.7px;min-width:155px;position:relative;padding:16px 27px}
.gold{background:linear-gradient(180deg,#e9d0a0,#b08b50);border:1px solid #ffe7b9;box-shadow:inset 0 0 0 3px #815d364a,inset 0 0 0 4px #ebcc9370,0 0 25px #e7c08315;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}
.ghost{background:linear-gradient(#132735c9,#0b141fe0);border-color:#8cacb653;box-shadow:inset 0 0 0 3px #617e8f12}
.hero-note{color:#bac5cb;font-size:7px;letter-spacing:1.2px}
.loot-card{bottom:95px;right:5%;width:305px;transform:none;border-color:#bea571a3;background:linear-gradient(120deg,#0a141fed,#182839ed);box-shadow:inset 0 0 0 4px #b9b9b609,0 15px 60px #0007;padding:20px}
.loot-card:before,.loot-card:after{content:'';position:absolute;width:13px;height:13px;border:2px solid #d6b779;pointer-events:none}
.loot-card:before{top:-3px;left:-3px;border-right:0;border-bottom:0}.loot-card:after{bottom:-3px;right:-3px;border-left:0;border-top:0}
.loot-card:hover{transform:translateY(-5px)}
.realm-picker{position:absolute;bottom:33px;left:5.5%;display:flex;align-items:center;gap:20px}
.realm-picker>span{font-size:7px;letter-spacing:1.8px;color:#80949e;margin-right:10px}
.realm-picker button{padding:10px 0;background:transparent;border:0;border-bottom:1px solid transparent;color:#8d9ba6;font:11px var(--serif)}
.realm-picker button.selected{border-bottom-color:var(--gold);color:var(--light)}
.realm-picker i{font-style:normal;font-size:7px;color:#b39b6f}
.realm-strip{position:relative;background:linear-gradient(#142231,#0c1722);border-block-color:#c5a66a44;padding:26px 5.5%;box-shadow:0 -10px 35px #0003}
.section{padding-inline:7%}
.section .eyebrow{font-family:var(--serif);letter-spacing:1.7px;font-size:10px}
.quest{background:radial-gradient(ellipse at top left,#14374b70,transparent 65%);position:relative}
.quest-layout{background:linear-gradient(110deg,#172735,#0c1721);border-color:#aa9a7255;box-shadow:0 0 0 4px #0003,0 15px 50px #0003}
.quest-log{border-right-color:#9ca8af25;background:linear-gradient(90deg,#050e1670,transparent)}
.panel-top{font-family:var(--serif);font-size:10px;color:#7796a5}.panel-top span:first-child{color:#e4c68f}
.quest-step.active{background:linear-gradient(90deg,#35627d33,#18293433);border-color:#80bed454;box-shadow:inset 3px 0 #95d5e2,0 0 20px #38b5d408}
.quest-step.active b{color:#f2d399}.step-number{color:#627f93}.active .step-number{color:#9dccda}
.quest-detail{isolation:isolate;padding-block:42px;overflow:hidden}
.quest-detail:before{content:'';position:absolute;inset:0;background:linear-gradient(#07111bd9,#07111beb),url('assets/treasury.webp') center/cover;z-index:-1}
.item-frame{width:105px;height:105px;transform:none;border-color:#e0c68f;box-shadow:0 0 0 4px #b1884520,0 0 40px #e4b74233}
.item-frame img{border:1px solid #655838}.chapter{color:#9babb5}
.reward-rules{border-bottom:1px solid #a8b9c31f;padding-bottom:30px}.reward-rules b{color:#efd293}
.lore{position:relative;isolation:isolate;overflow:hidden;padding-block:100px;background:none;border-color:#c6a76f44}
.lore-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(#08121bee,#07101bbb 45%,#09121bf2),url('assets/gateway.webp') center/cover}
.lore-intro h2{font-size:clamp(30px,3.3vw,51px)}
.timeline article{border-color:#bda77377}.timeline p{color:#aab7bf}.timeline h3{color:#eee2c9}.timeline-dot{background:#102130}
.lore-quote{margin-top:60px}.lore-quote p{color:#e3e9eb}.lore-quote em{color:#e9c887}
.guild{background:radial-gradient(ellipse at 0 60%,#19405a45,transparent 65%)}
.guild-image{transform:none;background:#10222e;border-color:#82adbf66;box-shadow:0 0 0 5px #0003,0 0 45px #1d719c14}
.guild-image img{filter:saturate(.8)}.guild-image:before,.guild-image:after{border-color:#d1b47c;width:35px;height:35px}
.js .guild-image.reveal.visible{transform:none}.image-tag{background:#07111ded;border-color:#b7c9cd44}
.faq{background:#0b1620}.contract{position:relative;isolation:isolate;overflow:hidden;padding-block:80px 100px;background:none;border-top:1px solid #c5a97540}
.contract:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#08121bed,#08121bbd,#08121bea),url('assets/treasury.webp') center 50%/cover}
.contract-ornament{color:var(--gold);font-size:17px;margin-bottom:30px;text-shadow:0 0 24px #e6bb69}.contract-box{background:#0b1726db;border-color:#bca36b66;box-shadow:inset 0 0 0 4px #d7c69b06}
footer{border:1px solid #b19b6329;border-top:0;margin-bottom:26px;padding-inline:5.5%;background:#071018}
@media(min-width:1540px){body{padding-inline:35px}.site-header{width:calc(100% - 70px)}}