@font-face{font-family:'MAD Head';src:url('fonts/Oswald.ttf') format('truetype');font-weight:200 700;font-style:normal;font-display:swap}
:root{--accent:#bd91ff;--muted:#c5bed0;--line:#64517466;color-scheme:dark}
body{background:#090a10!important;isolation:isolate;color:#f4effa}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(6,8,14,.75),rgba(9,7,17,.38)),url('zone-bg.webp') center/cover no-repeat}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 20%,#07091055 65%,#070910b3)}
h1,h2,h3,.brand,.btn,.info-tile strong,summary,nav a,.stats strong,.terminal strong{font-family:'MAD Head','Arial Narrow',Arial,sans-serif!important}
h1,h2,h3{font-weight:600;text-transform:uppercase;letter-spacing:.025em!important}
h1{letter-spacing:.015em!important;text-shadow:0 3px 0 #0008,0 0 35px #9c53ff33!important}
.brand{font-weight:700;letter-spacing:.08em!important;font-size:28px}
nav a{font-size:16px;letter-spacing:.04em}
header{background:#080b12ed!important;border-bottom:1px solid #7d5c9755!important;backdrop-filter:blur(14px)}
.hero{background:linear-gradient(90deg,#090b1355,transparent)!important;padding-top:90px}
.hero h1{font-size:clamp(76px,10vw,140px);line-height:1.1}
.hero .intro{font-family:'MAD Head',Arial,sans-serif;font-size:25px;letter-spacing:.025em}
.label,.number{color:#c39eff;letter-spacing:.16em}
section{background:#080b12a6;border-top:1px solid #8370953d}
section#information{background:linear-gradient(180deg,#0b0c16b3,#080b12d9)}
.terminal,.card,.info-tile,.end,.rules-nav,.info-dialog{background:linear-gradient(145deg,#171621eb,#090c13f0)!important;border-color:#8661aa70!important;box-shadow:0 12px 35px #0004,inset 0 1px 0 #c8b4dd0d}
.terminal{border-radius:8px!important;border-top:3px solid #9e6bc9!important}
.terminal strong{font-size:25px;letter-spacing:.02em}
.btn{font-size:18px!important;letter-spacing:.035em;border-radius:3px!important;background:#10101bcc}
.btn.primary{background:#ac77e6!important;color:#100b1c!important;border-color:#cba5f3!important;box-shadow:0 0 20px #985adc2b}
.card{border-radius:6px!important}.info-tile{border-radius:12px!important}.info-tile strong{font-size:24px!important;letter-spacing:.035em}
.info-tile svg{color:#eee2ff;filter:drop-shadow(0 0 12px #af77ee66)}
.card p,.step p,details p{color:#d0c9d9;line-height:1.8}
.rules-grid>div,.chronicle{background:#090c14e8;border:1px solid #77608d55;border-radius:8px;padding:25px 35px;box-shadow:0 20px 50px #0005}
.rule-section{background:none!important}.rule-section p{color:#ddd7e5}.rule-section h2{font-size:34px}
.rules-head,.lore-head{padding-bottom:30px}.rules-intro{color:#e0d8e8;background:#0b0d16d9;padding:20px 25px;border-left:3px solid #a475d3}
.chronicle{border-left:2px solid #9c74c0;padding-left:35px}.chapter:last-child{background:linear-gradient(90deg,#35204266,transparent)!important}
.lore-years a{background:#0b0d16df}.chapter p{color:#e0dae8}
.stats{background:#090c1499;padding:25px 20px;border-bottom:1px solid #64517455}.stats strong{font-size:25px}
footer{background:#080b12dc;color:#c0b7cb}.foot{padding:25px}
body>main.wrap:not(:has(.chronicle)):not(:has(.rules-grid)){margin-top:35px;padding:30px;background:#090c14e8;border:1px solid #77608d55;border-radius:8px}
.tools input,.tools select{background:#11121de8;border-color:#76548f;color:#eee8f5}.tools{gap:14px}
@media(max-width:760px){body:before{background-position:65% center}.hero{padding-top:55px}.hero h1{font-size:clamp(64px,14vw,96px)}.rules-grid>div,.chronicle{padding:18px 22px}.chronicle{margin-left:8px}.chapter:before{left:-28px}.rule-section h2{font-size:27px}.info-tile strong{font-size:19px!important}nav{flex-wrap:wrap}.stats strong{font-size:20px}body>main.wrap:not(:has(.chronicle)):not(:has(.rules-grid)){padding:20px}}