/* Wide scenic composition adapted from the owner's supplied mockup. */
:root{--bg:#10120f;--panel:#1b231c;--gold:#e2b85e;--light-gold:#ffdfa0;--text:#f0efdf;--muted:#c5c8b8;--line:#89703c}
body{isolation:isolate;background:#0e140f}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#13160cee,#10150f66 55%,#0a100ce8),url('/assets/archive-mountains.jpg') center top/cover;filter:sepia(.55);pointer-events:none}h2,h3{color:#f5e6bf}
.site-header{width:100%;border:0;border-bottom:1px solid #be914b;border-radius:0;background:linear-gradient(90deg,#0c130ff2,#172319f5,#0c130ff2);box-shadow:0 2px 13px #0009}.nav-shell{width:min(1180px,calc(100% - 48px));margin:auto;min-height:84px;padding:8px 0;gap:35px}.nav-home{width:220px;flex-shrink:0;border:0;padding:0}.nav-home .brand-wordmark{width:100%;filter:drop-shadow(0 2px 8px #ac7c251a)}.site-header nav{gap:17px;font-size:.9375rem}.nav-links{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #8a723d;border-radius:24px;background:#0e1912;box-shadow:inset 0 1px 7px #0006}.nav-links>a{padding:5px 19px;color:#e9dfc8;border-radius:20px}.nav-links>a:hover{background:#43513855;text-decoration:none;color:#ffe4a6}.site-header nav>.login-link{margin-left:auto;border:1px solid #8f7747;background:linear-gradient(#273124,#121a13);color:#efdfbb;box-shadow:inset 0 1px 4px #a7955540;min-width:92px;text-align:center;padding:5px 19px}.gold-button{color:#322109;background:linear-gradient(#ffdf80,#e5aa36 60%,#c78a28);border:1px solid #ffd985;box-shadow:inset 0 2px 2px #fff7,0 0 13px #e2a32933,0 3px 0 #714c20;text-shadow:0 1px #fff5;min-height:44px;padding:9px 25px}.site-header nav>.nav-play{color:#302007;min-width:124px;padding:7px 22px;font-size:1rem}.gold-button svg{width:22px;height:22px;flex-shrink:0}

.scene-hero{position:relative;isolation:isolate;min-height:405px;border-bottom:2px solid #c59442;background:#172517;overflow:hidden}.scene-hero-image,.scene-hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}.scene-hero-image{object-position:center 53%}.scene-hero-shade{z-index:-1;background:linear-gradient(90deg,#07130feb 0%,#08140de6 23%,#0e1e11a8 41%,#101c0c15 70%,#09120e38),linear-gradient(0deg,#10170e65,transparent 35%)}.scene-hero-inner{width:min(1120px,calc(100% - 60px));min-height:405px;margin:auto;display:flex;align-items:center;padding:36px 0}.scene-hero-copy{max-width:415px}.scene-hero h1{font-size:3.1rem;line-height:1.02;letter-spacing:-.025em;margin:0 0 16px;color:#fff4d6;text-shadow:0 3px 4px #0009}.scene-hero h1 span{display:inline-block;color:#ffc95c;text-shadow:0 2px 8px #9c5e2760}.scene-hero-copy>p{max-width:395px;color:#e0e6d6;font-size:1rem;line-height:1.65;margin-bottom:24px}.hero-action{min-width:175px;font-size:1.15rem}.hero-action>span{font-family:Arial,sans-serif;font-size:1.75rem;line-height:.8;margin-left:6px}.hero-aside{display:block;color:#d4c18d;font-size:.875rem;margin-top:17px}

.portal-content{position:relative;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:15px 0 27px}.portal-heading{display:flex;align-items:center;justify-content:center;gap:18px;font-size:1.4rem;text-align:center;margin:0 0 13px;line-height:1.35;color:#f4e7c7}.portal-heading:before,.portal-heading:after{content:'◆';font-size:.7rem;color:#d5a04a;text-shadow:0 0 8px #d6974233}.start-section{max-width:1060px;margin:0 auto 20px}.start-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.start-card{position:relative;display:flex;align-items:center;gap:18px;min-height:116px;padding:12px 32px 12px 12px;border:1px solid #967941;border-radius:11px;background:linear-gradient(135deg,#273423d9,#0d1b13eb);box-shadow:inset 0 1px 8px #a99d4033,0 4px 10px #0003;color:var(--text);transition:border-color .15s,background .15s}.start-card:hover{text-decoration:none;border-color:#e5bb60;background:linear-gradient(135deg,#34432be8,#13281bea)}.start-card>img{width:148px;height:91px;flex-shrink:0;object-fit:cover;border-radius:7px;border:1px solid #94794777}.start-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:.9375rem;line-height:1.45}.start-card-copy strong{font-size:1rem;font-weight:400;color:#f4eccf}.start-card-copy>span{color:#c5cebb}.start-card-copy>.card-action{font-size:.875rem;color:#e6bd72}.card-chevron{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;color:#e4b65f;font-size:2rem}
.legacy-about{position:relative;isolation:isolate;overflow:hidden;min-height:230px;border:1px solid #ab8e50;border-radius:15px;padding:26px 34px;margin-bottom:18px;background:#19251a;box-shadow:inset 0 0 15px #be9c4633,0 5px 20px #0004}.legacy-about-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 60%}.legacy-about:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e1b14fa 0%,#112218eb 35%,#172617a6 52%,#171b1020 80%)}.legacy-about-copy{max-width:530px}.legacy-about h2{font-size:1.85rem;margin:0 0 15px}.legacy-about p{font-size:1rem;line-height:1.6;color:#e1e3d3;margin:0 0 12px}.legacy-about p:last-child{margin:0}.explore-section{padding:0 18px;margin-bottom:22px}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.action-tile{display:flex;align-items:center;gap:16px;min-height:116px;padding:17px 16px;border:1px solid #8d753f;border-radius:10px;background:linear-gradient(125deg,#233120ed,#101f15eb);box-shadow:inset 0 1px 10px #aba24524;transition:background .15s,border-color .15s}.action-tile:hover{text-decoration:none;background:#30402be8;border-color:#e7c270}.action-icon{display:grid;place-items:center;width:46px;flex-shrink:0;color:#edc05b;filter:drop-shadow(0 2px 5px #e5b54b33)}.action-icon svg{width:43px;height:43px}.action-icon>img{width:auto;max-width:53px;height:auto;max-height:48px;object-fit:contain}.action-tile>span:last-child{display:flex;flex-direction:column;gap:5px}.action-tile strong{font-size:1rem;font-weight:400;color:#f0e8ce}.action-tile>span>span{font-size:.875rem;line-height:1.5;color:#cbd0bd}
.launcher-panel{max-width:1100px;margin:auto;padding:20px 26px;border:1px solid #806b3e;border-radius:12px;background:linear-gradient(120deg,#1c291dcf,#0d1912ef)}.launcher-top{display:flex;align-items:center;justify-content:space-between;gap:28px}.launcher-top h2{font-size:1.5rem;margin:4px 0 7px}.launcher-top p{font-size:.9375rem;color:var(--muted);margin:0}.launcher-top .eyebrow{font-size:.8125rem;letter-spacing:.05em}.launcher-button{text-align:center;flex-shrink:0}.launcher-button>span{display:block;font-size:.8125rem;color:#bfb899;margin-top:12px}.launcher-button .gold-button{font-size:1rem;padding-inline:22px}.setup-details{margin-top:18px;border-top:1px solid #88724477}.setup-details summary{font-size:.9375rem;padding:12px 0}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:9px 0 5px}.setup-grid h3{font-size:1.1rem;margin:0 0 13px}.setup-grid p,.setup-grid li{font-size:.9375rem;line-height:1.7;color:var(--muted)}.setup-grid ol{padding-left:22px;margin:0}.setup-grid li{padding:3px 0}.setup-grid strong{font-weight:400;color:#e7dabb;overflow-wrap:anywhere}.launcher-panel .download-notice{margin:0;padding-top:12px;border-top:1px solid #88724477;font-size:.875rem;line-height:1.65;color:#c4c1ac}.download-notice strong{color:#f1d7a0}
footer{display:flex;flex-direction:column;align-items:center;gap:0;padding:20px 24px 22px;background:linear-gradient(#0a120ac7,#080e0bf5);border-top:1px solid #91713b60}.footer-wordmark{order:0;font-size:.9375rem;margin:0 0 7px}.footer-wordmark>img{display:inline-block;vertical-align:middle;width:25px;height:25px;margin:0 8px 0 0}footer>p:not(.footer-wordmark){order:1;font-size:.8125rem;color:#b0b5a3}footer nav{order:2;margin:13px 0 0;font-size:.875rem;gap:10px 24px}footer nav a{color:#d9c99c}.inner-view{background:linear-gradient(#10170ce0,#09100ceb 660px),url('/assets/archive-mountains.jpg') center top/cover fixed,var(--bg)}.inner-page{background:linear-gradient(#263421ed,#101a12f7);border-color:#947c45;box-shadow:inset 0 1px 10px #bda55220,0 10px 30px #0006}.account-form,.character-card{background:#0d180fb8}.inner-page h1,.inner-page h2{color:#f3e2b5}
@media(max-width:1100px){.nav-shell{width:calc(100% - 40px);gap:25px}.nav-home{width:185px}.nav-links>a{padding:5px 14px}.site-header nav{gap:12px}.site-header nav>.nav-play{min-width:109px;padding-inline:17px}.start-card>img{width:120px}.action-tile{gap:12px;padding:16px 12px}.action-icon{width:37px}.action-icon svg{width:37px;height:37px}.action-icon>img{max-width:43px}.scene-hero-inner{width:calc(100% - 70px)}}
@media(max-width:900px){.nav-shell{flex-wrap:wrap;justify-content:space-between;gap:0;padding:8px 0;min-height:74px}.nav-home{width:193px}.menu-toggle{display:flex;align-items:center;gap:10px;padding:6px 15px;min-height:39px;border:1px solid #a18b4b;border-radius:18px;color:#f5dda0;background:#1a281b;font-size:.9375rem}.site-header nav{flex-basis:100%;flex-wrap:wrap;gap:12px;padding:10px 0 8px}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.nav-links{flex:1;justify-content:space-around}.site-header nav>.login-link{margin-left:0}.scene-hero{min-height:390px}.scene-hero-inner{min-height:390px}.scene-hero-copy{max-width:375px}.scene-hero h1{font-size:2.85rem}.scene-hero-copy>p{font-size:1rem}.scene-hero-shade{background:linear-gradient(90deg,#09170eef,#09170fd6 38%,#10201466 75%,#0d190f35)}.start-card{gap:12px;padding:10px 28px 10px 10px}.start-card>img{width:97px;height:87px}.start-card-copy strong{font-size:.9375rem}.start-card-copy>span{font-size:.875rem}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-tile{min-height:98px;padding:17px}.action-icon{width:48px}.action-icon>img{max-width:51px}.explore-section{padding:0}.legacy-about-copy{max-width:500px}.legacy-about:before{background:linear-gradient(90deg,#0e1b14f5,#112218db 55%,#171b1066)}.launcher-top{gap:22px}.launcher-button .gold-button{font-size:.9375rem;padding-inline:17px}}
@media(max-width:640px){.nav-shell{width:calc(100% - 32px);min-height:73px}.nav-home{width:177px}.site-header nav{justify-content:center}.nav-links{flex-basis:100%;font-size:.9375rem;gap:0}.nav-links>a{padding:6px 10px}.site-header nav>.login-link{min-width:112px}.site-header nav>.nav-play{min-width:135px}.scene-hero{min-height:405px}.scene-hero-inner{width:calc(100% - 44px);min-height:405px;padding:35px 0}.scene-hero h1{font-size:2.7rem;line-height:1.08}.scene-hero-copy{max-width:350px}.scene-hero-copy>p{max-width:330px;font-size:1rem;margin-bottom:22px}.scene-hero-image{object-position:62% center}.scene-hero-shade{background:linear-gradient(90deg,#09170fee,#09170fd1 65%,#0e1d0f85)}.hero-aside{font-size:.875rem;margin-top:16px}.hero-action{font-size:1.15rem}.portal-content{width:calc(100% - 28px);padding-top:19px}.portal-heading{font-size:1.2rem;gap:11px;margin-bottom:14px}.portal-heading:before,.portal-heading:after{font-size:.55rem}.start-cards{grid-template-columns:1fr;gap:12px}.start-card{min-height:116px;padding:12px 31px 12px 12px;gap:16px}.start-card>img{width:113px;height:89px}.start-card-copy strong{font-size:1rem}.start-card-copy>span{font-size:.875rem}.start-section{margin-bottom:20px}.legacy-about{padding:24px 21px;margin-bottom:20px;min-height:300px}.legacy-about h2{font-size:1.65rem;line-height:1.25}.legacy-about p{font-size:1rem;line-height:1.65}.legacy-about:before{background:linear-gradient(90deg,#0e1b14f0,#112218d9)}.legacy-about-image{object-position:66% center}.action-grid{gap:10px}.action-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:160px;padding:15px}.action-icon{height:43px;width:43px}.action-icon svg{width:38px;height:38px}.action-tile strong{font-size:1rem}.action-tile>span>span{font-size:.875rem;line-height:1.5}.launcher-panel{padding:20px 19px}.launcher-top{display:block}.launcher-top h2{font-size:1.5rem;line-height:1.3}.launcher-button{margin-top:20px;text-align:left}.launcher-button>span{margin-top:12px}.launcher-button .gold-button{font-size:1rem}.setup-grid{grid-template-columns:1fr;gap:24px}.setup-details summary{font-size:1rem}.launcher-panel .download-notice{font-size:.875rem}.inner-view .nav-home{width:177px}footer{padding-inline:22px}footer nav{gap:10px 21px}.inner-page{margin-top:26px}}
@media(max-width:360px){.nav-shell{width:calc(100% - 28px)}.nav-home,.inner-view .nav-home{width:156px}.nav-links>a{padding-inline:8px}.scene-hero-inner{width:calc(100% - 36px)}.scene-hero h1{font-size:2.45rem}.portal-heading{font-size:1.1rem}.start-card{gap:11px}.start-card>img{width:87px;height:89px}.action-tile{padding:13px}.legacy-about{padding:23px 19px}}
/* Original archive art stays untouched; layout supplies the framing. */
.about-pixie{position:absolute;bottom:0;right:10%;z-index:0;width:auto;height:91%;object-fit:contain;filter:drop-shadow(0 6px 8px #0007);pointer-events:none}.legacy-about-copy{position:relative;z-index:1}.setup-summary{display:flex;align-items:center;gap:11px}.setup-summary>img{width:33px;height:auto;flex-shrink:0}@media(max-width:1000px){.about-pixie{right:4%;height:85%;opacity:.85}}@media(max-width:760px){.about-pixie{display:none}}