:root{--bg:#0b0a10;--card:#15131d;--line:#2a2636;--text:#f1eee8;--dim:#a49fb0;--o:#ff7a1a;--o2:#ffb23a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 500px at 70% -10%,#3a1608 0%,transparent 60%),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--o2)}.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{padding:22px 0;border-bottom:1px solid var(--line)}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.logo{font-weight:800;letter-spacing:.5px;font-size:20px;color:var(--text);text-decoration:none}.logo b{color:var(--o)}
nav a{color:var(--dim);text-decoration:none;margin-left:20px;font-size:15px}nav a:hover{color:var(--text)}
.hero{padding:72px 0 40px}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.08;margin:0 0 14px;font-weight:800}
.hero h1 span{background:linear-gradient(90deg,var(--o2),var(--o));-webkit-background-clip:text;color:transparent}
.hero p{color:var(--dim);max-width:600px;font-size:18px;margin:0}
h2{font-size:26px;margin:48px 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:var(--o)}
.card .art{aspect-ratio:1024/500;background-size:cover;background-position:center}
.card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.card h3{margin:0;font-size:21px}.card p{margin:0;color:var(--dim);font-size:15px}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:99px;background:#2a1608;color:var(--o2);border:1px solid #4a2a10;align-self:flex-start}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.btn{display:inline-block;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15px;background:linear-gradient(90deg,var(--o2),var(--o));color:#1a0900}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.hunt{background:linear-gradient(135deg,#1c3a16,#6b4a12 60%,#c98a2a)}
.about p{color:var(--dim);max-width:720px}
footer{margin-top:70px;padding:26px 0;border-top:1px solid var(--line);color:var(--dim);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.page{padding:50px 0}.page h1{font-size:38px;margin:0 0 6px}.page h2{font-size:22px;margin:34px 0 8px}.page p,.page li{color:#cfcad8}.page img{max-width:100%;border-radius:14px;border:1px solid var(--line)}
.row{display:flex;gap:18px;align-items:center;margin:20px 0 10px;flex-wrap:wrap}.row img.ic{width:96px;height:96px;border-radius:22px}