/* Release surfaces: full-resolution card art, layered depth and user-driven movement. */
.release-banner { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; padding:16px 22px; margin:0 0 24px; border:1px solid #a4f8d830; border-radius:12px; background:linear-gradient(110deg,#163a343d,#101b22dd); }
.release-live { display:inline-flex; align-items:center; gap:9px; color:var(--gold); font-size:13px; font-weight:650; white-space:nowrap; }
.release-live i { width:6px; height:6px; background:currentColor; border-radius:50%; box-shadow:0 0 14px #a4f8d88c; }
.release-banner-version { font-size:12px; color:var(--ink-soft); }
.release-banner-copy { flex:1; font-size:13px; color:var(--ink-soft); }
.release-banner a,.roadmap-footer a { font-size:13px; color:var(--gold); text-decoration:underline; text-underline-offset:4px; }
.nav-alpha { font-size:10px; margin-left:6px; padding:3px 5px; border:1px solid #a4f8d84d; border-radius:4px; color:var(--gold); vertical-align:middle; }
.release-tabs { display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.release-tabs a { color:var(--ink-mute); padding:8px 0; border-bottom:1px solid transparent; }
.release-tabs a[aria-current] { color:var(--gold); border-color:var(--gold); }
.release-tabs a:last-child { margin-left:auto; }
.roadmap-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:24px; min-height:430px; padding:28px 0 36px; }
.roadmap-hero-copy { position:relative; z-index:3; }
.roadmap-hero h1,.notes-heading h1 { font:500 clamp(44px,5.8vw,82px)/1.03 var(--font-display); letter-spacing:-3px; margin:22px 0; color:var(--ink); text-transform:none; }
.roadmap-hero p { font-size:17px; line-height:1.7; max-width:43ch; color:var(--ink-soft); margin-bottom:26px; }
.roadmap-flight { position:relative; min-width:0; height:360px; perspective:1000px; isolation:isolate; overflow:clip; }
.roadmap-halo { position:absolute; inset:8% 10%; border-radius:50%; border:1px solid #a4f8d844; transform:rotateX(55deg) rotate(-25deg); box-shadow:0 0 70px #a4f8d81c,inset 0 0 70px #a4f8d812; }
.roadmap-halo::after { content:''; position:absolute; inset:-35px 30px; border:1px solid #cf9d7240; border-radius:50%; transform:rotate(60deg); }
.roadmap-flight-card { position:absolute; width:clamp(130px,14vw,195px); aspect-ratio:744/1039; left:50%; top:45px; border-radius:11px; background:#101b22; border:1px solid #a4f8d85c; overflow:hidden; box-shadow:0 30px 55px #0009,3px 3px 0 #38534e; transform:translateX(var(--shift)) rotate(var(--angle)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .3s ease-out; animation:release-deal .8s cubic-bezier(.2,.7,.2,1) both; }
.roadmap-flight-card.flight-0 { --shift:-124%; --angle:-18deg; top:64px; animation-delay:.08s; }
.roadmap-flight-card.flight-1 { --shift:-50%; --angle:0deg; z-index:2; top:15px; animation-delay:.16s; }
.roadmap-flight-card.flight-2 { --shift:24%; --angle:18deg; top:64px; animation-delay:.24s; }
.roadmap-flight-image { width:100%; height:100%; object-fit:cover; display:block; }
.roadmap-foil { position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 32%,#e4fff721 48%,transparent 63%); mix-blend-mode:screen; }
.roadmap-track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; position:relative; padding:14px 0 24px; align-items:start; }
.roadmap-track::before { content:''; position:absolute; top:120px; left:4%; right:4%; height:1px; background:linear-gradient(90deg,#a4f8d8,#a4f8d83b 50%,#cf9d7260); box-shadow:0 0 20px #a4f8d82e; }
.roadmap-card { min-width:0; position:relative; border:1px solid #cf9d7247; border-radius:19px; background:linear-gradient(165deg,#233e42,#101b22 60%); box-shadow:0 22px 55px #0005; transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .22s ease-out,border-color .22s,box-shadow .22s; animation:release-rise .65s both; animation-delay:calc(.15s + var(--stage)*.1s); }
.roadmap-card::before { content:''; z-index:-1; position:absolute; inset:7px -6px -7px 6px; border:1px solid #8fc9bf29; border-radius:19px; background:#132027; transform:rotate(1.5deg); }
.roadmap-card:hover { border-color:#a4f8d887; box-shadow:0 24px 65px #0007,0 0 32px #a4f8d812; }
.roadmap-alpha { border-color:#a4f8d870; background:linear-gradient(165deg,#27534d,#101b22 66%); }
.roadmap-art { position:relative; height:225px; border-radius:18px 18px 0 0; overflow:hidden; background:#17282f; }
.roadmap-art-image { width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:.82; transition:transform .6s; }
.roadmap-card:hover .roadmap-art-image { transform:scale(1.045); }
.roadmap-art-shade { position:absolute; inset:0; background:linear-gradient(0deg,#14242a 0%,transparent 75%),linear-gradient(90deg,#080f1466,transparent); }
.roadmap-status { position:absolute; top:20px; left:22px; border:1px solid #f3efe533; border-radius:20px; padding:7px 12px; background:#080f14b8; font-size:12px; color:var(--ink-soft); backdrop-filter:blur(12px); }
.roadmap-alpha .roadmap-status { color:var(--gold); border-color:#a4f8d850; }
.roadmap-stage { position:absolute; bottom:8px; left:26px; font:500 64px/1 var(--font-display); letter-spacing:-3px; color:var(--ink); text-shadow:0 3px 18px #0007; }
.roadmap-card-body { padding:22px 26px 28px; }
.roadmap-card h2 { font:500 26px/1.2 var(--font-display); letter-spacing:-.6px; color:var(--ink); margin:0 0 14px; text-transform:none; }
.roadmap-card p { font-size:14px; line-height:1.7; color:var(--ink-soft); min-height:70px; margin:0; }
.roadmap-progress { margin:22px 0; }
.roadmap-progress>div { display:flex; justify-content:space-between; gap:10px; font-size:12px; margin-bottom:10px; }
.roadmap-progress strong { color:var(--gold); }
.roadmap-progress progress { display:block; width:100%; height:5px; border:0; appearance:none; border-radius:10px; background:#a4f8d81a; overflow:hidden; }
.roadmap-progress progress::-webkit-progress-bar { background:#a4f8d81a; }
.roadmap-progress progress::-webkit-progress-value { background:linear-gradient(90deg,#689f92,#a4f8d8); border-radius:10px; }
.roadmap-progress progress::-moz-progress-bar { background:#a4f8d8; }
.roadmap-progress small { display:block; margin-top:9px; font-size:11px; line-height:1.6; color:var(--ink-mute); }
.roadmap-requirements { border-top:1px solid #a4f8d822; margin-top:22px; padding-top:16px; }
.roadmap-requirements summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:30px; list-style:none; font-size:13px; color:var(--gold); }
.roadmap-requirements summary::-webkit-details-marker { display:none; }
.roadmap-requirements summary span { font-size:22px; transition:transform .2s; }
.roadmap-requirements[open] summary span { transform:rotate(45deg); }
.roadmap-requirements ul { margin:18px 0 0; padding-left:17px; color:var(--ink-soft); font-size:13px; line-height:1.7; }
.roadmap-requirements li+li { margin-top:10px; }
.roadmap-footer { display:flex; align-items:center; gap:30px; justify-content:space-between; margin:38px 0 0; border-top:1px solid #a4f8d822; padding-top:24px; }
.roadmap-footer p { max-width:74ch; color:var(--ink-mute); font-size:13px; line-height:1.7; }
.roadmap-footer a { white-space:nowrap; }
.notes-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:48px 0 34px; }
.notes-heading h1 { margin:15px 0; font-size:clamp(44px,5.5vw,72px); }
.notes-heading p { color:var(--ink-soft); font-size:16px; }
.release-entry { border:1px solid #a4f8d830; border-radius:18px; background:linear-gradient(135deg,#1b353bcc,#101b22); padding:clamp(22px,4vw,45px); box-shadow:0 25px 60px #0003; }
.release-entry-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.release-version { font-weight:650; font-size:16px; color:var(--gold); }
.release-entry time { display:block; margin-top:8px; color:var(--ink-mute); font-size:13px; }
.release-entry h2 { font:500 clamp(27px,3vw,40px)/1.2 var(--font-display); letter-spacing:-1px; margin:22px 0; color:var(--ink); text-transform:none; }
.release-current { padding:7px 12px; border:1px solid #a4f8d83d; border-radius:30px; font-size:12px; color:var(--gold); white-space:nowrap; }
.release-card-strip { display:flex; justify-content:center; gap:clamp(10px,3vw,36px); padding:22px 0 40px; overflow:hidden; }
.release-featured-card { width:clamp(90px,15vw,165px); flex-shrink:0; aspect-ratio:744/1039; border-radius:10px; overflow:hidden; box-shadow:0 12px 28px #0007; transform:rotate(-3deg); transition:transform .25s; }
.release-featured-card:nth-child(even) { transform:rotate(3deg) translateY(10px); }
.release-featured-card:hover { transform:translateY(-6px); }
.release-card-image { width:100%; height:100%; object-fit:cover; }
.release-changes { display:grid; grid-template-columns:1fr 1fr; gap:40px; border-top:1px solid #a4f8d822; padding-top:30px; }
.release-change-group h3 { font-size:16px; color:var(--gold); text-transform:none; letter-spacing:0; margin-bottom:18px; }
.release-change-group:last-child h3 { color:var(--copper); }
.release-change-group ul { padding-left:18px; font-size:14px; line-height:1.85; color:var(--ink-soft); }
.release-change-group li+li { margin-top:14px; }
.release-policy-note { font-size:13px; line-height:1.8; color:var(--ink-mute); margin:24px 0 0; max-width:90ch; }
.release-art-fallback { background:linear-gradient(140deg,#274a45,#101b22); }
.rift-intel-wallet { font-size:12px; line-height:1.7; color:var(--ink-soft); margin:0 0 12px; }
@keyframes release-deal { from { opacity:0; translate:0 45px; scale:.9; } to { opacity:1; translate:0 0; scale:1; } }
@keyframes release-rise { from { opacity:0; translate:0 22px; } to { opacity:1; translate:0 0; } }
@media(max-width:1050px) { .roadmap-track { gap:18px; } .roadmap-card-body { padding:20px; } .roadmap-card h2 { font-size:23px; } }
@media(max-width:760px) {
  .roadmap-hero { grid-template-columns:minmax(0,1fr); gap:0; padding-bottom:20px; }
  .roadmap-hero h1 { font-size:56px; letter-spacing:-2px; }
  .roadmap-hero-copy { padding-top:22px; } .roadmap-hero p { font-size:15px; }
  .roadmap-flight { height:280px; margin-top:26px; } .roadmap-flight-card { width:clamp(86px,27vw,110px); }
  .roadmap-track { grid-template-columns:minmax(0,1fr); gap:32px; max-width:520px; margin:auto; }
  .roadmap-track::before { display:none; } .roadmap-art { height:245px; }
  .roadmap-card p { min-height:0; } .roadmap-card-body { padding:24px; }
  .roadmap-card h2 { font-size:28px; } .roadmap-footer { display:block; }
  .roadmap-footer a { display:inline-block; margin-top:18px; }
  .release-banner { padding:14px 16px; gap:12px 16px; } .release-banner-copy { flex-basis:100%; order:3; }
  .release-changes { grid-template-columns:1fr; gap:26px; }
  .release-card-strip { gap:10px; padding-bottom:28px; } .release-featured-card { width:21%; min-width:0; }
  .notes-heading { display:block; padding-top:30px; } .notes-heading>.btn { margin-top:20px; }
  .release-entry-head { flex-wrap:wrap; gap:0; } .release-current { margin-bottom:10px; }
  .release-tabs { gap:18px; font-size:13px; } .release-tabs a:last-child { margin-left:0; }
}
@media(prefers-reduced-motion:reduce) {
  .roadmap-card,.roadmap-flight-card { animation:none; transition:none; }
  .roadmap-card,.release-featured-card,.release-featured-card:nth-child(even) { transform:none; }
  .roadmap-flight-card { transform:translateX(var(--shift)) rotate(var(--angle)); }
  .roadmap-art-image,.roadmap-requirements summary span { transition:none; }
  .roadmap-card:hover .roadmap-art-image { transform:none; }
}