.downloads-page { background:#080e17; }
.download-main { position:relative; isolation:isolate; min-height:calc(100svh - 190px); padding:60px 5% 70px; text-align:center; }
.download-main:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(#0a1322cc,#0a1322ec),url('/media/hero-realm.png') center/cover; }
.download-emblem { display:block; margin:0 auto 18px; width:100px; height:100px; }
.download-main h1 { font:900 clamp(34px,4vw,54px)/1.15 'Arial Black',Arial,sans-serif; text-transform:uppercase; letter-spacing:0; }
.download-intro { max-width:640px; margin:0 auto 38px; font:18px/1.7 Arial,sans-serif; }
.platform-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1000px; margin:auto; }
.platform-grid article { padding:30px; border:1px solid #65717b66; background:linear-gradient(#22313dcc,#101b27ee); }
.platform-mark { font:700 25px Arial,sans-serif; display:grid; place-items:center; width:65px; height:65px; border:1px solid #b9915555; border-radius:50%; margin:0 auto 20px; color:#d6ba8c; }
.platform-grid h2 { font:700 26px Arial,sans-serif; margin:0 0 12px; }
.platform-grid p { font:14px Arial,sans-serif; min-height:28px; }
.platform-action { display:block; padding:14px; background:#2d3a46; border:1px solid #596572; color:#abb7c2; font:700 14px Arial,sans-serif; }
.platform-action[aria-disabled=true] { cursor:default; }
.platform-action[aria-disabled=false] { background:#9a6729; color:white; border-color:#cda264; }
.release-note { max-width:700px; margin:28px auto; font:13px/1.7 Arial,sans-serif; }
.download-return { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; font:700 14px Arial,sans-serif; }
.download-return a { border-bottom:1px solid #b9915544; padding-bottom:8px; }
@media(max-width:620px) { .download-main { padding-top:35px; }.platform-grid { grid-template-columns:1fr; max-width:360px; }.platform-grid article { padding:25px; }.download-intro { font-size:16px; }.download-emblem { width:80px;height:80px; } }