.home-overview { display:grid; grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr); gap:20px; align-items:start; margin:16px 0 22px; }
.home-roadmap { padding:24px; border:1px solid #416248; border-radius:12px; background:linear-gradient(145deg,#102a21,#061812); box-shadow:0 14px 35px #0003; }
.roadmap-eyebrow { margin:0 0 12px; font-size:10px; letter-spacing:.2em; font-weight:800; color:#dcbf7b; }
.roadmap-heading-row { display:flex; gap:16px; align-items:center; justify-content:space-between; }
.home-roadmap h2 { margin:0; font:600 clamp(24px,2.4vw,38px)/1.16 Georgia,serif; color:#f5ebd3; }
.home-roadmap h2 em { color:#71dda2; font-style:normal; }
.roadmap-count { color:#e9cc8d; font:36px/1 Georgia,serif; text-align:center; }
.roadmap-count span { display:block; margin-top:7px; font:8px/1.4 Arial,sans-serif; letter-spacing:.09em; white-space:nowrap; }
.roadmap-intro { color:#c4d1c8; line-height:1.65; font-size:12px; margin:16px 0 7px; }
.roadmap-note { color:#97ac9e; font-size:10px; line-height:1.5; margin:0 0 15px; }
.roadmap-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.roadmap-actions button { cursor:pointer; padding:9px 12px; border:1px solid #557650; border-radius:5px; background:#214a33; color:#f1e8cf; font:600 11px Arial,sans-serif; }
.roadmap-actions button:last-child { background:transparent; color:#b8c9be; }
.roadmap-stage { border-top:1px solid #315140; }
.roadmap-stage > summary { display:flex; align-items:center; gap:12px; list-style:none; padding:15px 0; cursor:pointer; }
.roadmap-stage > summary::-webkit-details-marker { display:none; }
.roadmap-stage-number { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; border:1px solid #456148; border-radius:50%; color:#dfc489; font-size:11px; }
.roadmap-stage-label { display:grid; gap:4px; flex:1; }
.roadmap-stage-label strong { color:#edf0df; font-size:12px; }
.roadmap-stage-label small { color:#91aa9a; font-size:10px; line-height:1.4; }
.roadmap-chevron { color:#b9cd99; font-size:21px; }
.roadmap-stage[open] > summary .roadmap-chevron { transform:rotate(45deg); }
.roadmap-feature-list { display:grid; gap:7px; padding:0 0 16px; }
.roadmap-feature { border:1px solid #2b4939; border-radius:6px; background:#061a12; }
.roadmap-feature summary { padding:12px; cursor:pointer; font-size:12px; line-height:1.5; color:#e3e9dc; }
.roadmap-feature-number { color:#a4be80; margin-right:7px; font-size:10px; }
.roadmap-feature p { margin:0; padding:0 14px 15px; font-size:12px; line-height:1.75; color:#b7cbbd; }
.home-roadmap summary:hover,.roadmap-actions button:hover { color:#fff; background-color:#ffffff06; }
.home-roadmap :focus-visible,.home-explore-links a:focus-visible,.snapshot-quick-card:focus-visible { outline:2px solid #ead292; outline-offset:4px; }
.home-overview .snapshot-home-hero { margin:0; min-height:0; height:auto; aspect-ratio:auto; padding:0; overflow:hidden; border:1px solid #526247; background:#e9e0ce; border-radius:12px; }
.home-overview .snapshot-home-hero::before { display:none; }
.home-overview .snapshot-home-hero::after { display:none; }
.home-brand-art { display:block; width:100%; height:auto; }
.home-overview .snapshot-server-bar { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; padding:14px; background:#071c15; }
.home-overview .snapshot-server-card { min-width:0; padding:10px; background:transparent; border:0; }
.home-overview .snapshot-server-card:nth-child(3) { display:grid; }
.home-overview .snapshot-server-card b { font-size:12px; }
.home-overview .snapshot-server-card small { display:block; margin-bottom:4px; font-size:9px; }
.home-overview .snapshot-play-now { grid-column:1/-1; margin-top:10px; min-height:38px; }
.snapshot-home .snapshot-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.snapshot-home .snapshot-quick-card { display:flex; flex-direction:column; align-items:stretch; padding:0; overflow:hidden; min-height:240px; background:#0b2118; border:1px solid #39583c; border-radius:10px; }
.snapshot-home .snapshot-quick-card::after { display:none; }
.snapshot-home .snapshot-quick-art { position:static; display:block; width:100%; height:150px; flex-shrink:0; border:0; border-radius:0; opacity:1; filter:none; background-size:cover; background-position:center; }
.snapshot-home .snapshot-quick-copy { padding:16px; gap:7px; }
.snapshot-home .snapshot-quick-copy b { font:600 20px Georgia,serif; color:#f2e1b5; }
.snapshot-home .snapshot-quick-copy span { font-size:11px; line-height:1.5; color:#acbfb0; }
.snapshot-home .snapshot-quick-arrow { align-self:flex-end; margin:-30px 14px 14px; color:#dac189; }
.snapshot-home .card-art-wallet { background-image:url('/assets/images/home-wallet.webp'); }
.snapshot-home .card-art-quests { background-image:url('/assets/images/home-quests.webp'); }
.snapshot-home .card-art-skins { background-image:url('/assets/images/home-skins.webp'); }
.snapshot-home .card-art-marketplace { background-image:url('/assets/images/home-marketplace.webp'); }
.home-explore-links { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:16px 0; }
.home-explore-links a { display:flex; align-items:center; gap:18px; padding:22px; border:1px solid #37513d; border-radius:9px; background:linear-gradient(110deg,#0d291ee8,#0b2118f2),url('/assets/gateway-map.webp') center/cover; }
.home-explore-links a > span { color:#dac189; font-size:25px; }
.home-explore-links a > span:last-child { margin-left:auto; }
.home-explore-links b { display:block; font:600 20px Georgia,serif; color:#f2e1b5; }
.home-explore-links small { display:block; margin-top:6px; color:#acbfb0; line-height:1.5; }
@media(max-width:1100px) { .home-overview { grid-template-columns:minmax(300px,1fr) minmax(0,1fr); gap:12px; } .home-roadmap { padding:18px; } .snapshot-home .snapshot-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:740px) { .home-overview { grid-template-columns:1fr; } .home-overview .snapshot-home-hero { grid-row:1; } .home-brand-art { max-height:320px; object-fit:contain; } .home-explore-links { grid-template-columns:1fr; } }
@media(max-width:420px) { .snapshot-home .snapshot-quick-grid { gap:9px; } .snapshot-home .snapshot-quick-art { height:110px; } .snapshot-home .snapshot-quick-copy { padding:12px; } .snapshot-home .snapshot-quick-copy b { font-size:18px; } .home-overview .snapshot-server-bar { padding:6px; } .home-overview .snapshot-server-card { padding:7px 4px; grid-template-columns:1fr; text-align:center; } .home-overview .snapshot-server-card i { display:none; } }


/* Community roadmap voting: keep it inside the existing collapsible roadmap. */
.roadmap-feature summary { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.roadmap-feature-status {
  margin-left:auto; border:1px solid #4b6753; border-radius:999px;
  padding:3px 7px; font:600 9px Arial,sans-serif; color:#d8e4cf;
}
.roadmap-feature-voting {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  gap:8px; margin:0 12px 13px; padding-top:11px; border-top:1px solid #2a4738;
}
.roadmap-feature-status.is-complete { color:#c7f9d6; background:#164b2c; border-color:#66bd83; }
.roadmap-feature-status.is-partial { color:#ffe0a0; background:#44351a; border-color:#b09050; }
.roadmap-release-note { border-left:2px solid #66bd83; padding-left:10px; }
.roadmap-release-note a { color:#a4e7bc; text-decoration:underline; }
.roadmap-vote-count,.roadmap-vote-closed { color:#a6c0ae; font-size:11px; }
.roadmap-vote-button {
  border:1px solid #c1a45c; border-radius:5px; padding:8px 12px;
  background:#173c2b; color:#f6e6b9; font:700 11px Arial,sans-serif; cursor:pointer;
}
.roadmap-vote-button:hover:not(:disabled) { background:#285b3e; }
.roadmap-vote-button.is-voted { border-color:#80c69a; color:#c7f3d9; }
.roadmap-vote-button:disabled { opacity:.58; cursor:not-allowed; }
.roadmap-community { margin-top:19px; border-top:1px solid #48604b; padding-top:17px; }
.roadmap-community-heading { display:flex; gap:10px; justify-content:space-between; align-items:center; }
.roadmap-community-heading h3 { margin:0; color:#f1dcaa; font:600 20px Georgia,serif; }
.roadmap-ballot-total { font:700 10px Arial,sans-serif; color:#a6d9b4; white-space:nowrap; }
#roadmap-vote-status { margin:9px 0; color:#b6cebc; font-size:12px; line-height:1.6; }
#roadmap-vote-status.roadmap-error,.roadmap-error { color:#f2ad97!important; }
.roadmap-signin { color:#f2dca8; text-decoration:underline; text-underline-offset:3px; }
.roadmap-leaders { margin:12px 0 17px; padding:0; list-style:none; display:grid; gap:6px; }
.roadmap-leaders li {
  border:1px solid #355440; border-radius:5px; padding:9px 12px;
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  color:#d0e1d0; font-size:12px; background:#071c16;
}
.roadmap-leaders li span { color:#f0d093; font-weight:700; }
.roadmap-leaders a { color:#ebeddf; text-decoration:none; }
.roadmap-leaders a:hover { text-decoration:underline; }
.roadmap-suggest { border-top:1px solid #355440; padding:12px 0; }
.roadmap-suggest > summary { display:flex; justify-content:space-between; gap:10px; cursor:pointer; color:#e4ddbd; font-size:12px; font-weight:700; list-style:none; }
.roadmap-suggest > summary::-webkit-details-marker { display:none; }
.roadmap-suggest p { color:#a7bcaa; font-size:11px; line-height:1.6; }
#roadmap-suggestion-form { display:grid; gap:9px; margin-top:13px; }
#roadmap-suggestion-form label { font-size:11px; color:#d6e5d2; }
#roadmap-suggestion-form input,#roadmap-suggestion-form textarea {
  width:100%; box-sizing:border-box; background:#061811; color:#f0f3e7;
  border:1px solid #476d50; border-radius:5px; padding:11px; font:12px Arial,sans-serif;
}
#roadmap-suggestion-form button { justify-self:start; cursor:pointer; border:1px solid #ab9156; background:#24543a; color:#f5e8c9; border-radius:5px; padding:10px 14px; font-weight:700; }
#roadmap-suggestion-form button:disabled { opacity:.5; cursor:not-allowed; }
.roadmap-approved-item { padding:9px 0; border-bottom:1px solid #304c3b; }
.roadmap-approved-item strong { font-size:12px; color:#f0d8aa; }
.roadmap-approved-item p { margin:5px 0; }
.roadmap-vote-button:focus-visible,.roadmap-suggest :focus-visible,.roadmap-leaders :focus-visible { outline:2px solid #f1daa6; outline-offset:3px; }
@media(max-width:420px) {
  .roadmap-community-heading { align-items:flex-start; }
  .roadmap-community-heading h3 { font-size:18px; }
  .roadmap-feature-status { margin-left:0; }
}