:root{--night:#10251e;--gold:#c7a552;--light-gold:#eedb9a;--cream:#f1e8c9;--line:rgba(213,190,123,.45);--purple:#8b5cf6;--purple-glow:rgba(139,92,246,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 72% 8%,rgba(202,169,87,.12),transparent 28%),linear-gradient(180deg,#122b22,#0b1c18 48%,#11271f);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:linear-gradient(30deg,transparent 48%,rgba(222,205,154,.1) 49%,transparent 51%),linear-gradient(150deg,transparent 48%,rgba(222,205,154,.08) 49%,transparent 51%);background-size:84px 48px;mask-image:linear-gradient(#000,transparent 70%)}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-family:Arial,sans-serif;font-size:12px;font-weight:900;letter-spacing:.19em}.crest{position:relative;width:42px;height:38px;display:inline-block}.crest i{position:absolute;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:19px solid var(--gold)}.crest i:nth-child(1){left:10px}.crest i:nth-child(2){left:0;top:18px}.crest i:nth-child(3){left:20px;top:18px}.nav-links{display:flex;gap:34px;align-items:center;font-family:Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c3b78f}.nav-live{padding:11px 14px;border:1px solid var(--line);display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#e3b755;box-shadow:0 0 12px #efc762}
.hero{min-height:720px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:60px;padding:70px 0 90px}.chapter{font-family:Arial,sans-serif;color:var(--light-gold);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.35em;margin:0 0 18px}.hero h1{font-size:clamp(70px,8vw,118px);line-height:.78;letter-spacing:-.06em;font-weight:500;margin:0;text-shadow:0 7px 30px #0008}.hero h1 em{font-style:normal;color:var(--light-gold)}.flourish{display:flex;align-items:center;gap:10px;margin:30px 0;color:var(--gold)}.flourish:before,.flourish:after{content:"";height:1px;width:110px;background:linear-gradient(90deg,var(--gold),transparent)}.flourish:after{transform:rotate(180deg)}.intro{font-size:16px;line-height:1.8;color:#c5bea5;max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-family:Arial,sans-serif;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.button.primary{color:#17251d;background:linear-gradient(135deg,#f2dda0,#b58b37);box-shadow:0 12px 35px #0005}.button.ghost{border:1px solid var(--line);color:#dbc98e}
.hero-map{min-height:520px;position:relative;overflow:hidden;border:1px solid #907b45;background-color:#cdbd8f;background-image:radial-gradient(circle at 50% 43%,transparent 0 115px,rgba(67,79,48,.25) 117px 119px,transparent 121px),repeating-radial-gradient(ellipse at 80% 10%,transparent 0 28px,rgba(65,74,46,.15) 29px 31px,transparent 32px 48px),linear-gradient(22deg,transparent 40%,rgba(86,93,55,.17) 41% 43%,transparent 44%),linear-gradient(160deg,#d9cca4,#b9aa79);box-shadow:0 35px 100px #0008,inset 0 0 70px #5c4d2870;color:#31452e;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.hero-map:before{content:"";position:absolute;inset:15px;border:1px solid rgba(66,77,42,.5)}.portrait-seal{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:230px}.portrait-ring{width:174px;height:174px;margin:auto;padding:10px;border:2px solid #55653d;border-radius:50%;outline:1px solid #7a7041;outline-offset:8px;background:#c7b780}.portrait-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.75) sepia(.12)}.portrait-seal p{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.22em;font-weight:900;margin:24px 0 7px}.portrait-seal strong{font-size:25px}.map-rune{position:absolute;font-size:30px;color:#607047}.rune-a{top:17%;left:14%}.rune-b{bottom:15%;right:13%}.rune-c{top:17%;right:17%}.map-label{position:absolute;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.24em;font-weight:900}.map-label.north{top:30px;left:35px}.map-label.realm{bottom:32px;left:35px;line-height:1.8}.map-label b{font-size:10px}.map-path{position:absolute;width:190px;height:110px;left:12%;bottom:20%;border-bottom:3px dotted rgba(63,74,43,.6);border-radius:50%;transform:rotate(-16deg)}
.stream-section,.profiles{padding:95px 0}.section-title{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:20px;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:22px}.section-title>span{font-size:13px;color:var(--gold);font-family:Arial,sans-serif}.section-title p{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.25em;color:#ad9c68;font-weight:900;margin:0 0 7px}.section-title h2{font-size:clamp(34px,5vw,60px);letter-spacing:-.04em;font-weight:500;margin:0}.section-title .crest{transform:scale(.7)}.stream-frame{position:relative;aspect-ratio:16/8.5;padding:12px;border:1px solid #947b3e;background:#172a21;box-shadow:0 35px 90px #0008}.stream-frame iframe,.player-loading{width:100%;height:100%;border:0;background:#0a1210}.player-loading{display:grid;place-items:center;color:#baa971;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.2em}.corner{position:absolute;width:22px;height:22px;z-index:2;border-color:var(--light-gold)}.c1{top:5px;left:5px;border-top:2px solid;border-left:2px solid}.c2{top:5px;right:5px;border-top:2px solid;border-right:2px solid}.c3{bottom:5px;left:5px;border-bottom:2px solid;border-left:2px solid}.c4{bottom:5px;right:5px;border-bottom:2px solid;border-right:2px solid}.text-link{display:block;text-align:right;margin-top:18px;color:#c8b778;font-family:Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.profile-card{min-height:145px;padding:24px;border:1px solid rgba(202,177,103,.35);background:linear-gradient(135deg,rgba(42,70,51,.92),rgba(14,35,28,.95));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:19px;position:relative;transition:.2s}.profile-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(221,202,143,.09);pointer-events:none}a.profile-card:hover{transform:translateY(-4px);border-color:#d0ae58;background:linear-gradient(135deg,#355c41,#142e25)}.profile-card img,.sigil{width:60px;height:60px;object-fit:cover;border-radius:50%;border:1px solid #9a8247;padding:4px}.sigil{display:grid;place-items:center;font-family:Arial,sans-serif;font-size:18px;color:#f0e4bd;background:#263e31}.profile-card small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.22em;color:#b29a5b;font-weight:900}.profile-card h3{font-size:23px;font-weight:500;margin:6px 0}.profile-card p{font-family:Arial,sans-serif;font-size:10px;color:#a8a18a;margin:0}.card-arrow{font-size:20px;color:#d9bd70}.status{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.18em;border:1px solid rgba(206,181,105,.3);padding:7px;color:#a8935c}
.quest{margin-top:90px;margin-bottom:100px;min-height:500px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #907a43;background:linear-gradient(120deg,rgba(28,63,45,.98),rgba(10,29,24,.99));box-shadow:0 40px 100px #0007;position:relative}.quest:before{content:"";position:absolute;inset:10px;border:1px solid rgba(214,190,120,.13);pointer-events:none}.quest-copy{padding:70px}.quest h2{font-size:clamp(60px,7vw,94px);line-height:.8;letter-spacing:-.055em;font-weight:500;margin:0 0 30px;color:var(--light-gold)}.quest-copy>p:not(.chapter){color:#c3bba3;line-height:1.75;max-width:470px}.quest-log{margin:28px;padding:40px;border-left:1px solid var(--line);background:radial-gradient(circle at 50% 10%,rgba(218,181,79,.12),transparent 32%)}.quest-emblem{text-align:center;margin-bottom:30px}.quest-emblem .crest{transform:scale(1.35)}.quest-log>p{font-family:Arial,sans-serif;text-align:center;font-size:9px;letter-spacing:.28em;color:#bfa767;font-weight:900}.quest-account{padding:24px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.quest-account span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.2em;color:#b99a4b;font-weight:900}.quest-account strong{font-size:27px;font-weight:500;margin:7px 0}.quest-account small{color:#96907d;font-family:Arial,sans-serif;font-size:10px}footer{min-height:150px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9c957d;font-family:Arial,sans-serif;font-size:10px}footer .crest{transform:scale(.7)}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:90px}.hero-map{min-height:460px}.profile-grid,.quest{grid-template-columns:1fr}.quest-log{border-left:0;border-top:1px solid var(--line)}.nav-links a:not(.nav-live){display:none}.stream-section,.profiles{padding:65px 0}}
@media(max-width:520px){.shell{width:min(100% - 24px,1160px)}.nav{height:72px}.brand>span{display:none}.hero{padding-top:65px;min-height:auto}.hero h1{font-size:65px}.hero-map{min-height:400px}.portrait-ring{width:140px;height:140px}.section-title{grid-template-columns:28px 1fr}.section-title .crest{display:none}.profile-card{padding:18px}.profile-card h3{font-size:19px}.status{display:none}.quest-copy{padding:42px 30px}.quest-log{margin:10px;padding:30px 22px}footer{flex-wrap:wrap;gap:18px;padding:35px 0}}

/* Subtle enchanted purple backlighting */
.hero-map{box-shadow:0 35px 100px #0008,inset 0 0 70px #5c4d2870,-24px 16px 80px var(--purple-glow),0 0 26px rgba(168,85,247,.12)}
.stream-frame{box-shadow:0 35px 90px #0008,-18px 10px 70px rgba(124,58,237,.2),18px 4px 55px rgba(168,85,247,.1)}
.profile-card{box-shadow:inset 0 0 30px rgba(139,92,246,.025)}
a.profile-card:hover{box-shadow:0 12px 38px rgba(124,58,237,.19),inset 0 0 24px rgba(168,85,247,.05)}
.quest{box-shadow:0 40px 100px #0007,24px 18px 90px rgba(124,58,237,.2),-12px -8px 55px rgba(168,85,247,.08)}
.quest-emblem .crest{filter:drop-shadow(0 0 15px rgba(168,85,247,.7))}
.nav-live{box-shadow:inset 0 0 18px rgba(139,92,246,.08)}
body{background:radial-gradient(circle at 78% 16%,rgba(139,92,246,.18),transparent 25%),radial-gradient(circle at 72% 8%,rgba(202,169,87,.12),transparent 28%),linear-gradient(180deg,#122b22,#0b1c18 48%,#11271f)}
.hero-map{box-shadow:0 35px 100px #0008,inset 0 0 70px #5c4d2870,-18px 12px 85px rgba(124,58,237,.34),18px 5px 60px rgba(168,85,247,.18)}

/* Stronger violet enchantment */
body{background:radial-gradient(circle at 83% 13%,rgba(139,92,246,.34),transparent 30%),radial-gradient(circle at 12% 57%,rgba(105,47,180,.2),transparent 29%),radial-gradient(circle at 72% 8%,rgba(202,169,87,.1),transparent 28%),linear-gradient(180deg,#142b24,#0d1c1a 48%,#14231f)}
.hero-map{border-color:#a98bda;box-shadow:0 35px 100px #0008,inset 0 0 70px #5c4d2870,0 0 0 1px rgba(196,165,255,.25),-28px 18px 115px rgba(124,58,237,.62),24px 10px 90px rgba(168,85,247,.38)}
.stream-frame{border-color:#9b7bc8;box-shadow:0 35px 90px #0008,0 0 0 1px rgba(183,148,246,.16),-22px 12px 95px rgba(124,58,237,.46),22px 8px 75px rgba(168,85,247,.3)}
.profile-card{border-color:rgba(172,133,226,.56);box-shadow:inset 0 0 38px rgba(139,92,246,.1),0 16px 44px rgba(69,26,132,.18)}
a.profile-card:hover{border-color:#c5a3f3;box-shadow:0 14px 48px rgba(124,58,237,.4),inset 0 0 32px rgba(168,85,247,.14)}
.quest{border-color:#a181d1;box-shadow:0 40px 100px #0007,30px 18px 120px rgba(124,58,237,.5),-20px -10px 90px rgba(168,85,247,.3),inset 0 0 60px rgba(139,92,246,.08)}
.section-title{border-bottom-color:rgba(182,143,231,.55)}
.section-title>span,.text-link,.card-arrow{color:#d2b5ff}
.nav-live{border-color:rgba(183,144,230,.58);box-shadow:inset 0 0 24px rgba(139,92,246,.18),0 0 30px rgba(124,58,237,.16)}

/* Match the hero to the saturated emerald-and-violet lower sections */
body{background:radial-gradient(ellipse at 100% 9%,rgba(128,60,230,.38),transparent 27%),radial-gradient(ellipse at 0% 31%,rgba(112,43,201,.24),transparent 23%),radial-gradient(circle at 50% 12%,rgba(27,87,58,.5),transparent 38%),linear-gradient(180deg,#102e24 0%,#0b251d 46%,#10271f 100%)}
.hero{position:relative;background:radial-gradient(ellipse at 100% 48%,rgba(139,92,246,.18),transparent 42%),radial-gradient(ellipse at 5% 48%,rgba(27,93,61,.22),transparent 44%)}
@media(max-width:800px){body{background:radial-gradient(ellipse at 100% 8%,rgba(128,60,230,.4),transparent 31%),radial-gradient(ellipse at 0% 29%,rgba(105,43,190,.28),transparent 25%),linear-gradient(180deg,#123528 0%,#0c281f 47%,#10271f 100%)}.hero{background:radial-gradient(ellipse at 100% 28%,rgba(139,92,246,.2),transparent 42%),radial-gradient(ellipse at 0% 56%,rgba(22,104,64,.26),transparent 45%)}}

/* Even edge lighting—no isolated purple hotspot */
body{background:linear-gradient(90deg,rgba(109,45,190,.24) 0%,transparent 15%,transparent 85%,rgba(123,61,211,.24) 100%),radial-gradient(ellipse at 50% 18%,rgba(25,100,63,.46),transparent 42%),linear-gradient(180deg,#103126 0%,#0b281f 48%,#10271f 100%)}
.hero{background:linear-gradient(90deg,rgba(139,92,246,.08),transparent 18%,transparent 82%,rgba(139,92,246,.08))}
@media(max-width:800px){body{background:linear-gradient(90deg,rgba(112,48,198,.28) 0%,transparent 13%,transparent 87%,rgba(126,63,218,.28) 100%),radial-gradient(ellipse at 50% 22%,rgba(27,103,66,.48),transparent 47%),linear-gradient(180deg,#12382a 0%,#0c2b21 48%,#10271f 100%)}.hero{background:linear-gradient(90deg,rgba(139,92,246,.1),transparent 16%,transparent 84%,rgba(139,92,246,.1))}}

/* Solid emerald reading panel; violet remains outside as backlighting */
.hero{background:#0d432f}
@media(max-width:800px){.hero{background:#0d432f}}