*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0c0f;color:#eee2c5;font-family:Georgia,serif;background-image:radial-gradient(circle at 50% 0,#263447 0,#0b0c0f 38%)}a{color:inherit;text-decoration:none}.top{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:0 4%;background:linear-gradient(#101318f5,#08090cf5);border-bottom:1px solid #9d6c2b;box-shadow:0 8px 25px #0009}.brand{font-size:28px;font-weight:800;letter-spacing:2px;color:#f0cc82;text-shadow:0 2px 10px #000}.brand span{color:#fff0c8}.top nav{display:flex;gap:24px;margin:auto;font-size:14px}.top nav a:hover{color:#e8b85d}.play,.btn{border:1px solid #d3a64f;background:linear-gradient(#2b516f,#10283b);box-shadow:inset 0 0 0 2px #111,0 0 18px #0008;padding:12px 19px;border-radius:4px;font-weight:700;letter-spacing:.7px}.hero{min-height:700px;position:relative;background:url('/elder-home.webp') center top/cover no-repeat;border-bottom:4px solid #3a2b1d}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.88) 0%,rgba(5,7,10,.45) 35%,rgba(5,7,10,.12) 60%,rgba(5,7,10,.2) 100%),linear-gradient(0deg,#0b0c0f 0%,transparent 20%)}.heroCopy{position:relative;z-index:2;max-width:610px;padding:135px 6%}.sigil{font-size:34px;color:#e9b958}.hero h1{font-size:70px;margin:0 0 20px;color:#f4d18b;text-shadow:0 4px 0 #4a2b0d,0 8px 25px #000}.hero h2{font-size:42px;line-height:1.02;margin:0 0 18px;color:#fff5dc}.hero p{font-size:18px;line-height:1.6;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block}.btn.gold{background:linear-gradient(#d49a38,#7b4714)}.btn.dark{background:linear-gradient(#24282f,#111419)}.darkSection{padding:28px 4% 34px;background:linear-gradient(#15171c,#0c0e12);border-top:1px solid #6e522e;border-bottom:1px solid #6e522e}.sectionTitle{display:flex;align-items:center;justify-content:center;gap:18px}.sectionTitle span{height:1px;width:140px;background:linear-gradient(90deg,transparent,#c59442)}.sectionTitle span:last-child{background:linear-gradient(90deg,#c59442,transparent)}.sectionTitle h2{margin:0;color:#e4bb70;font-size:30px}.subtitle{text-align:center;color:#c8bea9;margin:8px 0 24px}.classGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.classCard{background:linear-gradient(#20242c,#0f1115);border:1px solid #8f6a38;padding:8px;text-align:center;box-shadow:inset 0 0 0 3px #111,0 8px 22px #0008}.portrait{height:150px;display:grid;place-items:center;font-size:54px;background:radial-gradient(circle at 50% 35%,#45546c,#1e2027 55%,#101115)}.classCard b{display:block;padding:11px;color:#f3d295;font-size:14px}.featureRow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 2%;background:#e0c9a3;color:#20180f;border:3px solid #6a4825}.featureRow article{display:grid;grid-template-columns:42% 58%;min-height:170px;border-right:1px solid #8c6b44}.featureRow article:last-child{border-right:0}.mini{background-position:center;background-size:cover;filter:saturate(.85) contrast(1.05)}.eldora{background:url('/elder-home.webp') 34% 42%/280%}.monster{background:radial-gradient(circle,#734331,#291914)}.monster:after{content:'🐗';font-size:80px;display:grid;place-items:center;height:100%}.chest{background:radial-gradient(circle,#704116,#27150a)}.chest:after{content:'🧰';font-size:78px;display:grid;place-items:center;height:100%}.world{background:url('/elder-home.webp') 73% 46%/260%}.featureRow article>div:last-child{padding:20px 14px}.featureRow small{font-weight:bold}.featureRow h3{font-size:27px;margin:2px 0 7px}.featureRow p{margin:0;line-height:1.35;font-size:14px}.contentGrid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;padding:28px 3%;background:#0c0e12}.panel{border:1px solid #604929;padding:18px;background:linear-gradient(#141820,#0b0d11);box-shadow:inset 0 0 30px #000}.panelHead{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0;color:#e4bb70}.panelHead a{font-size:12px;border:1px solid #8b6635;padding:8px 12px}.panel>p{color:#bbb29f}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.g{height:155px;border:1px solid #8a6536;background:url('/elder-home.webp') center/cover}.g1{background-position:30% 48%}.g2{background-position:56% 47%}.g3{background-position:76% 64%}.g4{background-position:86% 44%}.dev{display:grid;grid-template-columns:44% 56%;border:1px solid #4c3a27;background:#101319}.devImg{min-height:180px;background:url('/elder-home.webp') 65% 22%/250%}.dev>div:last-child{padding:14px}.dev span{background:#6f4821;padding:4px 7px;font-size:10px}.dev h3{margin:9px 0 5px}.community{min-height:280px;margin-top:12px;padding:48px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#111822e8,#11182280),url('/elder-home.webp') center 84%/cover;border-top:1px solid #8a6536}.community h2{font-size:42px;color:#efd293;margin:0 0 12px}.community p{max-width:560px;line-height:1.5}.btn.blue{background:linear-gradient(#21608a,#0c2c48)}footer{text-align:center;padding:30px;color:#988d78;border-top:1px solid #3a3023;background:#08090b}.auth{max-width:560px;margin:55px auto 90px;padding:36px;border:1px solid #8f6a38;background:linear-gradient(#171a20,#0d0f13);box-shadow:0 20px 60px #000a}.auth h1{text-align:center;color:#f0c77c}.auth label{display:block;margin:18px 0 7px}.auth input{width:100%;padding:13px;border:1px solid #6f5735;background:#090a0c;color:#fff;border-radius:3px}.auth button{margin-top:18px;padding:12px 18px;background:linear-gradient(#b27c2e,#694014);border:1px solid #d6ad60;color:white}.message{min-height:28px;line-height:1.5}.error{color:#f4a0a0}.good{color:#9fe0b3}.row{display:flex;gap:10px}.row button{flex:1}.hide{display:none!important}.slot{padding:14px;border:1px solid #5f4a30;margin:12px 0}@media(max-width:1100px){.classGrid{grid-template-columns:repeat(4,1fr)}.featureRow{grid-template-columns:repeat(2,1fr)}.contentGrid{grid-template-columns:1fr}.top nav{display:none}}@media(max-width:700px){.top{height:auto;padding:12px 4%;flex-wrap:wrap}.brand{font-size:22px}.play{margin-left:auto}.hero{min-height:610px}.heroCopy{padding-top:110px}.hero h1{font-size:48px}.hero h2{font-size:33px}.classGrid{grid-template-columns:repeat(2,1fr)}.featureRow{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.community{flex-direction:column;align-items:flex-start;gap:20px}.community h2{font-size:34px}}