/* Destination-first HUD: readable names, unobstructed landmarks. */
.game-card-topline { top:clamp(14px,3vh,32px); left:clamp(16px,3vw,48px); right:clamp(16px,3vw,48px); align-items:flex-start; }
.chapter-chip { display:flex; flex-direction:column; align-items:flex-start; gap:6px; max-width:calc(100vw - 155px); padding:16px 22px; border:1px solid #ffe1ac55; border-left:4px solid #ffd18b; border-radius:4px 18px 18px 4px; background:rgba(12,19,33,.94); backdrop-filter:none; box-shadow:0 8px 28px #0003; }
.location-eyebrow { color:#ffda9b; font:700 10px/1.4 system-ui,sans-serif; letter-spacing:1.7px; }
#chapterLabel { color:#fffaf0; font:800 clamp(22px,3vw,40px)/1.05 system-ui,sans-serif; letter-spacing:-1px; }
.location-caption { font:italic 14px/1.4 Georgia,serif; color:#f4ddc3; }
.game-card-note { display:none; }
.side-panel { top:clamp(14px,3vh,32px); right:clamp(16px,3vw,48px); width:110px; }
.route-card { display:none; }
.heart-card { padding:12px; background:#101b2bef; border-color:#ffe1ac55; backdrop-filter:none; }
.heart-count { font:800 25px/1 system-ui,sans-serif; margin:10px 0; }
.heart-total { font-size:12px; color:#eee0cf; }
.section-heading { font-size:9px; color:#ffe1ac; }
.scanlines { display:none; }
.start-overlay { background:linear-gradient(90deg,#090f1bef 0%,#090f1bc9 32%,#090f1b22 70%); }
.start-copy { padding:26px; border-left:4px solid #ffd18b; background:#0c1425ba; border-radius:0 20px 20px 0; }
.start-copy .overlay-kicker { color:#ffda9b; font-size:16px; line-height:1.5; letter-spacing:1px; }
@media(max-width:600px) {
 .chapter-chip { padding:10px 12px; gap:4px; }
 .location-eyebrow { font-size:8px; letter-spacing:.7px; }
 #chapterLabel { font-size:22px; }
 .location-caption { font-size:11px; }
 .side-panel { width:100px; }
 .start-copy { margin-left:5%; padding:18px; }
}
@media(max-height:500px) {
 .chapter-chip { padding:8px 14px; }
 #chapterLabel { font-size:23px; }
 .location-caption { display:none; }
 .heart-card { padding:8px; }
 .heart-count { margin:5px 0; font-size:20px; }
}