html{background:#0a100d}body{display:flow-root;min-height:100vh;background:#0a100d url('/assets/fantasy-background-hq-20260915.png') center top/cover fixed no-repeat;color:#eee8d9}body>main{width:min(1140px,calc(100% - 48px));margin:24px auto;background:none;border:0;box-shadow:none;overflow:visible}.wrap{width:calc(100% - 56px)}.vineCanopy{display:none}.header{height:72px;border-bottom:1px solid #c9ae7055;text-shadow:0 2px 6px #000}.header:after{display:none}.header nav{color:#eee8d9;font-size:12px}.header nav a{padding:12px 0}.intro{min-height:480px;margin-top:24px;padding:66px 42px 36px;background:radial-gradient(ellipse at 50% 20%,#0a100d35,#070e09c9),url('/fantasy-landscape.png') center/cover no-repeat #101912;border:1px solid #bea36b;box-shadow:inset 0 0 0 5px #0b140ca0,inset 0 0 0 6px #c4aa6529,0 22px 65px #0009}.intro h1{font-size:clamp(40px,6.4vw,80px);margin:24px 0}.intro p{font-size:20px;line-height:1.7}.version{font-size:11px;letter-spacing:.18em}.heroActions{gap:16px;margin-top:36px}.heroActions>a{min-height:80px;background:linear-gradient(135deg,#223027,#101b15);border-color:#bfa76b80;box-shadow:inset 0 0 0 3px #bfa76b08,0 6px 18px #0004}.heroActions>a>span{font:600 13px Manrope,sans-serif}.heroActions .download{border-color:#d8bd7a;outline-color:#d8bd7a50}.heroActions>a:hover{background:linear-gradient(135deg,#324437,#1b2b20);border-color:#e8d397}.path{font-size:10px;line-height:1.7;color:#bac3b4;margin-top:25px}.projectVideo{display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:32px;margin-top:28px;margin-bottom:0;padding:30px;background:#111c16;border:1px solid #b79d6355;box-shadow:0 15px 45px #0006}.videoHeading h2{font:500 29px/1.25 Lora,Georgia,serif;margin:14px 0}.videoHeading p{font:400 13px/1.8 Manrope,sans-serif;color:#acb6a8}.videoFrame{width:100%}.stats{padding:32px 0;border-top:0}.serverStatus{background:linear-gradient(120deg,#17251b,#0c1711);border-color:#b79d6355;padding:18px 22px;margin-bottom:24px}.serverIdentity small,.serverMeta small{color:#a8b4a3;font-size:9px}.sectionHead{background:#101b14;padding:16px 18px;margin-bottom:0;border:1px solid #b79d6340;border-bottom:0}.sectionHead small{color:#a6b09e;font-size:10px}.numbers{background:#101b14;border-color:#b79d6340}.numbers article{min-height:125px;padding:20px 17px;justify-content:center}.numbers strong{font:500 32px Lora,Georgia,serif}.numbers span{font-size:11px;line-height:1.5}.translationProgress{margin:22px 0 28px}.translationProgressTrack{height:29px}.translationProgressTrack>strong{font:500 13px Manrope,sans-serif}.details{gap:18px}.details article{background:#142019;border-color:#b79d6345;box-shadow:inset 0 0 0 3px #b79d6308;padding:24px;height:290px}.details h2{font:500 17px Lora,Georgia,serif}.chart{height:190px}.chart span,.chart small,.names small{font-size:10px;color:#aab5a4}.names span{font-size:13px}.safety{background:#101b14;border:1px solid #b79d6355;padding:34px;gap:40px;grid-template-columns:1.1fr 1fr}.safety h2{font:500 34px/1.25 Lora,Georgia,serif;margin:14px 0}.safety p{font:400 13px/1.8 Manrope,sans-serif;color:#aeb8a6;margin-bottom:0}.safety ul{background:#142019}.safety li{font-size:12px;line-height:1.5}.footer{margin-top:24px;min-height:95px;background:#0d1710;padding:20px 26px;border:1px solid #b79d6333}.footer span{font-size:11px;color:#aeb7a7}.footer a{font-size:12px}a:focus-visible,button:focus-visible{outline:2px solid #e2c887;outline-offset:5px}
@media(max-width:760px){body>main{width:calc(100% - 20px);margin:10px auto}.wrap{width:calc(100% - 24px)}.header{height:64px}.header nav{gap:12px;font-size:10px}.identity b{font-size:11px}.identity{gap:7px}.intro{padding:42px 22px 28px;min-height:0;margin-top:16px}.intro h1{font-size:clamp(29px,8vw,53px)}.intro p{font-size:16px}.heroActions{grid-template-columns:1fr;gap:13px;margin-top:28px}.heroActions>a{min-height:70px}.projectVideo{grid-template-columns:1fr;gap:18px;padding:22px;margin-top:22px}.videoHeading h2{font-size:26px}.videoHeading p{margin-bottom:0}.sectionHead{flex-direction:column;gap:8px}.numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.numbers article{min-height:110px;padding:16px}.numbers strong{font-size:27px}.numbers .donationMetric{grid-column:1/-1;align-items:center}.details{grid-template-columns:1fr}.safety{grid-template-columns:1fr;gap:24px;padding:24px}.safety h2{font-size:29px}.footer{gap:16px}.path{overflow-wrap:anywhere}.serverMeta{gap:16px;flex-wrap:wrap}.header nav a:not(:first-child){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A single framed statistics panel. */
.stats.wrap { margin-top:28px; margin-bottom:28px; padding:28px; background:linear-gradient(145deg,#17231b,#0c1711); border:1px solid #bda46c88; box-shadow:inset 0 0 0 4px #bda46c08,0 18px 50px #0006; }
.stats .serverStatus { background:none; border:0; border-bottom:1px solid #c7ad7040; padding:0 0 22px; margin:0 0 22px; box-shadow:none; }
.stats .sectionHead { background:none; border:0; padding:0; margin:0 0 22px; }
.stats .numbers { background:none; border:0; border-top:1px solid #c7ad7026; border-bottom:1px solid #c7ad7026; }
.stats .numbers article { min-height:120px; border-right:1px solid #c7ad7026; padding:20px 18px; }
.stats .numbers article:first-child { padding-left:0; }
.stats .numbers article:last-child { border-right:0; }
.stats .translationProgress { margin:26px 0 28px; padding:0; }
.stats .translationProgress:before,.stats .translationProgress:after { display:none; }
.stats .translationProgressTrack { height:28px; border:1px solid #bda46c80; outline:0; padding:3px; box-shadow:inset 0 2px 8px #0008; }
.stats .translationProgressTrack>strong { font:500 12px Manrope,sans-serif; }
.stats .details { gap:0; margin:0; border-top:1px solid #c7ad7040; }
.stats .details article { height:290px; background:none; border:0; box-shadow:none; padding:24px 0 0; }
.stats .chartPanel { padding-right:28px!important; }
.stats .namesPanel { border-left:1px solid #c7ad7026!important; padding-left:28px!important; }
.stats .details h2 { font-size:16px; }
@media(max-width:760px) {
 .stats.wrap { padding:20px; margin-block:22px; }
 .stats .serverStatus { gap:18px; }
 .stats .numbers article { min-height:100px; padding:16px 12px; border-bottom:1px solid #c7ad7026; }
 .stats .numbers article:first-child { padding-left:12px; }
 .stats .numbers article:nth-child(even) { border-right:0; }
 .stats .numbers .donationMetric { border:0; }
 .stats .details { grid-template-columns:1fr; }
 .stats .chartPanel { padding-right:0!important; }
 .stats .namesPanel { border-left:0!important; border-top:1px solid #c7ad7026!important; padding-left:0!important; }
 .stats .sectionHead { gap:8px; }
}

/* Remove the redundant rule above the metrics. */
.stats .serverStatus { border-bottom:0; margin-bottom:0; padding-bottom:22px; }
.stats .numbers { border-top:1px solid #c7ad7040; }
/* A quiet scenic backdrop with a soft vignette, independent of content. */
body {
 background-color:#080e0a;
 background-image:radial-gradient(ellipse at 50% 38%,transparent 30%,rgba(3,8,5,.28) 72%,rgba(3,8,5,.68) 100%),linear-gradient(180deg,rgba(6,12,9,.26),rgba(6,12,9,.08) 48%,rgba(6,12,9,.62)),url('/assets/fantasy-background-hq-20260915.png');
 background-position:center,center,center top;
 background-size:cover,cover,cover;
 background-repeat:no-repeat;
 background-attachment:fixed;
}
.intro { box-shadow:inset 0 0 0 5px #0b140ca0,inset 0 0 0 6px #c4aa6529,0 20px 65px 12px #0009; }
@media(max-width:760px) { body { background-position:center,center,68% top; } }

/* Quiet backdrop; the landscape belongs only to the hero. */
html { background:#090e0b; }
body {
 background-color:#090e0b;
 background-image:radial-gradient(ellipse 85% 680px at 50% 0,#263025 0%,#141d16 48%,transparent 100%),linear-gradient(90deg,#080c09,#101710 50%,#080c09);
 background-position:center top,center;
 background-size:100% 900px,100% 100%;
 background-repeat:no-repeat;
 background-attachment:scroll;
}

/* Subtle mineral grain, bronze corners and a chapter ornament. */
body::before { content:''; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.15; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23aaa894' filter='url(%23g)' opacity='.24' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
body>main { position:relative; z-index:1; }
.stats.wrap,.projectVideo { position:relative; }
.stats.wrap::before,.stats.wrap::after,.projectVideo::before,.projectVideo::after { content:''; position:absolute; width:18px; height:18px; pointer-events:none; border-color:#d1b779; border-style:solid; opacity:.8; }
.stats.wrap::before,.projectVideo::before { top:5px; left:5px; border-width:1px 0 0 1px; }
.stats.wrap::after,.projectVideo::after { bottom:5px; right:5px; border-width:0 1px 1px 0; }
.chapterOrnament { width:min(330px,65%); height:24px; margin:24px auto -4px; display:flex; align-items:center; justify-content:center; gap:15px; color:#bfa66e; }
.chapterOrnament::before,.chapterOrnament::after { content:''; height:1px; flex:1; background:linear-gradient(90deg,transparent,#ac915c); }
.chapterOrnament::after { transform:rotate(180deg); }
.chapterOrnament span { display:block; width:9px; height:9px; border:1px solid #c6ac73; transform:rotate(45deg); box-shadow:0 0 0 4px #bfa66e12; }
.header .identity span { box-shadow:0 0 18px #bfa66e12,inset 0 0 12px #bfa66e08; }
@media(max-width:760px) { .chapterOrnament { margin-top:20px; } }


/* Centered page with hanging foliage above the content. */
html { scrollbar-gutter:stable both-edges; }
body { position:relative; width:100%; }
body>main { width:min(1120px,calc(100% - 40px)); margin:82px auto 32px; float:none; left:auto; right:auto; transform:none; }
.hangingFoliage { position:absolute; top:0; left:0; right:0; height:clamp(200px,25vw,400px); background:url('/vines-realistic.png') top center / 100% auto no-repeat; pointer-events:none; z-index:0; opacity:.65; filter:saturate(.65) brightness(.75) drop-shadow(0 8px 10px #0008); mask-image:linear-gradient(#000 55%,transparent); }
body>main>.intro { margin-top:0; }
@media(max-width:760px) { body>main { width:calc(100% - 20px); margin-top:50px; } .hangingFoliage { height:200px; background-size:auto 230px; opacity:.5; } }