:root{--bg:#090a10;--panel:#151622;--line:#303143;--gold:#d8b56a;--muted:#aaaab8;--white:#f4f1e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}.top{padding:18px 5vw;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:#0c0d14}.logo,.top{display:flex;align-items:center}.logo{gap:10px;color:var(--white);text-decoration:none;font-size:13px;letter-spacing:2px;font-weight:700}.logo i{font:26px Georgia;border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.logo b{color:var(--gold)}.logo small{display:block;color:var(--muted);font-size:9px;letter-spacing:4px;margin-top:4px}nav{display:flex;gap:7px;flex-wrap:wrap}.login,nav button{border:0;background:none;color:var(--muted);padding:10px;font-size:13px}.login,nav .chosen,nav button:hover{color:var(--gold)}.login{border:1px solid #806a40}.hero{padding:65px 8vw;min-height:520px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:center;background:radial-gradient(ellipse at 75% 45%,#28203b,#11121d 45%,#090a10 80%)}.tiny{font-size:10px;letter-spacing:3px;font-weight:700}.gold{color:var(--gold)}h1{font:clamp(42px,6vw,76px)/.98 Georgia;margin:20px 0}h1 em{color:var(--gold);font-style:normal}.intro{color:#c0bfca;line-height:1.7;max-width:460px}.goldbtn{padding:14px 18px;background:var(--gold);border:1px solid var(--gold);color:#17120a;font-weight:700;margin-top:18px}.art{height:340px;display:grid;place-items:center;position:relative;overflow:hidden}.ring{position:absolute;width:290px;height:290px;border:1px solid #b18a5055;border-radius:50%;box-shadow:0 0 70px #9d6fc122}.dragon{font-size:150px;filter:drop-shadow(0 0 30px #9b5cba88)}.rune{top:20%;right:18%;font-size:42px;color:var(--gold)}.art p,.rune{position:absolute}.art p{bottom:0;text-align:center;color:var(--muted);font-size:10px;letter-spacing:2px;line-height:2}.art p b{color:var(--gold)}.stats{display:flex;gap:22px;margin-top:40px;flex-wrap:wrap;color:var(--muted);font-size:9px;letter-spacing:1px}.stats span{display:flex;flex-direction:column;gap:5px}.stats b{font:26px Georgia;color:var(--gold)}.content{padding:60px 8vw 80px}.content h2{font:36px Georgia;margin:8px 0 28px}.cards,.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.features article,.panel{padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#191a27,#10111a)}.features strong{font-size:28px;color:var(--gold)}.features h3,.panel h3{font:22px Georgia}.features p:not(.gold),.panel p{font-size:13px;color:var(--muted);line-height:1.6}.more{margin-top:55px}.card{padding:13px;border:1px solid #8a744a;border-radius:6px;background:linear-gradient(155deg,#3a291e,#15131b 70%)}.card:nth-child(2){background:linear-gradient(155deg,#54251e,#17121a 70%);border-color:#b66d43}.card:nth-child(3){background:linear-gradient(155deg,#18384c,#111722 70%);border-color:#6caec6}.cardline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#d6c7a5}.creature{height:150px;display:grid;place-items:center;font-size:82px;background:radial-gradient(circle,#ffffff20,transparent 65%)}.card h3{font:25px Georgia;margin:6px 0 15px}.statsline{border-top:1px solid #ffffff33;padding-top:10px;color:var(--white)}.shop{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.booster{padding:25px;min-height:300px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 50% 30%,#684a85,#211b37 55%,#11121b);border:1px solid #8e744a}.booster div{font-size:90px;text-align:center;flex:1 1;color:#f3d48a}.booster h3{font:30px Georgia;margin:4px 0}.booster p:not(.gold){color:#ddd;font-size:13px}.notice{color:#d9e8bf!important;background:#273022;padding:12px}footer{border-top:1px solid var(--line);padding:28px 8vw;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:11px}footer b{color:var(--gold)}@media(max-width:760px){.top{flex-wrap:wrap}.top nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.top nav button{white-space:nowrap}.hero{grid-template-columns:1fr;padding:42px 7vw 30px}.art{height:230px;grid-row:1}.dragon{font-size:115px}.ring{width:210px;height:210px}.content{padding:45px 6vw}.cards,.features,.shop{grid-template-columns:1fr}.content h2{font-size:30px}footer{flex-direction:column}}